@charset "UTF-8";
@import url("https://use.typekit.net/fhk4tto.css");
/*

Objektiv Mk1 Regular
--------------------
font-family: objektiv-mk1, sans-serif;
font-weight: 400;
font-style: normal;


Objektiv Mk1 Bold
-----------------
font-family: objektiv-mk1, sans-serif;
font-weight: 700;
font-style: normal;

 */
/* Generated by Glyphter (http://www.glyphter.com) on  Fri Sep 20 2019*/
@font-face {
  font-family: 'brunner';
  src: url("../fonts/brunner.eot");
  src: url("../fonts/brunner.eot?#iefix") format("embedded-opentype"), url("../fonts/brunner.woff") format("woff"), url("../fonts/brunner.ttf") format("truetype"), url("../fonts/brunner.svg#brunner") format("svg");
  font-weight: normal;
  font-style: normal; }

[class*='icon-']:before {
  display: inline-block;
  font-family: 'brunner';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-instagramm:before {
  content: '\0041'; }

.icon-facebook:before {
  content: '\0042'; }

.icon-linkedin:before {
  content: '\0043'; }

.icon-location:before {
  content: '\0044'; }

.icon-arrow-left:before {
  content: '\0046'; }

.icon-arrow-right:before {
  content: '\0045'; }

.icon-arrow-down:before {
  content: '\0047'; }

.icon-scroll:before {
  content: '\0048'; }

.icon-arrow-right-big:before {
  content: '\0049'; }

.icon-phone:before {
  content: '\004a'; }

.icon-mail:before {
  content: '\004b'; }

/* Start - variables */
/* End - variables */
/* Start - mixins */
/* End - mixins */
/* Start - functions */
/* End - functions */
/* Start - default helpers */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* End - default helpers */
/* Start - general styles */
* {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-overflow-scrolling: touch; }
  *:focus {
    outline: none; }
  *.showBlur {
    -webkit-animation: text-focus-in 0.8s ease-in-out both;
    animation: text-focus-in 0.8s ease-in-out both; }

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }

@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }

*, ::after, ::before {
  box-sizing: border-box; }

/* End - general styles */
body {
  font-family: objektiv-mk1, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: -0.2px;
  color: #000000; }
  body {
    font-size: 17px;
    line-height: 1.47; }
    @media screen and (min-width: 320px) {
      body {
        font-size: calc(17px + 1 * ((100vw - 320px) / 880)); } }
    @media screen and (min-width: 1200px) {
      body {
        font-size: 18px; } }

header {
  position: fixed;
  z-index: 10;
  top: 0;
  width: 100%;
  background-color: #ffffff;
  padding: 0 calc(8vw - 15px);
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 3px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.05) 0 3px 3px;
  box-shadow: rgba(0, 0, 0, 0.05) 0 3px 3px; }
  header #logo {
    display: flex;
    text-indent: -999em;
    margin: 40px 0; }
    header #logo svg#logoBrunner {
      width: 100%;
      max-width: 237px; }
    header #logo h1, header #logo h2 {
      display: none; }
  header nav#main ul {
    flex-direction: row;
    justify-content: space-between; }
    header nav#main ul li a {
      color: #000000;
      font-size: 15px;
      font-weight: 400;
      transition: font-weight .4s ease-in-out; }
      header nav#main ul li a:hover {
        font-weight: 700; }
    header nav#main ul li.active a {
      font-weight: 700; }
  header #burger, header #close {
    cursor: pointer;
    width: 30px;
    margin-left: auto; }
    header #burger span, header #close span {
      background-color: #e6322f;
      width: 100%;
      height: 3px;
      display: block;
      margin-bottom: 7.5px; }
      header #burger span:last-of-type, header #close span:last-of-type {
        margin-bottom: 0; }
  header #close {
    position: absolute;
    top: 15px;
    right: 15px;
    height: 30px; }
    header #close span:first-of-type {
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: relative;
      top: 11px; }
    header #close span:last-of-type {
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  header.black {
    background-color: #000000; }
    header.black nav#main ul li a {
      color: #ffffff; }
    header.black svg#logoBrunner .cls-1 {
      fill: #ffffff; }
  header nav.social {
    position: absolute;
    bottom: 65px;
    width: 100%; }
    header nav.social ul {
      flex-direction: row !important;
      width: 50%;
      margin: 0 auto;
      justify-content: space-around !important; }
      header nav.social ul li {
        margin-bottom: 0 !important; }
        header nav.social ul li a {
          font-size: 20px !important;
          color: black !important; }
  header nav.secondary {
    position: absolute;
    bottom: 20px;
    width: 100%; }
    header nav.secondary ul {
      flex-direction: row !important;
      width: 100%;
      justify-content: space-around !important; }
      header nav.secondary ul li {
        margin-bottom: 0 !important; }
        header nav.secondary ul li a {
          font-size: 10px !important;
          color: rgba(0, 0, 0, 0.5) !important;
          font-weight: 400 !important; }
  header p.copyright {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin: 0 0 10px 0;
    font-size: 10px !important;
    color: rgba(0, 0, 0, 0.5) !important; }

main {
  padding-top: 115px; }
  main section:not(#navigationBox):not(.textBlock):not(.formWrapper):not(#team) .col-12,
  main section:not(#navigationBox):not(.textBlock):not(.formWrapper):not(#team) .swiper-container {
    min-height: 400px; }
  main section.textBlock:first-of-type h2,
  main section.imgBlock:first-of-type h2 {
    font-size: 20px;
    line-height: 1.25; }
    @media screen and (min-width: 320px) {
      main section.textBlock:first-of-type h2,
      main section.imgBlock:first-of-type h2 {
        font-size: calc(20px + 22 * ((100vw - 320px) / 880)); } }
    @media screen and (min-width: 1200px) {
      main section.textBlock:first-of-type h2,
      main section.imgBlock:first-of-type h2 {
        font-size: 42px; } }
  main section.textBlock:first-of-type .flex,
  main section.imgBlock:first-of-type .flex {
    height: calc(100vh - 115px);
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center; }
  main section.textBlock:first-of-type .imgFlex.flex,
  main section.imgBlock:first-of-type .imgFlex.flex {
    flex-direction: row; }
  main section.textBlock:first-of-type .icon.icon-scroll,
  main section.imgBlock:first-of-type .icon.icon-scroll {
    cursor: pointer;
    position: absolute;
    right: 0;
    width: 100%;
    text-align: center;
    font-size: 50px;
    color: white;
    display: block;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    main section.textBlock:first-of-type .icon.icon-scroll.bounce,
    main section.imgBlock:first-of-type .icon.icon-scroll.bounce {
      -webkit-animation: bounceButton 2s 0s infinite ease backwards;
      /* Safari 4+ */
      -moz-animation: bounceButton 2s 0s infinite ease backwards;
      /* Fx 5+ */
      -o-animation: bounceButton 2s 0s infinite ease backwards;
      /* Opera 12+ */
      animation: bounceButton 2s 0s infinite ease backwards;
      /* IE 10+, Fx 29+ */ }

@-webkit-keyframes bounceButton {
  0% {
    bottom: 27px; }
  25% {
    bottom: 20px; }
  50% {
    bottom: 30px; }
  75% {
    bottom: 20px; }
  100% {
    bottom: 27px; } }

@-moz-keyframes bounceButton {
  0% {
    bottom: 27px; }
  25% {
    bottom: 20px; }
  50% {
    bottom: 30px; }
  75% {
    bottom: 20px; }
  100% {
    bottom: 27px; } }

@-o-keyframes bounceButton {
  0% {
    bottom: 27px; }
  25% {
    bottom: 20px; }
  50% {
    bottom: 30px; }
  75% {
    bottom: 20px; }
  100% {
    bottom: 27px; } }

@keyframes bounceButton {
  0% {
    bottom: 27px; }
  25% {
    bottom: 20px; }
  50% {
    bottom: 30px; }
  75% {
    bottom: 20px; }
  100% {
    bottom: 27px; } }
  main span[data-aos] {
    display: block; }

footer {
  padding: 0 calc(8vw - 15px);
  margin: 80px 0; }
  footer .textWrapper {
    padding: 0; }
  footer strong {
    font-size: 16px;
    font-weight: 800;
    line-height: 28px; }
  footer .standortWrapper {
    display: flex;
    flex-direction: row; }
    footer .standortWrapper:before {
      font-family: 'brunner';
      content: '\0044';
      font-size: 35px;
      position: relative;
      top: -2px;
      margin-right: 5px; }
    footer .standortWrapper:last-of-type p {
      margin: 0; }
  footer .textWrapper strong {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 6px;
    display: inline-block; }
  footer .row + .row {
    margin-top: 50px; }
  footer .top {
    margin-bottom: 19px; }
  footer nav.social ul li,
  footer nav.social ul li.social {
    margin-right: 40px; }
    footer nav.social ul li a,
    footer nav.social ul li.social a {
      color: #000000;
      font-size: 25px; }
  footer nav.social ul li.social {
    margin-right: 0; }
  footer nav.secondary ul {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    footer nav.secondary ul li a {
      font-size: 13px;
      color: rgba(0, 0, 0, 0.5); }
      footer nav.secondary ul li a:hover {
        color: #e6322f; }
    footer nav.secondary ul li.secondary {
      margin-right: 0; }
  footer .formWrapper form.newsletter {
    position: relative;
    margin-top: -40px;
    top: -8px; }
    footer .formWrapper form.newsletter .footer {
      flex-direction: row; }
      footer .formWrapper form.newsletter .footer input#nl_email {
        width: calc(100% - 54px); }
      footer .formWrapper form.newsletter .footer button#nl_submit {
        padding: 8px 15px 9px 15px;
        margin: 0 !important;
        width: 54px;
        border-left: none !important;
        color: white;
        background-color: black; }
        footer .formWrapper form.newsletter .footer button#nl_submit i.icon-arrow-left {
          position: relative;
          top: 2px; }
        footer .formWrapper form.newsletter .footer button#nl_submit:before {
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s; }
        footer .formWrapper form.newsletter .footer button#nl_submit:hover {
          color: black; }
          footer .formWrapper form.newsletter .footer button#nl_submit:hover:before {
            background-color: white; }
  footer i.icon-mail {
    margin-left: 20px; }

a, button {
  color: #000000;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  a.link, button.link {
    font-weight: 800;
    padding: 7px 30px;
    -webkit-transition: 0.08s ease-in;
    -moz-transition: 0.08s ease-in;
    -o-transition: 0.08s ease-in;
    transition: 0.08s ease-in;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.08s ease-in;
    -moz-transition: 0.08s ease-in;
    -o-transition: 0.08s ease-in;
    transition: 0.08s ease-in; }
    a.link, button.link {
      font-size: 17px;
      line-height: 1.06; }
      @media screen and (min-width: 320px) {
        a.link, button.link {
          font-size: calc(17px + 3 * ((100vw - 320px) / 880)); } }
      @media screen and (min-width: 1200px) {
        a.link, button.link {
          font-size: 20px; } }
    a.link:hover, button.link:hover {
      color: #ffffff; }
    a.link:before, button.link:before {
      content: "";
      position: absolute;
      background: #ffffff;
      bottom: 0;
      left: 0;
      right: 0;
      top: 100%;
      z-index: -1;
      -webkit-transition: top 0.1s ease-in; }
    a.link:hover:before, button.link:hover:before {
      top: 0; }
  a:hover, button:hover {
    text-decoration: none;
    color: #e6322f; }
  a.control.link.border, button.control.link.border {
    font-size: 15px;
    font-weight: 800;
    line-height: 14px;
    padding: 5px 10px;
    margin: 0 12px 15px 0; }
  a:focus, button:focus {
    outline: none; }

p {
  margin: 0 0 35px 0; }
  p.sucessBox {
    padding: 15px;
    margin: 0 0 -20px 0;
    border: 15px solid #e6322f; }

h1, h2, h3, h4 {
  margin: 0; }

h3 {
  font-weight: 400; }

picture {
  display: block; }
  picture img {
    width: 100%; }

nav ul {
  display: flex;
  padding: 0;
  margin: 0; }
  nav ul li {
    list-style: none; }

i {
  cursor: pointer; }

/* Start - helpers */
/* Start - color styles */
[class*='bg-'] h1, [class*='bg-'] h2 {
  font-weight: 800;
  line-height: 51px;
  letter-spacing: -0.4px; }
  [class*='bg-'] h1, [class*='bg-'] h2 {
    font-size: 35px;
    line-height: 1.18; }
    @media screen and (min-width: 320px) {
      [class*='bg-'] h1, [class*='bg-'] h2 {
        font-size: calc(35px + 7 * ((100vw - 320px) / 880)); } }
    @media screen and (min-width: 1200px) {
      [class*='bg-'] h1, [class*='bg-'] h2 {
        font-size: 42px; } }

[class*='bg-'] h3 {
  margin-bottom: 15px; }
  [class*='bg-'] h3 {
    font-size: 23px;
    line-height: 1.2; }
    @media screen and (min-width: 320px) {
      [class*='bg-'] h3 {
        font-size: calc(23px + 5 * ((100vw - 320px) / 880)); } }
    @media screen and (min-width: 1200px) {
      [class*='bg-'] h3 {
        font-size: 28px; } }

[class*='bg-'] a.control, [class*='bg-'] button.control {
  background-color: transparent; }

.bg-white {
  background-color: #ffffff; }
  .bg-white h1, .bg-white h2, .bg-white h3, .bg-white p, .bg-white a, .bg-white button, .bg-white ul, .bg-white .swiper-button-prev, .bg-white .swiper-button-next {
    color: #000000; }
  .bg-white a, .bg-white button {
    border-color: #000000 !important; }
    .bg-white a:not(.link):hover, .bg-white button:not(.link):hover {
      color: #e6322f; }
    .bg-white a:hover, .bg-white button:hover {
      color: #ffffff; }
    .bg-white a:before, .bg-white button:before {
      background-color: #000000; }
  .bg-white .swiper-arrow:before {
    background: white;
    /* Old browsers */
    background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 80%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 80%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 80%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
    /* IE6-9 */ }
  .bg-white .swiper-arrow:after {
    background: rgba(255, 255, 255, 0);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 80%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 80%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 85%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
    /* IE6-9 */ }
  .bg-white .formWrapper .error {
    border-color: #e6322f !important; }
    .bg-white .formWrapper .error::placeholder {
      color: #e6322f !important; }

.bg-whiteRed {
  background-color: #ffffff; }
  .bg-whiteRed h1, .bg-whiteRed h2, .bg-whiteRed h3, .bg-whiteRed p, .bg-whiteRed a, .bg-whiteRed button, .bg-whiteRed ul, .bg-whiteRed .swiper-button-prev, .bg-whiteRed .swiper-button-next {
    color: #000000; }
  .bg-whiteRed a, .bg-whiteRed button {
    border-color: #000000 !important;
    background-color: #ffffff; }
    .bg-whiteRed a:not(.link):hover, .bg-whiteRed button:not(.link):hover {
      color: #e6322f; }
    .bg-whiteRed a:hover, .bg-whiteRed button:hover {
      color: #ffffff; }
    .bg-whiteRed a:before, .bg-whiteRed button:before {
      background-color: #000000; }
    .bg-whiteRed a.control, .bg-whiteRed button.control {
      color: #ffffff; }
      .bg-whiteRed a.control:hover, .bg-whiteRed button.control:hover {
        color: #e6322f; }
  .bg-whiteRed .col-12:last-of-type .textWrapper, .bg-whiteRed.col-12:last-of-type .textWrapper {
    border: 2vw solid #e6322f;
    padding: 6vw;
    height: 100%; }

.bg-red {
  background-color: #e6322f; }
  .bg-red h1, .bg-red h2, .bg-red h3, .bg-red p, .bg-red a, .bg-red ul, .bg-red .swiper-button-prev, .bg-red .swiper-button-next {
    color: #ffffff; }
  .bg-red a, .bg-red button {
    border-color: #ffffff !important; }
    .bg-red a:not(.link):hover, .bg-red button:not(.link):hover {
      color: #000000; }
    .bg-red a:hover, .bg-red button:hover {
      color: #e6322f; }
    .bg-red a:before, .bg-red button:before {
      background-color: #ffffff; }
    .bg-red a.control, .bg-red button.control {
      color: #ffffff; }
      .bg-red a.control:hover, .bg-red button.control:hover {
        color: #e6322f; }
    .bg-red a.mixitup-control-active, .bg-red a.active, .bg-red button.mixitup-control-active, .bg-red button.active {
      background-color: #ffffff !important;
      color: #e6322f; }
  .bg-red .formWrapper input,
  .bg-red .formWrapper textarea {
    color: #ffffff !important;
    border-color: #ffffff !important; }
    .bg-red .formWrapper input::placeholder,
    .bg-red .formWrapper textarea::placeholder {
      color: #ffffff !important; }
  .bg-red .formWrapper .error {
    border-color: #000000 !important; }
    .bg-red .formWrapper .error::placeholder {
      color: #000000 !important; }
  .bg-red .formWrapper select.error {
    color: #000000 !important; }
  .bg-red .swiper-arrow .swiper-pagination-bullet {
    background-color: #ffffff; }
  .bg-red .swiper-arrow .swiper-pagination-bullet-active {
    border-color: #ffffff;
    background-color: transparent; }
  .bg-red .swiper-arrow .swiper-button-prev {
    cursor: url(../../../assets/frontend/img/arrow-left-white.cur), auto;
    cursor: url(../../../assets/frontend/img/arrow-left-white.png), auto; }
  .bg-red .swiper-arrow .swiper-button-next {
    cursor: url(../../../assets/frontend/img/arrow-right-white.cur), auto;
    cursor: url(../../../assets/frontend/img/arrow-right-white.png), auto; }
  .bg-red .swiper-arrow:before {
    background: #e6322f;
    /* Old browsers */
    background: -moz-linear-gradient(left, #e6322f 0%, rgba(230, 50, 47, 0) 80%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e6322f 0%, rgba(230, 50, 47, 0) 80%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e6322f 0%, rgba(230, 50, 47, 0) 80%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
    /* IE6-9 */ }
  .bg-red .swiper-arrow:after {
    background: rgba(230, 50, 47, 0);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(230, 50, 47, 0) 0%, #e6322f 80%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(230, 50, 47, 0) 0%, #e6322f 80%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(230, 50, 47, 0) 0%, #e6322f 85%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
    /* IE6-9 */ }

.bg-redWhite {
  background-color: #e6322f;
  border: 2vw solid #ffffff;
  height: 100%; }
  .bg-redWhite h1, .bg-redWhite h2, .bg-redWhite h3, .bg-redWhite p, .bg-redWhite a, .bg-redWhite ul, .bg-redWhite .swiper-button-prev, .bg-redWhite .swiper-button-next {
    color: #ffffff; }
  .bg-redWhite a, .bg-redWhite button {
    border-color: #ffffff !important; }
    .bg-redWhite a:not(.link):hover, .bg-redWhite button:not(.link):hover {
      color: #000000; }
    .bg-redWhite a:hover, .bg-redWhite button:hover {
      color: #e6322f; }
    .bg-redWhite a:before, .bg-redWhite button:before {
      background-color: #ffffff; }
    .bg-redWhite a.control, .bg-redWhite button.control {
      color: #ffffff; }
      .bg-redWhite a.control:hover, .bg-redWhite button.control:hover {
        color: #e6322f; }
    .bg-redWhite a.mixitup-control-active, .bg-redWhite a.active, .bg-redWhite button.mixitup-control-active, .bg-redWhite button.active {
      background-color: #ffffff !important;
      color: #e6322f; }
  .bg-redWhite .textWrapper {
    padding: 6vw; }
  .bg-redWhite .swiper-arrow:before {
    background: white;
    /* Old browsers */
    background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 80%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 80%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 80%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
    /* IE6-9 */ }
  .bg-redWhite .swiper-arrow:after {
    background: rgba(255, 255, 255, 0);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 80%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 80%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 85%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
    /* IE6-9 */ }

.bg-black {
  background-color: #000000; }
  .bg-black h1, .bg-black h2, .bg-black h3, .bg-black p, .bg-black a, .bg-black ul, .bg-black .swiper-button-prev, .bg-black .swiper-button-next {
    color: #ffffff; }
  .bg-black a, .bg-black button {
    border-color: #ffffff !important; }
    .bg-black a:not(.link):hover, .bg-black button:not(.link):hover {
      color: #e6322f; }
    .bg-black a:hover, .bg-black button:hover {
      color: #000000; }
    .bg-black a:before, .bg-black button:before {
      background-color: #ffffff; }
    .bg-black a.mixitup-control-active, .bg-black button.mixitup-control-active {
      background-color: #ffffff !important;
      color: #000000; }
  .bg-black .swiper-arrow .swiper-pagination-bullet {
    background-color: #ffffff; }
  .bg-black .swiper-arrow .swiper-pagination-bullet-active {
    border-color: #ffffff;
    background-color: transparent; }
  .bg-black .swiper-arrow .swiper-button-prev {
    cursor: url(../../../assets/frontend/img/arrow-left-white.png), auto; }
  .bg-black .swiper-arrow .swiper-button-next {
    cursor: url(../../../assets/frontend/img/arrow-right-white.png), auto; }
  .bg-black .swiper-arrow:before {
    background: black;
    /* Old browsers */
    background: -moz-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 80%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 80%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
    /* IE6-9 */ }
  .bg-black .swiper-arrow:after {
    background: rgba(0, 0, 0, 0);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, black 80%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, black 80%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 85%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
    /* IE6-9 */ }

.bg-grey {
  background-color: #f2f2f2; }
  .bg-grey h1, .bg-grey h2, .bg-grey h3, .bg-grey p, .bg-grey a, .bg-grey button, .bg-grey ul, .bg-grey .swiper-button-prev, .bg-grey .swiper-button-next {
    color: #000000; }
  .bg-grey a, .bg-grey button {
    border-color: #000000 !important; }
    .bg-grey a:not(.link):hover, .bg-grey button:not(.link):hover {
      color: #e6322f; }
    .bg-grey a:hover, .bg-grey button:hover {
      color: #ffffff; }
    .bg-grey a:before, .bg-grey button:before {
      background-color: #000000; }
  .bg-grey .formWrapper .error {
    border-color: #e6322f !important; }

.bg-img {
  background-size: cover;
  background-position: center; }
  .bg-img h1, .bg-img h2, .bg-img h3, .bg-img p, .bg-img a, .bg-img ul {
    color: #ffffff; }

/* End - color styles */
.textWrapper {
  padding: 8vw; }
  .textWrapper h2 {
    margin: 0 0 40px 0; }
  .textWrapper a {
    display: inline-block; }
  .textWrapper ul {
    margin: 0 0 35px 0;
    padding: 0 0 0 19px; }
    .textWrapper ul:last-child {
      margin: 0; }
  .textWrapper.first {
    padding-bottom: 0; }
  .textWrapper.last {
    padding-top: 0; }

.formWrapper form.form {
  /*.dropzone {
      background-color: #F2F2F2;
      min-height: unset;
      border: 6px solid $red;
      width: 100%;
      padding: 30px;
      margin: 30px 15px 40px 15px;

      .dz-preview.dz-image-preview {
        background-color: #F2F2F2;
      }

      .dz-message {
        margin: 0;

        span {
          display: block;
          font-size: 20px;
          line-height: 1.75;

          &.black {
            color: $black;
          }

          &.red {
            color: $red;
          }

          &.bold {
            font-weight: 800;
          }
        }
      }
    }*/ }
  .formWrapper form.form input, .formWrapper form.form textarea, .formWrapper form.form select {
    width: 100%;
    border: none;
    border-bottom: 1px solid black;
    border-radius: 0 !important;
    background-color: transparent;
    padding: 0 0 15px 0;
    margin: 0 0 45px 0;
    -webkit-appearance: none;
    -moz-appearance: none; }
  .formWrapper form.form .selectWrapper {
    position: relative; }
    .formWrapper form.form .selectWrapper select {
      color: #ffffff;
      border-color: #ffffff;
      cursor: pointer; }
      .formWrapper form.form .selectWrapper select::placeholder {
        opacity: 1; }
    .formWrapper form.form .selectWrapper span.icon-arrow-down {
      position: absolute;
      top: 5px;
      right: 15px;
      color: #ffffff; }
      .formWrapper form.form .selectWrapper span.icon-arrow-down.error {
        color: #000000; }
  .formWrapper form.form .last input, .formWrapper form.form .last textarea {
    margin: 0; }
  .formWrapper form.form .formTitle {
    font-weight: 800;
    margin: 0 0 20px 0; }
  .formWrapper form.form .checkboxContainer {
    display: flex;
    justify-content: space-between;
    margin: 0 0 40px 0; }
    .formWrapper form.form .checkboxContainer .checkboxWrapper label {
      display: block;
      position: relative;
      margin-bottom: 12px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      color: #1D1D1B;
      -webkit-transition: 0.08s ease-in;
      -moz-transition: 0.08s ease-in;
      -o-transition: 0.08s ease-in;
      transition: 0.08s ease-in; }
      .formWrapper form.form .checkboxContainer .checkboxWrapper label input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0; }
        .formWrapper form.form .checkboxContainer .checkboxWrapper label input:checked ~ .checkmark {
          background-color: #f2f2f2; }
          .formWrapper form.form .checkboxContainer .checkboxWrapper label input:checked ~ .checkmark:after {
            display: block; }
      .formWrapper form.form .checkboxContainer .checkboxWrapper label .checkmark {
        position: absolute;
        top: 4px;
        height: 18px;
        width: 18px;
        border: 1px solid black; }
        .formWrapper form.form .checkboxContainer .checkboxWrapper label .checkmark:after {
          content: "";
          position: absolute;
          display: none;
          left: 2px;
          top: 2px;
          width: 12px;
          height: 12px;
          background-color: #000000; }
      .formWrapper form.form .checkboxContainer .checkboxWrapper label:hover input ~ .checkmark:before {
        content: "";
        position: absolute;
        background-color: #c7c7c7;
        bottom: 0;
        left: 0;
        right: 0;
        top: 100%;
        z-index: -1;
        -webkit-transition: top 0.1s ease-in; }
      .formWrapper form.form .checkboxContainer .checkboxWrapper label:hover input ~ .checkmark:hover:before {
        top: 0; }
      .formWrapper form.form .checkboxContainer .checkboxWrapper label span.label {
        margin-left: 27px;
        color: #1D1D1B; }
  .formWrapper form.form button.specialSubmit {
    float: right;
    margin-right: -15px;
    background-color: transparent; }
  .formWrapper form.form .input-text {
    position: relative;
    top: 3px;
    opacity: 0.5; }
  .formWrapper form.form .bg-white {
    background-color: #F2F2F2 !important; }
  .formWrapper form.form .noMargin input,
  .formWrapper form.form .noMargin textarea,
  .formWrapper form.form .noMargin select {
    margin: 0; }

.formWrapper form.newsletter {
  display: flex;
  flex-direction: column; }
  .formWrapper form.newsletter label {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
    font-weight: 800; }
  .formWrapper form.newsletter input {
    border-color: black !important;
    padding: 5px 10px;
    border-radius: 0 !important;
    width: 100%; }
    .formWrapper form.newsletter input.error {
      color: #e6322f; }
    .formWrapper form.newsletter input::placeholder {
      color: #000000; }
  .formWrapper form.newsletter button {
    background-color: #ffffff;
    width: auto;
    align-self: flex-start;
    margin: 30px 0 0 0; }
  .formWrapper form.newsletter .footer {
    display: flex;
    flex-direction: column; }
    .formWrapper form.newsletter .footer input {
      width: 100%; }
    .formWrapper form.newsletter .footer button#nl_submit {
      margin: 20px 0 0 auto !important; }
  .formWrapper form.newsletter p.falseEmail {
    color: #ffffff;
    margin: 15px 0 0 0;
    background-color: #e6322f;
    padding: 15px; }

.formWrapper .innerWrapper {
  width: 100%; }

.formWrapper .successForm.textWrapper {
  border: 2vw solid #e6322f;
  padding: 6vw;
  margin: 0 -15px; }
  .formWrapper .successForm.textWrapper p {
    margin: 0; }

.formWrapper .errorForm.textWrapper {
  border: 2vw solid #000000;
  padding: 6vw;
  margin: 0 -15px; }
  .formWrapper .errorForm.textWrapper p {
    margin: 0; }

.formWrapper .number {
  background-color: #e6322f;
  color: #ffffff;
  font-size: 29px;
  font-weight: 800;
  display: inline-block;
  padding: 2px 14px;
  position: relative;
  top: -3px;
  width: 46px;
  height: 46px; }
  .formWrapper .number.mR {
    margin: 0 40px 0 0; }
  .formWrapper .number.icon-arrow-right:before {
    position: relative;
    top: 3px;
    left: -6px; }

.formWrapper .back {
  display: flex;
  margin: 0 0 40px 0; }
  .formWrapper .back p {
    position: relative;
    top: 5px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .formWrapper .back:hover p {
    color: #e6322f; }

.formWrapper .error-msg {
  background-color: #e6322f;
  color: #ffffff;
  padding: 30px;
  margin: 0; }

.linkWrapper + .linkWrapper {
  margin: 30px 0 0 0; }

.border {
  border-width: 4px !important;
  border-style: solid !important; }

.noBorder {
  border: none !important; }

.noPadding {
  padding: 0; }

.contentFlex {
  display: flex; }

.team p {
  margin: 0 0 50px 0; }

.colBgImg .imgWrapper {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover; }

.animateBg .imgWrapper {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .animateBg .imgWrapper:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }

.anker {
  position: absolute;
  top: -114px; }

.overlay .padding {
  padding: 8vw calc(2 * 12vw); }
  .overlay .padding p:last-of-type {
    margin: 0; }

.overlay .imgWrapper {
  padding: 12vw 12vw 0 12vw; }

.overlay .bgWrapper {
  background-size: cover;
  background-position: center; }
  .overlay .bgWrapper:before {
    content: "";
    padding-top: 56.25%;
    display: block; }

.overlay #close {
  display: block;
  width: 30px;
  height: 30px;
  position: fixed;
  top: 4vw;
  right: 4vw;
  z-index: 999999;
  cursor: pointer; }
  .overlay #close.colorized span {
    background-color: #ffffff; }
  .overlay #close span {
    background-color: #000000;
    width: 100%;
    height: 3px;
    display: block; }
    .overlay #close span:first-of-type {
      transform: rotate(45deg);
      top: 14px;
      position: relative; }
    .overlay #close span:last-of-type {
      transform: rotate(-45deg);
      top: 11px;
      position: relative; }

.overlay .not-4 .col-12:nth-child(4) {
  display: none; }

.overlay .col-12 {
  border-right: 2px solid #ffffff; }
  .overlay .col-12:nth-child(3) {
    border-right: 0; }

.icon.icon-scroll {
  display: none; }

.cookiealert {
  background: #ffffff;
  color: #707070;
  font-size: 14px;
  padding: 12px 8vw;
  box-shadow: rgba(0, 0, 0, 0.05) 0 -3px 3px; }
  .cookiealert a {
    color: #707070; }
    .cookiealert a:hover {
      text-decoration: underline;
      color: #000000 !important; }
  .cookiealert .close {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 12px;
    right: 25px;
    z-index: 999999;
    cursor: pointer; }
    .cookiealert .close span {
      background-color: black;
      width: 100%;
      height: 3px;
      display: block; }
      .cookiealert .close span:first-of-type {
        transform: rotate(45deg);
        top: 14px;
        position: relative; }
      .cookiealert .close span:last-of-type {
        transform: rotate(-45deg);
        top: 11px;
        position: relative; }

.text-hidden {
  font-size: 0;
  width: 1px;
  height: 1px;
  display: inline-block;
  overflow: hidden;
  position: absolute !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  clip: rect(1px, 1px, 1px, 1px); }

#stop {
  position: fixed;
  bottom: calc(4vw - 20px);
  right: 4vw;
  z-index: 10000; }
  #stop i {
    font-size: 30px;
    color: #ffffff; }
    #stop i:before {
      transform: rotate(180deg); }

/* Start - swiper.js */
.swiper-box {
  height: 100%; }
  .swiper-box .swiper-slide {
    background-position: center;
    background-size: cover; }
  .swiper-box .swiper-button-next,
  .swiper-box .swiper-button-prev {
    background: none;
    top: 0;
    height: 100%;
    width: 50%;
    margin: 0;
    z-index: 1; }
  .swiper-box .swiper-button-next {
    right: 0;
    left: auto;
    cursor: url(../../../assets/frontend/img/arrow-right.cur), auto;
    cursor: url(../../../assets/frontend/img/arrow-right.png), auto; }
  .swiper-box .swiper-button-prev {
    right: auto;
    left: 0;
    cursor: url(../../../assets/frontend/img/arrow-left.cur), auto;
    cursor: url(../../../assets/frontend/img/arrow-left.png), auto; }
  .swiper-box .swiper-pagination {
    bottom: 17px; }
  .swiper-box .swiper-pagination-bullet {
    background-color: #000000;
    width: 9px;
    height: 9px;
    margin: 0 7px !important;
    opacity: 1;
    transition: all 0.3s ease 0s; }
  .swiper-box .swiper-pagination-bullet-active {
    background: none;
    border: 1px solid #000000;
    width: 14px;
    height: 14px;
    transform: translateY(3px) translateX(3px);
    margin: 0 10px 0 7px !important; }

.swiper-arrow {
  position: relative; }
  .swiper-arrow .swiper-button-prev,
  .swiper-arrow .swiper-button-next {
    background-image: none;
    width: 50%;
    height: calc(100% + 40px);
    top: 0;
    position: absolute;
    margin: -40px 0 0 0;
    z-index: 101; }
    .swiper-arrow .swiper-button-prev:before,
    .swiper-arrow .swiper-button-next:before {
      display: none; }
  .swiper-arrow .swiper-button-prev {
    left: 0;
    cursor: url(../../../assets/frontend/img/arrow-left.png), auto; }
    .swiper-arrow .swiper-button-prev.btn1 {
      top: 0;
      bottom: unset;
      height: 50%; }
    .swiper-arrow .swiper-button-prev.btn2 {
      top: unset;
      bottom: 0;
      height: 8vw; }
  .swiper-arrow .swiper-button-next {
    right: 0;
    cursor: url(../../../assets/frontend/img/arrow-right.png), auto; }
  .swiper-arrow:before, .swiper-arrow:after {
    content: "";
    height: 100%;
    width: 7vw;
    position: absolute;
    top: 0;
    z-index: 100; }
  .swiper-arrow:before {
    left: 0; }
  .swiper-arrow:after {
    right: 0; }
  .swiper-arrow .swiper-pagination {
    bottom: 17px; }
  .swiper-arrow .swiper-pagination-bullet {
    background-color: #000000;
    width: 9px;
    height: 9px;
    margin: 0 7px !important;
    opacity: 1;
    transition: all 0.3s ease 0s; }
  .swiper-arrow .swiper-pagination-bullet-active {
    background: none;
    border: 1px solid #000000;
    width: 14px;
    height: 14px;
    transform: translateY(3px) translateX(3px);
    margin: 0 10px 0 7px !important; }
  .swiper-arrow .swiper-pagination {
    z-index: 105; }

.swiper-bgImg {
  height: 100%; }
  .swiper-bgImg .imgWrapper {
    height: 100%;
    background-position: center top;
    background-size: cover; }
  .swiper-bgImg .swiper-button-prev,
  .swiper-bgImg .swiper-button-next {
    background-image: none;
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    margin: 0; }
  .swiper-bgImg .swiper-button-prev {
    left: 0;
    cursor: url(../../../assets/frontend/img/arrow-left.png), auto; }
  .swiper-bgImg .swiper-button-next {
    right: 0;
    cursor: url(../../../assets/frontend/img/arrow-right.png), auto; }

.oneEntry .swiper-pagination,
.oneEntry .swiper-button-next,
.oneEntry .swiper-button-prev {
  display: none !important; }

/* End - swiper.js */
/* End - helpers */
/* Start - modules styles */
#navigationBox .row {
  height: calc(100vh - 115px); }

#navigationBox .boxWrapper {
  height: 50%; }
  #navigationBox .boxWrapper .imgWrapper {
    height: 100%;
    background-size: cover;
    background-position: center; }
    #navigationBox .boxWrapper .imgWrapper h2 {
      position: relative;
      z-index: 2;
      color: #ffffff;
      font-weight: 800;
      font-size: 41px; }
    #navigationBox .boxWrapper .imgWrapper:before {
      content: "";
      background-color: transparent;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
    #navigationBox .boxWrapper .imgWrapper:hover:before {
      content: "";
      background-color: #e6322f; }
  #navigationBox .boxWrapper .contentFlex {
    justify-content: center;
    align-items: center; }

.textBlock.bg-white {
  background-color: #ffffff; }
  .textBlock.bg-white h2 {
    color: #e6322f !important; }

.textBlock h2 {
  margin: 0; }
  .textBlock h2 {
    font-size: 20px;
    line-height: 1.25; }
    @media screen and (min-width: 320px) {
      .textBlock h2 {
        font-size: calc(20px + 22 * ((100vw - 320px) / 880)); } }
    @media screen and (min-width: 1200px) {
      .textBlock h2 {
        font-size: 42px; } }

.textBlock .linkWrapper {
  display: inline-block;
  margin: 50px 40px 0 0; }
  .textBlock .linkWrapper:last-of-type {
    margin: 30px 0 0 0; }

.textBlock.col2.bg-white .textWrapper p:last-child {
  margin: 0; }

.textBlock.col2.bg-white h2 {
  color: #000000 !important;
  margin: 0 0 40px 0; }

.textBlock.banner .textWrapper {
  height: 100%; }
  .textBlock.banner .textWrapper .imgWrapper {
    background-size: contain;
    background-repeat: no-repeat; }

.textBlock.banner picture {
  display: flex; }
  .textBlock.banner picture img {
    width: 70%; }

.textBlock.banner span.content p {
  margin: 40px 0 0 0; }

.textBlock.defaultBlock .textWrapper.flex {
  height: auto !important; }
  .textBlock.defaultBlock .textWrapper.flex p:last-of-type {
    margin: 0; }

.textBlock.defaultBlock a#scrollToNext {
  display: none; }

.textImgBlock .linkWrapper {
  margin: 40px 0 0 0; }

.works .textWrapper p {
  margin: 0; }

.works .haslink .textWrapper p {
  margin-bottom: 88px; }

.works .linkWrapper {
  margin: 0;
  position: absolute;
  z-index: 1000;
  bottom: 8vw;
  padding: 0 8vw; }

.works .spaceBottom {
  margin-bottom: 88px; }

.works .swiper-arrow .swiper-button-prev.btn1 {
  height: 100%; }

.works ul.tab {
  display: flex;
  padding: 0;
  margin: 0 0 30px 0;
  font-size: 14px;
  display: none !important; }
  .works ul.tab li {
    list-style: none;
    cursor: pointer; }
    .works ul.tab li.active:before {
      background-color: #ffffff; }
    .works ul.tab li:last-of-type {
      margin-left: 80px; }
    .works ul.tab li:before {
      content: "";
      width: 11px;
      height: 11px;
      border: 2px solid #ffffff;
      display: inline-block;
      margin-right: 10px; }

.works .current,
.works .completed {
  height: 100%; }

#news.teaser h3 {
  font-weight: 400; }

#news.teaser .news-last {
  padding-top: 0; }

#news.detail h1 {
  font-family: objektiv-mk1,sans-serif;
  font-weight: 400;
  margin-bottom: 20px; }
  #news.detail h1 {
    font-size: 23px;
    line-height: 1.2; }
    @media screen and (min-width: 320px) {
      #news.detail h1 {
        font-size: calc(23px + 5 * ((100vw - 320px) / 880)); } }
    @media screen and (min-width: 1200px) {
      #news.detail h1 {
        font-size: 28px; } }

#news.detail .nextNews .bgWrapper:before {
  padding-top: 100%; }

#news.detail .nextNews .textWrapper {
  padding: 4vw 8vw; }
  #news.detail .nextNews .textWrapper h3 {
    margin-bottom: 40px; }

#news.detail .swiper-button-prev,
#news.detail .swiper-button-next {
  background: none;
  top: 0;
  margin: 0;
  width: 50%;
  height: 100%; }

#news.detail .swiper-button-next {
  right: 0; }

#news.detail .swiper-button-prev {
  left: 0; }

#news.detail.overlay .imgWrapper {
  padding: 0; }
  #news.detail.overlay .imgWrapper .bgWrapper {
    height: 100vh; }

#news.detail.overlay .swiper-arrow .swiper-pagination-bullet {
  background-color: #ffffff; }

#news.detail.overlay .swiper-arrow .swiper-pagination-bullet-active {
  background-color: transparent;
  border: 1px solid #ffffff; }

#team.teaser {
  position: relative; }
  #team.teaser .teamImg {
    height: 100%; }
  #team.teaser .linkWrapper {
    z-index: 9;
    position: absolute;
    bottom: 8vw;
    padding: 0 8vw; }
  #team.teaser .controlWrapper {
    margin: 0 0 36px 0; }
  #team.teaser .mix {
    display: inline-block; }
  #team.teaser .swiper-arrow .swiper-button-prev.btn1 {
    height: 42%; }
  #team.teaser .swiper-arrow .swiper-button-prev.btn2 {
    height: 5vw; }
  #team.teaser .textWrapper.last {
    padding-bottom: calc(8vw + 50px); }

#team.overview {
  overflow: hidden; }
  #team.overview .mix:not([style*="display:none;"]):nth-child(3n-0) {
    background-color: #000000; }
    #team.overview .mix:not([style*="display:none;"]):nth-child(3n-0) p, #team.overview .mix:not([style*="display:none;"]):nth-child(3n-0) a, #team.overview .mix:not([style*="display:none;"]):nth-child(3n-0) h3 {
      color: #ffffff; }
    #team.overview .mix:not([style*="display:none;"]):nth-child(3n-0) a.link:hover {
      color: #000000; }
    #team.overview .mix:not([style*="display:none;"]):nth-child(3n-0) a:hover {
      color: #e6322f; }
  #team.overview .mix:not([style*="display:none;"]):nth-child(3n-1) {
    background-color: #ffffff; }
    #team.overview .mix:not([style*="display:none;"]):nth-child(3n-1) p, #team.overview .mix:not([style*="display:none;"]):nth-child(3n-1) a, #team.overview .mix:not([style*="display:none;"]):nth-child(3n-1) h3 {
      color: #000000; }
    #team.overview .mix:not([style*="display:none;"]):nth-child(3n-1) a:hover {
      color: #e6322f; }
    #team.overview .mix:not([style*="display:none;"]):nth-child(3n-1) a.link.border {
      border-color: #000000 !important; }
      #team.overview .mix:not([style*="display:none;"]):nth-child(3n-1) a.link.border:before {
        background-color: #000000; }
      #team.overview .mix:not([style*="display:none;"]):nth-child(3n-1) a.link.border:hover {
        color: #ffffff; }
  #team.overview .mix:not([style*="display:none;"]):nth-child(3n-2) {
    background-color: #e6322f; }
    #team.overview .mix:not([style*="display:none;"]):nth-child(3n-2) p, #team.overview .mix:not([style*="display:none;"]):nth-child(3n-2) a, #team.overview .mix:not([style*="display:none;"]):nth-child(3n-2) h3 {
      color: #ffffff; }
    #team.overview .mix:not([style*="display:none;"]):nth-child(3n-2) a:hover {
      color: #000000; }
    #team.overview .mix:not([style*="display:none;"]):nth-child(3n-2) a.link:hover {
      color: #e6322f; }
  #team.overview .mix {
    border-right: 2px solid #ffffff; }
  #team.overview button.control.link.border {
    color: #ffffff; }
    #team.overview button.control.link.border.active {
      color: #ffffff; }
    #team.overview button.control.link.border.mixitup-control-active, #team.overview button.control.link.border:hover {
      color: #000000; }
  #team.overview .textWrapper {
    padding: 4vw 8vw; }
    #team.overview .textWrapper p {
      margin: 0 0 15px 0; }
  #team.overview .linkWrapper {
    margin: 40px 0 0 0; }
  #team.overview .max6 {
    overflow: hidden; }
  #team.overview .rowMore {
    padding: 51px 0;
    text-align: center;
    position: relative; }
    #team.overview .rowMore a {
      color: white;
      cursor: pointer; }
      #team.overview .rowMore a:hover {
        color: #000000; }

#team.detail {
  overflow-x: hidden; }
  #team.detail h2 {
    margin: 0 0 35px 0; }
  #team.detail .nextTeam .bgWrapper:before {
    padding-top: 100%; }
  #team.detail .nextTeam .textWrapper {
    padding: 4vw 8vw; }
  #team.detail .nextTeam .bg-white a {
    color: #000000;
    border-color: #000000 !important; }
    #team.detail .nextTeam .bg-white a:not(.link):hover {
      color: #e6322f; }
    #team.detail .nextTeam .bg-white a.link:hover {
      color: #ffffff; }
    #team.detail .nextTeam .bg-white a:before {
      background-color: #000000; }
  #team.detail .nextTeam .bg-red a.link.border:hover {
    color: #e6322f; }
  #team.detail .nextTeam .bg-black a:not(.link):hover {
    color: #e6322f; }
  #team.detail .question {
    margin: 40px 0 0 0; }
    #team.detail .question p:last-of-type {
      margin: 0; }
  #team.detail .imgWrapper {
    padding: 0;
    height: 100%; }
    #team.detail .imgWrapper .bgWrapper {
      height: 100%; }
  #team.detail .textWrapper.flex {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  #team.detail .textWrapper p.teamMember {
    margin: 0; }
  #team.detail .textWrapper a:hover {
    color: #000000; }
  #team.detail .textWrapper.content {
    padding: 8vw 16vw; }
  #team.detail .linkWrapper {
    text-align: center; }
  #team.detail.overlay .imgHeight .bgWrapper:before {
    padding-top: 70%; }
  #team.detail.overlay #close span {
    background-color: #ffffff; }
  #team.detail .more {
    padding: 50px 0; }
  #team.detail .bg-white h3 {
    color: #000000 !important; }

.imgBlock {
  background-color: #000000;
  overflow: hidden; }
  .imgBlock .imgWrapper {
    height: 80vh; }
  .imgBlock .swiper-box .swiper-pagination-bullet-active {
    border-color: #ffffff;
    background-color: transparent !important; }
  .imgBlock .swiper-box .swiper-pagination-bullet {
    background-color: #ffffff; }
  .imgBlock .imgFlex {
    display: flex;
    justify-content: center;
    align-content: center; }
    .imgBlock .imgFlex .logoImg {
      width: 50%;
      min-width: 300px;
      max-width: 500px; }

.accordionBlock i.icon-arrow-down {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 30px;
  color: black; }

.accordionBlock i.icon-arrow-right-big {
  position: absolute;
  top: 0;
  right: -15px;
  font-size: 65px;
  color: #e6322f; }
  .accordionBlock i.icon-arrow-right-big:before {
    background-color: transparent; }

.accordionBlock .accordionWrapper {
  position: relative;
  height: auto; }
  .accordionBlock .accordionWrapper ul {
    margin: 0; }

.accordionBlock .set {
  position: relative;
  width: 100%;
  height: auto;
  margin: 30px 0 0 0; }
  .accordionBlock .set:first-child {
    margin: 0; }
  .accordionBlock .set > a {
    display: block;
    text-decoration: none;
    color: #555;
    font-weight: 800;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .accordionBlock .set > a:hover h3 {
      color: #e6322f; }
    .accordionBlock .set > a h3 {
      font-weight: 800;
      margin: 0 0 15px 0;
      transition: all 0.2s linear;
      cursor: pointer; }
      .accordionBlock .set > a h3 i,
      .accordionBlock .set > a h3 i:before {
        cursor: pointer; }
    .accordionBlock .set > a.active {
      border-bottom: none; }
      .accordionBlock .set > a.active h3 {
        font-weight: 800;
        color: #e6322f; }
      .accordionBlock .set > a.active i {
        display: none; }

.accordionBlock .content {
  position: relative;
  padding: 0 0 5px 0;
  display: none; }
  .accordionBlock .content ul li {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .accordionBlock .content a:hover ul li {
    color: #e6322f; }
  .accordionBlock .content p {
    padding: 10px 15px;
    margin: 0;
    color: #333; }

.servicesBlock {
  position: relative; }
  .servicesBlock .flexContent {
    display: flex;
    flex-direction: column; }
    .servicesBlock .flexContent .textWrapper {
      padding: 2vw 8vw; }
    .servicesBlock .flexContent.colBgImg .imgWrapper {
      background-position: center top;
      overflow: hidden; }
    .servicesBlock .flexContent p {
      margin: 0; }
  .servicesBlock .anker {
    top: 1px; }

#counterBox h2 {
  margin: 0 0 80px 0; }

#counterBox .counterContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%; }
  #counterBox .counterContainer:nth-child(3) {
    padding: 2vw 10vw 0 10vw; }
  #counterBox .counterContainer:last-child {
    margin: -100px 0 0 0; }
  #counterBox .counterContainer .countWrapper:only-child {
    width: 100%;
    text-align: center;
    margin: -30px 0 0 0; }
  #counterBox .counterContainer h3 {
    font-weight: 800;
    font-size: 7vw; }
  #counterBox .counterContainer p {
    margin: 0 0 5px 0; }

#history .pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #ffffff;
  margin: 0 0 40px 0; }
  #history .pagination span.line {
    display: block;
    height: 2px;
    width: 100%;
    background-color: #ffffff;
    margin: 0 10px; }
  #history .pagination span.year {
    font-weight: 800;
    font-size: 15px; }

#history .textWrapper p {
  margin: 0; }

.produkt-marken ul li h3 {
  font-weight: 800; }

.produkt-marken .logoWrapper {
  display: flex;
  justify-content: space-between; }
  .produkt-marken .logoWrapper a {
    width: 25%;
    margin: 0; }
    .produkt-marken .logoWrapper a .logoImg {
      width: 100%; }

#contactForm {
  position: relative; }
  #contactForm h2 {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; }
  #contactForm .row.form-grid {
    margin-right: -30px;
    margin-left: -30px; }

#serviceOrderForm .formWrapper form.form input,
#serviceOrderForm .formWrapper form.form textarea,
#onlineOrderForm .formWrapper form.form input,
#onlineOrderForm .formWrapper form.form textarea {
  margin: 0; }

#serviceOrderForm .formDone,
#onlineOrderForm .formDone {
  margin: 0; }

#serviceOrderForm .textWrapperDone.first,
#onlineOrderForm .textWrapperDone.first {
  padding: 8vw; }

#serviceOrderForm .textWrapperDone.last,
#onlineOrderForm .textWrapperDone.last {
  margin: 0 15px; }

#serviceOrderForm.formWrapper form.form .threeSteps input {
  margin: 0 0 25px 0; }

#serviceOrderForm button.link.border.button.specialSubmit {
  background-color: #e6322f; }
  #serviceOrderForm button.link.border.button.specialSubmit:hover {
    color: black !important; }

#jobs.detail h1, #jobs.detail h2 {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin: 0 0 30px 0; }

#jobs.detail .padding {
  padding: 12vw 8vw; }

#jobs.detail .textWrapper {
  height: 100%; }

#jobs_newsletter .jobsBox p.last {
  margin: 0; }

#jobs_newsletter .newsletterBox p.falseEmail {
  margin: 15px 0 0 0; }

#jobs_newsletter ul li {
  list-style: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  #jobs_newsletter ul li a {
    list-style: disc;
    display: list-item; }
  #jobs_newsletter ul li:hover {
    color: #e6322f; }

.contactBox .colBgImg .imgWrapper {
  background-position: center top; }

.contactBox.choice .swiper-container {
  min-height: unset !important; }

.contactBox.choice .noPadding:not(.colBgImg) .swiper-container {
  padding-bottom: 40px; }

.contactBox.choice .linkWrapper {
  z-index: 9;
  position: absolute;
  bottom: 8vw;
  padding: 0 8vw; }

/* End - modules styles */
/* Start - page styles */
.news_-_detail main,
.team_-_detail main,
.jobs_-_detail main {
  padding: 0; }

/* End - page styles */
@media (min-width: 1200px) {
  #counterBox .counterContainer h3 {
    font-size: 7vw; } }

@media (max-width: 1199px) {
  #news.teaser .swiper-arrow .swiper-button-prev.btn1 {
    height: 70%; }
  #news.detail.overlay .imgWrapper .bgWrapper {
    height: auto; } }

@media (max-width: 767px) {
  header nav#main {
    position: fixed;
    z-index: 1000;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #ffffff;
    transform: translateY(-120vh);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    header nav#main.open {
      transform: translateY(0); }
    header nav#main ul {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: calc(100% - 123px); }
      header nav#main ul li {
        margin-bottom: 30px; }
        header nav#main ul li a {
          color: #e6322f !important;
          font-size: 9vw;
          line-height: calc(9vw + 10px);
          font-weight: 700; }
        header nav#main ul li:last-of-type {
          margin-bottom: 0; }
    header nav#main nav.social ul li a {
      color: black !important; }
    header nav#main nav.secondary ul li a {
      color: rgba(0, 0, 0, 0.5) !important; }
  main {
    padding-top: 115px; }
    main section.textBlock:first-of-type .flex,
    main section.imgBlock:first-of-type .flex {
      height: auto;
      padding-bottom: 8vw; }
    main section:not(#navigationBox):not(.textBlock):not(.formWrapper):not(#team) .col-12,
    main section:not(#navigationBox):not(.textBlock):not(.formWrapper):not(#team) .swiper-container {
      min-height: unset !important; }
  footer {
    margin: 40px 0; }
    footer .flex {
      display: flex;
      justify-content: space-between; }
      footer .flex .standortWrapper {
        flex-direction: column; }
        footer .flex .standortWrapper:before {
          font-size: 75px; }
        footer .flex .standortWrapper p {
          text-align: center; }
    footer nav.social {
      display: flex;
      justify-content: center;
      margin: 40px 0; }
    footer p.copyright {
      font-size: 13px;
      color: rgba(0, 0, 0, 0.5);
      margin: 10px 0 0 0;
      text-align: center; }
    footer .row + .row {
      margin-top: 0; }
    footer .textWrapper {
      margin: 0 0 50px 0; }
      footer .textWrapper p {
        margin: 0 0 30px 0; }
    footer .standortWrapper p {
      margin: 0 0 50px 0; }
    footer .formWrapper form.newsletter {
      position: static;
      margin-top: 0; }
    footer nav.social {
      margin: 50px 0 40px 0; }
  .textWrapper h2 {
    margin: 0 0 30px 0; }
  .textWrapper h3 {
    margin: 0 0 15px 0; }
  .textWrapper.mobile h2 {
    margin: 0; }
  .formWrapper form.newsletter .footer {
    flex-direction: column; }
    .formWrapper form.newsletter .footer input {
      width: 100%; }
    .formWrapper form.newsletter .footer button#nl_submit {
      width: 50%;
      margin: 20px 0 0 auto !important; }
  .formWrapper form.form input,
  .formWrapper form.form textarea,
  .formWrapper form.form select,
  .formWrapper form.form .last input,
  .formWrapper form.form .last textarea,
  .formWrapper form.form .checkboxContainer {
    margin: 0 0 22.5px 0 !important; }
  .formWrapper form.form .checkboxContainer {
    flex-direction: column; }
  .formWrapper form.form .last input,
  .formWrapper form.form .last textarea {
    margin: 0 0 45px 0; }
  .formWrapper form.form .dropzone {
    margin: 0 15px 40px 15px; }
  .formWrapper form.form button.link.border.button.specialSubmit {
    margin-bottom: 50px; }
  .formWrapper form.form .input-text {
    opacity: 0.3;
    top: 0; }
  .formWrapper .number {
    margin-bottom: 15px; }
  .overlay h1, .overlay h2 {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; }
  .overlay .imgWrapper {
    padding: 0; }
  .overlay .padding {
    padding: 8vw; }
  .overlay .swiper-arrow .swiper-button-next {
    left: unset; }
  .overlay .swiper-arrow .swiper-button-prev {
    height: 100% !important;
    bottom: 0 !important; }
  .overlay .col-12 {
    border-right: none; }
  .swiper-box {
    height: auto; }
    .swiper-box .swiper-slide {
      padding-top: 75%; }
  .swiper-arrow .textWrapper.last {
    padding-bottom: calc(8vw + 25px); }
  .swiper-arrow .swiper-button-prev,
  .swiper-arrow .swiper-button-next {
    background: none;
    font-size: 40px;
    width: 32px;
    height: 40px;
    bottom: calc(8vw + 21px) !important; }
    .swiper-arrow .swiper-button-prev:before,
    .swiper-arrow .swiper-button-next:before {
      display: inherit; }
  .swiper-arrow .swiper-button-prev {
    left: calc(8vw - 8px);
    top: auto !important;
    height: auto !important; }
    .swiper-arrow .swiper-button-prev:before {
      content: ''; }
    .swiper-arrow .swiper-button-prev.btn2 {
      bottom: 8vw;
      height: unset; }
  .swiper-arrow .swiper-button-next {
    left: calc(8vw + 75px + 27px - 8px);
    top: auto; }
  .colBgImg .imgWrapper,
  .swiper-bgImg .imgWrapper {
    padding-top: 75%; }
  .bg-whiteRed .col-12:last-of-type .textWrapper, .bg-whiteRed.col-12:last-of-type .textWrapper {
    border: 8vw solid #e6322f;
    padding: 5vw; }
  .bg-redWhite {
    border: 8vw solid #ffffff; }
    .bg-redWhite .col-12:last-of-type .textWrapper, .bg-redWhite.col-12:last-of-type .textWrapper {
      border: 8vw solid #ffffff;
      padding: 5vw; }
  .textBlock.bg-whiteRed .textWrapper {
    padding: 8vw !important; }
    .textBlock.bg-whiteRed .textWrapper .linkWrapper {
      width: 100%; }
      .textBlock.bg-whiteRed .textWrapper .linkWrapper a.link.border {
        width: 100%;
        padding: 7px 0;
        text-align: center; }
  .textBlock.banner .textWrapper {
    border: none !important; }
  .textBlock.col2 .textWrapper.first h2 {
    margin: 0 0 15px 0; }
  .textBlock.col2 .textWrapper.last {
    padding-top: 0 !important;
    padding-bottom: 40px !important; }
  .textBlock h2.showBlur {
    margin: 0; }
  .textBlock #scrollToNext {
    display: none !important; }
  .imgBlock .imgWrapper {
    height: auto; }
  .imgBlock .swiper-box .swiper-slide {
    padding-top: 0; }
  #navigationBox .row .boxWrapper {
    height: 25%; }
  .servicesBlock .flexContent .textWrapper {
    padding: 8vw; }
  .servicesBlock .flexContent.colBgImg .imgWrapper {
    height: 30vh; }
  #counterBox {
    display: none; }
    #counterBox .counterContainer:last-child {
      margin: 0 0 0 0; }
    #counterBox .counterContainer:nth-child(3) {
      padding: 2vw 10vw 10vw 10vw; }
  .works .textWrapper h3 {
    margin: 0 0 15px 0; }
  .works .linkWrapper {
    position: static;
    padding: 40px 0 0 0; }
  #news.teaser .moreText p {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  #news.detail .nextNews .textWrapper {
    padding: 8vw; }
  #team.teaser .swiper-button-prev,
  #team.teaser .swiper-button-next {
    display: none; }
  #team.teaser .swiper-container {
    height: auto !important; }
  #team.teaser .swiper-wrapper {
    height: 100% !important; }
  #team.teaser .swiper-arrow .textWrapper.last {
    padding-top: 8vw;
    padding-bottom: calc((8vw * 2) + 45px) !important; }
  #team.teaser .textWrapper.first {
    padding-bottom: calc(8vw - 15px); }
    #team.teaser .textWrapper.first .controlWrapper {
      margin: 0; }
  #team.teaser .linkWrapper {
    bottom: 84px; }
  #team.teaser .colBgImg .imgWrapper, #team.teaser .swiper-bgImg .imgWrapper {
    padding-top: 90%; }
  #team.overview .textWrapper.head {
    padding: 8vw; }
    #team.overview .textWrapper.head.noTop {
      padding-top: 0; }
  #team.overview .mix {
    border-right: none; }
  #team.detail h2 {
    margin: 0; }
  #team.detail .textWrapper.content {
    padding: 16vw; }
  #team.detail .question {
    margin: 0; }
  #team.detail .order-xs-first {
    order: -1; }
  .accordionBlock .set .content ul {
    padding-right: 38px; }
  .accordionBlock .set > a h3 {
    padding-right: 35px; }
  .cookiealert {
    font-size: 7px;
    text-align: left !important; }
    .cookiealert .close {
      top: 6px; }
  #history .textWrapper.last {
    padding-top: 8vw; }
  #history .pagination {
    margin: 0; }
  #news.teaser .swiper-button-prev,
  #news.teaser .swiper-button-next, .works .swiper-button-prev,
  .works .swiper-button-next, #history .swiper-button-prev,
  #history .swiper-button-next {
    display: none; }
  .contactBox.choice .swiper-button-next {
    display: none; }
  .contactBox.choice .swiper-arrow .textWrapper.last {
    padding-top: 8vw; }
  .contactBox.choice .linkWrapper {
    bottom: 16vw; }
  body.bad-architektur .contactBox .textWrapper p {
    margin: 0; }
  body.bad-architektur .contactBox .linkWrapper {
    display: none; }
  body.bad-architektur .contactBox + .contactBox h2 {
    display: none; }
  body.bad-architektur .contactBox + .contactBox .textWrapper p {
    margin: 0 0 50px 0; }
  body.bad-architektur .contactBox + .contactBox .linkWrapper {
    display: block; }
  body.bad-architektur .imgBlock .imgWrapper {
    padding: 8vw; }
  body.sanitär .contactBox .textWrapper p {
    margin: 0; }
  body.sanitär .contactBox .linkWrapper {
    display: none; }
  body.sanitär .contactBox + .contactBox h2 {
    display: none; }
  body.sanitär .contactBox + .contactBox .textWrapper p {
    margin: 0; }
  body.sanitär .contactBox:last-child .textWrapper p {
    margin: 0 0 40px 0; }
  body.sanitär .contactBox:last-child .linkWrapper {
    display: block; }
  body.sanitär .imgBlock .imgWrapper {
    padding: 8vw; } }

@media (max-width: 575px) {
  header #logo {
    margin: 20px 0; }
    header #logo svg#logoBrunner {
      max-width: 150px; }
  main {
    padding-top: 75px; }
  #navigationBox .boxWrapper .imgWrapper h2 {
    font-size: 30px; } }

@media (max-width: 320px) {
  #team.detail .textWrapper.content {
    padding: 8vw; } }

@media all and (-ms-high-contrast: none) {
  body.bad-architektur main section.imgBlock:first-of-type .flex {
    height: calc(100vh - 115px); }
  .swiper-button-next {
    cursor: url(../../../assets/frontend/img/arrow-right.cur), auto; }
  .swiper-button-prev {
    cursor: url(../../../assets/frontend/img/arrow-left.cur), auto; }
  .bg-black .swiper-arrow .swiper-button-next,
  .bg-red .swiper-arrow .swiper-button-next {
    cursor: url(../../../assets/frontend/img/arrow-right-white.cur), auto; }
  .bg-black .swiper-arrow .swiper-button-prev,
  .bg-red .swiper-arrow .swiper-button-prev {
    cursor: url(../../../assets/frontend/img/arrow-left-white.cur), auto; }
  main {
    overflow: hidden; }
    main section.textBlock:first-of-type .flex,
    main section.imgBlock:first-of-type .flex {
      height: auto; }
      main section.textBlock:first-of-type .flex #scrollToNext,
      main section.imgBlock:first-of-type .flex #scrollToNext {
        display: none; } }

@supports (-ms-ime-align: auto) {
  body.bad-architektur main section.imgBlock:first-of-type .flex {
    height: calc(100vh - 115px); }
  main {
    overflow: hidden; }
    main section.textBlock:first-of-type .flex,
    main section.imgBlock:first-of-type .flex {
      height: auto; }
      main section.textBlock:first-of-type .flex #scrollToNext,
      main section.imgBlock:first-of-type .flex #scrollToNext {
        display: none; }
  .swiper-button-next {
    cursor: url(../../../assets/frontend/img/arrow-right.cur), auto !important; }
  .swiper-button-prev {
    cursor: url(../../../assets/frontend/img/arrow-left.cur), auto !important; }
  .bg-black .swiper-arrow .swiper-button-next,
  .bg-red .swiper-arrow .swiper-button-next {
    cursor: url(../../../assets/frontend/img/arrow-right-white.cur), auto !important; }
  .bg-black .swiper-arrow .swiper-button-prev,
  .bg-red .swiper-arrow .swiper-button-prev {
    cursor: url(../../../assets/frontend/img/arrow-left-white.cur), auto !important; } }

input.dropzone {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important; }

.dropzone-wrapper {
  position: relative;
  background-color: #F2F2F2;
  min-height: unset;
  border: 6px solid #e6322f;
  width: 100%;
  padding: 30px; }
  .dropzone-wrapper .dropzone,
  .dropzone-wrapper .dropzone:focus {
    position: absolute;
    outline: none !important;
    width: 100%;
    height: 150px;
    cursor: pointer;
    opacity: 0; }
  .dropzone-wrapper:hover, .dropzone-wrapper.dragover {
    background: #ecf0f5; }
  .dropzone-wrapper .dropzone-desc {
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    top: 50px;
    font-size: 16px; }
    .dropzone-wrapper .dropzone-desc span {
      display: block;
      font-size: 20px;
      line-height: 1.75; }
      .dropzone-wrapper .dropzone-desc span.black {
        color: #000000; }
      .dropzone-wrapper .dropzone-desc span.red {
        color: #e6322f; }
      .dropzone-wrapper .dropzone-desc span.bold {
        font-weight: 800; }

.preview-zone {
  text-align: center; }
  .preview-zone .box {
    position: relative;
    width: 100%;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0; }
  .preview-zone .box-body img {
    margin: 50px 0 0 0; }
  .preview-zone .box-body p {
    margin: 0;
    font-size: 0.8rem; }
    .preview-zone .box-body p.fileName {
      margin: 20px 0 0 0;
      font-size: 1rem; }
  .preview-zone .box-tools {
    position: absolute;
    right: 10px;
    top: 5px; }