@charset "UTF-8";
@font-face {
  font-family: Poppins;
  src: url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: auto; }

@font-face {
  font-family: Poppins;
  src: url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: auto; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none; }

body, html {
  background: white;
  color: #000000;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  min-width: 320px;
  max-width: 100%;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%); }

.page-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 100vh;
  width: 100%;
  overflow: hidden; }

.container {
  max-width: 1180px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 1200px) {
    .container {
      max-width: 960px;
      padding-left: 15px;
      padding-right: 15px; } }
  @media only screen and (max-width: 992px) {
    .container {
      max-width: 720px; } }
  @media only screen and (max-width: 768px) {
    .container {
      max-width: 540px; } }
  @media only screen and (max-width: 568px) {
    .container {
      max-width: 100%; } }

h1, h2, h3, h4, h5, h6, p, a, span, ul, ol, li {
  padding: 0;
  margin: 0; }

p, li {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #000000; }

a {
  color: #000000;
  text-decoration: none;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400; }
  a:hover, a:focus {
    text-decoration: none; }

button {
  padding: 0;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
  cursor: pointer; }
  button:focus {
    outline: none; }

ul {
  list-style: none; }

ol {
  list-style: decimal;
  list-style-position: inside; }

img.svg {
  display: none; }

.swiper-button-next, .swiper-button-prev {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  margin: 0;
  padding: 0;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  background: none;
  color: transparent; }
  .swiper-button-next:after, .swiper-button-prev:after {
    display: none; }

.color_red {
  color: #EF5B46; }

.tag-section {
  display: inline-block;
  border: 3px solid transparent;
  padding: 4px 7px;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase; }

.tag-section_theme_gray {
  color: #C4C4C4;
  border-color: #C4C4C4; }

.tag-section_theme_black {
  color: #000000;
  border-color: #000; }

.tag-section_theme_white {
  border-color: #ffffff;
  color: #fff; }

.tag-section_theme_red {
  border-color: #EF5B46;
  color: #EF5B46; }

.tag-section_theme_darkgray {
  border-color: #828282;
  color: #828282; }

.btn {
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 5px;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: 0.05em;
  text-transform: uppercase; }
  @media only screen and (max-width: 568px) {
    .btn {
      font-size: 18px;
      padding: 12px 5px; } }

.btn_theme_red {
  background: #EF5B46;
  color: #fff; }

.btn_theme_black {
  color: #ffffff;
  background: #000; }

.btn_theme_white {
  background-color: #ffffff;
  color: #EF5B46; }

._brlbs-separator {
  display: none; }

._brlbs-btn-switch-status {
  display: none; }

.burger {
  display: none;
  width: 100px;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  position: relative;
  background-color: #F2F2F2;
  padding: 24px 18px; }
  @media only screen and (max-width: 1439px) {
    .burger {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media only screen and (max-width: 1200px) {
    .burger {
      padding: 20px 18px; } }
  @media only screen and (max-width: 768px) {
    .burger {
      width: 70px;
      padding: 20px 15px; } }
  @media only screen and (max-width: 568px) {
    .burger {
      padding: 15px 12px;
      width: 60px; } }
  .burger .icon-bar {
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    width: 100%;
    height: 5px;
    background-color: #000; }
    @media only screen and (max-width: 1200px) {
      .burger .icon-bar {
        height: 3px; } }
    @media only screen and (max-width: 568px) {
      .burger .icon-bar {
        height: 2px; } }

.burger.active .icon-bar:nth-child(1), .burger.active .icon-bar:nth-child(3) {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%; }

.burger.active .icon-bar:nth-child(2) {
  opacity: 0; }

.burger.active .icon-bar:nth-child(1) {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg); }

.burger.active .icon-bar:nth-child(3) {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg); }

input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
  -webkit-appearance: none; }

/* Для Firefox */
input[type=number] {
  -moz-appearance: textfield;
  -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
  margin: 0; }

.icon {
  display: inline-block;
  font-style: normal;
  content: ' '; }

.ico {
  fill: currentColor; }

.mfp-wrap {
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0); }

html.mfp-helper {
  height: 100%; }
  html.mfp-helper body {
    overflow: hidden;
    height: 100%;
    -webkit-transform: translateZ(0); }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  width: inherit;
  min-width: 33px; }

.white-popup-block {
  max-width: 731px;
  width: 100%;
  padding: 20px 30px;
  text-align: left;
  margin: 40px auto;
  position: relative;
  border: 1px solid #e1e1e1;
  background-color: #ffffff; }

.popup-buble .popup-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8); }

.popup-buble.mfp-ready .popup-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.popup-buble.mfp-removing .popup-dialog {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0; }

.popup-buble.mfp-bg {
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

.popup-buble.mfp-ready.mfp-bg {
  opacity: 1; }

.popup-buble.mfp-removing.mfp-bg {
  opacity: 0; }

.up_btn {
  position: fixed;
  border-radius: 50%;
  background-color: #082a3c;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  z-index: 100;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: none; }
  .up_btn:after {
    position: absolute;
    content: '';
    display: block;
    top: 16px;
    left: 13px;
    width: 12px;
    height: 12px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg); }

.blockquote-section {
  padding-left: 10px;
  padding-right: 10px;
  position: relative; }
  .blockquote-section:before {
    content: url(../img/blockquote-zement-decor_l.svg);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px; }
    @media only screen and (max-width: 768px) {
      .blockquote-section:before {
        display: none;
        background: none; } }
  .blockquote-section:after {
    content: url(../img/blockquote-zement-decor_r.svg);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px; }
    @media only screen and (max-width: 768px) {
      .blockquote-section:after {
        display: none;
        background: none; } }

.blockquote-section__col {
  min-height: 125px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.blockquote-section__txt {
  font-weight: 700;
  font-size: 32px;
  line-height: 36px; }
  @media only screen and (max-width: 768px) {
    .blockquote-section__txt {
      font-size: 24px;
      line-height: 30px; } }

.blockquote-section__who {
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
  color: #828282;
  margin-top: 20px; }

.blockquote-section_zement {
  margin-top: 175px; }
  @media only screen and (max-width: 1439px) {
    .blockquote-section_zement {
      margin-top: 150px; } }
  @media only screen and (max-width: 1200px) {
    .blockquote-section_zement {
      margin-top: 125px; } }
  @media only screen and (max-width: 992px) {
    .blockquote-section_zement {
      margin-top: 100px; } }
  @media only screen and (max-width: 768px) {
    .blockquote-section_zement {
      margin-top: 75px; } }
  @media only screen and (max-width: 568px) {
    .blockquote-section_zement {
      margin-top: 50px; } }

.blockquote-section_beton {
  margin-top: 200px; }
  @media only screen and (max-width: 1439px) {
    .blockquote-section_beton {
      margin-top: 150px; } }
  @media only screen and (max-width: 1200px) {
    .blockquote-section_beton {
      margin-top: 125px; } }
  @media only screen and (max-width: 992px) {
    .blockquote-section_beton {
      margin-top: 100px; } }
  @media only screen and (max-width: 768px) {
    .blockquote-section_beton {
      margin-top: 75px; } }
  @media only screen and (max-width: 568px) {
    .blockquote-section_beton {
      margin-top: 50px; } }

.call-us {
  padding-top: 66px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 66px;
  background-color: #CCE7D4;
  position: relative;
  overflow: hidden;
  background-image: url(../img/contact-us-decor_left.svg), url(../img/contact-us-decor_right.svg);
  background-repeat: no-repeat, no-repeat;
  background-size: auto 100%, auto 100%;
  background-position: center left, center right; }
  @media only screen and (max-width: 992px) {
    .call-us {
      padding-bottom: 50px; } }
  @media only screen and (max-width: 768px) {
    .call-us {
      background: #CCE7D4; } }

@media only screen and (max-width: 768px) {
  .call-us__wrap-icon {
    text-align: center; } }

.call-us__wrap-icon img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%); }

.call-us__txt {
  margin-top: 35px;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.01em; }
  @media only screen and (max-width: 768px) {
    .call-us__txt {
      margin-top: 30px; } }
  .call-us__txt + .btn {
    margin-top: 20px;
    width: 150px; }
    @media only screen and (max-width: 768px) {
      .call-us__txt + .btn {
        margin-left: auto;
        margin-right: auto; } }

.call-us__karriere {
  margin-top: 165px; }
  @media only screen and (max-width: 1439px) {
    .call-us__karriere {
      margin-top: 140px; } }
  @media only screen and (max-width: 1200px) {
    .call-us__karriere {
      margin-top: 120px; } }
  @media only screen and (max-width: 992px) {
    .call-us__karriere {
      margin-top: 90px; } }
  @media only screen and (max-width: 768px) {
    .call-us__karriere {
      margin-top: 75px; } }

.call-us__front-page {
  margin-top: 100px; }
  @media only screen and (max-width: 992px) {
    .call-us__front-page {
      margin-top: 75px; } }

.call-us__product {
  margin-top: 230px; }
  @media only screen and (max-width: 1439px) {
    .call-us__product {
      margin-top: 140px; } }
  @media only screen and (max-width: 1200px) {
    .call-us__product {
      margin-top: 120px; } }
  @media only screen and (max-width: 992px) {
    .call-us__product {
      margin-top: 90px; } }
  @media only screen and (max-width: 768px) {
    .call-us__product {
      margin-top: 75px; } }

.call-us__technologie {
  margin-top: 150px; }
  @media only screen and (max-width: 992px) {
    .call-us__technologie {
      margin-top: 0px; } }

.call-us__uber-uns {
  margin-top: 150px; }
  @media only screen and (max-width: 1439px) {
    .call-us__uber-uns {
      margin-top: 140px; } }
  @media only screen and (max-width: 1200px) {
    .call-us__uber-uns {
      margin-top: 120px; } }
  @media only screen and (max-width: 992px) {
    .call-us__uber-uns {
      margin-top: 90px; } }
  @media only screen and (max-width: 768px) {
    .call-us__uber-uns {
      margin-top: 75px; } }

.description-product {
  padding-left: 10px;
  padding-right: 10px; }
  @media only screen and (max-width: 568px) {
    .description-product {
      padding-left: 0;
      padding-right: 0; } }

.description-product__txt {
  font-weight: 700;
  font-size: 48px;
  line-height: 56px; }
  @media only screen and (max-width: 768px) {
    .description-product__txt {
      font-size: 35px;
      line-height: normal; } }
  @media only screen and (max-width: 568px) {
    .description-product__txt {
      font-size: 25px; } }

.description-product_next-txt {
  display: inline-block;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.01em;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #828282;
  margin-top: 40px; }
  @media only screen and (max-width: 568px) {
    .description-product_next-txt {
      margin-top: 10px; } }

.description-product_zement {
  margin-top: 230px; }
  @media only screen and (max-width: 1439px) {
    .description-product_zement {
      margin-top: 200px; } }
  @media only screen and (max-width: 1200px) {
    .description-product_zement {
      margin-top: 150px; } }
  @media only screen and (max-width: 992px) {
    .description-product_zement {
      margin-top: 100px; } }
  @media only screen and (max-width: 768px) {
    .description-product_zement {
      margin-top: 75px; } }
  @media only screen and (max-width: 568px) {
    .description-product_zement {
      margin-top: 50px; } }

.description-product_beton {
  margin-top: 188px; }
  @media only screen and (max-width: 1200px) {
    .description-product_beton {
      margin-top: 150px; } }
  @media only screen and (max-width: 992px) {
    .description-product_beton {
      margin-top: 100px; } }
  @media only screen and (max-width: 768px) {
    .description-product_beton {
      margin-top: 75px; } }
  @media only screen and (max-width: 568px) {
    .description-product_beton {
      margin-top: 50px; } }

.first-screen-product {
  margin-top: calc( var(--headerHeight) + 140px);
  padding-left: 10px;
  padding-right: 10px; }
  @media only screen and (max-width: 1439px) {
    .first-screen-product {
      margin-top: calc( var(--headerHeight) + 120px); } }
  @media only screen and (max-width: 1200px) {
    .first-screen-product {
      margin-top: calc( var(--headerHeight) + 100px); } }
  @media only screen and (max-width: 992px) {
    .first-screen-product {
      margin-top: calc( var(--headerHeight) + 80px); } }
  @media only screen and (max-width: 768px) {
    .first-screen-product {
      margin-top: calc( var(--headerHeight) + 70px); } }
  @media only screen and (max-width: 568px) {
    .first-screen-product {
      margin-top: calc( var(--headerHeight) + 50px);
      padding-left: 0;
      padding-right: 0; } }

.first-screen-product__main-title {
  font-size: 48px;
  line-height: 56px;
  font-weight: 700; }
  @media only screen and (max-width: 768px) {
    .first-screen-product__main-title {
      font-size: 43px;
      line-height: 50px; } }
  @media only screen and (max-width: 568px) {
    .first-screen-product__main-title {
      font-size: 26px;
      line-height: 35px; } }

.footer {
  background-color: #F2F2F2;
  padding: 54px 10px;
  position: relative; }
  @media only screen and (max-width: 1200px) {
    .footer {
      padding: 35px 5px; } }
  @media only screen and (max-width: 568px) {
    .footer {
      padding: 20px 5px; } }
  .footer:after {
    content: url(../img/footer-decor.svg);
    display: block;
    position: absolute;
    top: 0;
    right: 0; }
    @media only screen and (max-width: 1200px) {
      .footer:after {
        content: '';
        display: none; } }

.footer__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 1200px) {
    .footer__col {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.footer__copy {
  font-weight: 700;
  font-size: 21px;
  color: #000000; }
  @media only screen and (max-width: 1200px) {
    .footer__copy {
      margin-bottom: 10px; } }
  @media only screen and (max-width: 568px) {
    .footer__copy {
      font-size: 18px;
      margin-bottom: 7px; } }

@media only screen and (max-width: 1200px) {
  .footer__links {
    margin-bottom: 4px; } }

@media only screen and (max-width: 568px) {
  .footer__links {
    margin-bottom: 2px; } }

.footer__links a {
  font-weight: 700;
  font-size: 21px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #000000;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .footer__links a:hover {
    color: #EF5B46; }
  @media only screen and (max-width: 568px) {
    .footer__links a {
      font-size: 16px; } }

.footer__links li {
  display: inline-block;
  margin-left: 25px; }
  @media only screen and (max-width: 1200px) {
    .footer__links li {
      margin-left: 10px; } }
  .footer__links li:first-child {
    margin-left: 0; }

.footer__links_opacity a {
  color: #737373; }

.footer__email a {
  font-weight: 700;
  font-size: 21px;
  color: #EF5B46; }
  @media only screen and (max-width: 568px) {
    .footer__email a {
      font-size: 18px; } }

.header_scroll .header__lan {
  top: -300px; }

.header {
  min-height: 100px;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media only screen and (max-width: 1200px) {
    .header {
      min-height: 70px; } }
  @media only screen and (max-width: 568px) {
    .header {
      min-height: 55px; } }

.header__logo {
  width: 217px;
  display: block;
  margin-left: 21px;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 1439px) {
    .header__logo {
      z-index: 3; } }
  @media only screen and (max-width: 768px) {
    .header__logo {
      width: 180px; } }
  @media only screen and (max-width: 568px) {
    .header__logo {
      width: 90px;
      margin-left: 10px; } }
  .header__logo img {
    width: 100%;
    height: auto;
    display: block; }

.header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .header__container:before {
    content: '';
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 3; }
    @media only screen and (max-width: 1439px) {
      .header__container:before {
        display: block; } }

.header__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 1439px) {
    .header__action {
      z-index: 3; } }
  @media only screen and (max-width: 1200px) {
    .header__action {
      height: 70px; } }
  @media only screen and (max-width: 568px) {
    .header__action {
      height: 55px; } }

.header__lan, .header__link-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-family: Poppins;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0.05em;
  text-transform: uppercase; }
  @media only screen and (max-width: 768px) {
    .header__lan, .header__link-page {
      font-size: 21px; } }
  @media only screen and (max-width: 568px) {
    .header__lan, .header__link-page {
      font-size: 14px;
      font-weight: 400; } }

.header__lan {
  position: relative;
  background: #F2F2F2;
  width: 100px;
  top: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  @media only screen and (max-width: 768px) {
    .header__lan {
      width: 70px; } }
  @media only screen and (max-width: 568px) {
    .header__lan {
      width: 50px; } }
  .header__lan p {
    color: #828282; }
    @media only screen and (max-width: 768px) {
      .header__lan p {
        font-size: 21px; } }
    @media only screen and (max-width: 568px) {
      .header__lan p {
        font-size: 14px; } }

.menu-lang-menu {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .menu-lang-menu a {
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #828282;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    @media only screen and (max-width: 768px) {
      .menu-lang-menu a {
        font-size: 21px; } }
    @media only screen and (max-width: 568px) {
      .menu-lang-menu a {
        font-size: 14px;
        font-weight: 400; } }
    .menu-lang-menu a:hover {
      color: #000; }
  .menu-lang-menu:hover .sub-menu {
    display: block; }
  .menu-lang-menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%; }
    .menu-lang-menu .sub-menu li {
      text-align: center;
      height: 100px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #F2F2F2; }

.header__link-page {
  background: #CCE7D4;
  padding: 0 27px;
  position: relative; }
  .header__link-page:hover {
    color: #EF5B46; }
  @media only screen and (max-width: 768px) {
    .header__link-page {
      padding: 0 15px; } }
  @media only screen and (max-width: 568px) {
    .header__link-page {
      padding: 0 5px; } }

.header__link-page.active {
  color: #EF5B46; }

@media only screen and (max-width: 1439px) {
  .header__nav.active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0); } }

.header__nav {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  @media only screen and (max-width: 1439px) {
    .header__nav {
      position: absolute;
      top: 100%;
      width: 100%;
      left: 0;
      -webkit-transform: translateY(calc( -100% - 500px));
          -ms-transform: translateY(calc( -100% - 500px));
              transform: translateY(calc( -100% - 500px));
      padding: 60px 30px;
      background-color: #F2F2F2; } }
  @media only screen and (max-width: 568px) {
    .header__nav {
      padding: 65px 15px; } }

.header__nav_transition {
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  -o-transition: transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s; }

.header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 1439px) {
    .header__nav-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  .header__nav-list > li {
    margin-left: 45px; }
    @media only screen and (max-width: 1480px) {
      .header__nav-list > li {
        margin-left: 40px; } }
    @media only screen and (max-width: 1439px) {
      .header__nav-list > li {
        margin-left: 0;
        margin-top: 20px;
        text-align: center; } }
    @media only screen and (max-width: 568px) {
      .header__nav-list > li {
        margin-top: 15px; } }
    .header__nav-list > li:first-child {
      display: none;
      margin-left: 0; }
      @media only screen and (max-width: 1439px) {
        .header__nav-list > li:first-child {
          display: block;
          margin-top: 0; } }
  .header__nav-list a {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #000000;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s; }
    @media only screen and (max-width: 768px) {
      .header__nav-list a {
        font-size: 21px; } }
    @media only screen and (max-width: 568px) {
      .header__nav-list a {
        font-size: 14px; } }
    .header__nav-list a:hover {
      color: #EF5B46; }
  .header__nav-list .current_page_item a {
    color: #EF5B46; }
  .header__nav-list .menu-item-has-children {
    position: relative; }
    .header__nav-list .menu-item-has-children:hover ul {
      display: block; }
  .header__nav-list ul {
    padding-top: 10px;
    top: 100%;
    left: 0;
    position: absolute;
    display: none;
    width: 370px; }
    @media only screen and (max-width: 1439px) {
      .header__nav-list ul {
        display: block;
        position: static; } }
    @media only screen and (max-width: 568px) {
      .header__nav-list ul {
        width: 320px;
        padding-top: 5px; } }
    .header__nav-list ul a {
      padding: 30px 28px;
      background: #F2F2F2;
      display: block;
      width: 100%; }
      @media only screen and (max-width: 1439px) {
        .header__nav-list ul a {
          padding: 20px;
          background: #c5c5c5; } }
      @media only screen and (max-width: 768px) {
        .header__nav-list ul a {
          padding: 15px; } }

.header_front-page .header__nav {
  opacity: 1; }

.txt-img-product {
  margin-top: 135px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative; }
  @media only screen and (max-width: 1439px) {
    .txt-img-product {
      margin-top: 120px; } }
  @media only screen and (max-width: 1200px) {
    .txt-img-product {
      margin-top: 100px; } }
  @media only screen and (max-width: 992px) {
    .txt-img-product {
      margin-top: 80px; } }
  @media only screen and (max-width: 768px) {
    .txt-img-product {
      margin-top: 70px; } }
  @media only screen and (max-width: 568px) {
    .txt-img-product {
      margin-top: 50px;
      padding-left: 0;
      padding-right: 0; } }
  .txt-img-product:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: url(../img/txt-img-product-block_left.svg) no-repeat left center/auto 100%; }
    @media only screen and (max-width: 992px) {
      .txt-img-product:before {
        background: none;
        display: none; } }
  .txt-img-product:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -1px;
    width: 50%;
    height: 100%;
    background: url(../img/txt-img-product-block_right.svg) no-repeat right center/auto 100%; }
    @media only screen and (max-width: 992px) {
      .txt-img-product:after {
        background: none;
        display: none; } }

.txt-img-product__wrap-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%; }
  @media only screen and (max-width: 992px) {
    .txt-img-product__wrap-txt {
      margin-top: 30px; } }
  @media only screen and (max-width: 568px) {
    .txt-img-product__wrap-txt {
      margin-top: 20px; } }

.txt-img-product__wrap-img {
  margin-right: -20px; }
  @media only screen and (max-width: 992px) {
    .txt-img-product__wrap-img {
      margin-right: 0; } }
  .txt-img-product__wrap-img img {
    width: 100%;
    height: auto;
    display: block; }

.unsere-kunden {
  padding-left: 10px;
  padding-right: 10px; }
  @media only screen and (max-width: 568px) {
    .unsere-kunden {
      padding-left: 0;
      padding-right: 0; } }

.unsere-kunden__tag-section {
  margin-bottom: 30px; }
  @media only screen and (max-width: 568px) {
    .unsere-kunden__tag-section {
      margin-bottom: 10px; } }

.unsere-kunden__item {
  background: #CCE7D4;
  height: calc( 100% - 20px);
  margin-top: 20px;
  padding: 50px 65px 50px 65px; }
  @media only screen and (max-width: 992px) {
    .unsere-kunden__item {
      min-height: auto;
      height: auto;
      padding: 45px 25px; } }
  @media only screen and (max-width: 768px) {
    .unsere-kunden__item {
      padding: 30px 10px; } }

.unsere-kunden__item-wrap-icon {
  height: 150px;
  width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 50px auto; }
  @media only screen and (max-width: 992px) {
    .unsere-kunden__item-wrap-icon {
      margin-bottom: 45px; } }
  @media only screen and (max-width: 568px) {
    .unsere-kunden__item-wrap-icon {
      width: 100px;
      height: 100px;
      margin-bottom: 25px; } }

.unsere-kunden__item-icon {
  max-width: 100%;
  max-height: 100%;
  display: block; }

.unsere-kunden__item-txt {
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
  text-align: center; }
  @media only screen and (max-width: 1200px) {
    .unsere-kunden__item-txt {
      font-size: 21px;
      line-height: 40px; } }
  @media only screen and (max-width: 768px) {
    .unsere-kunden__item-txt {
      font-size: 21px;
      line-height: normal; } }

.unsere-kunden_margin-top {
  margin-top: 170px; }
  @media only screen and (max-width: 1439px) {
    .unsere-kunden_margin-top {
      margin-top: 150px; } }
  @media only screen and (max-width: 1200px) {
    .unsere-kunden_margin-top {
      margin-top: 130px; } }
  @media only screen and (max-width: 992px) {
    .unsere-kunden_margin-top {
      margin-top: 100px; } }
  @media only screen and (max-width: 768px) {
    .unsere-kunden_margin-top {
      margin-top: 75px; } }
  @media only screen and (max-width: 568px) {
    .unsere-kunden_margin-top {
      margin-top: 50px; } }

.call-us {
  padding-top: 66px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 66px;
  background-color: #CCE7D4;
  position: relative;
  background-image: url(../img/contact-us-decor_left.svg), url(../img/contact-us-decor_right.svg);
  background-repeat: no-repeat, no-repeat;
  background-size: auto 100%, auto 100%;
  background-position: center left, center right; }
  @media only screen and (max-width: 992px) {
    .call-us {
      padding-bottom: 50px; } }
  @media only screen and (max-width: 768px) {
    .call-us {
      background: #CCE7D4; } }

@media only screen and (max-width: 768px) {
  .call-us__wrap-icon {
    text-align: center; } }

.call-us__txt {
  margin-top: 35px;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.01em; }
  @media only screen and (max-width: 768px) {
    .call-us__txt {
      margin-top: 30px; } }
  .call-us__txt + .btn {
    margin-top: 20px;
    width: 150px; }
    @media only screen and (max-width: 768px) {
      .call-us__txt + .btn {
        margin-left: auto;
        margin-right: auto; } }

.call-us__karriere {
  margin-top: 165px; }
  @media only screen and (max-width: 1439px) {
    .call-us__karriere {
      margin-top: 140px; } }
  @media only screen and (max-width: 1200px) {
    .call-us__karriere {
      margin-top: 120px; } }
  @media only screen and (max-width: 992px) {
    .call-us__karriere {
      margin-top: 90px; } }
  @media only screen and (max-width: 768px) {
    .call-us__karriere {
      margin-top: 75px; } }

.call-us__front-page {
  margin-top: 150px; }
  @media only screen and (max-width: 992px) {
    .call-us__front-page {
      margin-top: 75px; } }

.home-banner {
  margin-top: calc( var(--headerHeight) + 171px);
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }
  @media only screen and (max-width: 1439px) {
    .home-banner {
      margin-top: calc( var(--headerHeight) + 50px);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  @media only screen and (max-width: 1200px) {
    .home-banner {
      margin-top: calc( var(--headerHeight) + 40px); } }
  @media only screen and (max-width: 768px) {
    .home-banner {
      margin-top: calc( var(--headerHeight) + 20px); } }
  @media only screen and (max-width: 568px) {
    .home-banner {
      padding: 0 10px; } }

.home-banner__l {
  width: calc( 75% - 10px); }
  @media only screen and (max-width: 1439px) {
    .home-banner__l {
      width: 100%;
      margin-bottom: 20px; } }

.home-banner__r {
  width: calc( 25% - 10px); }
  @media only screen and (max-width: 1439px) {
    .home-banner__r {
      width: 100%; } }

.home-banner__l-photos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  height: 600px; }
  @media only screen and (max-width: 992px) {
    .home-banner__l-photos {
      height: auto; } }
  .home-banner__l-photos:before {
    content: '';
    display: block;
    position: absolute;
	z-index: 1;
    top: 0;
    width: 133px;
    height: 100%;
    background: url(../img/red-block.svg) no-repeat center;
    left: calc( 34% - 32px); }
    @media only screen and (max-width: 992px) {
      .home-banner__l-photos:before {
        left: 0;
        width: 100%;
        background-size: auto 100%;
        background-position: top left; } }

.home-banner__l-photos-l {
  width: calc( 34% - 31px); }
  @media only screen and (max-width: 992px) {
    .home-banner__l-photos-l {
      display: none; } }

.home-banner__l-photos-r {
  width: calc( 66% - 33px); }
  @media only screen and (max-width: 992px) {
    .home-banner__l-photos-r {
      width: 100%; } }

.home-banner__l-photos-l img, .home-banner__l-photos-r img {
  width: 100%;
  height: 100%; }
  @media only screen and (min-width: 992px) {
    .home-banner__l-photos-l img, .home-banner__l-photos-r img {
      -o-object-fit: cover;
         object-fit: cover; } }
  @media only screen and (max-width: 992px) {
    .home-banner__l-photos-l img, .home-banner__l-photos-r img {
      height: auto;
      display: block; } }

.home-banner-title {
  color: #000;
  font-weight: 700;
  font-size: 30px;
  line-height: 110%;
  letter-spacing: 0.04em; }
  @media only screen and (max-width: 568px) {
    .home-banner-title {
      font-size: 21px; } }

.partner {
  margin-top: 140px;
  padding-left: 120px;
  padding-right: 120px;
  position: relative;
  z-index: 999;
  backgrounf: #fff; }
  @media only screen and (max-width: 1439px) {
    .partner {
      padding-left: 20px;
      padding-right: 20px;
      margin-top: 100px; } }
  @media only screen and (max-width: 992px) {
    .partner {
      margin-top: 75px; } }
  @media only screen and (max-width: 568px) {
    .partner {
      padding-left: 10px;
      padding-right: 10px; } }

.tag-section__partner {
  margin-left: 20px; }

.partner__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 60px; }
  @media only screen and (max-width: 768px) {
    .partner__wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: 40px; } }

.partner__item {
  width: calc( 50% - 10px);
  background-color: #F2F2F2;
  padding-top: 90px;
  padding-bottom: 90px;
  padding-left: 70px;
  padding-right: 70px; }
  @media only screen and (min-width: 1439px) {
    .partner__item:nth-child(2) {
      padding-left: 120px;
      padding-right: 20px; } }
  @media only screen and (max-width: 992px) {
    .partner__item {
      padding: 50px 35px; } }
  @media only screen and (max-width: 768px) {
    .partner__item {
      width: 100%;
      margin-bottom: 20px; }
      .partner__item:last-child {
        margin-bottom: 0; } }
  @media only screen and (max-width: 568px) {
    .partner__item {
      padding: 30px 10px; } }

.partner__item-txt {
  font-size: 24px;
  line-height: 36px; }

.partner__item-wrap-img {
  height: 116px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 80px; }
  @media only screen and (max-width: 568px) {
    .partner__item-wrap-img {
      margin-bottom: 35px; } }

.partner__item-img {
  max-width: 100%;
  max-height: 100%;
  height: auto; }

.partner__item-who {
  margin-top: 20px; }

.partner__item-who_name {
  font-size: 24px;
  line-height: 24px; }

.unsere-motivation {
  background-color: #EF5B46;
  padding: 50px 100px 60px 100px;
  margin-top: 150px;
  position: relative; }
  .unsere-motivation:after {
    content: '';
    background-color: #ef5b46;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 999; }
  @media only screen and (max-width: 1439px) {
    .unsere-motivation {
      margin-top: 100px;
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (max-width: 992px) {
    .unsere-motivation {
      margin-top: 75px; } }
  @media only screen and (max-width: 568px) {
    .unsere-motivation {
      padding-left: 10px;
      padding-right: 10px; } }

.unsere-motivation__section-tag {
  margin-left: 40px; }
  @media only screen and (max-width: 768px) {
    .unsere-motivation__section-tag {
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      margin-left: 0;
      text-align: center; } }

.unsere-motivation__txt-wrap {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 40px; }
  @media only screen and (max-width: 768px) {
    .unsere-motivation__txt-wrap {
      margin-top: 25px; } }
  @media only screen and (max-width: 568px) {
    .unsere-motivation__txt-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 0; } }

.unsere-motivation__txt {
  width: calc( 50% - 10px);
  color: #fff; }
  @media only screen and (max-width: 568px) {
    .unsere-motivation__txt {
      width: 100%;
      margin-bottom: 20px; }
      .unsere-motivation__txt:last-child {
        margin-bottom: 0; } }

.unsere-motivation__btn {
  margin-top: 14px;
  width: 150px;
  margin-left: 40px; }
  @media only screen and (max-width: 768px) {
    .unsere-motivation__btn {
      margin-left: auto;
      margin-right: auto; } }

.unsere-motivation__wrap {
  margin-top: 48px;
  padding-top: 280px;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .unsere-motivation__wrap {
      padding-top: 180px; } }
  @media only screen and (max-width: 568px) {
    .unsere-motivation__wrap {
      padding-top: 100px; } }

.unsere-motivation__before {
  content: url(../img/planet.png);
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
  @media only screen and (max-width: 1700px) {
    .unsere-motivation__before {
      width: 470px; } }
  @media only screen and (max-width: 1320px) {
    .unsere-motivation__before {
      width: 400px; } }
  @media only screen and (max-width: 700px) {
    .unsere-motivation__before {
      width: 300px; } }

.unsere-motivation__container {
  position: relative;
  z-index: 2;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media only screen and (max-width: 768px) {
    .unsere-motivation__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }

.unsere-motivation__container-l {
  padding: 60px 40px 45px 40px; }
  @media only screen and (max-width: 568px) {
    .unsere-motivation__container-l {
      padding: 25px 10px; } }

.unsere-motivation__container-l, .unsere-motivation__container-r {
  width: 50%; }
  @media only screen and (max-width: 768px) {
    .unsere-motivation__container-l, .unsere-motivation__container-r {
      width: 100%; } }

.unsere-motivation__container-r {
  position: relative; }
  .unsere-motivation__container-r:after {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    background: url(../img/unsere-motivation_block.svg) no-repeat right center/auto 100%; }
  .unsere-motivation__container-r img {
    width: 100%;
    height: auto;
    display: block; }

.unsere-motivation__container-txt {
  margin-top: 32px; }
  @media only screen and (max-width: 568px) {
    .unsere-motivation__container-txt {
      margin-top: 15px; } }

.unsere-motivation__section-tag2 {
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .unsere-motivation__section-tag2 {
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      position: relative; } }

.unsere-motivation__btn2 {
  margin-top: 43px;
  width: 286px; }
  @media only screen and (max-width: 768px) {
    .unsere-motivation__btn2 {
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); } }
  @media only screen and (max-width: 568px) {
    .unsere-motivation__btn2 {
      margin-top: 20px; } }

.unsere-produkte {
  margin-top: 144px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 140px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media only screen and (max-width: 1439px) {
    .unsere-produkte {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (max-width: 1200px) {
    .unsere-produkte {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }
  @media only screen and (max-width: 992px) {
    .unsere-produkte {
      margin-top: 100px; } }
  @media only screen and (max-width: 768px) {
    .unsere-produkte {
      margin-top: 75px; } }
  @media only screen and (max-width: 568px) {
    .unsere-produkte {
      padding-left: 10px;
      padding-right: 10px; } }

.unsere-produkte__l {
  width: 44%; }
  @media only screen and (max-width: 1200px) {
    .unsere-produkte__l {
      width: 100%; } }

.unsere-produkte__r {
  width: 45.5%; }
  @media only screen and (max-width: 1200px) {
    .unsere-produkte__r {
      width: 100%;
      margin-bottom: 20px; } }

.unsere-produkte__r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .unsere-produkte__r:before {
    content: '';
    background: url(../img/white-block.svg) no-repeat top right 51.9%/auto 100%;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0; }

.unsere-produkte__r-photos-l img, .unsere-produkte__r-photos-r img {
  width: 100%;
  height: auto;
  display: block; }

.unsere-produkte__r-photos-l {
  width: 61%; }

.unsere-produkte__r-photos-r {
  width: 46.3%; }

.unsere-produkte__tag-section {
  margin-bottom: 22px; }
  @media only screen and (max-width: 1200px) {
    .unsere-produkte__tag-section {
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); } }

.unsere-produkte__wrap-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 170px; }
  @media only screen and (max-width: 1439px) {
    .unsere-produkte__wrap-btn {
      margin-top: 100px; } }
  @media only screen and (max-width: 1200px) {
    .unsere-produkte__wrap-btn {
      margin-top: 50px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media only screen and (max-width: 768px) {
    .unsere-produkte__wrap-btn {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: 30px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  .unsere-produkte__wrap-btn .btn {
    width: 275px;
    margin-left: 20px;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .unsere-produkte__wrap-btn .btn {
        margin-left: 0;
        margin-top: 20px;
        max-width: 350px;
        width: 100%; } }
    .unsere-produkte__wrap-btn .btn:first-child {
      margin-left: 0; }
      @media only screen and (max-width: 768px) {
        .unsere-produkte__wrap-btn .btn:first-child {
          margin-top: 0; } }

.unsere-technologie {
  margin-top: 250px;
  padding-left: 140px;
  background-color: #C8EAFA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media only screen and (max-width: 1439px) {
    .unsere-technologie {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (max-width: 1200px) {
    .unsere-technologie {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }
  @media only screen and (max-width: 992px) {
    .unsere-technologie {
      margin-top: 100px; } }
  @media only screen and (max-width: 768px) {
    .unsere-technologie {
      margin-top: 75px; } }
  @media only screen and (max-width: 568px) {
    .unsere-technologie {
      padding-left: 10px;
      padding-right: 10px; } }

.unsere-technologie__section-tag {
  margin-top: 30px; }
  @media only screen and (max-width: 1200px) {
    .unsere-technologie__section-tag {
      left: 50%;
      position: relative;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      text-align: center; } }

.unsere-technologie__txt {
  margin-top: 25px; }

.unsere-technologie__btn {
  width: 370px;
  margin-top: 190px; }
  @media only screen and (max-width: 1439px) {
    .unsere-technologie__btn {
      margin-top: 100px; } }
  @media only screen and (max-width: 1200px) {
    .unsere-technologie__btn {
      margin-top: 50px;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (max-width: 768px) {
    .unsere-technologie__btn {
      margin-top: 30px;
      max-width: 370px;
      width: 100%; } }

.unsere-technologie__l {
  width: 44%;
  padding-bottom: 30px; }
  @media only screen and (max-width: 1200px) {
    .unsere-technologie__l {
      width: 100%; } }

.unsere-technologie__r {
  width: 45.5%; }
  @media only screen and (max-width: 1200px) {
    .unsere-technologie__r {
      width: 100%; } }

.unsere-technologie__r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .unsere-technologie__r:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(../img/unsere-technologie_block.svg) no-repeat left 48.2% center/auto 100%; }

.unsere-technologie__r-photo-l {
  width: 46.5%; }

.unsere-technologie__r-photo-r {
  width: 59.80%; }

.unsere-technologie__r-photo-l img, .unsere-technologie__r-photo-r img {
  width: 100%;
  height: auto;
  display: block; }

.unsere-ziele {
  margin-top: 150px;
  padding-top: 90px;
  padding-left: 140px;
  padding-right: 140px;
  position: relative; }
  @media only screen and (max-width: 1439px) {
    .unsere-ziele {
      padding-left: 20px;
      padding-right: 20px;
      margin-top: 140px;
      padding-top: 0; } }
  @media only screen and (max-width: 992px) {
    .unsere-ziele {
      margin-top: 100px; } }
  @media only screen and (max-width: 768px) {
    .unsere-ziele {
      margin-top: 75px; } }
  @media only screen and (max-width: 568px) {
    .unsere-ziele {
      padding-left: 10px;
      padding-right: 10px; } }
  .unsere-ziele:before {
    content: url(../img/unsere-ziele_l.svg);
    display: block;
    position: absolute;
    top: 0;
    left: 0; }
    @media only screen and (max-width: 1439px) {
      .unsere-ziele:before {
        display: none; } }
  .unsere-ziele:after {
    content: url(../img/unsere-ziele_r.svg);
    display: block;
    position: absolute;
    top: 0;
    right: 0; }
    @media only screen and (max-width: 1439px) {
      .unsere-ziele:after {
        display: none; } }

.unsere-ziele__tag-section {
  margin-bottom: 65px; }
  @media only screen and (max-width: 1439px) {
    .unsere-ziele__tag-section {
      left: 50%;
      position: relative;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      margin-bottom: 35px; } }

.unsere-ziele__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 992px) {
    .unsere-ziele__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.unsere-ziele__item {
  width: 28.79%; }
  @media only screen and (min-width: 1439px) {
    .unsere-ziele__item:nth-child(2) {
      width: 38.96%;
      padding: 0 60px; } }
  @media only screen and (max-width: 1439px) {
    .unsere-ziele__item {
      width: calc( 100% / 3 - 20px); } }
  @media only screen and (max-width: 992px) {
    .unsere-ziele__item {
      max-width: 600px;
      width: 100%;
      margin-bottom: 20px; }
      .unsere-ziele__item:last-child {
        margin-bottom: 0; } }

.unsere-ziele__txt {
  font-family: Poppins;
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
  color: #C4C4C4; }
  @media only screen and (max-width: 768px) {
    .unsere-ziele__txt {
      font-size: 25px;
      line-height: 30px; } }

.first-screen-karriere {
  margin-top: var(--headerHeight);
  min-height: 828px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 95px 0; }
  @media only screen and (max-width: 1200px) {
    .first-screen-karriere {
      min-height: 600px; } }
  @media only screen and (max-width: 992px) {
    .first-screen-karriere {
      padding-bottom: 0;
      min-height: 450px; } }
  @media only screen and (max-width: 568px) {
    .first-screen-karriere {
      min-height: 200px; } }
  .first-screen-karriere:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    opacity: 0; }
    @media only screen and (max-width: 992px) {
      .first-screen-karriere:before {
        opacity: 1; } }
  .first-screen-karriere:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../img/first-screen-karriere_block.svg) no-repeat center right/auto 100%; }
    @media only screen and (max-width: 992px) {
      .first-screen-karriere:after {
        background: none;
        display: none; } }

.first-screen-karriere__block-txt {
  width: 50%;
  min-height: 320px;
  padding: 40px 80px 40px 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-color: #ffffff; }
  @media only screen and (max-width: 1200px) {
    .first-screen-karriere__block-txt {
      min-height: 240px; } }
  @media only screen and (max-width: 992px) {
    .first-screen-karriere__block-txt {
      width: 100%;
      min-height: auto;
      padding: 30px;
      background: none;
      position: relative;
      z-index: 2; } }

.karriere {
  margin-top: 150px;
  background-color: #CCE7D4;
  padding: 50px 10px 95px 10px; }
  @media only screen and (max-width: 992px) {
    .karriere {
      margin-top: 50px; } }
  @media only screen and (max-width: 768px) {
    .karriere {
      padding-bottom: 45px; } }
  @media only screen and (max-width: 568px) {
    .karriere {
      padding-left: 0;
      padding-right: 0; } }

.karriere__img {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 55px;
  margin-bottom: 60px;
  width: 100%;
  height: auto;
  display: block; }
  @media only screen and (max-width: 568px) {
    .karriere__img {
      margin-left: 0;
      margin-right: 0;
      margin-top: 30px;
      margin-bottom: 30px; } }

.karriere__txt {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  margin-top: 24px; }
  .karriere__txt:first-child {
    margin-top: 0; }
  .karriere__txt strong {
    font-weight: 700; }

.map-karriere iframe {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  width: 100%;
  height: 600px;
  display: block; }
  @media only screen and (max-width: 1200px) {
    .map-karriere iframe {
      height: 450px; } }
  @media only screen and (max-width: 992px) {
    .map-karriere iframe {
      height: 350px; } }
  @media only screen and (max-width: 768px) {
    .map-karriere iframe {
      height: 300px; } }
  @media only screen and (max-width: 568px) {
    .map-karriere iframe {
      height: 250px; } }

.offene-positionen {
  margin-top: 150px; }
  @media only screen and (max-width: 992px) {
    .offene-positionen {
      margin-top: 50px; } }

.offene-positionen__card {
  background: #EF5B46;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 78px 189px 78px 117px; }
  @media only screen and (max-width: 1439px) {
    .offene-positionen__card {
      padding-left: 100px;
      padding-right: 100px; } }
  @media only screen and (max-width: 1200px) {
    .offene-positionen__card {
      padding: 40px 30px; } }
  @media only screen and (max-width: 992px) {
    .offene-positionen__card {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  @media only screen and (max-width: 568px) {
    .offene-positionen__card {
      padding: 30px 10px; } }

.offene-positionen__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  max-width: 455px;
  width: 100%; }

.offene-positionen__btn {
  width: 267px; }
  @media only screen and (max-width: 992px) {
    .offene-positionen__btn {
      margin-top: 20px; } }
  @media only screen and (max-width: 568px) {
    .offene-positionen__btn {
      max-width: 380px;
      width: 100%; } }

.offene-positionen2 {
  padding: 150px 10px;
  background-color: #EF5B46;
  position: relative; }
  @media only screen and (max-width: 1200px) {
    .offene-positionen2 {
      padding: 100px 10px; } }
  @media only screen and (max-width: 768px) {
    .offene-positionen2 {
      padding: 75px 10px; } }
  @media only screen and (max-width: 568px) {
    .offene-positionen2 {
      padding: 45px 0; } }

.offene-positionen2__container {
  background-color: #fff;
  padding: 90px 120px 50px 120px; }
  @media only screen and (max-width: 992px) {
    .offene-positionen2__container {
      padding: 45px; } }
  @media only screen and (max-width: 568px) {
    .offene-positionen2__container {
      padding: 25px; } }

.offene-positionen2__txt {
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.01em; }
  .offene-positionen2__txt strong {
    font-weight: 700;
    color: #F15A40;
    display: block; }

.offene-positionen2__btn {
  margin-top: 215px;
  width: 268px; }
  @media only screen and (max-width: 1200px) {
    .offene-positionen2__btn {
      margin-top: 50px; } }
  @media only screen and (max-width: 568px) {
    .offene-positionen2__btn {
      margin-top: 20px;
      max-width: 268px;
      width: 100%; } }

.offene-positionen__wrap-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc( 50% - 20px);
  position: absolute;
  bottom: 100px;
  right: 20px;
  max-width: 780px; }
  @media only screen and (max-width: 1200px) {
    .offene-positionen__wrap-img {
      margin-top: 20px;
      position: relative;
      bottom: 0;
      right: 0;
      width: 100%;
      max-width: 100%; } }
  .offene-positionen__wrap-img:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../img/offene-positionen_block.svg) no-repeat center right 61.8%/auto 100%; }

.offene-positionen__wrap-img-l img, .offene-positionen__wrap-img-r img {
  width: 100%;
  height: auto;
  display: block; }

.offene-positionen__wrap-img-l {
  width: 44.5%; }

.offene-positionen__wrap-img-r {
  width: 55.5%; }

.our-office {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 70px;
  padding-bottom: 145px;
  background-color: #EF5B46; }
  @media only screen and (max-width: 1200px) {
    .our-office {
      padding-top: 60px;
      padding-bottom: 120px; } }
  @media only screen and (max-width: 992px) {
    .our-office {
      padding-bottom: 100px; } }
  @media only screen and (max-width: 768px) {
    .our-office {
      padding-bottom: 75px; } }
  @media only screen and (max-width: 568px) {
    .our-office {
      padding-top: 40px;
      padding-bottom: 45px; } }

.our-office__tag-section {
  margin-bottom: 100px; }
  @media only screen and (max-width: 992px) {
    .our-office__tag-section {
      margin-bottom: 50px; } }

.our-office__img {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 45px; }
  @media only screen and (max-width: 768px) {
    .our-office__img {
      margin-top: 15px; } }
  .our-office__img:first-child {
    margin-top: 0; }

.values {
  margin-top: 150px;
  padding-left: 10px;
  padding-right: 10px; }

.values__title {
  font-weight: 700;
  font-size: 32px;
  line-height: 36px;
  letter-spacing: 0.01em;
  color: #000000;
  margin-bottom: 44px; }

.values__item {
  margin-bottom: 150px; }
  @media only screen and (max-width: 768px) {
    .values__item {
      margin-bottom: 45px; } }

.values__item-wrap-icon {
  height: 450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
  background-color: #CCE7D4;
  margin-bottom: 21px; }
  @media only screen and (max-width: 1200px) {
    .values__item-wrap-icon {
      height: 350px; } }
  @media only screen and (max-width: 568px) {
    .values__item-wrap-icon {
      height: 200px; } }

.values__item-icon {
  display: block;
  max-width: 100%;
  max-height: 100%; }

.values__item-txt {
  font-style: normal;
  font-size: 24px;
  line-height: 36px; }
  .values__item-txt strong {
    display: block;
    font-weight: 700;
    color: #EF5B46; }

.txt-img-beton {
  margin-top: 150px;
  padding: 50px 10px 95px 10px;
  background: #C8EAFA; }
  @media only screen and (max-width: 1439px) {
    .txt-img-beton {
      margin-top: 120px; } }
  @media only screen and (max-width: 1200px) {
    .txt-img-beton {
      margin-top: 100px; } }
  @media only screen and (max-width: 992px) {
    .txt-img-beton {
      margin-top: 75px; } }
  @media only screen and (max-width: 768px) {
    .txt-img-beton {
      margin-top: 50px;
      padding-bottom: 50px; } }
  @media only screen and (max-width: 568px) {
    .txt-img-beton {
      padding-left: 0;
      padding-right: 0; } }

.txt-img-beton__wrap-img {
  margin-bottom: 35px; }
  @media only screen and (max-width: 568px) {
    .txt-img-beton__wrap-img {
      margin-bottom: 15px; } }
  .txt-img-beton__wrap-img img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }

.txt-img-beton__item {
  margin-top: 95px; }
  @media only screen and (max-width: 568px) {
    .txt-img-beton__item {
      margin-top: 45px; } }
  .txt-img-beton__item:first-child {
    margin-top: 0; }

.txt-img-beton__wrap-txt p {
  margin-top: 25px; }
  .txt-img-beton__wrap-txt p:first-child {
    margin-top: 0; }

.txt-img-beton__tag-section {
  margin-top: 55px;
  margin-bottom: 50px; }
  @media only screen and (max-width: 568px) {
    .txt-img-beton__tag-section {
      margin-top: 0;
      margin-bottom: 20px; } }

.anwendung-detail {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 180px;
  background-color: #C8EAFA; }
  @media only screen and (max-width: 1439px) {
    .anwendung-detail {
      margin-top: 150px; } }
  @media only screen and (max-width: 1200px) {
    .anwendung-detail {
      margin-top: 120px; } }
  @media only screen and (max-width: 992px) {
    .anwendung-detail {
      margin-top: 100px; } }
  @media only screen and (max-width: 768px) {
    .anwendung-detail {
      margin-top: 75px; } }
  @media only screen and (max-width: 568px) {
    .anwendung-detail {
      margin-top: 50px;
      padding-left: 0;
      padding-right: 0; } }

.anwendung-detail__tag-section {
  margin-bottom: 100px; }
  @media only screen and (max-width: 1200px) {
    .anwendung-detail__tag-section {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 768px) {
    .anwendung-detail__tag-section {
      margin-bottom: 0; } }
  @media only screen and (max-width: 568px) {
    .anwendung-detail__tag-section {
      font-size: 22px; } }

.anwendung-detail__item {
  margin-top: 46px; }
  @media only screen and (max-width: 992px) {
    .anwendung-detail__item {
      margin-top: 60px; } }
  @media only screen and (max-width: 568px) {
    .anwendung-detail__item {
      margin-top: 40px; } }

.anwendung-detail__item-wrap-img {
/*   margin-right: -20px;  */
}
  @media only screen and (max-width: 992px) {
    .anwendung-detail__item-wrap-img {
/*       margin-right: 0; */
      margin-top: 30px; } }
  .anwendung-detail__item-wrap-img img {
    height: auto;
	max-width: 100%;
    display: block; }
    @media only screen and (max-width: 1439px) {
      .anwendung-detail__item-wrap-img img {
/*         height: 450px; */
        width: auto; } }
    @media only screen and (max-width: 1200px) {
      .anwendung-detail__item-wrap-img img {
        height: auto;
        width: 100%; } }

.anwendung-detail__item-title, .anwendung-detail__item-txt {
  margin-top: 35px; }
  @media only screen and (max-width: 1200px) {
    .anwendung-detail__item-title, .anwendung-detail__item-txt {
      margin-top: 15px; } }
  .anwendung-detail__item-title:first-child, .anwendung-detail__item-txt:first-child {
    margin-top: 0; }

.anwendung-detail__item-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 36px; }
  @media only screen and (max-width: 1200px) {
    .anwendung-detail__item-title {
      font-size: 30px;
      line-height: 34px; } }
  @media only screen and (max-width: 568px) {
    .anwendung-detail__item-title {
      font-size: 25px; } }

.demo-zement {
  margin-top: 200px;
  position: relative;
  padding-left: 10px;
  padding-right: 10px; }
  @media only screen and (max-width: 1439px) {
    .demo-zement {
      margin-top: 150px; } }
  @media only screen and (max-width: 1200px) {
    .demo-zement {
      margin-top: 120px; } }
  @media only screen and (max-width: 992px) {
    .demo-zement {
      margin-top: 100px; } }
  @media only screen and (max-width: 768px) {
    .demo-zement {
      margin-top: 75px; } }
  @media only screen and (max-width: 568px) {
    .demo-zement {
      margin-top: 50px;
      padding-left: 0;
      padding-right: 0; } }
  .demo-zement:before {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 156px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #EF5B46; }

.demo-zement__wrap-img {
  position: relative;
  z-index: 2; }
  .demo-zement__wrap-img:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/demo-anfragen-block-decor-l.svg), url(../img/demo-anfragen-block-decor-r.svg);
    background-repeat: no-repeat, no-repeat;
    background-size: auto 100%, auto 100%;
    background-position: center left -1px, center right; }
    @media only screen and (max-width: 568px) {
      .demo-zement__wrap-img:before {
        background: none;
        display: none; } }
  .demo-zement__wrap-img img {
    width: 100%;
    height: auto;
    display: block; }

.demo-zement__btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 235px; }

.downloads {
  margin-top: 200px;
  position: relative;
  background: #F5F5F5;
  padding-left: 10px;
  padding-right: 10px; }
  @media only screen and (max-width: 1439px) {
    .downloads {
      margin-top: 200px; } }
  @media only screen and (max-width: 1200px) {
    .downloads {
      margin-top: 150px; } }
  @media only screen and (max-width: 992px) {
    .downloads {
      margin-top: 100px; } }
  @media only screen and (max-width: 768px) {
    .downloads {
      margin-top: 75px; } }
  @media only screen and (max-width: 568px) {
    .downloads {
      margin-top: 50px;
      padding-left: 0;
      padding-right: 0; } }
  .downloads:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: url(../img/demo-anfragen-block-decor-l.svg) no-repeat left center/auto 100%; }
    @media only screen and (max-width: 1200px) {
      .downloads:before {
        background: none;
        display: none; } }
  .downloads:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: url(../img/demo-anfragen-block-decor-r.svg) no-repeat right -1px center/auto 100%; }
    @media only screen and (max-width: 1200px) {
      .downloads:after {
        background: none;
        display: none; } }

.downloads__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.downloads__wrap-img {
  margin-right: -20px;
  margin-left: 35px;
  height: 100%; }
  @media only screen and (max-width: 992px) {
    .downloads__wrap-img {
      margin-right: 0;
      margin-left: 0; } }
  .downloads__wrap-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block; }

.downloads__tag-section {
  margin-top: 49px;
  margin-bottom: 50px; }
  @media only screen and (max-width: 568px) {
    .downloads__tag-section {
      margin-bottom: 20px; } }

.downloads__wrap-btn {
  margin-bottom: 58px; }

.downloads__txt {
  font-size: 24px;
  line-height: 36px; }
  @media only screen and (max-width: 568px) {
    .downloads__txt {
      font-size: 22px;
      line-height: 30px; } }
  .downloads__txt strong {
    font-weight: 700; }

.downloads__wrap-btn {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (max-width: 568px) {
    .downloads__wrap-btn {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%; } }

.downloads__btn-l {
  width: 217px; }
  @media only screen and (max-width: 568px) {
    .downloads__btn-l {
      width: 100%; } }

.downloads__btn-r {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  text-decoration: underline;
  color: #828282;
  margin-left: 35px; }
  @media only screen and (max-width: 1320px) {
    .downloads__btn-r {
      font-size: 20px;
      margin-left: 15px; } }
  @media only screen and (max-width: 568px) {
    .downloads__btn-r {
      margin-left: 0;
      margin-top: 10px; } }

.blue-popup-block {
  max-width: 926px;
  width: 100%;
  padding: 40px 128px;
  text-align: left;
  margin: 40px auto;
  position: relative;
  border: 1px solid #e1e1e1;
  background: #C8EAFA; }
  @media only screen and (max-width: 768px) {
    .blue-popup-block {
      padding: 30px 40px; } }
  @media only screen and (max-width: 568px) {
    .blue-popup-block {
      padding: 30px 20px; } }

button.mfp-close {
  background: url(../img/close.png);
  border-radius: 50%;
  color: #fff !important;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 1;
  top: -20px;
  right: 20px; }

button.mfp-close:active {
  top: -20px; }

.blue-popup-block h3 {
  border-color: #000;
  margin-bottom: 18px; }

.blue-popup-block form {
  position: relative; }

.blue-popup-block input[type="text"], .blue-popup-block input[type="email"] {
  height: 70px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 15px;
  font-family: Poppins;
  font-size: 24px;
  line-height: 36px;
  padding-left: 20px;
  color: #737373;
  border: none; }
  @media only screen and (max-width: 568px) {
    .blue-popup-block input[type="text"], .blue-popup-block input[type="email"] {
      height: 50px;
      width: 100%; } }

.blue-popup-block input[type="submit"] {
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  font-size: 21px;
  line-height: 31px;
  padding: 12px 20px;
  color: #FFFFFF;
  background: #C8C8C8;
  border-radius: 4px;
  outline: none;
  border: none;
  cursor: not-allowed;
  pointer-events: none;
  margin-top: 15px; }

.blue-popup-block span.wpcf7-list-item {
  margin: 0; }

.blue-popup-block .wpcf7-list-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.blue-popup-block .wpcf7-list-item-label {
  font-size: 9px;
  line-height: 15px;
  padding-left: 43px;
  margin-bottom: 6px; }

.blue-popup-block input[type=checkbox] {
  display: none !important; }

.blue-popup-block input[type=checkbox] + span:before {
  padding: 0 0 0 0px;
  background: url(../img/checkbox.png) no-repeat;
  height: 30px;
  width: 30px;
  z-index: 9999;
  position: absolute;
  left: 0px; }

.blue-popup-block input[type=checkbox]:checked + span:before {
  background: url(../img/checkbox-checked.png) no-repeat;
  height: 30px;
  width: 30px; }

.wpcf7-response-output {
  display: none !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #C8EAFA;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important; }

.wpcf7-not-valid {
  border: 1px solid #FF0000; }

label {
  font-size: 18px;
  line-height: 27px; }

label.has-error {
  color: #FF0000; }

input.has-error {
  border: 1px solid #FF0000  !important; }

.allow-click {
  background: #000 !important;
  cursor: pointer !important;
  pointer-events: all !important; }

.visible-afrter-send {
  display: none;
  height: 380px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .visible-afrter-send p {
    font-size: 24px;
    line-height: 36px; }
  .visible-afrter-send p:first-child {
    margin-bottom: 20px; }

.form_desc {
  line-height: 22px;
  margin-bottom: 30px; }

.w_20 {
  width: 20%;
  float: left; }
  @media only screen and (max-width: 568px) {
    .w_20 {
      width: 100%; } }

.w_80 {
  width: 80%;
  float: left;
  padding-left: 18px; }
  @media only screen and (max-width: 568px) {
    .w_80 {
      width: 100%;
      padding-left: 0; } }

.optional {
  position: absolute;
  right: 0;
  bottom: 0px;
  font-size: 18px;
  line-height: 27px;
  text-transform: uppercase; }

.block-hidden {
  display: none; }

.funktioniert {
  margin-top: 150px;
  padding-top: 50px;
  padding-right: 10px;
  padding-bottom: 65px;
  padding-left: 10px;
  background: #E8E8E8; }
  .funktioniert r($widex) {
    margin-top: 120px; }
  @media only screen and (max-width: 1200px) {
    .funktioniert {
      margin-top: 100px; } }
  @media only screen and (max-width: 992px) {
    .funktioniert {
      margin-top: 80px; } }
  @media only screen and (max-width: 768px) {
    .funktioniert {
      margin-top: 70px; } }
  @media only screen and (max-width: 568px) {
    .funktioniert {
      margin-top: 50px;
      padding-left: 0;
      padding-right: 0; } }

.funktioniert img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%); }

.funktioniert__txt {
  margin-top: 96px; }
  @media only screen and (max-width: 992px) {
    .funktioniert__txt {
      margin-top: 45px; } }
  @media only screen and (max-width: 568px) {
    .funktioniert__txt {
      margin-top: 20px; } }

.funktioniert__wrap-switch {
  margin-top: 96px;
  margin-bottom: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 992px) {
    .funktioniert__wrap-switch {
      margin-top: 45px; } }
  @media only screen and (max-width: 568px) {
    .funktioniert__wrap-switch {
      margin-top: 20px; } }

.funktioniert__switch-l-txt, .funktioniert__switch-r-txt {
  margin-right: 30px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FFFFFF;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }
  @media only screen and (max-width: 568px) {
    .funktioniert__switch-l-txt, .funktioniert__switch-r-txt {
      letter-spacing: 0;
      font-size: 15px; } }
  .funktioniert__switch-l-txt:hover, .funktioniert__switch-r-txt:hover {
    cursor: pointer; }

.funktioniert__switch {
  display: none;
  width: 64px;
  height: 36px;
  background-color: #ffffff;
  position: relative;
  cursor: pointer; }
  @media only screen and (max-width: 568px) {
    .funktioniert__switch {
      width: 56px; } }

.funktioniert__switch-l-line, .funktioniert__switch-r-line {
  position: absolute;
  height: 100%;
  width: 4px;
  background: #C4C4C4;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .funktioniert__switch-l-line:before, .funktioniert__switch-r-line:before {
    content: '';
    display: block;
    position: absolute;
    width: 200%;
    height: 4px;
    background-color: #C4C4C4;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .funktioniert__switch-l-line:after, .funktioniert__switch-r-line:after {
    content: '';
    display: block;
    position: absolute;
    width: 200%;
    height: 4px;
    background-color: #C4C4C4;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }

.funktioniert__switch-l-line {
  background: #C4C4C4;
  left: 0; }
  .funktioniert__switch-l-line:before {
    top: 0;
    left: 0; }
  .funktioniert__switch-l-line:after {
    bottom: 0;
    left: 0; }

.funktioniert__switch-r-line {
  background: #C4C4C4;
  right: 0; }
  .funktioniert__switch-r-line:before {
    top: 0;
    right: 0; }
  .funktioniert__switch-r-line:after {
    bottom: 0;
    right: 0; }

.funktioniert__switch-square {
  width: 20px;
  height: 20px;
  background: #EF5B46;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

.funktioniert__switch-l-txt {
  right: calc( 100% + 15px); }
  @media only screen and (max-width: 568px) {
    .funktioniert__switch-l-txt {
      right: calc( 100% + 5px); } }

.funktioniert__switch-r-txt {
  left: calc( 100% + 15px); }
  @media only screen and (max-width: 568px) {
    .funktioniert__switch-r-txt {
      left: calc( 100% + 5px); } }

.funktioniert__switch_select_l .funktioniert__switch-l-txt {
  color: #EF5B46; }

.funktioniert__switch_select_l .funktioniert__switch-l-line {
  background: #EF5B46; }
  .funktioniert__switch_select_l .funktioniert__switch-l-line:before {
    background: #EF5B46; }
  .funktioniert__switch_select_l .funktioniert__switch-l-line:after {
    background: #EF5B46; }

.funktioniert__switch_select_l .funktioniert__switch-square {
  left: 8px; }

.funktioniert__switch_select_r .funktioniert__switch-r-txt {
  color: #EF5B46; }

.funktioniert__switch_select_r .funktioniert__switch-r-line {
  background: #EF5B46; }
  .funktioniert__switch_select_r .funktioniert__switch-r-line:before {
    background: #EF5B46; }
  .funktioniert__switch_select_r .funktioniert__switch-r-line:after {
    background: #EF5B46; }

.funktioniert__switch_select_r .funktioniert__switch-square {
  left: calc( 100% - 28px); }

.funktioniert__wrap-bg {
  background: #fff1f0; }

.funktioniert__wrap-tabs {
  margin-top: 20px; }

.funktioniert__tab-content {
  display: none;
  background: #fff1f0; }
  .funktioniert__tab-content img {
    width: 100%;
    height: auto;
    display: block; }

.funktioniert__steps {
  counter-reset: i;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.funktioniert__steps-item {
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  text-indent: 30px;
  position: relative;
  margin-bottom: 40px; }
  @media only screen and (max-width: 1400px) {
    .funktioniert__steps-item {
      font-size: 12px;
      line-height: 22px;
      margin-bottom: 25px; } }
  @media only screen and (max-width: 568px) {
    .funktioniert__steps-item {
      margin: 10px 0; } }
  .funktioniert__steps-item:before {
    top: 4px;
    left: 0;
    counter-increment: i;
    content: counter(i) ".";
    position: absolute;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    text-indent: 0;
    background: #EF5B46;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media only screen and (max-width: 568px) {
      .funktioniert__steps-item:before {
        top: 1px; } }

.unsere-referenzen {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 200px; }
  @media only screen and (max-width: 1439px) {
    .unsere-referenzen {
      margin-top: 150px; } }
  @media only screen and (max-width: 1200px) {
    .unsere-referenzen {
      margin-top: 120px; } }
  @media only screen and (max-width: 992px) {
    .unsere-referenzen {
      margin-top: 100px; } }
  @media only screen and (max-width: 768px) {
    .unsere-referenzen {
      margin-top: 75px; } }
  @media only screen and (max-width: 568px) {
    .unsere-referenzen {
      margin-top: 50px;
      padding-left: 0;
      padding-right: 0; } }

.unsere-referenzen__tag-section {
  margin-bottom: 30px; }
  @media only screen and (max-width: 568px) {
    .unsere-referenzen__tag-section {
      margin-bottom: 10px; } }

.unsere-referenzen__wrap-img {
  background: #F2F2F2;
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
  margin-top: 20px; }
  @media only screen and (max-width: 568px) {
    .unsere-referenzen__wrap-img {
      height: 250px; } }
  .unsere-referenzen__wrap-img img {
    max-width: 100%;
    max-height: 100%;
    display: block; }

.first-screen-technologie {
  margin-top: var(--headerHeight);
  min-height: 828px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 95px 0; }
  @media only screen and (max-width: 1200px) {
    .first-screen-technologie {
      min-height: 600px; } }
  @media only screen and (max-width: 992px) {
    .first-screen-technologie {
      padding-bottom: 0;
      min-height: 450px; } }
  @media only screen and (max-width: 568px) {
    .first-screen-technologie {
      min-height: 200px; } }
  .first-screen-technologie:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    opacity: 0; }
    @media only screen and (max-width: 992px) {
      .first-screen-technologie:before {
        opacity: 1; } }
  .first-screen-technologie:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../img/first-screen-technologie-block_r.svg) no-repeat center right/auto 100%; }
    @media only screen and (max-width: 992px) {
      .first-screen-technologie:after {
        background: none;
        display: none; } }

.first-screen-technologie__block-txt {
  width: 50%;
  min-height: 320px;
  padding: 40px 80px 40px 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-color: #C8EAFA; }
  @media only screen and (max-width: 1200px) {
    .first-screen-technologie__block-txt {
      min-height: 240px; } }
  @media only screen and (max-width: 992px) {
    .first-screen-technologie__block-txt {
      width: 100%;
      min-height: auto;
      padding: 30px;
      background: none;
      position: relative;
      z-index: 2; } }

.section-technologie-slider {
  margin-top: 140px;
  padding-left: 10px;
  padding-right: 10px; }
  @media only screen and (max-width: 1439px) {
    .section-technologie-slider {
      margin-top: 125px; } }
  @media only screen and (max-width: 1200px) {
    .section-technologie-slider {
      margin-top: 100px; } }
  @media only screen and (max-width: 992px) {
    .section-technologie-slider {
      margin-top: 75px; } }
  @media only screen and (max-width: 768px) {
    .section-technologie-slider {
      margin-top: 50px; } }
  @media only screen and (max-width: 568px) {
    .section-technologie-slider {
      padding-left: 0;
      padding-right: 0; } }

.section-technologie-slider__slider {
  margin-left: 40px;
  margin-right: 40px;
  overflow: initial; }
  @media only screen and (max-width: 992px) {
    .section-technologie-slider__slider {
      margin-left: 0;
      margin-right: 0; } }

.section-technologie-slider__slide {
  background: #C8EAFA;
  padding: 30px 20px 20px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 768px) {
    .section-technologie-slider__slide {
      padding: 30px 20px; } }
  @media only screen and (max-width: 568px) {
    .section-technologie-slider__slide {
      padding: 10px 10px 10px; } }

.technologie-slider__slide-title {
  font-weight: 700;
  line-height: normal;
  font-size: 22px;
  margin-bottom: 17px; }
  @media only screen and (max-width: 568px) {
    .technologie-slider__slide-title {
      font-size: 20px;
      line-height: normal;
      margin-bottom: 10px;
      min-height: 60px; } }
  .technologie-slider__slide-title span {
    font-size: 16px; }

@media only screen and (max-width: 768px) {
  .technologie-slider__slide-txt {
    font-size: 14px;
    line-height: 19px; } }

@media only screen and (max-width: 768px) {
  .technologie-slider__slide-top {
    width: 100%; } }

.technologie-slider__slide-bottom {
  margin-top: 20px; }
  .technologie-slider__slide-bottom img {
    max-width: 100%;
    height: auto;
    display: block; }

.technologie-slider__pagination {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .technologie-slider__pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background: #C8EAFA;
    opacity: 1;
    margin-left: 5px; }
    .technologie-slider__pagination .swiper-pagination-bullet:first-child {
      margin-left: 0; }
  .technologie-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #000; }

.titel {
  padding: 50px 10px 148px 10px;
  background: #F2F2F2;
  margin-top: 150px; }
  @media only screen and (max-width: 1439px) {
    .titel {
      margin-top: 125px; } }
  @media only screen and (max-width: 1200px) {
    .titel {
      margin-top: 100px; } }
  @media only screen and (max-width: 992px) {
    .titel {
      margin-top: 75px;
      padding-bottom: 100px; } }
  @media only screen and (max-width: 768px) {
    .titel {
      margin-top: 50px;
      padding-bottom: 50px; } }
  @media only screen and (max-width: 568px) {
    .titel {
      padding-left: 0;
      padding-right: 0; } }

.titel__tag-section {
  margin-bottom: 50px; }
  @media only screen and (max-width: 568px) {
    .titel__tag-section {
      margin-bottom: 25px; } }

.titel__video {
  position: relative; }
  .titel__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.titel__img {
  width: 100%;
  height: auto;
  display: block; }

.titel__btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 150px;
  height: 112px;
  background: url(../img/titel-play.svg) no-repeat center/100%; }
  @media only screen and (max-width: 768px) {
    .titel__btn {
      width: 100px; } }

.titel__wrap-txt {
  margin-top: 18px; }
  @media only screen and (min-width: 768px) {
    .titel__wrap-txt {
      -webkit-columns: 2;
         -moz-columns: 2;
              columns: 2;
      -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
              column-gap: 20px; } }
  .titel__wrap-txt p {
    color: #828282;
    line-height: 27px;
    margin-bottom: 30px; }

.txt-section-technologie {
  margin-top: 145px;
  padding-left: 10px;
  padding-right: 10px; }
  @media only screen and (max-width: 1439px) {
    .txt-section-technologie {
      margin-top: 125px; } }
  @media only screen and (max-width: 1200px) {
    .txt-section-technologie {
      margin-top: 100px; } }
  @media only screen and (max-width: 992px) {
    .txt-section-technologie {
      margin-top: 75px; } }
  @media only screen and (max-width: 768px) {
    .txt-section-technologie {
      margin-top: 50px; } }
  @media only screen and (max-width: 568px) {
    .txt-section-technologie {
      padding-left: 0;
      padding-right: 0; } }

.become-our-team {
  margin-top: 150px;
  padding-left: 10px;
  padding-right: 10px; }
  @media only screen and (max-width: 768px) {
    .become-our-team {
      margin-top: 70px; } }
  @media only screen and (max-width: 568px) {
    .become-our-team {
      margin-top: 45px;
      padding-left: 0;
      padding-right: 0; } }

.become-our-team__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #EF5B46;
  margin-left: 80px;
  margin-right: 80px; }
  @media only screen and (max-width: 1200px) {
    .become-our-team__block {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      margin-left: 0;
      margin-right: 0; } }

.become-our-team__block-l {
  padding: 60px 40px 50px 40px;
  width: calc( 50% + 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media only screen and (max-width: 1439px) {
    .become-our-team__block-l {
      padding: 30px 20px; } }
  @media only screen and (max-width: 1200px) {
    .become-our-team__block-l {
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .become-our-team__block-l {
      padding: 15px 10px; } }

.become-our-team__block-r {
  position: relative;
  width: calc( 50% - 20px); }
  @media only screen and (max-width: 1200px) {
    .become-our-team__block-r {
      width: 100%; } }
  .become-our-team__block-r:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/become-our-team-block.svg) no-repeat right center/auto 100%; }
    @media only screen and (max-width: 1439px) {
      .become-our-team__block-r:after {
        display: none;
        background: none; } }
  .become-our-team__block-r img {
    width: 100%;
    height: auto;
    display: block; }

.become-our-team__tag-section {
  margin-bottom: 35px; }
  @media only screen and (max-width: 1439px) {
    .become-our-team__tag-section {
      margin-bottom: 0; } }

.become-our-team__block-l p {
  margin-top: 15px; }

.become-our-team__btn {
  margin-top: 25px;
  max-width: 286px;
  width: 100%; }

.boards-advisors {
  background-color: #C4C4C4;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 50px;
  padding-bottom: 155px; }
  @media only screen and (max-width: 1200px) {
    .boards-advisors {
      padding-bottom: 100px; } }
  @media only screen and (max-width: 768px) {
    .boards-advisors {
      padding-bottom: 50px; } }
  @media only screen and (max-width: 568px) {
    .boards-advisors {
      padding-left: 0;
      padding-right: 0; } }

@media only screen and (max-width: 568px) {
  .boards-advisors__tag-section {
    letter-spacing: 0;
    font-size: 22px; } }

.boards-advisors__slider {
  margin-top: 100px; }
  @media only screen and (max-width: 992px) {
    .boards-advisors__slider {
      margin-top: 50px; } }
  @media only screen and (max-width: 568px) {
    .boards-advisors__slider {
      margin-top: 35px; } }

.boards-advisors__slider-slide-img img {
  width: 100%;
  height: auto;
  display: block; }

.boards-advisors__slider-slide-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 27px;
  margin-top: 20px; }
  @media only screen and (max-width: 568px) {
    .boards-advisors__slider-slide-title {
      font-size: 22px; } }
  .boards-advisors__slider-slide-title span {
    font-size: 12px; }

.boards-advisors__slider-slide-desc {
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase; }

.first-screen-uber-uns {
  margin-top: calc( var(--headerHeight) + 130px);
  padding-left: 10px;
  padding-right: 10px; }
  .first-screen-uber-uns r($widex) {
    margin-top: calc( var(--headerHeight) + 70px); }
  @media only screen and (max-width: 1200px) {
    .first-screen-uber-uns {
      margin-top: calc( var(--headerHeight) + 100px); } }
  @media only screen and (max-width: 568px) {
    .first-screen-uber-uns {
      margin-top: calc( var(--headerHeight) + 30px);
      padding-left: 0;
      padding-right: 0; } }

.first-screen-uber-uns__wrap {
  padding-left: 120px;
  padding-right: 120px;
  padding-top: 130px;
  padding-bottom: 130px;
  position: relative; }
  @media only screen and (max-width: 1200px) {
    .first-screen-uber-uns__wrap {
      padding: 50px; } }
  @media only screen and (max-width: 568px) {
    .first-screen-uber-uns__wrap {
      padding: 0; } }

.first-screen-uber-uns__line-l, .first-screen-uber-uns__line-r {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50px;
  background: #C4C4C4; }
  @media only screen and (max-width: 1200px) {
    .first-screen-uber-uns__line-l, .first-screen-uber-uns__line-r {
      display: none; } }
  .first-screen-uber-uns__line-l:before, .first-screen-uber-uns__line-r:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background: #C4C4C4;
    height: 50px;
    width: 100px; }
  .first-screen-uber-uns__line-l:after, .first-screen-uber-uns__line-r:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    background: #C4C4C4;
    height: 50px;
    width: 100px; }

.first-screen-uber-uns__line-r {
  right: 0;
  left: auto; }
  .first-screen-uber-uns__line-r:before {
    right: 0; }
  .first-screen-uber-uns__line-r:after {
    right: 0; }

.first-screen-uber-uns__title {
  font-weight: 700;
  font-size: 48px;
  line-height: 56px; }
  @media only screen and (max-width: 768px) {
    .first-screen-uber-uns__title {
      font-size: 42px;
      line-height: normal; } }
  @media only screen and (max-width: 568px) {
    .first-screen-uber-uns__title {
      font-size: 28px; } }

.our-company {
  background-color: #EF5B46;
  padding: 50px 10px 140px 10px;
  margin-top: 190px; }
  @media only screen and (max-width: 1439px) {
    .our-company {
      margin-top: 150px; } }
  @media only screen and (max-width: 1200px) {
    .our-company {
      margin-top: 120px; } }
  @media only screen and (max-width: 992px) {
    .our-company {
      margin-top: 90px; } }
  @media only screen and (max-width: 768px) {
    .our-company {
      margin-top: 70px; } }
  @media only screen and (max-width: 568px) {
    .our-company {
      margin-top: 50px;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 50px; } }

.our-company__txt {
  color: #fff;
  margin-top: 100px; }
  @media only screen and (max-width: 1200px) {
    .our-company__txt {
      margin-top: 80px; } }
  @media only screen and (max-width: 992px) {
    .our-company__txt {
      margin-top: 50px; } }
  @media only screen and (max-width: 768px) {
    .our-company__txt {
      margin-top: 30px; } }

.our-company__suptitle-slider {
  color: #ffffff;
  margin-top: 100px;
  font-weight: 700;
  font-size: 32px;
  line-height: 36px;
  letter-spacing: 0.01em; }
  @media only screen and (max-width: 1200px) {
    .our-company__suptitle-slider {
      margin-top: 80px; } }
  @media only screen and (max-width: 992px) {
    .our-company__suptitle-slider {
      margin-top: 50px; } }
  @media only screen and (max-width: 768px) {
    .our-company__suptitle-slider {
      margin-top: 30px; } }

.our-company__slider {
  margin-top: 36px;
  overflow: initial; }

.our-company__slider-slide-img img {
  width: 100%;
  height: auto;
  display: block; }

.our-company__slider-slide-title {
  margin-top: 18px;
  font-size: 24px;
  font-weight: 700; }

.our-company__slider-slide-desc {
  margin-top: 3px;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase; }

.our-company__slider-slide-link {
  margin-top: 8px;
  display: block;
  width: 36px;
  height: 36px;
  background: url(../img/in_ic_white.svg) no-repeat center; }

.our-investors {
  margin-top: 180px;
  padding-left: 10px;
  padding-right: 10px; }
  @media only screen and (max-width: 1439px) {
    .our-investors {
      margin-top: 140px; } }
  @media only screen and (max-width: 1200px) {
    .our-investors {
      margin-top: 120px; } }
  @media only screen and (max-width: 992px) {
    .our-investors {
      margin-top: 90px; } }
  @media only screen and (max-width: 768px) {
    .our-investors {
      margin-top: 50px; } }
  @media only screen and (max-width: 568px) {
    .our-investors {
      padding-left: 0;
      padding-right: 0; } }

.our-investor__wrap-items {
  margin-top: 70px; }
  @media only screen and (max-width: 568px) {
    .our-investor__wrap-items {
      margin-top: 40px; } }

.our-investor__item {
  margin-top: 50px; }
  @media only screen and (max-width: 568px) {
    .our-investor__item {
      margin-top: 30px; } }
  .our-investor__item:first-child {
    margin-top: 0; }

.our-investor__item-title {
  font-weight: 700;
  font-size: 40px;
  color: #EF5B46;
  margin-bottom: 18px; }
  @media only screen and (max-width: 568px) {
    .our-investor__item-title {
      font-size: 28px; } }

.our-investor__item-wrap-img {
  margin-top: 20px; }
  @media only screen and (max-width: 768px) {
    .our-investor__item-wrap-img {
      margin-bottom: 10px; } }
  .our-investor__item-wrap-img img {
    width: 100%;
    height: auto;
    display: block; }

.our-investors__item-txt {
  font-size: 24px;
  line-height: 36px; }
  @media only screen and (max-width: 568px) {
    .our-investors__item-txt {
      font-size: 21px;
      line-height: normal; } }

.main-contact {
  padding-top: calc( var(--headerHeight) + 150px);
  padding-bottom: 150px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #CCE7D4; }
  @media only screen and (max-width: 992px) {
    .main-contact {
      padding-top: calc( var(--headerHeight) + 30px); } }
  @media only screen and (max-width: 568px) {
    .main-contact {
      padding-top: calc( var(--headerHeight) + 20px);
      padding-left: 0;
      padding-right: 0; } }
  .main-contact .row {
    margin-top: 100px; }
    @media only screen and (max-width: 992px) {
      .main-contact .row {
        margin-top: 50px; } }
    .main-contact .row:first-child {
      margin-top: 0; }

.main-contact__item {
  background-color: rgba(255, 255, 255, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 768px) {
    .main-contact__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.main-contact__item_l, .main-contact__item_r {
  width: calc( 50% - 10px); }
  @media only screen and (max-width: 768px) {
    .main-contact__item_l, .main-contact__item_r {
      width: 100%; } }
  .main-contact__item_l img, .main-contact__item_r img {
    width: 100%;
    display: block;
    height: auto; }

.main-contact__item_r {
  padding: 24px 30px 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 768px) {
    .main-contact__item_r {
      padding: 25px; } }
  @media only screen and (max-width: 568px) {
    .main-contact__item_r {
      padding: 15px; } }

.main-contact__item-name {
  font-weight: 700;
  font-size: 48px; }
  @media only screen and (max-width: 1200px) {
    .main-contact__item-name {
      font-size: 35px; } }
  @media only screen and (max-width: 568px) {
    .main-contact__item-name {
      font-size: 28px;
      margin-bottom: 10px; } }

.main-contact__item-position, .main-contact__item-desc {
  font-weight: 400;
  font-size: 18px; }

.main-contact__item-position {
  text-transform: uppercase; }

.main-contact__item-desc {
  margin-top: 40px; }
  @media only screen and (max-width: 768px) {
    .main-contact__item-desc {
      margin-top: 20px;
      margin-bottom: 10px; } }

.main-contact__item_r-bottom {
  position: relative;
  padding-right: 40px; }

.main-contact__item-nick {
  font-weight: 700;
  font-size: 18px; }
  @media only screen and (max-width: 568px) {
    .main-contact__item-nick {
      font-size: 14px; } }

.main-contact__item-link_in {
  position: absolute;
  bottom: 0;
  right: -7px;
  display: block;
  width: 35px;
  height: 35px;
  background: url(../img/in_ic.svg) no-repeat center; }

.map-contact iframe {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  width: 100%;
  height: 600px;
  display: block; }
  @media only screen and (max-width: 1200px) {
    .map-contact iframe {
      height: 450px; } }
  @media only screen and (max-width: 992px) {
    .map-contact iframe {
      height: 350px; } }
  @media only screen and (max-width: 768px) {
    .map-contact iframe {
      height: 300px; } }
  @media only screen and (max-width: 568px) {
    .map-contact iframe {
      height: 250px; } }

.map-contact__wrap-address {
  padding-left: 10px;
  padding-right: 10px;
  background-color: #CCE7D4; }

.map-contact__address {
  padding-top: 100px;
  padding-bottom: 100px; }
  @media only screen and (max-width: 768px) {
    .map-contact__address {
      padding-top: 45px;
      padding-bottom: 45px; } }

.map-contact__custom-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media only screen and (max-width: 768px) {
    .map-contact__custom-col {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.map-contact__txt {
  margin-left: 25px;
  font-weight: 400;
  font-size: 24px; }
  @media only screen and (max-width: 768px) {
    .map-contact__txt {
      margin-left: 0;
      margin-top: 20px; } }
  .map-contact__txt strong {
    font-weight: 700; }
  .map-contact__txt:first-child {
    margin-left: 0; }
    @media only screen and (max-width: 768px) {
      .map-contact__txt:first-child {
        margin-top: 0; } }

.main-datenschutz {
  margin-top: calc( var(--headerHeight) + 150px);
  padding: 0 10px 100px 10px; }
  @media only screen and (max-width: 1200px) {
    .main-datenschutz {
      margin-top: calc( var(--headerHeight) + 75px); } }
  @media only screen and (max-width: 568px) {
    .main-datenschutz {
      padding: 0 0 20px 0;
      margin-top: calc( var(--headerHeight) + 15px); } }

.datenschutz__tag-section {
  margin-bottom: 10px; }

.main-datenschutz__wrap {
  margin-top: 20px; }
  .main-datenschutz__wrap h3, .main-datenschutz__wrap p, .main-datenschutz__wrap li, .main-datenschutz__wrap ol, .main-datenschutz__wrap ul {
    margin-top: 15px; }
    .main-datenschutz__wrap h3:first-child, .main-datenschutz__wrap p:first-child, .main-datenschutz__wrap li:first-child, .main-datenschutz__wrap ol:first-child, .main-datenschutz__wrap ul:first-child {
      margin-top: 0; }
  .main-datenschutz__wrap h3 {
    font-size: 24px; }
  .main-datenschutz__wrap ul li {
    position: relative; }
    .main-datenschutz__wrap ul li:before {
      content: '🞄';
      margin-right: 10px; }

.main-datenschutz__wrap h2, .main-datenschutz__wrap h4 {
  margin-top: 15px; }

.first-screen-impressum {
  margin-top: calc( var(--headerHeight) + 150px);
  padding: 0 10px; }
  @media only screen and (max-width: 1200px) {
    .first-screen-impressum {
      margin-top: calc( var(--headerHeight) + 75px); } }
  @media only screen and (max-width: 568px) {
    .first-screen-impressum {
      padding: 0;
      margin-top: calc( var(--headerHeight) + 15px); } }

.first-screen-impressum__imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: calc( 100% + 25px); }
  @media only screen and (max-width: 568px) {
    .first-screen-impressum__imgs {
      width: 100%; } }
  .first-screen-impressum__imgs:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/first-screen-impressum_block.svg) no-repeat right 51.5% center/auto 100%; }

.first-screen-impressum__wrap-txt {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%; }
  @media only screen and (max-width: 768px) {
    .first-screen-impressum__wrap-txt {
      margin-top: 30px; } }

.first-screen-impressum__wrap-txt .first-screen-impressum__tag-section {
  margin-bottom: 30px; }

.first-screen-impressum__wrap-txt h2, .first-screen-impressum__wrap-txt h3 {
  margin-top: 30px;
  margin-bottom: 5px; }

.first-screen-impressum__imgs-l img, .first-screen-impressum__imgs-r img {
  width: 100%;
  height: auto;
  display: block; }

.first-screen-impressum__imgs-l {
  width: 58.31%; }

.first-screen-impressum__imgs-r {
  width: 44.09%; }

@media only screen and (max-width: 768px) {
  .first-screen-impressum__tag-section {
    margin-bottom: 15px; } }

.first-screen-impressum__txt {
  letter-spacing: 0.01em;
  line-height: 27px;
  font-size: 18px; }
  .first-screen-impressum__txt strong {
    padding-top: 4px;
    display: block;
    font-size: 24px;
    line-height: 36px; }

.address-impressum {
  margin-top: 100px;
  padding: 90px 10px 80px 10px;
  background-color: #C4C4C4; }
  @media only screen and (max-width: 768px) {
    .address-impressum {
      margin-top: 30px;
      padding: 50px 10px 45px 10px; } }

.address-impressum__item {
  margin-bottom: 70px; }
  @media only screen and (max-width: 768px) {
    .address-impressum__item {
      margin-bottom: 30px; } }
  .address-impressum__item:last-child {
    margin-bottom: 0; }

.address-impressum__item-txt, .address-impressum__item-title {
  font-weight: 400;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: 0.01em; }
  @media only screen and (max-width: 768px) {
    .address-impressum__item-txt, .address-impressum__item-title {
      font-size: 18px;
      line-height: normal; } }

.address-impressum__item-txt a {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit; }

/*# sourceMappingURL=app.css.map */