#primeinfopage {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  -webkit-text-stroke: 0; }
  #primeinfopage div {
    position: relative; }
  #primeinfopage .container-fluid {
    padding-right: 10px;
    padding-left: 10px; }
    @media (max-width: 768px) {
      #primeinfopage .container-fluid {
        overflow: hidden; } }
  #primeinfopage h1 {
    font-size: 34px;
    line-height: 42px;
    margin-bottom: 10px; }
  #primeinfopage h2 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px; }
  #primeinfopage h3 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px; }
  #primeinfopage p, #primeinfopage span {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px; }
  #primeinfopage .row {
    position: relative; }
    #primeinfopage .row div[class^="col-"] {
      padding: 0; }
    #primeinfopage .row .img-background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto; }
      @media (max-width: 768px) {
        #primeinfopage .row .img-background {
          width: auto;
          height: 100%;
          left: -25%; } }
    @media (max-width: 768px) {
      #primeinfopage .row {
        width: calc(100% + 20px); } }
  #primeinfopage .btn {
    padding: 10px 50px; }
    #primeinfopage .btn i {
      font-size: 10px;
      margin-left: 10px; }
  #primeinfopage .btn-big {
    margin-bottom: 10px;
    padding: 10px 80px; }
    @media (max-width: 768px) {
      #primeinfopage .btn-big {
        padding: 10px;
        width: 100%; } }
  #primeinfopage .btn-disabled {
    background-color: #b3b3b3;
    border-color: #b3b3b3;
    cursor: default; }
  #primeinfopage .info-side-icon, #primeinfopage .info-centered-icon {
    display: inline-block;
    width: 400px;
    float: left;
    margin-bottom: 30px; }
    #primeinfopage .info-side-icon h2, #primeinfopage .info-centered-icon h2 {
      color: #00af9c;
      margin-bottom: 20px; }
    #primeinfopage .info-side-icon .icon, #primeinfopage .info-centered-icon .icon {
      display: inline-block;
      position: absolute;
      width: 60px;
      height: 60px;
      left: -70px;
      top: 0; }
      #primeinfopage .info-side-icon .icon img, #primeinfopage .info-centered-icon .icon img {
        width: 100%; }
    @media (max-width: 768px) {
      #primeinfopage .info-side-icon, #primeinfopage .info-centered-icon {
        width: calc(100% - 110px);
        float: right;
        margin-right: 20px; }
        #primeinfopage .info-side-icon .icon, #primeinfopage .info-centered-icon .icon {
          width: 50px;
          height: 50px;
          top: 5px; } }
  #primeinfopage .info-centered-icon {
    text-align: center;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px; }
    #primeinfopage .info-centered-icon .icon {
      position: relative;
      top: auto;
      left: auto;
      text-align: center; }
    @media (max-width: 768px) {
      #primeinfopage .info-centered-icon {
        width: 100%;
        float: left;
        margin-right: 0px; } }
  #primeinfopage .checklist {
    padding-left: 50px;
    display: inline-block;
    width: 100%;
    float: left;
    margin-bottom: 30px; }
    #primeinfopage .checklist p {
      font-size: 14px;
      line-height: 18px;
      color: #00af9c; }
      #primeinfopage .checklist p i {
        color: white;
        margin-right: 10px; }
  #primeinfopage .step-container {
    display: inline-block;
    width: 100%;
    float: left;
    padding-right: 30px; }
    #primeinfopage .step-container .step {
      display: inline-block;
      width: 50px;
      float: left;
      color: white;
      text-align: center; }
      #primeinfopage .step-container .step span {
        display: block;
        font-size: 12px;
        line-height: 14px;
        margin-right: -10px;
        margin-left: -10px;
        margin-top: 10px; }
      #primeinfopage .step-container .step .number {
        display: inline-block;
        width: 100%;
        height: 50px;
        float: left;
        border: none;
        border-radius: 100%;
        padding-top: 5px;
        font-size: 26px;
        background-color: #027771; }
    #primeinfopage .step-container .step:first-child .number {
      background-color: #00AE9B; }
    #primeinfopage .step-container .step-line {
      display: inline-block;
      height: 25px;
      float: left;
      margin-top: 25px;
      border-top: 1px solid #027771;
      width: calc((100% - 150px) / 2); }
  #primeinfopage .pageprimelogo {
    width: 100px;
    padding-bottom: 10px;
    border-bottom: 2px solid #00af9c; }
  #primeinfopage .button-legend span {
    font-size: 10px; }
  #primeinfopage .button-legend a {
    font-size: 10px;
    color: black;
    text-decoration: underline; }
  #primeinfopage .button-container {
    display: inline-block;
    width: 100%;
    float: left; }
    @media (max-width: 768px) {
      #primeinfopage .button-container {
        text-align: center; } }
  #primeinfopage .background-strip-container {
    height: 100%; }
  #primeinfopage .default-height {
    height: 575px; }
    @media (max-width: 768px) {
      #primeinfopage .default-height {
        height: auto; } }
  #primeinfopage .header-container .header-info {
    text-align: center;
    padding: 100px 80px !important; }
    #primeinfopage .header-container .header-info .pageprimelogo {
      color: white; }
    #primeinfopage .header-container .header-info h1 {
      color: white;
      margin-bottom: 20px; }
    #primeinfopage .header-container .header-info p {
      color: #00af9c;
      margin-bottom: 30px; }
  @media (max-width: 768px) {
    #primeinfopage .header-container .header-info {
      padding: 100px 30px !important; }
    #primeinfopage .header-container .img-background {
      right: -50%;
      left: auto; } }
  #primeinfopage .header-container-2 {
    background-color: #333333;
    padding: 50px 0px; }
    #primeinfopage .header-container-2 .icon-container {
      display: inline-block;
      width: 100px;
      height: 100px;
      border: none;
      border-radius: 100%;
      background-color: #3F3F3E;
      text-align: center;
      margin-bottom: 20px; }
      #primeinfopage .header-container-2 .icon-container img {
        margin-top: 20px;
        width: 60px; }
    #primeinfopage .header-container-2 div[class^="col-xs"] {
      text-align: center; }
    #primeinfopage .header-container-2 p {
      color: white;
      margin-left: 30px;
      margin-right: 30px; }
    @media (max-width: 768px) {
      #primeinfopage .header-container-2 .icon-container {
        margin-top: 30px; } }
  #primeinfopage .products-dropdown-container {
    background-color: white;
    padding: 50px 0px;
    text-align: center; }
    #primeinfopage .products-dropdown-container .dropdown-container {
      display: inline-block; }
      #primeinfopage .products-dropdown-container .dropdown-container .dropdown-trigger img, #primeinfopage .products-dropdown-container .dropdown-container .dropdown-trigger h2, #primeinfopage .products-dropdown-container .dropdown-container .dropdown-trigger i {
        float: left; }
      #primeinfopage .products-dropdown-container .dropdown-container .dropdown-trigger i {
        margin-top: 15px;
        cursor: pointer;
        -webkit-transition: transform 0.2s;
        /* Safari */
        transition: transform 0.2s; }
        #primeinfopage .products-dropdown-container .dropdown-container .dropdown-trigger i.active {
          transform: rotate(180deg); }
      #primeinfopage .products-dropdown-container .dropdown-container .dropdown-trigger h2 {
        font-size: 26px;
        font-weight: 600;
        margin: 10px;
        display: inline-block;
        cursor: pointer; }
      #primeinfopage .products-dropdown-container .dropdown-container .dropdown {
        position: absolute;
        display: none;
        width: 500px;
        top: calc(100% + 20px);
        left: 50%;
        background-color: rgba(234, 236, 236, 0.98);
        z-index: 99;
        padding-top: 30px;
        padding-bottom: 30px;
        box-shadow: 3px 3px 5px rgba(60, 63, 67, 0.4); }
        #primeinfopage .products-dropdown-container .dropdown-container .dropdown .arrow-up {
          position: absolute;
          top: -15px;
          left: 20px;
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 15px solid rgba(234, 236, 236, 0.98); }
        #primeinfopage .products-dropdown-container .dropdown-container .dropdown .dropdown-closer {
          position: fixed;
          top: 0;
          left: 0;
          width: 100vw;
          height: 100vh;
          z-index: -1; }
        #primeinfopage .products-dropdown-container .dropdown-container .dropdown .item {
          display: inline-block;
          width: 100%;
          float: left;
          padding: 15px 30px;
          text-align: left; }
          #primeinfopage .products-dropdown-container .dropdown-container .dropdown .item span {
            color: #8F9090; }
          #primeinfopage .products-dropdown-container .dropdown-container .dropdown .item:hover span {
            cursor: pointer;
            border-bottom: 1px solid #00af9c; }
        #primeinfopage .products-dropdown-container .dropdown-container .dropdown.active {
          display: inline-block; }
    @media (max-width: 768px) {
      #primeinfopage .products-dropdown-container .dropdown-container .dropdown {
        width: 250px;
        left: calc(50% - 125px); }
        #primeinfopage .products-dropdown-container .dropdown-container .dropdown .arrow-up {
          left: calc(50% - 8px); } }
  #primeinfopage .webinars-container {
    padding: 100px 0px; }
    #primeinfopage .webinars-container div[class^="col-xs"] {
      text-align: center; }
      #primeinfopage .webinars-container div[class^="col-xs"] h1 {
        font-size: 42px;
        line-height: 46px;
        color: white; }
      #primeinfopage .webinars-container div[class^="col-xs"] h2, #primeinfopage .webinars-container div[class^="col-xs"] p {
        color: #00af9c; }
      #primeinfopage .webinars-container div[class^="col-xs"] h1:nth-child(3) {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 30px; }
        #primeinfopage .webinars-container div[class^="col-xs"] h1:nth-child(3) span {
          font-size: 26px;
          margin-left: 5px;
          margin-right: 5px;
          color: #00af9c; }
      #primeinfopage .webinars-container div[class^="col-xs"] p {
        margin-bottom: 40px; }
    @media (max-width: 768px) {
      #primeinfopage .webinars-container {
        padding: 100px 20px; }
        #primeinfopage .webinars-container div[class^="col-xs"] h1:nth-child(3) {
          font-size: 22px;
          line-height: 28px; }
          #primeinfopage .webinars-container div[class^="col-xs"] h1:nth-child(3) span {
            font-size: 22px; } }
  #primeinfopage .realtimeanalytics-container {
    position: relative;
    background-color: white; }
    #primeinfopage .realtimeanalytics-container .info-side-icon, #primeinfopage .realtimeanalytics-container .info-centered-icon {
      margin-top: 100px;
      margin-bottom: 50px; }
    #primeinfopage .realtimeanalytics-container .background-strip {
      display: inline-block;
      width: 100%;
      height: 100%;
      background-color: #00AE9B; }
      @media (max-width: 768px) {
        #primeinfopage .realtimeanalytics-container .background-strip {
          height: 575px; } }
    #primeinfopage .realtimeanalytics-container .button-container {
      margin-top: 30px; }
      @media (max-width: 768px) {
        #primeinfopage .realtimeanalytics-container .button-container {
          margin-bottom: 30px; } }
    #primeinfopage .realtimeanalytics-container .phone-preview {
      position: absolute;
      top: 50px;
      left: -80px;
      height: 100%;
      color: #00AE9B; }
      @media (max-width: 768px) {
        #primeinfopage .realtimeanalytics-container .phone-preview {
          height: auto;
          left: 0;
          text-align: center;
          width: 100%; } }
  #primeinfopage .mycompanydata-container {
    padding: 50px 0px; }
    #primeinfopage .mycompanydata-container .mycompanydata-description {
      text-align: center; }
      #primeinfopage .mycompanydata-container .mycompanydata-description h2 {
        color: #00af9c; }
      #primeinfopage .mycompanydata-container .mycompanydata-description p {
        color: white; }
    #primeinfopage .mycompanydata-container .mycompanydata-labels {
      text-align: right; }
      #primeinfopage .mycompanydata-container .mycompanydata-labels .info-side-icon, #primeinfopage .mycompanydata-container .mycompanydata-labels .info-centered-icon {
        margin-bottom: 20px; }
      #primeinfopage .mycompanydata-container .mycompanydata-labels div {
        height: 50px;
        padding-top: 15px;
        padding-right: 10px; }
        #primeinfopage .mycompanydata-container .mycompanydata-labels div span:first-child {
          margin-bottom: 0; }
      #primeinfopage .mycompanydata-container .mycompanydata-labels div:first-child {
        padding-top: 5px; }
      #primeinfopage .mycompanydata-container .mycompanydata-labels span {
        display: block;
        color: #00af9c; }
      #primeinfopage .mycompanydata-container .mycompanydata-labels span:nth-child(2) {
        font-size: 10px; }
    #primeinfopage .mycompanydata-container .mycompanydata-inputs {
      margin-bottom: 30px; }
      #primeinfopage .mycompanydata-container .mycompanydata-inputs div {
        display: inline-block;
        width: 100%;
        float: left;
        padding: 5px 0px;
        position: relative; }
        #primeinfopage .mycompanydata-container .mycompanydata-inputs div span {
          display: none; }
          @media (max-width: 768px) {
            #primeinfopage .mycompanydata-container .mycompanydata-inputs div span {
              margin-top: 10px;
              display: block;
              color: #00af9c; } }
        @media (max-width: 768px) {
          #primeinfopage .mycompanydata-container .mycompanydata-inputs div span:nth-child(2) {
            font-size: 10px;
            line-height: 14px;
            margin-top: -10px; }
          #primeinfopage .mycompanydata-container .mycompanydata-inputs div span:last-child {
            display: none; } }
      #primeinfopage .mycompanydata-container .mycompanydata-inputs div#plz {
        display: inline-block;
        width: 30%;
        float: left; }
        @media (max-width: 768px) {
          #primeinfopage .mycompanydata-container .mycompanydata-inputs div#plz {
            width: 100%; } }
      #primeinfopage .mycompanydata-container .mycompanydata-inputs div#city {
        display: inline-block;
        float: left;
        width: calc(70% - 10px);
        margin-left: 10px; }
        #primeinfopage .mycompanydata-container .mycompanydata-inputs div#city input {
          display: inline-block;
          width: calc(100% - 52px);
          margin-left: 10px; }
        #primeinfopage .mycompanydata-container .mycompanydata-inputs div#city span:nth-child(1) {
          margin-top: 10px;
          display: inline-block;
          color: #00af9c; }
        @media (max-width: 768px) {
          #primeinfopage .mycompanydata-container .mycompanydata-inputs div#city {
            width: 100%;
            margin-left: 0px; }
            #primeinfopage .mycompanydata-container .mycompanydata-inputs div#city input {
              width: 100%;
              margin-left: 0; } }
      #primeinfopage .mycompanydata-container .mycompanydata-inputs div.error input {
        border: 1px solid #C50000; }
      #primeinfopage .mycompanydata-container .mycompanydata-inputs div.error span {
        color: #C50000; }
      #primeinfopage .mycompanydata-container .mycompanydata-inputs div.error span:last-child {
        display: inline-block;
        position: absolute;
        top: 15px;
        right: 10px; }
      #primeinfopage .mycompanydata-container .mycompanydata-inputs input {
        width: 100%;
        background-color: transparent;
        border: 1px solid #00af9c;
        height: 40px;
        padding-left: 10px;
        color: white; }
        #primeinfopage .mycompanydata-container .mycompanydata-inputs input:focus {
          outline: none;
          border: 2px solid #3bc2b3; }
      @media (max-width: 768px) {
        #primeinfopage .mycompanydata-container .mycompanydata-inputs div {
          padding: 0px 30px; }
          #primeinfopage .mycompanydata-container .mycompanydata-inputs div span:last-child {
            display: none; } }
  #primeinfopage .companyprofile-container {
    padding: 50px 0px;
    padding-bottom: 0;
    background-color: white; }
    #primeinfopage .companyprofile-container .placeholder {
      margin-top: 100px;
      text-align: right;
      padding-right: 100px;
      z-index: 1; }
      #primeinfopage .companyprofile-container .placeholder img {
        width: 480px; }
      @media (max-width: 768px) {
        #primeinfopage .companyprofile-container .placeholder {
          padding-right: 10px; }
          #primeinfopage .companyprofile-container .placeholder img {
            width: calc(100% + 10px);
            margin-left: -10px; } }
    #primeinfopage .companyprofile-container .info-side-icon, #primeinfopage .companyprofile-container .info-centered-icon {
      margin-top: 100px; }
    #primeinfopage .companyprofile-container .bottom-strip {
      position: absolute;
      bottom: 0px;
      height: 100px;
      width: 100%;
      background-color: #d5d5d5;
      opacity: 0.3; }
  #primeinfopage .leadmanagement-container {
    background-color: white; }
    #primeinfopage .leadmanagement-container div[class^='col-xs'] {
      height: 100%; }
    #primeinfopage .leadmanagement-container .info-side-icon, #primeinfopage .leadmanagement-container .info-centered-icon {
      width: 500px;
      margin-top: 200px; }
    #primeinfopage .leadmanagement-container .topics-container {
      display: inline-block;
      width: 350px;
      float: left;
      margin-top: 100px;
      margin-left: 30px; }
      #primeinfopage .leadmanagement-container .topics-container .topic {
        display: inline-block;
        width: 100%;
        float: left;
        margin-top: 10px;
        margin-bottom: 10px; }
        #primeinfopage .leadmanagement-container .topics-container .topic .icon {
          display: inline-block;
          width: 40px;
          height: 40px;
          text-align: center;
          float: left;
          margin-right: 10px; }
        #primeinfopage .leadmanagement-container .topics-container .topic img {
          width: 30px; }
        #primeinfopage .leadmanagement-container .topics-container .topic span {
          float: left;
          margin-top: 7px;
          color: white;
          max-width: 290px; }
      #primeinfopage .leadmanagement-container .topics-container .topic:first-child span {
        margin-top: -5px; }
    #primeinfopage .leadmanagement-container .background-strip {
      position: absolute;
      height: 100%;
      width: 400px;
      top: 0;
      left: 0;
      background-color: #00AE9B; }
    #primeinfopage .leadmanagement-container .button-container {
      display: inline-block;
      width: 100%; }
    @media (max-width: 768px) {
      #primeinfopage .leadmanagement-container .info-side-icon, #primeinfopage .leadmanagement-container .info-centered-icon {
        width: calc(100% - 110px);
        float: right;
        margin-right: 20px;
        margin-top: 100px; }
      #primeinfopage .leadmanagement-container .graphic {
        margin-top: 50px; }
      #primeinfopage .leadmanagement-container .button-container {
        margin-bottom: 50px; } }
  #primeinfopage .reviewdashboard-container {
    background-color: white; }
    #primeinfopage .reviewdashboard-container div[class^="col-xs"] {
      padding: 0px 50px; }
    #primeinfopage .reviewdashboard-container .info-centered-icon {
      margin-top: 100px; }
    #primeinfopage .reviewdashboard-container .review-icon-container {
      display: inline-block;
      width: 100%;
      float: left;
      margin-top: 100px; }
      #primeinfopage .reviewdashboard-container .review-icon-container .review-icon {
        display: inline-block;
        width: 60px;
        margin: 20px;
        float: left; }
        #primeinfopage .reviewdashboard-container .review-icon-container .review-icon img {
          width: 100%; }
    @media (max-width: 768px) {
      #primeinfopage .reviewdashboard-container div[class^="col-xs"] {
        padding: 0px 20px; }
      #primeinfopage .reviewdashboard-container .review-icon-container {
        margin-top: 50px;
        margin-bottom: 50px; }
        #primeinfopage .reviewdashboard-container .review-icon-container .review-icon {
          width: 50px;
          margin: 15px; }
          #primeinfopage .reviewdashboard-container .review-icon-container .review-icon img {
            width: 100%; } }
  #primeinfopage .btrusted-container div[class^="col-xs"]:nth-child(3) {
    height: 100%;
    padding-top: 80px; }
  #primeinfopage .btrusted-container .background-color {
    position: absolute;
    top: 40px;
    left: -150px;
    width: calc(100% + 150px);
    height: calc(100% - 80px);
    background-color: #026967; }
  #primeinfopage .btrusted-container .btrusted-logo {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 10px;
    width: 60px; }
    #primeinfopage .btrusted-container .btrusted-logo img {
      width: 100%; }
  #primeinfopage .btrusted-container .step-container {
    margin-left: -100px;
    width: calc(100% + 100px); }
  #primeinfopage .btrusted-container .info-side-icon, #primeinfopage .btrusted-container .info-centered-icon {
    margin-bottom: 20px; }
    #primeinfopage .btrusted-container .info-side-icon p, #primeinfopage .btrusted-container .info-centered-icon p {
      color: white; }
  @media (max-width: 768px) {
    #primeinfopage .btrusted-container {
      background-color: #026967; }
      #primeinfopage .btrusted-container .img-background {
        position: relative;
        height: 300px;
        left: 0; }
      #primeinfopage .btrusted-container .btrusted-logo {
        top: -20px; }
      #primeinfopage .btrusted-container div[class^="col-xs"]:nth-child(3) {
        padding-top: 50px; }
      #primeinfopage .btrusted-container .step-container {
        margin-left: 0px;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 50px; }
      #primeinfopage .btrusted-container .button-container {
        margin-bottom: 50px; } }
  #primeinfopage .onlinebooking-container {
    background-color: white; }
    #primeinfopage .onlinebooking-container div[class^='col-xs'] {
      height: 100%; }
    #primeinfopage .onlinebooking-container .calendar {
      height: 100%;
      overflow: hidden; }
      #primeinfopage .onlinebooking-container .calendar img {
        width: 100%; }
    #primeinfopage .onlinebooking-container .info-side-icon, #primeinfopage .onlinebooking-container .info-centered-icon, #primeinfopage .onlinebooking-container .button-container {
      margin-left: 150px; }
    #primeinfopage .onlinebooking-container .info-side-icon, #primeinfopage .onlinebooking-container .info-centered-icon {
      margin-top: 200px; }
    #primeinfopage .onlinebooking-container .phone {
      position: absolute;
      width: 500px;
      bottom: 50px;
      left: calc(50% - 250px); }
      #primeinfopage .onlinebooking-container .phone img {
        width: 100%; }
    @media (max-width: 768px) {
      #primeinfopage .onlinebooking-container .calendar {
        height: auto;
        width: 100%; }
      #primeinfopage .onlinebooking-container .phone {
        width: 450px;
        left: calc(50% - 225px); }
      #primeinfopage .onlinebooking-container .info-side-icon, #primeinfopage .onlinebooking-container .info-centered-icon {
        margin-top: 100px; }
      #primeinfopage .onlinebooking-container .button-container {
        margin-left: 0;
        margin-bottom: 50px; } }
  #primeinfopage .reviewmaster-container {
    background-color: white; }
    #primeinfopage .reviewmaster-container .info-side-icon, #primeinfopage .reviewmaster-container .info-centered-icon, #primeinfopage .reviewmaster-container .button-container {
      margin-left: 150px; }
    #primeinfopage .reviewmaster-container .info-side-icon, #primeinfopage .reviewmaster-container .info-centered-icon {
      margin-top: 200px; }
    #primeinfopage .reviewmaster-container .teaser {
      display: inline-block;
      width: 100%;
      float: left; }
      #primeinfopage .reviewmaster-container .teaser img {
        width: 100%; }
    @media (max-width: 768px) {
      #primeinfopage .reviewmaster-container .button-container {
        margin-left: 0px;
        margin-bottom: 50px; }
      #primeinfopage .reviewmaster-container .info-side-icon, #primeinfopage .reviewmaster-container .info-centered-icon {
        margin-top: 100px; } }
  #primeinfopage .billomat-container {
    padding: 50px 0px;
    padding-bottom: 0px;
    background-color: #026967; }
    #primeinfopage .billomat-container .info-side-icon, #primeinfopage .billomat-container .info-centered-icon {
      margin-top: 90px; }
      #primeinfopage .billomat-container .info-side-icon p, #primeinfopage .billomat-container .info-centered-icon p {
        color: white; }
    #primeinfopage .billomat-container .teaser {
      margin-top: 100px;
      display: inline-block;
      width: 90%;
      float: left; }
      #primeinfopage .billomat-container .teaser img {
        width: 100%; }
    #primeinfopage .billomat-container .checklist p {
      color: white; }
    @media (max-width: 768px) {
      #primeinfopage .billomat-container .teaser {
        width: 130%;
        margin-top: 50px; }
      #primeinfopage .billomat-container .info-side-icon, #primeinfopage .billomat-container .info-centered-icon {
        margin-top: 50px; }
      #primeinfopage .billomat-container .button-container {
        margin-bottom: 50px; } }
  #primeinfopage .becomeprime-container .teaser {
    position: absolute;
    width: 100%;
    top: 125px;
    left: 0; }
    #primeinfopage .becomeprime-container .teaser img {
      width: 100%; }
  #primeinfopage .becomeprime-container div[class^="col-xs"]:nth-child(3) {
    height: 100%;
    padding-top: 125px; }
  #primeinfopage .becomeprime-container .becomeprime-info {
    display: inline-block;
    width: 70%;
    float: left;
    padding: 30px; }
    #primeinfopage .becomeprime-container .becomeprime-info h1 {
      margin-top: 10px;
      color: white;
      font-weight: 600;
      font-family: 'GothamHTF-Book', sans-serif; }
    #primeinfopage .becomeprime-container .becomeprime-info h3 {
      margin-top: 5px;
      color: #00af9c;
      font-weight: 600;
      font-family: 'GothamHTF-Book', sans-serif; }
    #primeinfopage .becomeprime-container .becomeprime-info .button-container {
      display: inline-block;
      width: 100%;
      float: left;
      margin-top: 20px; }
      #primeinfopage .becomeprime-container .becomeprime-info .button-container .btn {
        margin-bottom: 10px; }
      #primeinfopage .becomeprime-container .becomeprime-info .button-container .button-legend {
        margin-right: -200px; }
        #primeinfopage .becomeprime-container .becomeprime-info .button-container .button-legend span {
          line-height: 10px;
          color: white; }
  @media (max-width: 768px) {
    #primeinfopage .becomeprime-container .img-background {
      position: relative;
      height: 300px;
      left: 0; }
    #primeinfopage .becomeprime-container h1 {
      font-size: 24px;
      line-height: 28px; }
    #primeinfopage .becomeprime-container h3 {
      font-size: 12px;
      line-height: 16px; }
    #primeinfopage .becomeprime-container .teaser {
      width: auto;
      left: auto;
      top: 0;
      right: 0;
      height: 100%; }
      #primeinfopage .becomeprime-container .teaser img {
        height: 100%;
        width: auto;
        margin-right: -20px; }
    #primeinfopage .becomeprime-container .becomeprime-info {
      width: 100%; }
      #primeinfopage .becomeprime-container .becomeprime-info .button-container {
        text-align: left; }
        #primeinfopage .becomeprime-container .becomeprime-info .button-container .button-legend {
          margin-right: 0px; }
    #primeinfopage .becomeprime-container div[class^="col-xs"]:nth-child(3) {
      height: auto;
      padding-top: 0px; } }
  #primeinfopage .primefooter-container {
    padding: 50px 0px;
    padding-top: 100px;
    text-align: center; }
    #primeinfopage .primefooter-container .pageprimelogo {
      margin-bottom: 20px; }
    #primeinfopage .primefooter-container h1 {
      margin-bottom: 50px; }
    #primeinfopage .primefooter-container .button-container .btn {
      margin-bottom: 50px; }
    @media (max-width: 768px) {
      #primeinfopage .primefooter-container h1 {
        font-size: 30px;
        line-height: 38px; }
      #primeinfopage .primefooter-container .button-container {
        margin-left: 30px;
        margin-right: 30px;
        width: calc(100% - 60px); } }
  #primeinfopage .partners-container {
    padding: 50px 0px;
    background-color: white;
    text-align: center; }
    #primeinfopage .partners-container h2:first-child {
      margin-bottom: 30px; }
    #primeinfopage .partners-container h2:last-child {
      margin-top: 30px;
      color: #CECECE; }
    #primeinfopage .partners-container img {
      width: 80%; }
    @media (max-width: 768px) {
      #primeinfopage .partners-container {
        padding: 50px 30px; } }

.prime_feature_box {
  margin: 10px;
  width: 100%;
  max-width: 330px;
  max-height: 215px;
  text-align: center;
  position: relative;
  display: inline-block;
  overflow: hidden; }
  @media (max-width: 360px) {
    .prime_feature_box {
      margin-left: 0;
      margin-right: 0; } }
  .prime_feature_box .content_wrapper {
    width: 200%;
    height: 100%;
    position: relative;
    left: 0px;
    transition: linear 0.15s; }
    .prime_feature_box .content_wrapper .front {
      width: 50%;
      height: 100%;
      position: relative;
      float: left;
      background: #fff; }
      .prime_feature_box .content_wrapper .front .prime_feature_box_img {
        width: 100%; }
      .prime_feature_box .content_wrapper .front .title {
        position: relative;
        bottom: 110px;
        padding: 5px 10px;
        text-align: center;
        font-size: 15.4px;
        font-weight: 600;
        white-space: normal;
        overflow: hidden;
        color: #ddd;
        background: rgba(0, 0, 0, 0.5);
        display: inline-block; }
      .prime_feature_box .content_wrapper .front .title-xs {
        font-size: 11px; }
      .prime_feature_box .content_wrapper .front .title-small {
        font-size: 13px; }
    .prime_feature_box .content_wrapper .description {
      min-height: 215px;
      position: relative;
      float: left;
      width: 50%;
      height: 100%;
      border: solid #eee 5px; }
      .prime_feature_box .content_wrapper .description .text {
        width: 100%;
        height: 100%;
        overflow: hidden;
        background: #fff;
        padding: 10px 15px 10px 15px;
        color: #444;
        font-size: 14px; }
      .prime_feature_box .content_wrapper .description .desc_header {
        display: inline-block;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        padding: 2px 4px;
        font-weight: 800;
        margin-bottom: 8px; }
      .prime_feature_box .content_wrapper .description .read_more {
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0px;
        font-size: 13px;
        width: 100%;
        height: 40px;
        line-height: 40px; }
  .prime_feature_box:hover .content_wrapper {
    left: -100%; }

#prime_box .panel-body.with_image {
  padding: 0 !important;
  background-color: #ccc;
  background-image: url(../img/prime/prime_tile_lg.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 364px; }
  @media (min-width: 1200px) {
    #prime_box .panel-body.with_image {
      min-height: 315px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #prime_box .panel-body.with_image {
      background-image: url(../img/prime/prime_tile_md.jpg);
      min-height: 364px; } }
  #prime_box .panel-body.with_image h1 {
    font-size: 28px;
    line-height: 32px;
    padding-left: 40px;
    padding-top: 10px;
    margin-left: 0px; }
    @media (max-width: 400px) {
      #prime_box .panel-body.with_image h1 {
        font-size: 21px;
        line-height: 30px;
        padding-left: 25px;
        padding-top: 10px;
        margin-left: 0px; } }

.step_number {
  position: absolute;
  top: 0px;
  left: 15px;
  font-size: 40px; }

.div_step {
  position: relative;
  padding: 6px 30px 0 50px;
  min-height: 50px; }

/* ### Prime logo on corner START ### */
/* .primelogo{
    background-image: url(../img/prime/ersatz_logo.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 52px;
    height: 60px;
    z-index: 1;
    right: -12px;
	top: -16px;
	
	&.showing-step{
		z-index: 99999999999999999999;
	}

} */
.primelogo {
  background-image: url(../img/prime/primelogo.svg);
  background-repeat: no-repeat;
  position: absolute;
  width: 52px;
  height: 60px;
  z-index: 1;
  right: 3px;
  top: 7px; }
  .primelogo.showing-step {
    z-index: 99999999999999999999; }

.primelogocircle {
  background-image: url(../img/prime/primelogocircle.svg);
  background-repeat: no-repeat;
  position: absolute;
  width: 63px;
  height: 63px;
  z-index: 1;
  right: -4px;
  top: -17px; }
  .primelogocircle.showing-step {
    z-index: 99999999999999999999; }

.primelogo_offset {
  right: -10px; }

/* ### Prime logo on corner END ### */
#prime_box_overhead .primelogo {
  right: auto;
  top: -3px;
  left: 135px;
  width: 90px; }
  @media (min-width: 300px) and (max-width: 375px) {
    #prime_box_overhead .primelogo {
      top: -3px;
      left: 135px; } }

/* ### Trapezium START ### */
.trapezium {
  background-color: white;
  width: 300px;
  height: 152px;
  position: relative;
  bottom: -250px;
  right: -190px;
  /* Rotate */
  -moz-transform: rotate(132deg);
  -webkit-transform: rotate(132deg);
  -ms-transform: rotate(132deg);
  -o-transform: rotate(132deg);
  transform: rotate(132deg);
  /* @media (min-width:992px)and (max-width:1199px){
        background-color: white;
        width: 400px;
        height: 84px;
        position: relative;
        bottom: -216px;
        right: 2px;
        opacity: 0.9;
       -moz-transform: rotate(139deg);
       -webkit-transform: rotate(139deg);
       -ms-transform: rotate(139deg);
       -o-transform: rotate(139deg);
       transform: rotate(139deg);

        .primelogo{
            top: 13px;
            transform: rotate(220deg);
            right: 190px;
            opacity: 1;
        }
    }
    @media (min-width:480px) and (max-width:767px) {
        background-color: white;
        width: 400px;
        height: 84px;
        position: relative;
        bottom: -232px;
        right: -425px;
        opacity: 0.9;
       -moz-transform: rotate(139deg);
       -webkit-transform: rotate(139deg);
       -ms-transform: rotate(139deg);
       -o-transform: rotate(139deg);
       transform: rotate(139deg);

        .primelogo{
            top: 13px;
            transform: rotate(220deg);
            right: 190px;
            opacity: 1;
        }
    } */ }
  .trapezium .primelogo {
    top: 65px;
    transform: rotate(228deg);
    right: 75px;
    width: 85px; }
    @media (min-width: 1200px) {
      .trapezium .primelogo {
        right: 100px; } }

/* ### Trapezium END ### */
/* ### Triagle START prime logo background log-out state ### */
.triangle {
  width: 0;
  height: 0;
  border-top: 135px solid transparent;
  border-bottom: 135px solid transparent;
  border-left: 135px solid white;
  transform: rotate(45deg);
  position: relative;
  bottom: -188px;
  right: -272px; }
  .triangle .primelogo {
    background-image: url(../img/prime/primelogo.svg);
    transform: rotate(-45deg);
    position: absolute;
    right: 20px;
    top: -11px;
    width: 90px; }
    @media (min-width: 1200px) {
      .triangle .primelogo {
        right: 40px;
        top: -19px;
        width: 80px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .triangle .primelogo {
        top: 25px;
        right: 46px;
        width: 75px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .triangle .primelogo {
        top: 5px;
        right: 45px;
        width: 75px; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .triangle .primelogo {
        top: -5px;
        right: 40px;
        width: 75px; } }
    @media (max-width: 479px) {
      .triangle .primelogo {
        right: 45px;
        top: 10px;
        width: 75px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .triangle {
      bottom: -168px;
      right: -245px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .triangle {
      bottom: -185px;
      right: -285px; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .triangle {
      bottom: -88px;
      right: -20px;
      position: absolute; } }
  @media (max-width: 479px) {
    .triangle {
      bottom: -168px;
      right: -285px; } }

/* ### prime logo background triagle END ### */