#noscript {
  position: fixed;
  bottom: 0;
  z-index: 40000;
  background: #ff009a;
  width: 100%;
  padding: 1rem 0;
  text-align: center;
}

@font-face {
  src: url(../fonts/bebas-neue/400.woff2) format("woff2"),
    url(../fonts/bebas-neue/400.ttf) format("truetype");
  font-display: swap;
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/roboto/roboto-v30-latin-300.woff2) format("woff2"),
    url(../fonts/roboto/roboto-v30-latin-300.ttf) format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/roboto/roboto-v30-latin-regular.woff2) format("woff2"),
    url(../fonts/roboto/roboto-v30-latin-regular.ttf) format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/roboto/roboto-v30-latin-500.woff2) format("woff2"),
    url(../fonts/roboto/roboto-v30-latin-500.ttf) format("truetype");
}

.reference-preview ._video-play-text,
.reference-quote-author,
.reference-more-quote-button,
.layout-container .layout-hover:after,
#kundenstimme .scrolling-text-container .scrolling-text .scrolling-text-content,
.back-to-overview,
.fullsize-background-text,
.jobteaser-footer,
.footer-sitemap .a,
.navigation-contacts,
.headline-xs,
.headline-s,
.ajax-form-response.overlay h4,
.ajax-form-response.default h4,
.headline-m,
.ajax-form-response.overlay h3,
.ajax-form-response.default h3,
.headline-l,
.ajax-form-response.overlay h2,
.ajax-form-response.default h2,
.headline-xl,
.font-headline {
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  text-transform: uppercase;
  line-height: 1.1;
  letter-spacing: 1.5px;
  font-weight: 400;
}

@font-face {
  font-family: "webweisend-icons";
  src: url(../fonts/fonticon/webweisend-icons.ttf?gins09) format("truetype"),
    url(../fonts/fonticon/webweisend-icons.woff?gins09) format("woff"),
    url("../fonts/fonticon/webweisend-icons.svg?gins09#webweisend-icons")
      format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

.icon {
  font-family: "webweisend-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-print:before {
  content: "";
}

.icon-file-pdf-o:before {
  content: "";
}

.icon-file-word-o:before {
  content: "";
}

.icon-google-icon .path1:before {
  content: "";
  color: #4280ef;
}

.icon-google-icon .path2:before {
  content: "";
  margin-left: -1em;
  color: #34a353;
}

.icon-google-icon .path3:before {
  content: "";
  margin-left: -1em;
  color: #f6b704;
}

.icon-google-icon .path4:before {
  content: "";
  margin-left: -1em;
  color: #e54335;
}

.icon-standingdesk:before {
  content: "";
}

.icon-heart-outline:before {
  content: "";
}

.icon-high-five:before {
  content: "";
}

.icon-ladder:before {
  content: "";
}

.icon-people-group:before {
  content: "";
}

.icon-rocket:before {
  content: "";
}

.icon-speech-bubbles:before {
  content: "";
}

.icon-star-outline:before {
  content: "";
}

.icon-winking:before {
  content: "";
}

.icon-coinstack-double:before {
  content: "";
}

.icon-coinstack-double-half:before {
  content: "";
}

.icon-arrow-round-right:before {
  content: "";
}

.icon-arrow-round-rightcorner:before {
  content: "";
}

.icon-microphone:before {
  content: "";
}

.icon-wrench:before {
  content: "";
}

.icon-wave:before {
  content: "";
}

.icon-strategy:before {
  content: "";
}

.icon-paint-brush:before {
  content: "";
}

.icon-zap:before {
  content: "";
}

.icon-mouse-pointer:before {
  content: "";
}

.icon-glasses:before {
  content: "";
}

.icon-brain:before {
  content: "";
}

.icon-arrow-left:before {
  content: "";
}

.icon-arrow-right:before {
  content: "";
}

.icon-arrow-down:before {
  content: "";
}

.icon-arrow-up:before {
  content: "";
}

.icon-check:before {
  content: "";
}

.icon-mail:before {
  content: "";
}

.icon-mapmarker:before {
  content: "";
}

.icon-phone:before {
  content: "";
}

.icon-whatsapp:before {
  content: "";
}

.icon-contract:before {
  content: "";
}

.icon-dart:before {
  content: "";
}

.icon-coins:before {
  content: "";
}

.icon-social-network:before {
  content: "";
}

.icon-presentation:before {
  content: "";
}

.icon-settings:before {
  content: "";
}

.icon-photo:before {
  content: "";
}

.icon-shopping-cart:before {
  content: "";
}

.icon-code:before {
  content: "";
}

.icon-design:before {
  content: "";
}

.icon-events:before {
  content: "";
}

.icon-recruiting:before {
  content: "";
}

.icon-ux:before {
  content: "";
}

.icon-website:before {
  content: "";
}

.icon-question:before {
  content: "";
}

.icon-heart-o:before {
  content: "";
}

.icon-twitter:before {
  content: "";
}

.icon-pencil:before {
  content: "";
}

.icon-download:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-google-plus:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-pinterest:before {
  content: "";
}

.icon-snapchat:before {
  content: "";
}

.icon-xing:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-visual:before {
  content: "";
}

.icon-megafon:before {
  content: "";
}

.icon-strategie:before {
  content: "";
}

.icon-seo:before {
  content: "";
}

.icon-sea:before {
  content: "";
}

.icon-reporting:before {
  content: "";
}

.icon-like:before {
  content: "";
}

.icon-content:before {
  content: "";
}

.icon-user:before {
  content: "";
}

.icon-linkedin:before {
  content: "";
}

.icon-plus:before {
  content: "";
}

.icon-spinner:before {
  content: "";
}

.icon-loading:before {
  content: "";
}

.icon-loading-wheel:before {
  content: "";
}

.icon-busy:before {
  content: "";
}

.icon-wait:before {
  content: "";
}

.icon-star-empty:before {
  content: "";
}

.icon-star-half:before {
  content: "";
}

.icon-star-full:before {
  content: "";
}

@-webkit-keyframes mausscroll {
  0% {
    top: 4px;
  }

  25% {
    top: 6px;
  }

  50% {
    top: 8px;
  }

  75% {
    top: 6px;
  }

  100% {
    top: 4px;
  }
}

@-moz-keyframes mausscroll {
  0% {
    top: 4px;
  }

  25% {
    top: 6px;
  }

  50% {
    top: 8px;
  }

  75% {
    top: 6px;
  }

  100% {
    top: 4px;
  }
}

@-o-keyframes mausscroll {
  0% {
    top: 4px;
  }

  25% {
    top: 6px;
  }

  50% {
    top: 8px;
  }

  75% {
    top: 6px;
  }

  100% {
    top: 4px;
  }
}

@keyframes mausscroll {
  0% {
    top: 4px;
  }

  25% {
    top: 6px;
  }

  50% {
    top: 8px;
  }

  75% {
    top: 6px;
  }

  100% {
    top: 4px;
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  50% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@-moz-keyframes spin {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  50% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@-o-keyframes spin {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  50% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  50% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }

  50% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

@-moz-keyframes fade {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }

  50% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

@-o-keyframes fade {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }

  50% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

@keyframes fade {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }

  50% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

@-webkit-keyframes anker {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  25% {
    opacity: 0.6;
    filter: alpha(opacity=60);
  }

  50% {
    opacity: 0.3;
    filter: alpha(opacity=30);
  }

  75% {
    opacity: 0.3;
    filter: alpha(opacity=30);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@-moz-keyframes anker {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  25% {
    opacity: 0.6;
    filter: alpha(opacity=60);
  }

  50% {
    opacity: 0.3;
    filter: alpha(opacity=30);
  }

  75% {
    opacity: 0.3;
    filter: alpha(opacity=30);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@-o-keyframes anker {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  25% {
    opacity: 0.6;
    filter: alpha(opacity=60);
  }

  50% {
    opacity: 0.3;
    filter: alpha(opacity=30);
  }

  75% {
    opacity: 0.3;
    filter: alpha(opacity=30);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@keyframes anker {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  25% {
    opacity: 0.6;
    filter: alpha(opacity=60);
  }

  50% {
    opacity: 0.3;
    filter: alpha(opacity=30);
  }

  75% {
    opacity: 0.3;
    filter: alpha(opacity=30);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

@-o-keyframes fadeOut {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

@-webkit-keyframes anfrageFade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes anfrageFade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes anfrageFade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes anfrageFade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes nav-button-wiggle-before {
  0% {
    transform: rotate(0deg);
  }

  10%,
  20%,
  30%,
  40% {
    transform: rotate(15deg);
  }

  5%,
  15%,
  25%,
  35%,
  45% {
    transform: rotate(-15deg);
  }

  100% {
    transform: rotate(45deg);
  }
}

@-moz-keyframes nav-button-wiggle-before {
  0% {
    transform: rotate(0deg);
  }

  10%,
  20%,
  30%,
  40% {
    transform: rotate(15deg);
  }

  5%,
  15%,
  25%,
  35%,
  45% {
    transform: rotate(-15deg);
  }

  100% {
    transform: rotate(45deg);
  }
}

@-o-keyframes nav-button-wiggle-before {
  0% {
    transform: rotate(0deg);
  }

  10%,
  20%,
  30%,
  40% {
    transform: rotate(15deg);
  }

  5%,
  15%,
  25%,
  35%,
  45% {
    transform: rotate(-15deg);
  }

  100% {
    transform: rotate(45deg);
  }
}

@keyframes nav-button-wiggle-before {
  0% {
    transform: rotate(0deg);
  }

  10%,
  20%,
  30%,
  40% {
    transform: rotate(15deg);
  }

  5%,
  15%,
  25%,
  35%,
  45% {
    transform: rotate(-15deg);
  }

  100% {
    transform: rotate(45deg);
  }
}

@-webkit-keyframes nav-button-wiggle-after {
  0% {
    transform: rotate(0deg);
  }

  10%,
  20%,
  30%,
  40% {
    transform: rotate(15deg);
  }

  5%,
  15%,
  25%,
  35%,
  45% {
    transform: rotate(-15deg);
  }

  100% {
    transform: rotate(-45deg);
  }
}

@-moz-keyframes nav-button-wiggle-after {
  0% {
    transform: rotate(0deg);
  }

  10%,
  20%,
  30%,
  40% {
    transform: rotate(15deg);
  }

  5%,
  15%,
  25%,
  35%,
  45% {
    transform: rotate(-15deg);
  }

  100% {
    transform: rotate(-45deg);
  }
}

@-o-keyframes nav-button-wiggle-after {
  0% {
    transform: rotate(0deg);
  }

  10%,
  20%,
  30%,
  40% {
    transform: rotate(15deg);
  }

  5%,
  15%,
  25%,
  35%,
  45% {
    transform: rotate(-15deg);
  }

  100% {
    transform: rotate(-45deg);
  }
}

@keyframes nav-button-wiggle-after {
  0% {
    transform: rotate(0deg);
  }

  10%,
  20%,
  30%,
  40% {
    transform: rotate(15deg);
  }

  5%,
  15%,
  25%,
  35%,
  45% {
    transform: rotate(-15deg);
  }

  100% {
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes nav-button-wiggle-reset-before {
  0% {
    transform: rotate(45deg);
  }

  100% {
    transform: rotate(0);
  }
}

@-moz-keyframes nav-button-wiggle-reset-before {
  0% {
    transform: rotate(45deg);
  }

  100% {
    transform: rotate(0);
  }
}

@-o-keyframes nav-button-wiggle-reset-before {
  0% {
    transform: rotate(45deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes nav-button-wiggle-reset-before {
  0% {
    transform: rotate(45deg);
  }

  100% {
    transform: rotate(0);
  }
}

@-webkit-keyframes nav-button-wiggle-reset-after {
  0% {
    transform: rotate(-45deg);
  }

  100% {
    transform: rotate(0);
  }
}

@-moz-keyframes nav-button-wiggle-reset-after {
  0% {
    transform: rotate(-45deg);
  }

  100% {
    transform: rotate(0);
  }
}

@-o-keyframes nav-button-wiggle-reset-after {
  0% {
    transform: rotate(-45deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes nav-button-wiggle-reset-after {
  0% {
    transform: rotate(-45deg);
  }

  100% {
    transform: rotate(0);
  }
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-o-keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.body .ww_cookie_container .ww_cookie_wrapper {
  border-radius: 0.5em;
  top: 8vh;
  max-height: calc(90% - 8vh);
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.body .ww_fadeIn {
  opacity: 0;
  -webkit-animation: fadeIn ease-in 1;
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid rgba(0, 0, 0, 0);
}

.slick-arrow.slick-hidden {
  display: none;
}

:root {
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75;
}

.f-spinner {
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height);
}

.f-spinner svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  animation: f-spinner-rotate 2s linear infinite;
}

.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none;
}

.f-spinner svg *:first-child {
  stroke: var(--f-spinner-color-1);
}

.f-spinner svg *:last-child {
  stroke: var(--f-spinner-color-2);
  animation: f-spinner-dash 2s ease-in-out infinite;
}

@keyframes f-spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

.f-zoomInUp {
  animation: 0.2s ease-out 0.1s both f-zoomInUp;
}

.f-zoomOutDown {
  animation: 0.2s ease-out both f-zoomOutDown;
}

@keyframes f-zoomInUp {
  from {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }

  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes f-zoomOutDown {
  to {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
}

.f-throwOutUp {
  animation: 0.175s ease-out both f-throwOutUp;
}

.f-throwOutDown {
  animation: 0.175s ease-out both f-throwOutDown;
}

@keyframes f-throwOutUp {
  to {
    transform: translate3d(0, -150px, 0);
    opacity: 0;
  }
}

@keyframes f-throwOutDown {
  to {
    transform: translate3d(0, 150px, 0);
    opacity: 0;
  }
}

.f-fadeIn {
  animation: 0.2s ease both f-fadeIn;
  z-index: 2;
}

.f-fadeOut {
  animation: 0.2s ease both f-fadeOut;
  z-index: 1;
}

@keyframes f-fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes f-fadeOut {
  100% {
    opacity: 0;
  }
}

.f-fadeSlowIn {
  animation: 0.5s ease both f-fadeSlowIn;
  z-index: 2;
}

.f-fadeSlowOut {
  animation: 0.5s ease both f-fadeSlowOut;
  z-index: 1;
}

@keyframes f-fadeSlowIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes f-fadeSlowOut {
  100% {
    opacity: 0;
  }
}

.f-fadeFastIn {
  animation: 0.2s ease-out both f-fadeFastIn;
  z-index: 2;
}

.f-fadeFastOut {
  animation: 0.2s ease-out both f-fadeFastOut;
  z-index: 2;
}

@keyframes f-fadeFastIn {
  0% {
    opacity: 0.75;
  }

  100% {
    opacity: 1;
  }
}

@keyframes f-fadeFastOut {
  100% {
    opacity: 0;
  }
}

.f-crossfadeIn {
  animation: 0.2s ease-out both f-crossfadeIn;
  z-index: 2;
}

.f-crossfadeOut {
  animation: 0.1s linear 0.1s both f-crossfadeOut;
  z-index: 1;
}

@keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes f-crossfadeOut {
  100% {
    opacity: 0;
  }
}

.f-slideIn.from-next {
  animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

.f-slideIn.from-prev {
  animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}

.f-slideOut.to-next {
  animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}

.f-slideOut.to-prev {
  animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}

@keyframes f-slideInPrev {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes f-slideInNext {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes f-slideOutNext {
  100% {
    transform: translateX(-100%);
  }
}

@keyframes f-slideOutPrev {
  100% {
    transform: translateX(100%);
  }
}

.f-classicIn.from-next {
  animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  z-index: 2;
}

.f-classicIn.from-prev {
  animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
  z-index: 2;
}

.f-classicOut.to-next {
  animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
  z-index: 1;
}

.f-classicOut.to-prev {
  animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
  z-index: 1;
}

@keyframes f-classicInNext {
  0% {
    transform: translateX(-75px);
    opacity: 0;
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes f-classicInPrev {
  0% {
    transform: translateX(75px);
    opacity: 0;
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes f-classicOutNext {
  100% {
    transform: translateX(-75px);
    opacity: 0;
  }
}

@keyframes f-classicOutPrev {
  100% {
    transform: translateX(75px);
    opacity: 0;
  }
}

:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65;
}

.f-button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  box-shadow: var(--f-button-shadow);
  pointer-events: all;
  cursor: pointer;
  transition: var(--f-button-transition);
}

@media (hover: hover) {
  .f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color);
    background-color: var(--f-button-hover-bg);
  }
}

.f-button:active:not([disabled]) {
  background-color: var(--f-button-active-bg);
}

.f-button:focus:not(:focus-visible) {
  outline: none;
}

.f-button:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 var(--f-button-outline, 2px)
    var(--f-button-outline-color, var(--f-button-color));
}

.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity 0.15s ease;
  transform: var(--f-button-transform);
  filter: var(--f-button-svg-filter);
  pointer-events: none;
}

.f-button[disabled] {
  cursor: default;
}

.f-button[disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity);
}

.f-carousel__nav .f-button.is-prev,
.f-carousel__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
  position: absolute;
  z-index: 1;
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
  top: 50%;
  transform: translateY(-50%);
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos);
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  right: auto;
  left: var(--f-button-prev-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next {
  top: auto;
  left: 50%;
  transform: translateX(-50%);
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg {
  transform: rotate(90deg);
}

html.with-fancybox {
  width: auto;
  overflow: visible;
  scroll-behavior: auto;
}

html.with-fancybox body {
  touch-action: none;
}

html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: calc(
    var(--fancybox-body-margin, 0)+var(--fancybox-scrollbar-compensate, 0)
  );
  overflow: hidden !important;
  overscroll-behavior-y: none;
}

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: rgba(24, 24, 27, 0.98);
  --fancybox-slide-gap: 10px;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-color-1: rgba(255, 255, 255, 0.1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f8f8f8;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: visible;
  z-index: 1050;
  outline: none;
  transform-origin: top left;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overscroll-behavior-y: contain;
}

.fancybox__container *,
.fancybox__container *::before,
.fancybox__container *::after {
  box-sizing: inherit;
}

.fancybox__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: var(--fancybox-bg);
  opacity: var(--fancybox-opacity, 1);
  will-change: opacity;
}

.fancybox__carousel {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  min-height: 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip;
}

.fancybox__viewport {
  width: 100%;
  height: 100%;
}

.fancybox__track {
  display: flex;
  margin: 0 auto;
  height: 100%;
}

.fancybox__slide {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 var(--fancybox-slide-gap) 0 0;
  padding: 4px;
  overflow: auto;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 40px;
}

.fancybox__slide.has-iframe,
.fancybox__slide.has-video,
.fancybox__slide.has-html5video {
  overflow: hidden;
}

.fancybox__slide.has-image {
  overflow: hidden;
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
  overflow: visible;
}

.fancybox__slide::before,
.fancybox__slide::after {
  content: "";
  flex: 0 0 0%;
  margin: auto;
}

.fancybox__content {
  align-self: center;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding: 2rem;
  max-width: 100%;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  cursor: default;
  border-radius: 0;
  z-index: 20;
}

.is-loading .fancybox__content {
  opacity: 0;
}

.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab;
}

.can-zoom_in .fancybox__content {
  cursor: zoom-in;
}

.can-zoom_out .fancybox__content {
  cursor: zoom-out;
}

.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing;
}

.fancybox__content [data-selectable],
.fancybox__content [contenteditable] {
  cursor: auto;
}

.fancybox__slide.has-image > .fancybox__content {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  min-height: 1px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  transition: none;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

.is-zooming-in
  .fancybox__viewport:not(.is-dragging)
  .fancybox__slide:not(.is-selected)
  .fancybox__content,
.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content {
  visibility: hidden;
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
  filter: blur(0);
  will-change: transform, width, height;
}

.fancybox-image {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  user-select: none;
}

.fancybox__caption {
  align-self: center;
  max-width: 100%;
  flex-shrink: 0;
  margin: 0;
  padding: 14px 0 4px 0;
  overflow-wrap: anywhere;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  cursor: auto;
  visibility: visible;
}

.is-loading .fancybox__caption,
.is-closing .fancybox__caption {
  opacity: 0;
  visibility: hidden;
}

.is-compact .fancybox__caption {
  padding-bottom: 0;
}

.f-button.is-close-btn {
  --f-button-svg-stroke-width: 2;
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 40;
}

.fancybox__content > .f-button.is-close-btn {
  --f-button-width: 34px;
  --f-button-height: 34px;
  --f-button-border-radius: 4px;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  position: absolute;
  top: -38px;
  right: 0;
  opacity: 0.75;
}

.is-loading .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}

.fancybox__content > .f-button.is-close-btn:hover {
  opacity: 1;
}

.fancybox__footer {
  padding: 0;
  margin: 0;
  position: relative;
}

.fancybox__footer .fancybox__caption {
  width: 100%;
  padding: 24px;
  opacity: var(--fancybox-opacity, 1);
  transition: all 0.25s ease;
}

.is-compact .fancybox__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: rgba(24, 24, 27, 0.5);
}

.is-compact .fancybox__footer .fancybox__caption {
  padding: 12px;
}

.is-compact .fancybox__content > .f-button.is-close-btn {
  --f-button-border-radius: 50%;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-outline-color: #000;
  --f-button-bg: rgba(0, 0, 0, 0.6);
  --f-button-active-bg: rgba(0, 0, 0, 0.6);
  --f-button-hover-bg: rgba(0, 0, 0, 0.6);
  --f-button-svg-width: 18px;
  --f-button-svg-height: 18px;
  --f-button-svg-filter: none;
  top: 5px;
  right: 5px;
}

.fancybox__nav {
  --f-button-width: 50px;
  --f-button-height: 50px;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(24, 24, 27, 0.3);
  --f-button-active-bg: rgba(24, 24, 27, 0.5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 26px;
  --f-button-svg-height: 26px;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__nav .f-button:before {
  position: absolute;
  content: "";
  top: -30px;
  right: -20px;
  left: -20px;
  bottom: -30px;
  z-index: 1;
}

.is-idle .fancybox__nav {
  animation: 0.15s ease-out both f-fadeOut;
}

.is-idle.is-compact .fancybox__footer {
  pointer-events: none;
  animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__slide > .f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0
    var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
  z-index: 30;
  cursor: pointer;
}

.fancybox-protected {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  user-select: none;
}

.fancybox-ghost {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  z-index: 40;
  user-select: none;
  pointer-events: none;
}

.fancybox-focus-guard {
  outline: none;
  opacity: 0;
  position: fixed;
  pointer-events: none;
}

.fancybox__container:not([aria-hidden]) {
  opacity: 0;
}

.fancybox__container.is-animated[aria-hidden="false"]
  > *:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden="false"]
  .fancybox__carousel
  > *:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden="false"]
  .fancybox__slide
  > *:not(.fancybox__content) {
  animation: 0.25s ease 0.1s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden="false"] .fancybox__backdrop {
  animation: 0.35s ease backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden="true"]
  > *:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden="true"]
  .fancybox__carousel
  > *:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden="true"]
  .fancybox__slide
  > *:not(.fancybox__content) {
  animation: 0.15s ease forwards f-fadeOut;
}

.fancybox__container.is-animated[aria-hidden="true"] .fancybox__backdrop {
  animation: 0.35s ease forwards f-fadeOut;
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
  max-width: 100%;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
  width: 100%;
  height: 100%;
}

.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,
.fancybox__container:not(.is-compact) .has-map .fancybox__content,
.fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
  width: calc(100% - 120px);
  height: 90%;
}

.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}

.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff;
}

.has-map .fancybox__content {
  background: #e5e3df;
}

.fancybox__html5video,
.fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0);
}

.fancybox-placeholder {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.f-carousel__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
}

.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
}

.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 20px;
  --f-thumb-clip-width: 46px;
}

.f-thumbs {
  position: relative;
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  perspective: 1000px;
  transform: translateZ(0);
}

.f-thumbs .f-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-image: linear-gradient(#ebeff2, #e2e8f0);
  z-index: -1;
}

.f-thumbs .f-spinner svg {
  display: none;
}

.f-thumbs.is-vertical {
  height: 100%;
}

.f-thumbs__viewport {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.f-thumbs__track {
  display: flex;
  will-change: transform;
}

.f-thumbs__slide {
  position: relative;
  flex: 0 0 auto;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: var(--f-thumb-width);
  min-width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  overflow: visible;
  cursor: pointer;
}

.f-thumbs__slide.is-loading img {
  opacity: 0;
}

.is-classic .f-thumbs__viewport {
  height: 100%;
}

.is-modern .f-thumbs__track {
  width: max-content;
}

.is-modern .f-thumbs__track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--left, 0) * 1px);
  width: calc(100% - var(--width, 0) * 1px);
  cursor: pointer;
}

.is-modern .f-thumbs__slide {
  --clip-path: inset(
    0
      calc(
        (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 *
          (1 - var(--progress, 0))
      )
      round var(--f-thumb-border-radius, 0)
  );
  transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
  transition: none;
  pointer-events: none;
}

.is-modern .f-thumbs__slide:focus-within:not(.is-selected) {
  filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color))
    drop-shadow(2px 0 0 var(--f-thumb-outline-color))
    drop-shadow(0 -1px 0 var(--f-thumb-outline-color))
    drop-shadow(0 2px 0 var(--f-thumb-outline-color));
}

.is-modern .f-thumbs__slide > * {
  clip-path: var(--clip-path);
}

.is-modern.in-touch .f-thumbs__slide {
  filter: none;
}

.is-modern.is-resting .f-thumbs__slide {
  transition: all 0.33s ease;
}

.is-modern.is-resting .f-thumbs__slide > * {
  transition: all 0.33s ease;
}

.f-thumbs__slide__button {
  appearance: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  border-radius: var(--f-thumb-border-radius);
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  outline: none;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  opacity: var(--f-thumb-opacity);
  transition: opacity 0.2s ease;
}

.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity);
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: none;
}

.f-thumbs__slide__button:focus-visible {
  outline: none;
  opacity: var(--f-thumb-selected-opacity);
}

.is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity);
}

.is-nav-selected .f-thumbs__slide__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  border: var(--f-thumb-outline, 0) solid
    var(--f-thumb-outline-color, transparent);
  border-radius: var(--f-thumb-border-radius);
  animation: f-fadeIn 0.2s ease-out;
  z-index: 10;
}

.f-thumbs__slide__img {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: var(--f-thumb-offset);
  box-sizing: border-box;
  pointer-events: none;
  object-fit: cover;
}

.f-thumbs.is-horizontal .f-thumbs__track {
  margin: 0 auto;
  padding: 8px 0 12px 0;
}

.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0;
}

.f-thumbs.is-vertical .f-thumbs__track {
  flex-wrap: wrap;
  margin: auto 0;
  padding: 0 8px;
}

.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0;
}

.fancybox__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-border-radius: 2px;
  --f-thumb-outline: 2px;
  --f-thumb-outline-color: #ededed;
  position: relative;
  opacity: var(--fancybox-opacity, 1);
  transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

.fancybox__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-classic .f-spinner {
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.05)
  );
}

.fancybox__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 20px;
  --f-thumb-clip-width: 46px;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-modern .f-spinner {
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.05)
  );
}

.fancybox__thumbs.is-horizontal {
  padding: 0 var(--f-thumb-gap);
}

.fancybox__thumbs.is-vertical {
  padding: var(--f-thumb-gap) 0;
}

.is-compact .fancybox__thumbs {
  --f-thumb-width: 64px;
  --f-thumb-clip-width: 32px;
  --f-thumb-height: 48px;
  --f-thumb-extra-gap: 10px;
}

.fancybox__thumbs.is-hidden {
  max-height: 0px !important;
}

.is-closing .fancybox__thumbs {
  transition: none !important;
}

.fancybox__toolbar {
  --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: rgba(24, 24, 27, 0.65);
  --f-button-hover-bg: rgba(70, 70, 73, 0.65);
  --f-button-active-bg: rgba(90, 90, 93, 0.65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted",
    "Segoe UI", "Liberation Sans", sans-serif;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(
    --fancybox-toolbar-text-shadow,
    1px 1px 1px rgba(0, 0, 0, 0.5)
  );
  pointer-events: none;
  z-index: 20;
}

.fancybox__toolbar :focus-visible {
  z-index: 1;
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.is-idle .fancybox__toolbar {
  pointer-events: none;
  animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__toolbar__column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
  flex-grow: 1;
  flex-basis: 0%;
}

.fancybox__toolbar__column.is-right {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.fancybox__infobar {
  padding: 0 5px;
  line-height: var(--f-button-height);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: default;
  user-select: none;
}

.fancybox__infobar span {
  padding: 0 5px;
}

.fancybox__infobar:not(:first-child):not(:last-child) {
  background: var(--f-button-bg);
}

[data-fancybox-toggle-slideshow] {
  position: relative;
}

[data-fancybox-toggle-slideshow] .f-progress {
  height: 100%;
  opacity: 0.3;
}

[data-fancybox-toggle-slideshow] svg g:first-child {
  display: flex;
}

[data-fancybox-toggle-slideshow] svg g:last-child {
  display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
  display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
  display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
  display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
  display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: flex;
}

.f-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
  z-index: 30;
  user-select: none;
  pointer-events: none;
}

@media only screen and (max-width: 1024px) {
  .fancybox-content {
    padding: 44px 0;
  }
}

@media only screen and (max-width: 640px) {
  .fancybox-content > .grid-group {
    padding-left: 0;
    padding-right: 0;
  }
}

.grid-box * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  list-style-type: none;
  outline: 0;
}

.body {
  color: #1e221e;
  font-family: "Roboto", Tahoma, Geneva, sans-serif;
  line-height: 1.5;
  font-size: 21px;
  font-weight: 300;
}

@media only screen and (max-width: 640px) {
  .body {
    font-size: 16px;
  }
}

.page-content {
  overflow: hidden;
  background-color: #fff;
}

a,
a:visited,
a:active,
a:focus {
  text-decoration: none;
}

a {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.wrapper-large {
  width: 100%;
  max-width: 1980px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 780px) {
  .wrapper-large {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.wrapper-large > .grid-group {
  padding-left: 0;
  padding-right: 0;
}

.wrapper-medium {
  width: 100%;
  max-width: 1660px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 780px) {
  .wrapper-medium {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.wrapper-medium-small {
  width: 100%;
  max-width: 1220px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 780px) {
  .wrapper-medium-small {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.wrapper-small {
  width: 100%;
  max-width: 1020px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 780px) {
  .wrapper-small {
    padding-left: 15px;
    padding-right: 15px;
  }
}

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

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

.cover-img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.background-light,
.customer-product {
  background: #efefef;
}

.background-white {
  background: #fff;
}

.background-dark,
.breaker-references,
.ajax-form-response {
  background: #1e221e;
}

body.color_yellow .background-dark,
body.color_yellow .breaker-references,
body.color_yellow .ajax-form-response {
  background: #2e2a27;
}

body.color_yellow.teal .background-dark,
body.color_yellow.teal .breaker-references,
body.color_yellow.teal .ajax-form-response {
  background: #3a6063;
}

body.color_yellow.teal .background-dark.-dark,
body.color_yellow.teal .-dark.breaker-references,
body.color_yellow.teal .-dark.ajax-form-response {
  background: #1e221e;
}

.background-darkgreen {
  background: #3c433c;
}

.background-teal {
  background: #3a6063;
}

.background-light-right-docked {
  background: #efefef;
}

@media only screen and (min-width: 1921px) {
  .background-light-right-docked {
    background: linear-gradient(
      to right,
      transparent calc((100vw - 1920px) / 4),
      #efefef calc((100vw - 1920px) / 4)
    );
  }
}

.background-light-left-docked {
  background: #efefef;
}

@media only screen and (min-width: 1921px) {
  .background-light-left-docked {
    background: linear-gradient(
      to left,
      transparent calc((100vw - 1920px) / 4),
      #efefef calc((100vw - 1920px) / 4)
    );
  }
}

body.color_golden .background-highlight-light {
  background: #dfd6c5;
}

body.color_yellow .background-highlight-light {
  background: #e3e3e2;
}

body.color_yellow .background-highlight {
  background: #323b57;
  color: #fff;
}

body.color_yellow .background-highlight-dark {
  background: #504f54;
  color: #fff;
}

@media only screen and (max-width: 1024px) and (min-width: 781px) {
  .content-box-padding {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 1600px) and (min-width: 1025px) {
  .content-box-padding {
    padding: 0 45px;
  }
}

@media only screen and (min-width: 1601px) {
  .content-box-padding {
    padding: 0 75px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 781px) {
  .content-box-padding-left {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 1600px) and (min-width: 1025px) {
  .content-box-padding-left {
    padding-left: 45px;
  }
}

@media only screen and (min-width: 1601px) {
  .content-box-padding-left {
    padding-left: 75px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 781px) {
  .content-box-padding-right {
    padding-right: 30px;
  }
}

@media only screen and (max-width: 1600px) and (min-width: 1025px) {
  .content-box-padding-right {
    padding-right: 45px;
  }
}

@media only screen and (min-width: 1601px) {
  .content-box-padding-right {
    padding-right: 75px;
  }
}

.link,
[class*="impressum_article_"] a {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  color: #95952d;
  display: inline-block;
  text-decoration: none;
  outline: 0;
}

.link:hover,
[class*="impressum_article_"] a:hover {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  color: #1e221e;
}

.lowercase {
  text-transform: none;
}

.dl_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.dl_list._small dt {
  flex: 0 0 98px;
}

.dl_list._small dd {
  flex: 1 0 calc(100% - 98px);
}

.dl_list._large dt {
  flex: 0 0 153px;
}

.dl_list._large dd {
  flex: 0 0 calc(100% - 153px);
}

.button.-green,
.ww_cookies_accept_cookies_button {
  color: #fff;
  background: #95952d;
  border: 2px solid #95952d;
  box-shadow: 0 6px 16px 1px rgba(0, 0, 0, 0.3);
}

.button.-green:hover,
.ww_cookies_accept_cookies_button:hover {
  color: #95952d;
  background: rgba(0, 0, 0, 0);
  transform: translateY(2px);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.6);
}

.button.-green.-only-border,
.-only-border.ww_cookies_accept_cookies_button {
  color: #95952d;
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
}

.button.-green.-only-border.-filled,
.-only-border.-filled.ww_cookies_accept_cookies_button {
  background: #fff;
}

.button.-green.-only-border:hover,
.-only-border.ww_cookies_accept_cookies_button:hover {
  color: #fff;
  background: #95952d;
}

.button.-golden,
.-golden.ww_cookies_accept_cookies_button {
  color: #fff;
  background: #956d13;
  border: 2px solid #956d13;
  box-shadow: 0 6px 16px 1px rgba(0, 0, 0, 0.3);
}

.button.-golden:hover,
.-golden.ww_cookies_accept_cookies_button:hover {
  color: #956d13;
  background: rgba(0, 0, 0, 0);
  transform: translateY(2px);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.6);
}

.button.-golden.-only-border,
.-golden.-only-border.ww_cookies_accept_cookies_button {
  color: #956d13;
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
}

.button.-golden.-only-border:hover,
.-golden.-only-border.ww_cookies_accept_cookies_button:hover {
  color: #fff;
  background: #956d13;
}

.button.-yellow,
.-yellow.ww_cookies_accept_cookies_button {
  color: #1e221e;
  background: #ebc771;
  border: 2px solid #ebc771;
  box-shadow: 0 6px 16px 1px rgba(0, 0, 0, 0.3);
}

.button.-yellow:hover,
.-yellow.ww_cookies_accept_cookies_button:hover {
  color: #ebc771;
  background: rgba(0, 0, 0, 0);
  transform: translateY(2px);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.6);
}

.button.-yellow.-only-border,
.-yellow.-only-border.ww_cookies_accept_cookies_button {
  color: #ebc771;
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
}

.button.-yellow.-only-border:hover,
.-yellow.-only-border.ww_cookies_accept_cookies_button:hover {
  color: #1e221e;
  background: #ebc771;
}

.button.-white,
.-white.ww_cookies_accept_cookies_button {
  color: #1e221e;
  background: #fff;
  border: 2px solid #fff;
}

.button.-white:hover,
.-white.ww_cookies_accept_cookies_button:hover {
  color: #95952d;
}

.button.-white.-only-border,
.-white.-only-border.ww_cookies_accept_cookies_button {
  color: #fff;
  border-color: #fff;
  background: rgba(0, 0, 0, 0);
}

.button.-white.-only-border:hover,
.-white.-only-border.ww_cookies_accept_cookies_button:hover {
  color: #1e221e;
  background: #fff;
}

.button.-grey,
.-grey.ww_cookies_accept_cookies_button {
  color: #1e221e;
  background: #d1d2cd;
  border: 2px solid #d1d2cd;
}

.button.-grey:hover,
.-grey.ww_cookies_accept_cookies_button:hover {
  color: #d1d2cd;
  background: #1e221e;
}

.button.-grey.-only-border,
.-grey.-only-border.ww_cookies_accept_cookies_button {
  color: #d1d2cd;
  border-color: #d1d2cd;
  background: rgba(0, 0, 0, 0);
}

.button.-grey.-only-border:hover,
.-grey.-only-border.ww_cookies_accept_cookies_button:hover {
  color: #1e221e;
  background: #d1d2cd;
}

.button.-dark-grey,
.-dark-grey.ww_cookies_accept_cookies_button {
  color: #fff;
  background: #3c433c;
  border: 2px solid #3c433c;
}

.button.-dark-grey:hover,
.-dark-grey.ww_cookies_accept_cookies_button:hover {
  color: #3c433c;
  background: #fff;
}

.button.-dark-grey.-only-border,
.-dark-grey.-only-border.ww_cookies_accept_cookies_button {
  color: #3c433c;
  border-color: #3c433c;
  background: rgba(0, 0, 0, 0);
}

.button.-dark-grey.-only-border:hover,
.-dark-grey.-only-border.ww_cookies_accept_cookies_button:hover {
  color: #fff;
  background: #3c433c;
}

.button.-plain-green,
.-plain-green.ww_cookies_accept_cookies_button {
  color: #95952d;
  box-shadow: none;
}

.button.-plain-grey,
.-plain-grey.ww_cookies_accept_cookies_button {
  color: #d1d2cd;
}

.button.-plain-grey:hover,
.-plain-grey.ww_cookies_accept_cookies_button:hover {
  color: #fff;
}

.button.-large-font,
.-large-font.ww_cookies_accept_cookies_button {
  font-size: 24px;
}

.button.-shadow,
.-shadow.ww_cookies_accept_cookies_button {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35);
}

.button.-shadow:hover,
.-shadow.ww_cookies_accept_cookies_button:hover {
  transform: translateY(2px);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.6);
}

.circle-button:after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  clip-path: circle(100% at 50%);
  background: #e2c276;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  z-index: 1;
}

.circle-button span {
  z-index: 2;
}

.circle-button:hover {
  border-color: #3c433c;
  background: #3c433c;
}

.circle-button:hover:after {
  clip-path: circle(22px at 50%);
}

.circle-button.-dark-grey:hover {
  background: #3c433c;
  color: #fff;
}

.flip-button {
  overflow: hidden;
  text-align: center;
}

.flip-button .flip-default {
  display: block;
  transition: all 0.3s linear;
  height: 24px;
}

.flip-button .flip-hover {
  display: block;
  transition: all 0.3s linear;
  height: 0;
  transform: translateY(1em);
  opacity: 0;
  line-height: 1;
  font-size: 20.8px;
}

.flip-button.-green.-white-flip .flip-hover,
.flip-button.-white-flip.ww_cookies_accept_cookies_button .flip-hover {
  color: #fff;
}

.flip-button:hover .flip-default {
  height: 0;
  transform: translateY(-2em);
  opacity: 0;
}

.flip-button:hover .flip-hover {
  transform: translateY(0);
  height: 24px;
  opacity: 1;
}

.simple-btn {
  display: inline-block;
  color: #95952d;
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.simple-btn:after {
  display: inline-block;
  font-family: "webweisend-icons";
  content: "";
  margin: 0 0 0 0.5rem;
}

.overflow-hidden {
  overflow: hidden;
}

.display-flex {
  display: flex;
}

.display-block {
  display: block;
}

.display-inline-block {
  display: inline-block;
}

.relative {
  position: relative;
}

.hidden,
[type="radio"],
[type="checkbox"],
.display-none {
  display: none;
}

.showOnTablet {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .showOnTablet {
    display: block;
  }
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

.align-items-center {
  align-items: center;
}

.align-self-end {
  align-self: flex-end;
}

.content-end {
  justify-content: flex-end;
}

.content-centered {
  justify-content: center;
}

.content-spaced {
  justify-content: space-between;
}

.isflexbox {
  display: flex;
}

lottie-player {
  max-width: 100%;
}

.animation-montage {
  position: relative;
}

.animation-montage .lottie-player-wrapper {
  position: absolute;
  z-index: 10;
}

.animation-montage.-klinik .lottie-player-wrapper {
  width: 76px;
  left: -10px;
  top: 100%;
  transform: translateY(-100%);
  margin-top: -118px;
  max-width: unset;
}

.margin-bottom-1,
.mb1 {
  margin-bottom: 30px;
}

.margin-top-1,
.mt1 {
  margin-top: 30px;
}

.margin-left-1,
.ml1 {
  margin-left: 30px;
}

.margin-right-1,
.mr1 {
  margin-right: 30px;
}

.padding-bottom-1,
.pb1 {
  padding-bottom: 30px;
}

.padding-top-1,
.pt1 {
  padding-top: 30px;
}

.padding-left-1,
.pl1 {
  padding-left: 30px;
}

.padding-right-1,
.pr1 {
  padding-right: 30px;
}

.padding-1 {
  padding: 30px;
}

.margin-bottom-2,
.mb2 {
  margin-bottom: 60px;
}

.margin-top-2,
.mt2 {
  margin-top: 60px;
}

.margin-left-2,
.ml2 {
  margin-left: 60px;
}

.margin-right-2,
.mr2 {
  margin-right: 60px;
}

.padding-bottom-2,
.pb2 {
  padding-bottom: 60px;
}

.padding-top-2,
.pt2 {
  padding-top: 60px;
}

.padding-left-2,
.pl2 {
  padding-left: 60px;
}

.padding-right-2,
.pr2 {
  padding-right: 60px;
}

.padding-2 {
  padding: 60px;
}

.margin-bottom-3,
.mb3 {
  margin-bottom: 90px;
}

.margin-top-3,
.mt3 {
  margin-top: 90px;
}

.margin-left-3,
.ml3 {
  margin-left: 90px;
}

.margin-right-3,
.mr3 {
  margin-right: 90px;
}

.padding-bottom-3,
.pb3 {
  padding-bottom: 90px;
}

.padding-top-3,
.pt3 {
  padding-top: 90px;
}

.padding-left-3,
.pl3 {
  padding-left: 90px;
}

.padding-right-3,
.pr3 {
  padding-right: 90px;
}

.padding-3 {
  padding: 90px;
}

.margin-bottom-4,
.mb4 {
  margin-bottom: 120px;
}

.margin-top-4,
.mt4 {
  margin-top: 120px;
}

.margin-left-4,
.ml4 {
  margin-left: 120px;
}

.margin-right-4,
.mr4 {
  margin-right: 120px;
}

.padding-bottom-4,
.pb4 {
  padding-bottom: 120px;
}

.padding-top-4,
.pt4 {
  padding-top: 120px;
}

.padding-left-4,
.pl4 {
  padding-left: 120px;
}

.padding-right-4,
.pr4 {
  padding-right: 120px;
}

.padding-4 {
  padding: 120px;
}

.margin-bottom-5,
.mb5 {
  margin-bottom: 150px;
}

.margin-top-5,
.mt5 {
  margin-top: 150px;
}

.margin-left-5,
.ml5 {
  margin-left: 150px;
}

.margin-right-5,
.mr5 {
  margin-right: 150px;
}

.padding-bottom-5,
.pb5 {
  padding-bottom: 150px;
}

.padding-top-5,
.pt5 {
  padding-top: 150px;
}

.padding-left-5,
.pl5 {
  padding-left: 150px;
}

.padding-right-5,
.pr5 {
  padding-right: 150px;
}

.padding-5 {
  padding: 150px;
}

.margin-bottom-6,
.mb6 {
  margin-bottom: 180px;
}

.margin-top-6,
.mt6 {
  margin-top: 180px;
}

.margin-left-6,
.ml6 {
  margin-left: 180px;
}

.margin-right-6,
.mr6 {
  margin-right: 180px;
}

.padding-bottom-6,
.pb6 {
  padding-bottom: 180px;
}

.padding-top-6,
.pt6 {
  padding-top: 180px;
}

.padding-left-6,
.pl6 {
  padding-left: 180px;
}

.padding-right-6,
.pr6 {
  padding-right: 180px;
}

.padding-6 {
  padding: 180px;
}

.margin-bottom-7,
.mb7 {
  margin-bottom: 210px;
}

.margin-top-7,
.mt7 {
  margin-top: 210px;
}

.margin-left-7,
.ml7 {
  margin-left: 210px;
}

.margin-right-7,
.mr7 {
  margin-right: 210px;
}

.padding-bottom-7,
.pb7 {
  padding-bottom: 210px;
}

.padding-top-7,
.pt7 {
  padding-top: 210px;
}

.padding-left-7,
.pl7 {
  padding-left: 210px;
}

.padding-right-7,
.pr7 {
  padding-right: 210px;
}

.padding-7 {
  padding: 210px;
}

.margin-bottom-8,
.mb8 {
  margin-bottom: 240px;
}

.margin-top-8,
.mt8 {
  margin-top: 240px;
}

.margin-left-8,
.ml8 {
  margin-left: 240px;
}

.margin-right-8,
.mr8 {
  margin-right: 240px;
}

.padding-bottom-8,
.pb8 {
  padding-bottom: 240px;
}

.padding-top-8,
.pt8 {
  padding-top: 240px;
}

.padding-left-8,
.pl8 {
  padding-left: 240px;
}

.padding-right-8,
.pr8 {
  padding-right: 240px;
}

.padding-8 {
  padding: 240px;
}

.margin-bottom-9,
.mb9 {
  margin-bottom: 270px;
}

.margin-top-9,
.mt9 {
  margin-top: 270px;
}

.margin-left-9,
.ml9 {
  margin-left: 270px;
}

.margin-right-9,
.mr9 {
  margin-right: 270px;
}

.padding-bottom-9,
.pb9 {
  padding-bottom: 270px;
}

.padding-top-9,
.pt9 {
  padding-top: 270px;
}

.padding-left-9,
.pl9 {
  padding-left: 270px;
}

.padding-right-9,
.pr9 {
  padding-right: 270px;
}

.padding-9 {
  padding: 270px;
}

.margin-bottom-10,
.mb10 {
  margin-bottom: 300px;
}

.margin-top-10,
.mt10 {
  margin-top: 300px;
}

.margin-left-10,
.ml10 {
  margin-left: 300px;
}

.margin-right-10,
.mr10 {
  margin-right: 300px;
}

.padding-bottom-10,
.pb10 {
  padding-bottom: 300px;
}

.padding-top-10,
.pt10 {
  padding-top: 300px;
}

.padding-left-10,
.pl10 {
  padding-left: 300px;
}

.padding-right-10,
.pr10 {
  padding-right: 300px;
}

.padding-10 {
  padding: 300px;
}

@media only screen and (max-width: 1024px) {
  .tablet-margin-bottom-0,
  .mb0 {
    margin-bottom: 0;
  }

  .tablet-margin-top-0,
  .mt0 {
    margin-top: 0;
  }

  .tablet-margin-left-0,
  .ml0 {
    margin-left: 0;
  }

  .tablet-margin-right-0,
  .mr0 {
    margin-right: 0;
  }

  .tablet-padding-bottom-0,
  .pb0 {
    padding-bottom: 0;
  }

  .tablet-padding-top-0,
  .pt0 {
    padding-top: 0;
  }

  .tablet-padding-left-0,
  .pl0 {
    padding-left: 0;
  }

  .tablet-padding-right-0,
  .pr0 {
    padding-right: 0;
  }

  .tablet-padding-0 {
    padding: 0;
  }

  .tablet-margin-bottom-1,
  .mb1 {
    margin-bottom: 30px;
  }

  .tablet-margin-top-1,
  .mt1 {
    margin-top: 30px;
  }

  .tablet-margin-left-1,
  .ml1 {
    margin-left: 30px;
  }

  .tablet-margin-right-1,
  .mr1 {
    margin-right: 30px;
  }

  .tablet-padding-bottom-1,
  .pb1 {
    padding-bottom: 30px;
  }

  .tablet-padding-top-1,
  .pt1 {
    padding-top: 30px;
  }

  .tablet-padding-left-1,
  .pl1 {
    padding-left: 30px;
  }

  .tablet-padding-right-1,
  .pr1 {
    padding-right: 30px;
  }

  .tablet-padding-1 {
    padding: 30px;
  }

  .tablet-margin-bottom-2,
  .mb2 {
    margin-bottom: 60px;
  }

  .tablet-margin-top-2,
  .mt2 {
    margin-top: 60px;
  }

  .tablet-margin-left-2,
  .ml2 {
    margin-left: 60px;
  }

  .tablet-margin-right-2,
  .mr2 {
    margin-right: 60px;
  }

  .tablet-padding-bottom-2,
  .pb2 {
    padding-bottom: 60px;
  }

  .tablet-padding-top-2,
  .pt2 {
    padding-top: 60px;
  }

  .tablet-padding-left-2,
  .pl2 {
    padding-left: 60px;
  }

  .tablet-padding-right-2,
  .pr2 {
    padding-right: 60px;
  }

  .tablet-padding-2 {
    padding: 60px;
  }

  .tablet-margin-bottom-3,
  .mb3 {
    margin-bottom: 90px;
  }

  .tablet-margin-top-3,
  .mt3 {
    margin-top: 90px;
  }

  .tablet-margin-left-3,
  .ml3 {
    margin-left: 90px;
  }

  .tablet-margin-right-3,
  .mr3 {
    margin-right: 90px;
  }

  .tablet-padding-bottom-3,
  .pb3 {
    padding-bottom: 90px;
  }

  .tablet-padding-top-3,
  .pt3 {
    padding-top: 90px;
  }

  .tablet-padding-left-3,
  .pl3 {
    padding-left: 90px;
  }

  .tablet-padding-right-3,
  .pr3 {
    padding-right: 90px;
  }

  .tablet-padding-3 {
    padding: 90px;
  }

  .tablet-margin-bottom-4,
  .mb4 {
    margin-bottom: 120px;
  }

  .tablet-margin-top-4,
  .mt4 {
    margin-top: 120px;
  }

  .tablet-margin-left-4,
  .ml4 {
    margin-left: 120px;
  }

  .tablet-margin-right-4,
  .mr4 {
    margin-right: 120px;
  }

  .tablet-padding-bottom-4,
  .pb4 {
    padding-bottom: 120px;
  }

  .tablet-padding-top-4,
  .pt4 {
    padding-top: 120px;
  }

  .tablet-padding-left-4,
  .pl4 {
    padding-left: 120px;
  }

  .tablet-padding-right-4,
  .pr4 {
    padding-right: 120px;
  }

  .tablet-padding-4 {
    padding: 120px;
  }

  .tablet-margin-bottom-5,
  .mb5 {
    margin-bottom: 150px;
  }

  .tablet-margin-top-5,
  .mt5 {
    margin-top: 150px;
  }

  .tablet-margin-left-5,
  .ml5 {
    margin-left: 150px;
  }

  .tablet-margin-right-5,
  .mr5 {
    margin-right: 150px;
  }

  .tablet-padding-bottom-5,
  .pb5 {
    padding-bottom: 150px;
  }

  .tablet-padding-top-5,
  .pt5 {
    padding-top: 150px;
  }

  .tablet-padding-left-5,
  .pl5 {
    padding-left: 150px;
  }

  .tablet-padding-right-5,
  .pr5 {
    padding-right: 150px;
  }

  .tablet-padding-5 {
    padding: 150px;
  }
}

.margin-bottom-0-5,
.mb0-5 {
  margin-bottom: 15px;
}

.padding-top-0-5 {
  padding-top: 15px;
}

.space-for-navigation-bar {
  padding-top: 115px;
}

@media only screen and (min-width: 1201px) {
  .space-for-navigation-bar {
    padding-top: 230px;
  }
}

.font-deco {
  font-family: "Roboto", Tahoma, Geneva, sans-serif;
}

.headline-xl {
  font-size: 45px;
}

@media only screen and (min-width: 1025px) {
  .headline-xl {
    font-size: 65px;
  }
}

.headline-xl ._subline {
  display: block;
  font-size: 30px;
}

@media only screen and (min-width: 1025px) {
  .headline-xl ._subline {
    font-size: 45px;
  }
}

.headline-l,
.ajax-form-response.overlay h2,
.ajax-form-response.default h2 {
  font-size: 38px;
}

@media only screen and (min-width: 1025px) {
  .headline-l,
  .ajax-form-response.overlay h2,
  .ajax-form-response.default h2 {
    font-size: 55px;
  }
}

.headline-m,
.ajax-form-response.overlay h3,
.ajax-form-response.default h3 {
  font-size: 22px;
}

@media only screen and (min-width: 1025px) {
  .headline-m,
  .ajax-form-response.overlay h3,
  .ajax-form-response.default h3 {
    font-size: 35px;
  }
}

.headline-s,
.ajax-form-response.overlay h4,
.ajax-form-response.default h4 {
  font-size: 20px;
}

@media only screen and (min-width: 1025px) {
  .headline-s,
  .ajax-form-response.overlay h4,
  .ajax-form-response.default h4 {
    font-size: 28px;
  }
}

.headline-xs {
  font-size: 16px;
}

@media only screen and (min-width: 1025px) {
  .headline-xs {
    font-size: 20px;
  }
}

.headline-decoheadline {
  display: block;
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  opacity: 0.75;
}

@media only screen and (min-width: 1025px) {
  .headline-decoheadline {
    font-size: 8rem;
  }
}

.underline-dot {
  position: relative;
  padding-bottom: 16px;
  display: inline-block;
}

.underline-dot:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  background: #3c433c;
  left: 0;
  bottom: 8px;
}

.underline-dot:after {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 2rem;
  position: absolute;
  background: #e2c276;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}

.lines-background-light {
  position: relative;
}

.lines-background-light:before {
  left: 0;
  right: -30px;
  content: "";
  top: -20px;
  bottom: 0;
  position: absolute;
  opacity: 0.3;
  background: url(../img/faded-lines-background-right-4.svg) center no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 640px) {
  .lines-background-light:before {
    background: url(../img/faded-lines-background-right-4.svg) center no-repeat;
  }
}

.font-default {
  font-family: "Roboto", Tahoma, Geneva, sans-serif;
}

.regular {
  font-weight: 400;
}

.small {
  font-size: 0.7em;
}

.slightly-smaller {
  font-size: 0.85em;
}

.hasBackground {
  padding: 15px 30px;
  background: #efefef;
}

.deco-headline {
  color: #95952d;
  font-family: "Roboto", Tahoma, Geneva, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

@media only screen and (min-width: 1025px) {
  .deco-headline {
    font-size: 28px;
  }
}

body.color_golden .deco-headline {
  color: #956d13;
}

body.color_yellow .deco-headline {
  color: #ebc771;
}

.deco-headline-m {
  font-family: "Roboto", Tahoma, Geneva, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

@media only screen and (min-width: 1025px) {
  .deco-headline-m {
    font-size: 30px;
  }
}

.text-align-center {
  text-align: center;
}

.color-white {
  color: #fff;
}

.color-dark-grey {
  color: #3c433c;
}

.color-highlight {
  color: #95952d;
}

body.color_golden .color-highlight {
  color: #956d13;
}

body.color_yellow .color-highlight {
  color: #ebc771;
}

body.reference-page .color-highlight {
  color: #e2c276;
}

.color-gold {
  color: #e2c276;
}

.color-green {
  color: #95952d;
}

.color-default {
  color: #1e221e;
}

.iconlike-plus {
  font-family: "Roboto", Tahoma, Geneva, sans-serif;
}

.font-size-xxs {
  font-size: 14px;
}

.font-size-xs {
  font-size: 17px;
}

.font-shrink-09 {
  font-size: 0.9em;
}

@media only screen and (min-width: 641px) {
  .font-size-s {
    font-size: 19px;
  }
}

.font-size-l {
  font-size: 28px;
}

.camouflage-a {
  color: inherit;
  text-decoration: inherit;
}

.zindex-1 {
  z-index: 1;
}

@media only screen and (max-width: 1024px) {
  .l-reorder-1 {
    order: 1;
  }

  .l-reorder-2 {
    order: 2;
  }

  .l-reorder-3 {
    order: 3;
  }
}

.email {
  color: inherit;
}

.email:hover {
  color: #95952d;
}

.color-highlight-accent-light {
  color: #95952d;
}

.color-highlight-accent-dark {
  color: #5a5a1b;
}

body.color_yellow .color-highlight-accent-dark {
  color: #1e221e;
}

.js_expandable_content {
  transition: all 0.25s ease;
  height: 1px;
  overflow: hidden;
}

.js_expandable_content:not(.active):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5rem;
  background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0));
  pointer-events: none;
}

.js_expandable_content_button {
  cursor: pointer;
  z-index: 5;
  margin: -23px auto 60px;
  display: block;
  position: relative;
}

.js_expandable_content_button:before {
  display: inline-block;
  font-family: "webweisend-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "";
  color: currentColor;
  transform: rotate(0deg);
  margin: 0 0 0 -8px;
}

.js_expandable_content_button.active:before {
  transform: rotate(45deg);
}

.bordered-y-light {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.img-wrapper {
  position: relative;
  line-height: 0;
  display: block;
  color: #1e221e;
}

.img-wrapper ._overlay {
  position: absolute;
  top: 0;
  z-index: 1;
}

.img-break-grid .img {
  width: calc(100% + 60px);
}

@media only screen and (max-width: 1024px) {
  .-d50 .img-break-grid .img {
    width: 100%;
  }
}

.breakout_content {
  position: relative;
  height: 100%;
  max-height: 100vh;
  width: calc(100% + (100vw - 1618px) / 2);
}

.breakout_content.-toleft {
  position: relative;
  width: calc(100% + (100vw - 1618px) / 2);
  left: calc(-1 * (100vw - 1618px) / 2);
}

@media only screen and (max-width: 1618px) {
  .breakout_content {
    width: calc(100% + 30px);
  }

  .breakout_content.-toleft {
    width: calc(100% + 60px);
    left: -30px;
  }
}

@media only screen and (max-width: 1024px) {
  .-t100 .breakout_content {
    width: 100%;
  }
}

.align-baseline {
  align-self: baseline;
}

.highlight-quote {
  color: #95952d;
  font-style: italic;
}

.padding-no-header {
  padding-top: 160px;
}

@media only screen and (max-width: 1024px) {
  .padding-no-header {
    padding-top: 130px;
  }
}

@media only screen and (max-width: 640px) {
  .padding-no-header {
    padding-top: 110px;
  }
}

.font-quote-l {
  font-family: "Roboto", Tahoma, Geneva, sans-serif;
  font-size: 27px;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 1025px) {
  .font-quote-l {
    font-size: 50px;
  }
}

.font-quote-l.content__title {
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  font-size: 50px;
}

@media only screen and (min-width: 1025px) {
  .font-quote-l.content__title {
    font-size: clamp(50px, 5vw, 150px);
  }
}

.font-quote-s {
  font-family: "Roboto", Tahoma, Geneva, sans-serif;
  font-size: 23px;
}

@media only screen and (min-width: 1025px) {
  .font-quote-s {
    font-size: 27px;
  }
}

.large-background-text-facts,
.large-background-text-default {
  text-indent: -0.05em;
  pointer-events: none;
  opacity: 0.1;
  height: 1em;
  color: #a8a9a5;
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  text-transform: uppercase;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: 0.15em;
}

.large-background-text-default {
  padding: 30px;
}

.large-background-text-facts {
  font-size: 17vw;
  line-height: 1.3;
}

@media only screen and (max-width: 1024px) {
  .large-background-text-facts {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 33.8vw;
  }
}

.service-list li {
  margin-bottom: 0.5rem;
  font-size: clamp(18px, 1.3vw, 24px);
}

.service-list li a {
  color: #1e221e;
  padding-left: 1.9rem;
  display: inline-block;
}

.service-list li a:before {
  position: absolute;
  content: "";
  color: #95952d;
  left: 0;
  top: 3px;
  font-family: "webweisend-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.service-list li a:hover {
  color: #95952d;
}

.button-container {
  display: flex;
  flex-wrap: wrap;
}

.bordered-box {
  border: 5px solid #95952d;
  padding: 1rem;
  box-sizing: border-box;
  box-shadow: rgba(149, 149, 45, 0.4) 5px 5px, rgba(149, 149, 45, 0.3) 10px 10px,
    rgba(149, 149, 45, 0.2) 15px 15px, rgba(149, 149, 45, 0.1) 20px 20px,
    rgba(149, 149, 45, 0.05) 25px 25px;
}

.zindex-1 {
  z-index: 1;
}

.margin-top--1 {
  margin-top: -30px;
}

.bordered-text {
  stroke: #d1d2cd;
  stroke-width: 2px;
  font-size: 220px;
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  width: 0.5em;
  height: 1em;
  fill: rgba(0, 0, 0, 0);
}

.bordered-text.-green,
.bordered-text.ww_cookies_accept_cookies_button {
  stroke: #95952d;
}

.bordered-text.-golden {
  stroke: #956d13;
}

.bordered-text.-yellow {
  stroke: #ebc771;
}

.bordered-text.-dark {
  stroke: #3c433c;
}

.bordered-text ._lowercase {
  font-size: 0.65em;
}

.bordered-text.-length-2 {
  width: 1em;
}

.bordered-text.-length-3 {
  width: 1.5em;
}

.bordered-text.-length-4 {
  width: 2em;
}

.bordered-text.-length-5 {
  width: 2.5em;
}

.bordered-text.-length-6 {
  width: 3em;
}

.bordered-text.-length-7 {
  width: 3.5em;
}

.bordered-text.-length-8 {
  width: 4em;
}

.bordered-text.-length-9 {
  width: 4.5em;
}

.bordered-text.-length-10 {
  width: 5em;
}

@media only screen and (max-width: 2000px) and (min-width: 1601px) {
  .bordered-text {
    font-size: 185px;
  }
}

@media only screen and (max-width: 1600px) and (min-width: 1025px) {
  .bordered-text {
    font-size: 150px;
  }
}

@media only screen and (max-width: 1024px) {
  .bordered-text {
    font-size: 18vw;
  }
}

.pull-bottom {
  margin-bottom: -90px;
}

strong {
  font-weight: 500;
}

.font-grow-2 {
  font-size: 2em;
}

.font-grow-1-5 {
  font-size: 1.5em;
}

.font-grow-1-2 {
  font-size: 1.2em;
}

.hr {
  border: none;
  border-top: 2px solid #d1d2cd;
  box-shadow: none;
  background: none;
  height: 2px;
}

.color-grey {
  color: #bfbfbf;
}

.margin-auto-horizontal {
  margin-right: auto;
  margin-left: auto;
}

.offset-box-grid {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 1025px) {
  .offset-box-grid {
    flex-direction: row;
    align-items: flex-start;
  }
}

.offset-box-grid .offset-box {
  flex-shrink: 0;
}

@media only screen and (min-width: 1025px) {
  .offset-box-grid .offset-box.-width75 {
    width: 75%;
  }
}

@media only screen and (min-width: 2401px) {
  .offset-box-grid .offset-box.-width75 {
    width: calc((100vw - 1920px) / 2 + 1440px);
  }
}

@media only screen and (min-width: 1025px) {
  .offset-box-grid .offset-box.-width50 {
    width: 50%;
  }
}

@media only screen and (min-width: 2401px) {
  .offset-box-grid .offset-box.-width50 {
    width: calc((100vw - 1920px) / 2 + 960px);
  }
}

@media only screen and (min-width: 2001px) {
  .offset-box-grid .offset-box {
    margin-top: -300px;
  }
}

@media only screen and (max-width: 2000px) and (min-width: 1361px) {
  .offset-box-grid .offset-box {
    margin-top: -200px;
  }
}

@media only screen and (min-width: 1361px) {
  .offset-box-grid .offset-box.-small-offset-top {
    margin-top: -150px;
  }
}

dotlottie-player {
  max-width: 100%;
}

.rounded-shadowbox {
  box-sizing: border-box;
  background: #fff;
  border-radius: 0.6em;
  border: 1px solid #e6e6e6;
  padding: 1em 0.6em;
  box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.rounded-shadowbox img {
  max-width: 100%;
}

.rounded-shadowbox.fadein-animate {
  position: relative;
  opacity: 0.4;
  transform: translateY(30px);
}

.rounded-shadowbox.fadein-animate.inview {
  opacity: 1;
  transform: translateY(0);
}

.statistic-box {
  text-align: center;
  font-weight: 400;
}

.statistic-box .statistic-num {
  display: block;
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  font-weight: 700;
  font-size: 2em;
}

.statistic-box .headline-xs {
  font-size: clamp(0.8rem, 2vw, 1.15rem);
}

.rankingindex-graph {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  min-height: 91px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.rankingindex-graph:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  z-index: 0;
  height: 2px;
  background: #1e221e;
  width: calc(100% - 349px);
}

.rankingindex-graph .rankingindex-graphname {
  display: flex;
  align-items: flex-end;
}

.rankingindex-graph .rankingfactor-diff {
  position: relative;
  display: flex;
  width: 350px;
}

.rankingindex-graph .rankingfactor-diff:before,
.rankingindex-graph .rankingfactor-diff:after {
  content: "";
  position: absolute;
  height: 2px;
  background: #1e221e;
}

.rankingindex-graph .rankingfactor-diff:before {
  width: 154px;
  transform: rotate(-35deg);
  transform-origin: 0 0;
  bottom: 0;
  left: 0;
}

.rankingindex-graph .rankingfactor-diff:after {
  width: 224px;
  top: 0;
  right: 0;
}

.rankingindex-graph .rankingfactor-diff .rankingindex-basenum,
.rankingindex-graph .rankingfactor-diff .rankingindex-increase {
  position: absolute;
  z-index: 2;
  line-height: 1;
}

.rankingindex-graph .rankingfactor-diff .rankingindex-basenum:before,
.rankingindex-graph .rankingfactor-diff .rankingindex-increase:after {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 0 0.4em;
}

.rankingindex-graph .rankingfactor-diff .rankingindex-increase {
  font-size: 1.2em;
  top: -10px;
  right: calc(100% - 149px);
  display: flex;
}

.rankingindex-graph .rankingfactor-diff .rankingindex-increase:after {
  background: rgba(149, 149, 45, 0.9);
}

.rankingindex-graph .rankingfactor-diff .rankingindex-basenum {
  bottom: -11px;
  left: -18px;
}

.rankingindex-graph .rankingfactor-diff .rankingindex-basenum:before {
  background: rgba(60, 67, 60, 0.9);
}

@media only screen and (max-width: 640px) {
  .rankingindex-graph:before {
    width: calc(100% - 206px);
  }

  .rankingindex-graph .rankingfactor-diff {
    width: 206px;
  }

  .rankingindex-graph .rankingfactor-diff:after {
    width: 80px;
  }

  .rankingindex-graph .rankingfactor-diff .rankingindex-increase {
    top: -8px;
    right: calc(100% - 144px);
  }

  .rankingindex-graph .rankingfactor-diff .rankingindex-basenum {
    bottom: -9px;
    left: -14px;
  }
}

#slidernav {
  display: flex;
  gap: 1rem;
}

#slidernav a {
  flex: 1 0 calc(25% - 1rem);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
  border: 1px solid #eee;
}

#slidernav a img {
  max-width: 200px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#slidernav a.active,
#slidernav a:hover {
  box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 800px) {
  #slidernav a {
    flex: 1 0 calc(50% - 1rem);
  }
}

.rounded-border {
  padding: 0.5rem 1rem;
  background: #cd201f;
  display: inline-block;
  border-radius: 50px;
  color: #fff;
}

.ranking-up-list li.with-seo-badge {
  padding-bottom: 1rem;
}

.ranking-up-list li.with-seo-badge:before {
  color: #cd201f;
}

.seo-badge {
  position: absolute;
  font-weight: 400;
  font-size: 0.7rem;
  background: #cd201f;
  color: #fff;
  bottom: 0;
  left: 30px;
  padding: 0.2rem 0.6rem 0.2rem 0.8rem;
  border-radius: 20px;
  line-height: 1;
}

.seo-badge:before {
  position: absolute;
  content: "";
  left: 0.35rem;
  top: calc(50% - 2px);
  background: #fff;
  width: 4px;
  height: 4px;
  border-radius: 10px;
}

[class*="impressum_article_"] {
  margin-bottom: 60px;
}

.impressum_article_Cookie .ww_cookie_wrapper {
  opacity: 1;
  visibility: visible;
}

.grid-group {
  display: flex;
  flex-wrap: wrap;
  padding-left: 15px;
  padding-right: 15px;
}

.grid-group.-space-between {
  justify-content: space-between;
}

.grid-group.-space-around {
  justify-content: space-around;
}

.grid-group.-align-right {
  justify-content: flex-end;
}

.grid-group.-vertical-center {
  align-items: center;
}

.grid-group.-stretched {
  align-items: stretch;
}

.grid-group.-vertical-bottom {
  align-items: flex-end;
}

.grid-group.justify-content-center {
  justify-content: center;
}

.grid-group.-collapsed {
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (max-width: 750px) {
  .grid-group.-collapsed-phone {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 1360px) {
  .thidden {
    display: none;
  }
}

.grid-box {
  margin: 15px;
  flex: 0 0 auto;
  width: calc(100% - 30px);
}

.-collapsed > .grid-box,
.grid-box.-collapsed {
  margin: 0;
  flex-grow: 1;
}

@media only screen and (min-width: 321px) {
  .grid-box.-p20 {
    width: calc(20% - 30px);
  }

  .grid-box.-p25 {
    width: calc(25% - 30px);
  }

  .grid-box.-p30 {
    width: calc(30% - 30px);
  }

  .grid-box.-p33 {
    width: calc(33% - 30px);
  }

  .grid-box.-p40 {
    width: calc(40% - 30px);
  }

  .grid-box.-p45 {
    width: calc(45% - 30px);
  }

  .grid-box.-p50 {
    width: calc(50% - 30px);
  }

  .grid-box.-p55 {
    width: calc(55% - 30px);
  }

  .grid-box.-p66 {
    width: calc(66% - 30px);
  }

  .grid-box.-p60 {
    width: calc(60% - 30px);
  }

  .grid-box.-p70 {
    width: calc(70% - 30px);
  }

  .grid-box.-p75 {
    width: calc(75% - 30px);
  }

  .grid-box.-p80 {
    width: calc(80% - 30px);
  }

  .grid-box.-p100 {
    width: calc(100% - 30px);
  }
}

@media only screen and (min-width: 781px) {
  .grid-box.-t20 {
    width: calc(20% - 30px);
  }

  .grid-box.-t25 {
    width: calc(25% - 30px);
  }

  .grid-box.-t30 {
    width: calc(30% - 30px);
  }

  .grid-box.-t33 {
    width: calc(33% - 30px);
  }

  .grid-box.-t40 {
    width: calc(40% - 30px);
  }

  .grid-box.-t45 {
    width: calc(45% - 30px);
  }

  .grid-box.-t50 {
    width: calc(50% - 30px);
  }

  .grid-box.-t55 {
    width: calc(55% - 30px);
  }

  .grid-box.-t66 {
    width: calc(66% - 30px);
  }

  .grid-box.-t60 {
    width: calc(60% - 30px);
  }

  .grid-box.-t70 {
    width: calc(70% - 30px);
  }

  .grid-box.-t75 {
    width: calc(75% - 30px);
  }

  .grid-box.-t80 {
    width: calc(80% - 30px);
  }

  .grid-box.-t100 {
    width: calc(100% - 30px);
  }
}

@media only screen and (min-width: 1025px) {
  .grid-box.-l20 {
    width: calc(20% - 30px);
  }

  .grid-box.-l25 {
    width: calc(25% - 30px);
  }

  .grid-box.-l30 {
    width: calc(30% - 30px);
  }

  .grid-box.-l33 {
    width: calc(33% - 30px);
  }

  .grid-box.-l40 {
    width: calc(40% - 30px);
  }

  .grid-box.-l45 {
    width: calc(45% - 30px);
  }

  .grid-box.-l50 {
    width: calc(50% - 30px);
  }

  .grid-box.-l55 {
    width: calc(55% - 30px);
  }

  .grid-box.-l66 {
    width: calc(66% - 30px);
  }

  .grid-box.-l60 {
    width: calc(60% - 30px);
  }

  .grid-box.-l70 {
    width: calc(70% - 30px);
  }

  .grid-box.-l75 {
    width: calc(75% - 30px);
  }

  .grid-box.-l80 {
    width: calc(80% - 30px);
  }

  .grid-box.-l100 {
    width: calc(100% - 30px);
  }
}

@media only screen and (min-width: 1361px) {
  .grid-box.-d20 {
    width: calc(20% - 30px);
  }

  .grid-box.-d25 {
    width: calc(25% - 30px);
  }

  .grid-box.-d30 {
    width: calc(30% - 30px);
  }

  .grid-box.-d33 {
    width: calc(33% - 30px);
  }

  .grid-box.-d40 {
    width: calc(40% - 30px);
  }

  .grid-box.-d45 {
    width: calc(45% - 30px);
  }

  .grid-box.-d50 {
    width: calc(50% - 30px);
  }

  .grid-box.-d55 {
    width: calc(55% - 30px);
  }

  .grid-box.-d66 {
    width: calc(66% - 30px);
  }

  .grid-box.-d60 {
    width: calc(60% - 30px);
  }

  .grid-box.-d70 {
    width: calc(70% - 30px);
  }

  .grid-box.-d75 {
    width: calc(75% - 30px);
  }

  .grid-box.-d80 {
    width: calc(80% - 30px);
  }

  .grid-box.-d100 {
    width: calc(100% - 30px);
  }
}

.grid-group > .grid-group,
.grid-group > .grid-box .grid-group {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 1921px) {
  .large-wrapper-margin-left {
    margin-left: calc((100vw - 1920px) / 2);
  }

  .large-wrapper-margin-right {
    margin-right: calc((100vw - 1920px) / 2);
  }
}

@media only screen and (min-width: 1601px) {
  .medium-wrapper-margin-left {
    margin-left: calc((100vw - 1600px) / 2);
  }

  .medium-wrapper-margin-right {
    margin-right: calc((100vw - 1600px) / 2);
  }
}

@media only screen and (min-width: 1981px) {
  .left-docked-50 {
    padding-left: calc((100vw - 1980px) / 2);
  }
}

@media only screen and (min-width: 1025px) {
  .left-docked-50 {
    width: 50vw;
  }
}

.right-docked-100 {
  width: 100%;
}

@media only screen and (max-width: 1980px) and (min-width: 1661px) {
  .right-docked-100 {
    padding-left: calc((100vw - 1660px) / 4);
    margin-left: calc((100vw - 1660px) / 4);
    padding-right: calc((100vw - 1660px) / 2);
  }
}

@media only screen and (min-width: 1981px) {
  .right-docked-100 {
    margin-left: calc((100vw - 1980px) / 4);
    padding-right: calc((100vw - 1980px) / 4);
    width: calc(1980px + (100vw - 1980px) / 4 * 3);
  }
}

.right-docked-80 {
  width: 100%;
}

@media only screen and (max-width: 1980px) and (min-width: 1661px) {
  .right-docked-80 {
    padding-left: calc((100vw - 1660px) / 4);
    margin-left: calc((100vw - 1660px) / 1);
    padding-right: calc((100vw - 1660px) / 2);
  }
}

@media only screen and (min-width: 1981px) {
  .right-docked-80 {
    margin-left: calc((100vw - 1980px) / 1);
    padding-right: calc((100vw - 1980px) / 4);
    width: calc(1980px + (100vw - 1980px) / 4 * 3);
  }
}

.has-slideout-img .slideout-img.-d100 {
  position: relative;
  width: 100%;
}

@media only screen and (max-width: 1360px) {
  .has-slideout-img .slideout-img.-l100 {
    position: relative;
    width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  .has-slideout-img .slideout-img.-t100 {
    position: relative;
    width: 100%;
  }
}

@media only screen and (max-width: 780px) {
  .has-slideout-img .slideout-img.-p100 {
    position: relative;
    width: 100%;
  }
}

.has-slideout-img {
  position: relative;
  min-height: 250px;
  box-sizing: border-box;
}

.slideout-img {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  object-position: center;
  object-fit: cover;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.slideout-img.-zindex1 {
  z-index: 1;
}

.slideout-img.-ismap {
  z-index: 5;
}

.slideout-img iframe {
  width: 100%;
  height: 100%;
  display: block;
  min-height: 360px;
}

.slideout-img img {
  display: block;
  object-position: center;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.slideout-img.-toleft {
  left: 0;
}

.slideout-img.-toright {
  right: 0;
}

.main-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  padding: 26px 0;
  transition: all 0.3s ease;
  background-image: linear-gradient(
    to bottom,
    #1e221e 0%,
    rgba(30, 34, 30, 0.738) 19%,
    rgba(30, 34, 30, 0.541) 34%,
    rgba(30, 34, 30, 0.382) 47%,
    rgba(30, 34, 30, 0.278) 56.5%,
    rgba(30, 34, 30, 0.194) 65%,
    rgba(30, 34, 30, 0.126) 73%,
    rgba(30, 34, 30, 0.075) 80.2%,
    rgba(30, 34, 30, 0.042) 86.1%,
    rgba(30, 34, 30, 0.021) 91%,
    rgba(30, 34, 30, 0.008) 95.2%,
    rgba(30, 34, 30, 0.002) 98.2%,
    rgba(30, 34, 30, 0) 100%
  );
  background: #fff;
}

.main-nav.dark-nav {
  background: #3c433c;
}

.main-nav.dark-nav .logo-img-unfixed {
  display: none;
}

@media only screen and (max-width: 640px) {
  .main-nav {
    padding: 5px 0;
  }
}

.main-nav.isFixed {
  position: fixed;
  background: #3c433c;
  padding: 5px 0;
}

.main-nav.isFixed .logo-img-unfixed {
  display: none;
}

body.hasOpenNav .main-nav .logo-img-unfixed {
  display: none;
}

body:not(.hasOpenNav) .main-nav:not(.isFixed):not(.dark-nav) .logo-img-fixed {
  display: none;
}

.main-nav.nav-with-progress {
  padding: 30px 0 26px;
}

@media only screen and (max-width: 640px) {
  .main-nav.nav-with-progress {
    padding: 9px 0 5px;
  }
}

.main-nav.nav-with-progress.isFixed {
  padding: 9px 0 5px;
}

.logo {
  height: 55px;
  display: block;
  z-index: 1;
  transition: all 0.3s ease;
}

@media only screen and (min-width: 1361px) {
  .logo {
    height: 70px;
  }
}

.isFixed .logo {
  height: 40px;
}

.logo-img {
  display: block;
  height: 100%;
}

@media only screen and (max-width: 1200px) {
  .main-nav-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.45),
      rgba(0, 0, 0, 0.7)
    );
    padding-top: calc(60px + 60px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease;
  }

  .main-nav-mobile.isOpen {
    opacity: 1;
    visibility: visible;
    overflow: auto;
    pointer-events: auto;
  }
}

.main-nav-inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.main-nav-inner .nav-container {
  align-items: center;
  display: flex;
}

.mobile-navigation-buttons {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 100;
}

@media only screen and (min-width: 1201px) {
  .mobile-navigation-buttons {
    display: none;
  }

  .mobile-navigation-buttons .mobile-nav-button,
  .mobile-navigation-buttons .navigation-contacts {
    display: none;
    position: relative;
  }
}

#changelang-window {
  display: none;
  position: fixed;
  z-index: 999;
  bottom: 3rem;
  right: 3rem;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  padding: 24px 20px;
  font-size: 1rem;
}

#changelang-window.isActive {
  display: block;
}

#changelang-window .close-changelang-window {
  cursor: pointer;
  display: inline-flex;
  position: absolute;
  line-height: 0;
  background: #3c433c;
  border: 1px solid #596359;
  color: #f0f2eb;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1rem;
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  top: -0.9rem;
  right: 0.9rem;
}

#changelang-window .close-changelang-window:hover {
  background: #000;
}

#changelang-window .button,
#changelang-window .ww_cookies_accept_cookies_button {
  margin-top: 0.8rem;
}

#changelang-window .flag-svg {
  display: inline-block;
  margin-right: 0.3rem;
}

.nav_changelanguage .level_1 {
  display: flex;
  align-items: center;
}

.nav_changelanguage .level_1 li {
  line-height: 1;
  padding: 0 0.5rem;
  border-right: 1px solid #a7a7a7;
}

.nav_changelanguage .level_1 li:last-of-type {
  border-right: none;
}

.nav_changelanguage .level_1 .lang-item {
  filter: grayscale(0.3);
  opacity: 0.4;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.nav_changelanguage .level_1 .lang-item.active,
.nav_changelanguage .level_1 .lang-item:hover {
  filter: grayscale(0);
  opacity: 1;
}

@media only screen and (min-width: 781px) {
  .nav_changelanguage {
    padding-left: 2rem;
  }
}

.navigation-contacts {
  display: flex;
  color: #fff;
}

body:not(.hasOpenNav)
  .main-nav:not(.isFixed):not(.dark-nav)
  .navigation-contacts {
  color: #1e221e;
}

.navigation-contacts ._message {
  text-decoration: none;
  margin-right: 15px;
  color: inherit;
}

.navigation-contacts ._phone {
  margin-right: 15px;
}

.navigation-contacts ._phone:before {
  content: "";
  font-family: "webweisend-icons";
}

@media only screen and (max-width: 640px) {
  html:not([lang="de"]) .navigation-contacts {
    display: none;
  }

  .navigation-contacts ._text {
    display: none;
  }

  .navigation-contacts ._message {
    font-size: 30px;
    padding-top: 4px;
    margin-right: 26px;
  }

  .navigation-contacts ._phone {
    color: rgba(0, 0, 0, 0);
    font-size: 0;
    letter-spacing: 0;
    margin-right: 26px;
  }

  .navigation-contacts ._phone .a {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  .navigation-contacts ._phone:before {
    color: #fff;
    font-size: 30px;
  }

  body:not(.hasOpenNav)
    .main-nav:not(.isFixed):not(.dark-nav)
    .navigation-contacts
    ._phone:before {
    color: #1e221e;
  }
}

.main-nav-ul {
  list-style-type: none;
}

@media only screen and (min-width: 1201px) {
  .main-nav-ul {
    align-items: center;
    display: flex;
  }
}

.main-nav-ul .link,
.main-nav-ul [class*="impressum_article_"] a,
[class*="impressum_article_"] .main-nav-ul a {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  color: #1e221e;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  letter-spacing: 2px;
  font-size: 22px;
  padding: 0 30px;
  margin-bottom: 15px;
  cursor: pointer;
}

@media only screen and (max-width: 1600px) and (min-width: 1201px) {
  .main-nav-ul .link,
  .main-nav-ul [class*="impressum_article_"] a,
  [class*="impressum_article_"] .main-nav-ul a {
    font-size: 17px;
    padding: 15px 15px;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1601px) {
  .main-nav-ul .link,
  .main-nav-ul [class*="impressum_article_"] a,
  [class*="impressum_article_"] .main-nav-ul a {
    font-size: 22px;
    padding: 15px 30px;
    margin-bottom: 0;
  }
}

.main-nav-ul .link:hover,
.main-nav-ul [class*="impressum_article_"] a:hover,
[class*="impressum_article_"] .main-nav-ul a:hover,
.main-nav-ul .link.active,
.main-nav-ul [class*="impressum_article_"] a.active,
[class*="impressum_article_"] .main-nav-ul a.active,
.main-nav-ul .link.isActive,
.main-nav-ul [class*="impressum_article_"] a.isActive,
[class*="impressum_article_"] .main-nav-ul a.isActive,
body.corporate-design .main-nav-ul .link.services,
body.corporate-design .main-nav-ul [class*="impressum_article_"] a.services,
[class*="impressum_article_"] body.corporate-design .main-nav-ul a.services,
body.ecommerce .main-nav-ul .link.services,
body.ecommerce .main-nav-ul [class*="impressum_article_"] a.services,
[class*="impressum_article_"] body.ecommerce .main-nav-ul a.services,
body.webdesign-lp .main-nav-ul .link.services,
body.webdesign-lp .main-nav-ul [class*="impressum_article_"] a.services,
[class*="impressum_article_"] body.webdesign-lp .main-nav-ul a.services,
body.webdevelopment .main-nav-ul .link.services,
body.webdevelopment .main-nav-ul [class*="impressum_article_"] a.services,
[class*="impressum_article_"] body.webdevelopment .main-nav-ul a.services,
body.print .main-nav-ul .link.services,
body.print .main-nav-ul [class*="impressum_article_"] a.services,
[class*="impressum_article_"] body.print .main-nav-ul a.services,
body.nl-lp .main-nav-ul .link.services,
body.nl-lp .main-nav-ul [class*="impressum_article_"] a.services,
[class*="impressum_article_"] body.nl-lp .main-nav-ul a.services,
body.orm-lp .main-nav-ul .link.services,
body.orm-lp .main-nav-ul [class*="impressum_article_"] a.services,
[class*="impressum_article_"] body.orm-lp .main-nav-ul a.services,
body.sea-lp .main-nav-ul .link.services,
body.sea-lp .main-nav-ul [class*="impressum_article_"] a.services,
[class*="impressum_article_"] body.sea-lp .main-nav-ul a.services,
body.seo-lp .main-nav-ul .link.services,
body.seo-lp .main-nav-ul [class*="impressum_article_"] a.services,
[class*="impressum_article_"] body.seo-lp .main-nav-ul a.services,
body.smm-lp .main-nav-ul .link.services,
body.smm-lp .main-nav-ul [class*="impressum_article_"] a.services,
[class*="impressum_article_"] body.smm-lp .main-nav-ul a.services,
body.strategy .main-nav-ul .link.services,
body.strategy .main-nav-ul [class*="impressum_article_"] a.services,
[class*="impressum_article_"] body.strategy .main-nav-ul a.services,
body.reference-page .main-nav-ul .link.references,
body.reference-page .main-nav-ul [class*="impressum_article_"] a.references,
[class*="impressum_article_"] body.reference-page .main-nav-ul a.references {
  -webkit-transition: 0.3s 0.4s ease-in-out 0s;
  -moz-transition: 0.3s 0.4s ease-in-out 0s;
  -o-transition: 0.3s 0.4s ease-in-out 0s;
  transition: 0.3s 0.4s ease-in-out 0s;
  color: #95952d;
}

.isFixed .main-nav-ul .link,
.isFixed .main-nav-ul [class*="impressum_article_"] a,
[class*="impressum_article_"] .isFixed .main-nav-ul a,
body.hasOpenNav .main-nav-ul .link,
body.hasOpenNav .main-nav-ul [class*="impressum_article_"] a,
[class*="impressum_article_"] body.hasOpenNav .main-nav-ul a,
.dark-nav .main-nav-ul .link:not(.customerlogin),
.dark-nav .main-nav-ul [class*="impressum_article_"] a:not(.customerlogin),
[class*="impressum_article_"] .dark-nav .main-nav-ul a:not(.customerlogin) {
  color: #fff;
}

.isFixed .main-nav-ul .link.customerlogin:hover,
.isFixed .main-nav-ul [class*="impressum_article_"] a.customerlogin:hover,
[class*="impressum_article_"] .isFixed .main-nav-ul a.customerlogin:hover,
body.hasOpenNav .main-nav-ul .link.customerlogin:hover,
body.hasOpenNav
  .main-nav-ul
  [class*="impressum_article_"]
  a.customerlogin:hover,
[class*="impressum_article_"]
  body.hasOpenNav
  .main-nav-ul
  a.customerlogin:hover,
.dark-nav .main-nav-ul .link:not(.customerlogin).customerlogin:hover,
.dark-nav
  .main-nav-ul
  [class*="impressum_article_"]
  a:not(.customerlogin).customerlogin:hover,
[class*="impressum_article_"]
  .dark-nav
  .main-nav-ul
  a:not(.customerlogin).customerlogin:hover {
  color: #fff;
}

.isFixed .main-nav-ul .link:hover,
.isFixed .main-nav-ul [class*="impressum_article_"] a:hover,
[class*="impressum_article_"] .isFixed .main-nav-ul a:hover,
.isFixed .main-nav-ul .link.active,
.isFixed .main-nav-ul [class*="impressum_article_"] a.active,
[class*="impressum_article_"] .isFixed .main-nav-ul a.active,
body.hasOpenNav .main-nav-ul .link:hover,
body.hasOpenNav .main-nav-ul [class*="impressum_article_"] a:hover,
[class*="impressum_article_"] body.hasOpenNav .main-nav-ul a:hover,
body.hasOpenNav .main-nav-ul .link.active,
body.hasOpenNav .main-nav-ul [class*="impressum_article_"] a.active,
[class*="impressum_article_"] body.hasOpenNav .main-nav-ul a.active,
.dark-nav .main-nav-ul .link:not(.customerlogin):hover,
.dark-nav
  .main-nav-ul
  [class*="impressum_article_"]
  a:not(.customerlogin):hover,
[class*="impressum_article_"]
  .dark-nav
  .main-nav-ul
  a:not(.customerlogin):hover,
.dark-nav .main-nav-ul .link:not(.customerlogin).active,
.dark-nav
  .main-nav-ul
  [class*="impressum_article_"]
  a:not(.customerlogin).active,
[class*="impressum_article_"]
  .dark-nav
  .main-nav-ul
  a:not(.customerlogin).active {
  color: #95952d;
}

.main-nav-ul .link.customerlogin,
.main-nav-ul [class*="impressum_article_"] a.customerlogin,
[class*="impressum_article_"] .main-nav-ul a.customerlogin {
  color: #95952d;
}

@media only screen and (min-width: 1601px) {
  .main-nav-ul .link.customerlogin,
  .main-nav-ul [class*="impressum_article_"] a.customerlogin,
  [class*="impressum_article_"] .main-nav-ul a.customerlogin {
    margin-left: 60px;
  }
}

.main-nav-ul .link.customerlogin .icon,
.main-nav-ul [class*="impressum_article_"] a.customerlogin .icon,
[class*="impressum_article_"] .main-nav-ul a.customerlogin .icon {
  margin-right: 10px;
}

@media screen and (max-width: 1360px) {
  .main-nav-ul .link.customerlogin .icon,
  .main-nav-ul [class*="impressum_article_"] a.customerlogin .icon,
  [class*="impressum_article_"] .main-nav-ul a.customerlogin .icon {
    margin-right: 0;
  }
}

.main-nav-ul .link.customerlogin.active,
.main-nav-ul [class*="impressum_article_"] a.customerlogin.active,
[class*="impressum_article_"] .main-nav-ul a.customerlogin.active,
.main-nav-ul .link.customerlogin:hover,
.main-nav-ul [class*="impressum_article_"] a.customerlogin:hover,
[class*="impressum_article_"] .main-nav-ul a.customerlogin:hover {
  color: #95952d;
}

.dark-nav .main-nav-ul .link.customerlogin.active,
.dark-nav .main-nav-ul [class*="impressum_article_"] a.customerlogin.active,
[class*="impressum_article_"] .dark-nav .main-nav-ul a.customerlogin.active,
.dark-nav .main-nav-ul .link.customerlogin:hover,
.dark-nav .main-nav-ul [class*="impressum_article_"] a.customerlogin:hover,
[class*="impressum_article_"] .dark-nav .main-nav-ul a.customerlogin:hover {
  color: #1e221e;
}

.main-nav-sub-nav {
  flex-wrap: wrap;
  position: relative;
}

.main-nav-sub-nav > * {
  position: relative;
  z-index: 1;
}

.main-nav-sub-nav .subnav-col {
  order: 2;
  margin: 15px;
}

.main-nav-sub-nav .linkwrap-specials {
  order: 1;
  display: flex;
  flex-wrap: wrap;
  flex: 0 1 100%;
  text-align: left;
  align-items: center;
  border-top: 0;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-left: 15px;
  color: #fff;
  font-size: 0.9em;
}

.main-nav-sub-nav .linkwrap-specials li {
  font-size: 1em;
  display: flex;
  align-items: center;
  text-align: left;
}

.main-nav-sub-nav .linkwrap-specials .showOnDesktop {
  display: none;
}

.main-nav-sub-nav .linkwrap-specials .subheadline {
  display: inline-block;
  padding-right: 2rem;
}

.main-nav-sub-nav .linkwrap-specials .subnav-textlink {
  border-bottom: 1px solid #95952d;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.main-nav-sub-nav .linkwrap-specials .subnav-textlink:hover,
.main-nav-sub-nav .linkwrap-specials .subnav-textlink.active {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.main-nav-sub-nav .linkwrap-specials .button,
.main-nav-sub-nav .linkwrap-specials .ww_cookies_accept_cookies_button {
  white-space: nowrap;
  font-size: 1rem;
  color: #fff;
  box-shadow: 0 0 16px 1px rgba(149, 149, 45, 0.9);
}

.main-nav-sub-nav .linkwrap-specials .button.active,
.main-nav-sub-nav .linkwrap-specials .active.ww_cookies_accept_cookies_button {
  color: #95952d;
  background: rgba(0, 0, 0, 0);
  transform: translateY(2px);
  box-shadow: 0 0 3px 1px #95952d;
}

@media only screen and (min-width: 1201px) {
  .main-nav-sub-nav {
    position: absolute;
    top: 100%;
    display: flex;
    max-width: 950px;
    justify-content: space-between;
    left: 0;
    font-size: 0.9em;
    padding: 30px 15px;
    background: #1e221e;
    transition: all 0.3s ease-in-out;
  }

  .main-nav-sub-nav:after {
    content: "";
    display: block;
    z-index: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/wave-nav.svg) no-repeat right bottom;
    background-size: 75% auto;
  }

  .main-nav-sub-nav:not(.isOpen) {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
  }

  .main-nav-sub-nav .subnav-col {
    margin: 0 15px;
  }

  .main-nav-sub-nav .linkwrap-specials {
    margin-bottom: 1rem;
    margin-top: 0;
    border-bottom: 1px solid #d1d2cd;
    padding-bottom: 1rem;
  }

  .main-nav-sub-nav .linkwrap-specials .button,
  .main-nav-sub-nav .linkwrap-specials .ww_cookies_accept_cookies_button {
    font-size: 1.1rem;
  }

  html[lang="es"] .main-nav-sub-nav {
    min-width: 500px;
    left: unset;
    right: 0;
  }
}

@media only screen and (min-width: 1921px) {
  .main-nav-sub-nav {
    min-width: 980px;
    font-size: 1em;
  }
}

@media only screen and (max-width: 1200px) {
  .main-nav-sub-nav {
    max-height: 800px;
    height: auto;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
  }

  .main-nav-sub-nav:not(.isOpen) {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    max-height: 0;
    height: 0;
  }
}

@media only screen and (min-width: 1501px) {
  .main-nav-sub-nav {
    padding: 50px 34px;
  }
}

.subnav-col {
  margin: 0 15px;
}

@media only screen and (max-width: 780px) {
  .subnav-col {
    width: calc(50% - 30px);
    margin-bottom: 20px;
  }
}

.subnav-col-headline {
  white-space: nowrap;
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  color: #fff;
  margin-bottom: 15px;
  letter-spacing: 0.8px;
}

@media only screen and (max-width: 780px) {
  .subnav-col-headline {
    margin-bottom: 10px;
  }
}

.subnav-link {
  color: #fff;
  display: block;
  margin-bottom: 10px;
  text-decoration: none;
}

.subnav-link:hover,
.subnav-link.active {
  color: #95952d;
}

.mobile-nav-button {
  z-index: 1;
  height: 50px;
  width: 50px;
  margin-left: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0);
  border: 0;
  cursor: pointer;
}

.nav-button-icon {
  background: #fff;
  width: 35px;
  height: 4px;
}

body:not(.hasOpenNav) .nav-button-icon {
  transition: all 0.25s linear 0.25s;
}

.nav-button-icon:before,
.nav-button-icon:after {
  content: "";
  background: #fff;
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0;
  transform-origin: 50% 50%;
  transition: all 0.25s linear 0.25s;
}

.nav-button-icon:before {
  top: -10px;
}

.isNotActive .nav-button-icon:before {
  animation: nav-button-wiggle-reset-before 0.3s linear 1 both;
}

.nav-button-icon:after {
  top: 10px;
}

.isNotActive .nav-button-icon:after {
  animation: nav-button-wiggle-reset-after 0.3s linear 1 both;
}

body:not(.hasOpenNav) .main-nav:not(.isFixed):not(.dark-nav) .nav-button-icon {
  background: #1e221e;
}

body:not(.hasOpenNav)
  .main-nav:not(.isFixed):not(.dark-nav)
  .nav-button-icon:after,
body:not(.hasOpenNav)
  .main-nav:not(.isFixed):not(.dark-nav)
  .nav-button-icon:before {
  background: #1e221e;
}

.isActive
  body:not(.hasOpenNav)
  .main-nav:not(.isFixed):not(.dark-nav)
  .nav-button-icon {
  background: rgba(0, 0, 0, 0);
}

.isActive .nav-button-icon {
  background: rgba(0, 0, 0, 0);
}

.isActive .nav-button-icon:before {
  background: #fff;
  transition-delay: 0s;
  top: 0;
  animation: nav-button-wiggle-before 1s linear 1 both 0.5s;
}

.isActive .nav-button-icon:after {
  background: #fff;
  transition-delay: 0s;
  top: 0;
  animation: nav-button-wiggle-after 1s linear 1 both 0.5s;
}

.breadcrumb {
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  letter-spacing: 0.75px;
}

@media only screen and (min-width: 1201px) {
  .main-nav-subli {
    position: static;
  }

  .main-nav-sub-nav .linkwrap-specials .showOnDesktop {
    display: inline;
  }

  .main-nav-sub-nav .subnav-col {
    order: 1;
  }
}

.login-flyout {
  display: none;
}

.hasOpenOverlay,
.hasOpenNav {
  overflow: hidden;
}

.hasOpenOverlay .page-content,
.hasOpenNav .page-content {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

a[data-career]:after {
  content: attr(data-career);
  background: red;
  color: #fff;
  font-size: 12px;
  font-family: "Roboto", Tahoma, Geneva, sans-serif;
  border-radius: 50%;
  line-height: 16px;
  min-width: 16px;
  text-align: center;
  position: absolute;
  transform: translate(0, 50%);
  display: inline-block;
  right: 0;
  top: 0;
}

.header_badges-list {
  margin-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.header_badges-list .gba-banner-fixed-header {
  height: 60px;
  width: auto;
  margin-left: 20px;
  margin-right: auto;
}

.header_badges-list li {
  align-items: center;
}

.header_badges-list li.unfixed {
  display: flex;
}

.header_badges-list li.fixed {
  display: none;
}

.isFixed .header_badges-list li.unfixed,
.dark-nav .header_badges-list li.unfixed {
  display: none;
}

@media only screen and (min-width: 641px) {
  .isFixed .header_badges-list li.fixed,
  .dark-nav .header_badges-list li.fixed {
    display: flex;
  }
}

@media only screen and (min-width: 641px) {
  .isFixed .header_badges-list .gba-banner-fixed-header,
  .dark-nav .header_badges-list .gba-banner-fixed-header {
    display: block;
    height: 40px;
  }
}

@media screen and (max-width: 1360px) {
  .header_badges-list .gba-banner-fixed-header {
    display: block;
    height: 40px;
  }
}

@media only screen and (max-width: 940px) {
  .header_badges-list {
    display: none;
  }
}

@media screen and (min-width: 1601px) and (max-width: 1800px) {
  .main-nav-ul .link,
  .main-nav-ul [class*="impressum_article_"] a,
  [class*="impressum_article_"] .main-nav-ul a {
    font-size: 18px;
    padding: 15px 15px;
    margin-bottom: 0;
  }
}

.breadcrumb {
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  letter-spacing: 0.75px;
}

.footer-blog-nav {
  display: flex;
}

@media only screen and (max-width: 900px) {
  .footer-blog-nav {
    flex-direction: column;
  }
}

.footer-blog-nav-outer {
  background: linear-gradient(to bottom, transparent 80%, #1e221e 80%);
}

.blog-teaser-box {
  text-decoration: none;
  padding: 30px 20px;
  flex: 1 1 33%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}

@media only screen and (min-width: 901px) {
  .blog-teaser-box {
    min-height: 420px;
    padding: 60px 40px;
  }
}

.blog-teaser-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.33));
  z-index: 2;
  transition: all 0.3s ease;
}

.blog-teaser-box > * {
  z-index: 3;
}

.blog-teaser-box ._category {
  opacity: 0.5;
  margin-bottom: 60px;
}

@media only screen and (min-width: 901px) {
  .blog-teaser-box ._category {
    margin-bottom: auto;
  }
}

.blog-teaser-box ._background {
  position: absolute;
  top: -5px;
  left: -5px;
  object-fit: cover;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  z-index: 1;
  transition: all 0.3s ease;
}

.blog-teaser-box:hover ._background {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

[type="radio"]:focus,
[type="checkbox"]:focus {
  border: none;
  background: rgba(0, 0, 0, 0);
}

@media only screen and (max-width: 1440px) {
  .form_show_onsmall_notice {
    display: block;
  }

  .form_hide_onsmall_notice {
    display: none;
  }
}

.checkbox-container,
#datencheck {
  margin-bottom: 1rem;
  clear: both;
  width: 100%;
}

.checkbox-container ~ .parsley-errors-list,
#datencheck ~ .parsley-errors-list {
  display: none;
}

.checkbox-container input,
#datencheck input {
  display: none;
}

.checkbox-container input:checked ~ label:after,
#datencheck input:checked ~ label:after {
  opacity: 1;
}

.checkbox-container label,
#datencheck label {
  display: block;
  float: none;
  margin: 0;
}

.checkbox-container label:before,
#datencheck label:before {
  background-color: #fff;
  box-shadow: 0 0 0 1px #5e636a inset, 0 0 0 2px #fff inset;
  content: "";
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin-right: 7px;
  width: 20px;
  margin-bottom: -3px;
}

.checkbox-container label:after,
#datencheck label:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 4px;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  box-shadow: inset 1em 1em #95952d;
  height: 13px;
  margin-right: 7px;
  width: 13px;
  top: 6px;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
}

@media only screen and (max-width: 640px) {
  .checkbox-container label:after,
  #datencheck label:after {
    top: 4px;
    left: 3px;
  }
}

.checkbox-container.parsley-error label:after,
#datencheck.parsley-error label:after {
  display: block;
  content: "Bitte zustimmen.";
  clear: both;
  font-size: 12px;
  color: red;
}

.parsley-errors-list {
  display: none !important;
}

.bewerbungsform input,
.bewerbungsform textarea,
.bewerbungsform select,
.bewerbungsform [type="submit"],
.bewerbungsform [type="button"] {
  margin-bottom: 0;
}

.bewerbungsform select {
  padding: 1.27rem 0.6rem;
}

.bewerbungsform .tinytext {
  font-size: 13px;
  line-height: 20px;
  display: block;
}

.bewerbungsform textarea {
  resize: vertical;
  max-height: 400px;
  min-height: 150px;
  font-weight: 300;
}

.bewerbungsform .button,
.bewerbungsform .ww_cookies_accept_cookies_button {
  padding: 0.75rem 0.3rem;
}

.bewerbungsform input[required] {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-3 -3 40 40"><polygon fill="Olive" points="32,32 2,32 32,2 "/></svg>');
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: auto 19px;
}

.bewerbungsform .input_fields_wrap div {
  margin-bottom: 0.5rem;
}

.bewerbungsform .add_field_button {
  display: inline-block;
  cursor: pointer;
}

.bewerbungsform .add_field_button:hover {
  border: 1px solid #3c433c;
  color: #3c433c;
  opacity: 0.8;
}

.bewerbungsform .add_field_button.hidden,
.bewerbungsform .add_field_button[type="radio"],
.bewerbungsform .add_field_button[type="checkbox"] {
  opacity: 0.4;
  cursor: default;
}

.bewerbungsform .remove_field {
  display: block;
  height: 1.4rem;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.4rem;
}

.bewerbungsform .remove_field > svg {
  display: inline-block;
  fill: #95952d;
  height: 90%;
  margin: 0 0.25rem;
  top: 0.1em;
  transform: rotate(45deg);
  width: 90%;
}

.ajax-form-response {
  color: #fff;
}

.ajax-form-response.default {
  padding: 2rem;
}

.ajax-form-response.overlay .paperplane-img {
  max-width: 300px;
}

.g-recaptcha {
  margin-bottom: 20px;
}

.fullsize-header {
  position: relative;
  background: #1e221e;
}

.fullsize-header.-text-center {
  display: flex;
}

@media only screen and (min-width: 1361px) {
  .fullsize-header {
    min-height: calc(100vh - 120px);
    margin-top: 120px;
  }

  .fullsize-header img.img {
    object-fit: cover;
    width: 100%;
    max-height: calc(100vh - 100px);
  }
}

@media only screen and (max-width: 1360px) {
  .fullsize-header {
    margin-top: 100px;
    min-height: calc(90vh - 100px);
  }

  .fullsize-header.imageHover {
    min-height: 90vh;
  }
}

.fullsize-header .fullsize-header_centered-headline {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 50%;
  transform: translate(-50%, 140px);
  color: #fff;
  text-shadow: 1px 1px 22px rgba(0, 0, 0, 0.15);
  font-size: clamp(68px, 8vw, 120px);
  line-height: 1.05em;
}

.fullsize-header .fullsize-header_centered-headline .-second-line {
  margin-left: 168px;
}

@media only screen and (min-width: 1361px) {
  .fullsize-header .fullsize-header_centered-headline {
    transform: translate(-50%, 60px);
  }

  .fullsize-header .fullsize-header_centered-headline .-second-line {
    margin-left: 214px;
  }
}

@media only screen and (max-width: 640px) {
  .fullsize-header .fullsize-header_centered-headline {
    top: 50%;
    transform: translate(-50%, calc(-50% + 0.4em));
  }

  .fullsize-header .fullsize-header_centered-headline .-second-line {
    margin-left: 110px;
  }
}

@media only screen and (max-width: 1024px) {
  .fullsize-header {
    margin-top: 100px;
  }
}

@media only screen and (max-width: 640px) {
  .fullsize-header {
    margin-top: 80px;
  }
}

.fullsize-header ._reference-overlay {
  position: absolute;
  display: flex;
  margin: auto;
  top: 0;
  z-index: 1;
  bottom: 0;
  right: 0;
  left: 0;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: clamp(80px, 8vw, 160px);
}

.fullsize-header ._reference-overlay ._push-left {
  margin-right: auto;
}

.fullsize-header ._reference-overlay ._push-right {
  margin-left: auto;
}

.fullsize-header.-has-video {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fullsize-header.-has-video .fullsize-header-overlay {
  position: relative;
  top: auto;
  bottom: auto;
  right: auto;
  left: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.fullsize-header.-has-video .video_container {
  background: no-repeat center;
  background-size: cover;
}

.fullsize-header.-has-video .video_container video {
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 100%;
}

.fullsize-header.-has-video .video_container video.video-foerderung {
  object-position: center;
}

@media only screen and (min-width: 1361px) {
  .fullsize-header.-has-video .video_container video.video-foerderung {
    object-position: center 2px;
  }
}

.fullsize-header.-has-video .video_container.video-intro {
  background-image: url(../video/startseite/header-standbild-667.jpg);
}

@media only screen and (min-width: 669px) {
  .fullsize-header.-has-video .video_container.video-intro {
    background-image: url(../video/startseite/header-standbild-1000.jpg);
  }
}

@media only screen and (min-width: 1002px) {
  .fullsize-header.-has-video .video_container.video-intro {
    background-image: url(../video/startseite/header-standbild-1920.jpg);
  }
}

@media only screen and (min-width: 1922px) {
  .fullsize-header.-has-video .video_container.video-intro {
    background-image: url(../video/startseite/header-standbild-3840.jpg);
  }
}

.fullsize-header.-has-video .video_container.video-foerderung {
  background-image: url(../video/foerderung/foerderung-standbild-667.jpg);
}

@media only screen and (min-width: 669px) {
  .fullsize-header.-has-video .video_container.video-foerderung {
    background-image: url(../video/foerderung/foerderung-standbild-1000.jpg);
  }
}

@media only screen and (min-width: 1002px) {
  .fullsize-header.-has-video .video_container.video-foerderung {
    background-image: url(../video/foerderung/foerderung-standbild-1920.jpg);
  }
}

@media only screen and (min-width: 1922px) {
  .fullsize-header.-has-video .video_container.video-foerderung {
    background-image: url(../video/foerderung/foerderung-standbild-3840.jpg);
  }
}

.fullsize-header.-has-video .video_container.video-ellermann {
  background-image: url(../video/ellermann/ellermann-667.jpg);
}

@media only screen and (min-width: 669px) {
  .fullsize-header.-has-video .video_container.video-ellermann {
    background-image: url(../video/ellermann/ellermann-1000.jpg);
  }
}

@media only screen and (min-width: 1002px) {
  .fullsize-header.-has-video .video_container.video-ellermann {
    background-image: url(../video/ellermann/ellermann-1920.jpg);
  }
}

@media only screen and (min-width: 1922px) {
  .fullsize-header.-has-video .video_container.video-ellermann {
    background-image: url(../video/ellermann/ellermann-3840.jpg);
  }
}

.fullsize-header.-has-video .video_container.video-smm {
  background-image: url(../video/smm/smm-standbild-667.jpg);
}

@media only screen and (min-width: 669px) {
  .fullsize-header.-has-video .video_container.video-smm {
    background-image: url(../video/smm/smm-standbild-1000.jpg);
  }
}

@media only screen and (min-width: 1002px) {
  .fullsize-header.-has-video .video_container.video-smm {
    background-image: url(../video/smm/smm-standbild-1920.jpg);
  }
}

@media only screen and (min-width: 1922px) {
  .fullsize-header.-has-video .video_container.video-smm {
    background-image: url(../video/smm/smm-standbild-3840.jpg);
  }
}

.fullsize-header.-has-video .video_container.video-email {
  background-image: url(../video/email/email-video-clip-667_v2.jpg);
}

@media only screen and (min-width: 669px) {
  .fullsize-header.-has-video .video_container.video-email {
    background-image: url(../video/email/email-video-clip-1000_v2.jpg);
  }
}

@media only screen and (min-width: 1002px) {
  .fullsize-header.-has-video .video_container.video-email {
    background-image: url(../video/email/email-video-clip-1920_v2.jpg);
  }
}

@media only screen and (min-width: 1922px) {
  .fullsize-header.-has-video .video_container.video-email {
    background-image: url(../video/email/email-video-clip-3840_v2.jpg);
  }
}

.fullsize-header.-has-video .video_container.video-orm {
  background-image: url(../video/orm/orm-video-clip-667_v2.jpg);
}

@media only screen and (min-width: 669px) {
  .fullsize-header.-has-video .video_container.video-orm {
    background-image: url(../video/orm/orm-video-clip-1000_v2.jpg);
  }
}

@media only screen and (min-width: 1002px) {
  .fullsize-header.-has-video .video_container.video-orm {
    background-image: url(../video/orm/orm-video-clip-1920_v2.jpg);
  }
}

@media only screen and (min-width: 1922px) {
  .fullsize-header.-has-video .video_container.video-orm {
    background-image: url(../video/orm/orm-video-clip-3840_v2.jpg);
  }
}

.fullsize-header.-has-video .video_container.video-sea {
  background-image: url(../video/sea/sea-video-clip-667_v4.jpg);
}

@media only screen and (min-width: 669px) {
  .fullsize-header.-has-video .video_container.video-sea {
    background-image: url(../video/sea/sea-video-clip-1000_v4.jpg);
  }
}

@media only screen and (min-width: 1002px) {
  .fullsize-header.-has-video .video_container.video-sea {
    background-image: url(../video/sea/sea-video-clip-1920_v4.jpg);
  }
}

@media only screen and (min-width: 1922px) {
  .fullsize-header.-has-video .video_container.video-sea {
    background-image: url(../video/sea/sea-video-clip-3840_v4.jpg);
  }
}

.fullsize-header.-has-video .video_container.video-seo {
  background-image: url(../video/seo/seo-video-clip-667_v2.jpg);
}

@media only screen and (min-width: 669px) {
  .fullsize-header.-has-video .video_container.video-seo {
    background-image: url(../video/seo/seo-video-clip-1000_v2.jpg);
  }
}

@media only screen and (min-width: 1002px) {
  .fullsize-header.-has-video .video_container.video-seo {
    background-image: url(../video/seo/seo-video-clip-1920_v2.jpg);
  }
}

@media only screen and (min-width: 1922px) {
  .fullsize-header.-has-video .video_container.video-seo {
    background-image: url(../video/seo/seo-video-clip-3840_v2.jpg);
  }
}

@media only screen and (max-width: 1360px) {
  .fullsize-header.-has-video {
    padding-top: 11rem;
  }
}

@media only screen and (max-width: 780px) {
  .fullsize-header.-has-video {
    padding-bottom: 0;
  }
}

.fullsize-header .video_container {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.fullsize-header .video_container.-darken:before {
  position: absolute;
  content: "";
  display: block;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: rgba(60, 67, 60, 0.55);
}

.fullsize-header .fullsize-header-badgelist_wrapper {
  position: absolute;
  top: 120px;
  left: 0;
  right: 0;
}

.fullsize-header .fullsize-header-badgelist_wrapper .fullsize-header-badgelist {
  margin: 0 auto;
  padding: 0;
  justify-content: flex-end;
}

.fullsize-header
  .fullsize-header-badgelist_wrapper
  .fullsize-header-badgelist
  li {
  padding-right: 1rem;
}

.fullsize-header
  .fullsize-header-badgelist_wrapper
  .fullsize-header-badgelist
  li:last-of-type {
  margin-right: 0;
}

.fullsize-header
  .fullsize-header-badgelist_wrapper
  .fullsize-header-badgelist
  img {
  max-width: 204px;
  height: auto;
}

@media only screen and (max-width: 1200px) {
  .fullsize-header .fullsize-header-badgelist_wrapper {
    top: 140px;
  }
}

@media only screen and (max-width: 900px) {
  .fullsize-header .fullsize-header-badgelist_wrapper {
    position: relative;
    top: unset;
  }

  .fullsize-header
    .fullsize-header-badgelist_wrapper
    .fullsize-header-badgelist
    img {
    max-width: 140px;
  }
}

.fullsize-header .header-darken:after {
  content: "";
  display: block;
  position: absolute;
  opacity: 0.5;
  background: #000;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media only screen and (max-width: 780px) {
  body.go-digital-foerderung .fullsize-header.-has-video,
  body.smm-lp .fullsize-header.-has-video,
  body.sea-lp .fullsize-header.-has-video,
  body.seo-lp .fullsize-header.-has-video,
  body.orm-lp .fullsize-header.-has-video,
  body.nl-lp .fullsize-header.-has-video {
    padding-top: 5rem;
    min-height: 400px;
  }
}

@media only screen and (max-width: 640px) {
  body.index .fullsize-header.-has-video {
    padding-top: 5rem;
  }
}

.fullsize-header.-darken:before {
  position: absolute;
  content: "";
  display: block;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: rgba(56, 56, 56, 0.3);
}

.header-has-bg {
  position: relative;
  padding-top: 120px;
}

.header-has-bg:before,
.header-has-bg:after {
  content: "";
  display: block;
  position: absolute;
}

.header-has-bg:before {
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
}

.header-has-bg:after {
  z-index: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 80%;
  background-image: linear-gradient(
    to left,
    white 0%,
    rgba(255, 255, 255, 0.738) 19%,
    rgba(255, 255, 255, 0.541) 34%,
    rgba(255, 255, 255, 0.382) 47%,
    rgba(255, 255, 255, 0.278) 56.5%,
    rgba(255, 255, 255, 0.194) 65%,
    rgba(255, 255, 255, 0.126) 73%,
    rgba(255, 255, 255, 0.075) 80.2%,
    rgba(255, 255, 255, 0.042) 86.1%,
    rgba(255, 255, 255, 0.021) 91%,
    rgba(255, 255, 255, 0.008) 95.2%,
    rgba(255, 255, 255, 0.002) 98.2%,
    rgba(255, 255, 255, 0) 100%
  );
}

.header-has-bg > picture {
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  object-fit: cover;
}

.header-has-bg > picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (min-width: 781px) {
  .header-has-bg {
    padding-top: 200px;
  }
}

@media only screen and (max-width: 1024px) {
  .header-has-bg:after {
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    mix-blend-mode: darken;
  }
}

.section-golden-horizontal-line {
  position: relative;
}

.section-golden-horizontal-line:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  background: url(../img/abstract-line-horizontal-golden.png) no-repeat right
    top;
  background-size: auto;
  width: 70%;
  max-width: 1200px;
  height: 100%;
  transform: rotate(4deg);
  left: -18%;
}

@media only screen and (max-width: 640px) {
  .section-golden-horizontal-line:before {
    width: 100%;
    left: -10%;
  }
}

.fullsize-plain-header {
  background: #fff;
  padding-top: 20vh;
  padding-bottom: 10vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.fullsize-plain-header.-golden-line {
  position: relative;
}

.fullsize-plain-header.-golden-line:before {
  content: "";
  display: block;
  position: absolute;
  top: 90px;
  background: url(../img/abstract-line-horizontal-golden.png) no-repeat right
    top;
  background-size: 100% auto;
  width: 66%;
  height: 100%;
  transform: rotate(12deg);
  right: -14%;
}

@media only screen and (max-width: 780px) {
  .fullsize-plain-header.-golden-line:before {
    width: 100%;
    right: 0;
    top: 30px;
  }
}

.fullsize-plain-header .header-img-placedoutside {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-bottom: 5rem;
  z-index: 2;
}

.fullsize-plain-header .header-img-placedoutside > img,
.fullsize-plain-header .header-img-placedoutside > picture {
  width: calc(100% + 60px);
  max-width: 1120px;
}

.fullsize-plain-header .header-img-placedoutside .header-img_captiontext {
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(-100%);
  margin-left: 60px;
  margin-top: -4rem;
}

.fullsize-plain-header .header-img-placedoutside .header-img_captiontext svg {
  width: 24vw;
  max-width: 480px;
  min-width: 200px;
  filter: drop-shadow(3px 4px 5px rgba(0, 0, 0, 0.35));
}

body.webdesign-lp
  .fullsize-plain-header
  .header-img-placedoutside
  .header-img_captiontext {
  margin-top: 0;
}

@media only screen and (max-width: 1024px) {
  .fullsize-plain-header .header-img-placedoutside.-t100 {
    position: relative;
    padding-bottom: 2rem;
  }

  .fullsize-plain-header
    .header-img-placedoutside.-t100
    .header-img_captiontext {
    margin-top: -2rem;
  }
}

@media only screen and (min-width: 1361px) {
  .fullsize-plain-header {
    padding-top: 200px;
  }
}

@media only screen and (min-width: 1361px) {
  .fullsize-plain-header {
    min-height: 100vh;
  }

  .fullsize-plain-header.-nomin {
    min-height: unset;
  }
}

.fullsize-header picture {
  position: absolute;
  height: 100%;
  width: 100%;
}

.fullsize-header picture img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.fullsize-header .header-darken {
  position: absolute;
  height: 100%;
  width: 100%;
}

.fullsize-header-overlay {
  position: relative;
  display: flex;
  margin: auto;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
  min-height: 400px;
}

@media only screen and (min-width: 1701px) {
  .fullsize-header-overlay {
    padding-right: 700px;
  }
}

@media only screen and (max-width: 1700px) and (min-width: 1301px) {
  .fullsize-header-overlay {
    padding-right: 45%;
  }
}

.fullsize-header-overlay.-oriented-to-bottom {
  justify-content: flex-end;
  padding-bottom: 5%;
}

.largest-headline {
  color: #95952d;
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  letter-spacing: 0.2vw;
  line-height: 0.9;
  font-weight: 400;
  font-size: clamp(37px, 10vw, 80px);
}

body.color_golden .largest-headline {
  color: #1e221e;
}

@media only screen and (max-width: 1600px) and (min-width: 781px) {
  .largest-headline {
    font-size: 7.2vw;
  }
}

@media only screen and (min-width: 1601px) {
  .largest-headline {
    font-size: 100px;
    letter-spacing: 3px;
  }
}

.largest-headline ._subline {
  font-size: 0.6em;
}

.largest-headline.color-default {
  color: #1e221e;
}

.large-headline {
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  letter-spacing: 0.2vw;
  line-height: 0.9;
  font-weight: 400;
  font-size: 10vw;
}

@media only screen and (max-width: 1600px) and (min-width: 781px) {
  .large-headline {
    font-size: 5.2vw;
  }
}

@media only screen and (min-width: 1601px) {
  .large-headline {
    font-size: 100px;
    letter-spacing: 2px;
  }
}

.medium-headline {
  color: #95952d;
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  letter-spacing: 0.1vw;
  line-height: 0.9;
  font-weight: 400;
  font-size: clamp(37px, 10vw, 80px);
}

body.color_golden .medium-headline {
  color: #1e221e;
}

@media only screen and (max-width: 1600px) and (min-width: 781px) {
  .medium-headline {
    font-size: 7.2vw;
  }
}

.medium-headline ._subline {
  font-size: 0.6em;
}

.medium-headline.color-default {
  color: #1e221e;
}

.small-quote {
  padding-left: 40px;
  padding-right: 1em;
  font-size: 1.7rem;
  display: inline-block;
}

.small-quote:after,
.small-quote:before {
  content: "„";
  font-size: 80px;
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  position: absolute;
  opacity: 0.25;
  font-style: normal;
}

.small-quote:before {
  bottom: 0;
  left: 0;
}

.small-quote:after {
  content: "“";
  top: -0.5em;
  right: 0;
}

.small-quote ._author {
  font-size: 0.7em;
}

.ecommerce-header-img {
  margin-left: -5%;
  width: 120%;
}

@media only screen and (min-width: 781px) {
  .ecommerce-header-img {
    width: calc(100% + 200px);
    margin-left: -60px;
  }
}

@media only screen and (min-width: 1361px) {
  .ecommerce-header-img {
    margin-top: -80px;
  }
}

@media only screen and (min-width: 1651px) {
  .ecommerce-header-img {
    width: calc(100% + 240px);
  }
}

@media only screen and (min-width: 1361px) {
  .ecommerce-header-img {
    margin-top: -40px;
  }
}

.google-partner-header {
  position: absolute;
  left: 0;
  bottom: -50px;
  width: 50%;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.2));
  -webkit-filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.2));
}

@media only screen and (min-width: 1361px) {
  .google-partner-header {
    left: -50px;
  }
}

.progressBar {
  position: fixed;
  top: 0;
  left: 0;
  height: 4px;
  background: linear-gradient(to right, #956d13, #ebc771);
  width: 0;
  z-index: 100;
  transition: width 0.2s ease-out;
}

.main-footer {
  background: #1e221e;
  padding: 100px 0;
  color: #9ea19e;
}

.main-footer .simple-btn {
  color: #fff;
  margin-top: 0.5rem;
}

.main-footer .simple-btn:hover {
  color: #95952d;
}

.main-footer .flex-group {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.main-footer .flex-group.-spaced {
  justify-content: space-between;
}

.main-footer .footer-phone-box,
.main-footer .footer-misc-box,
.main-footer .footer-logo-box {
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  padding: 1rem;
}

.main-footer .footer-phone-box .google-partner,
.main-footer .footer-misc-box .google-partner,
.main-footer .footer-logo-box .google-partner {
  width: unset;
  height: 100px;
}

@media only screen and (max-width: 640px) {
  .main-footer .footer-phone-box .google-partner,
  .main-footer .footer-misc-box .google-partner,
  .main-footer .footer-logo-box .google-partner {
    height: unset;
  }
}

.main-footer .footer-misc-box {
  max-width: 560px;
}

.main-footer .footer-job-box {
  display: flex;
  align-items: flex-start;
}

.main-footer .footer-job-box .footer-job-box_inner {
  padding-right: 1.2rem;
}

@media only screen and (max-width: 1024px) {
  .main-footer .footer-job-box .job-badge {
    width: 80px;
  }
}

.footer-logo {
  width: 170px;
  display: block;
}

@media only screen and (min-width: 1025px) {
  .footer-logo {
    margin: auto;
  }
}

.footer-sitemap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-top: 2px solid rgba(191, 191, 191, 0.4);
  padding-top: 2rem;
  margin-top: 2rem;
}

.footer-sitemap .lvl1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 960px;
  width: 100%;
}

@media only screen and (max-width: 640px) {
  .footer-sitemap .lvl1 {
    flex-direction: column;
    justify-content: center;
  }
}

.footer-sitemap .li {
  display: inline-block;
  padding: 0 1rem;
}

.footer-sitemap .a {
  cursor: pointer;
  display: inline-block;
  color: inherit;
  text-decoration: none;
  background: rgba(0, 0, 0, 0);
  font-size: 1.2rem;
  line-height: 1;
  transition: all 0.3s ease;
  padding: 0.3rem 0;
  border: none;
}

.footer-sitemap .a:hover,
.footer-sitemap .a.active {
  color: #fff;
}

.footer-socials {
  display: flex;
}

.footer-socials .li {
  margin-right: 30px;
}

.footer-socials .a {
  text-decoration: none;
  color: #fff;
  font-size: 30px;
  transition: all 0.3s ease;
}

.footer-socials .a:hover {
  color: #9ea19e;
}

@media only screen and (max-width: 1360px) and (min-width: 1025px) {
  .footer-tigeraward-box {
    order: 3;
    justify-content: flex-start;
  }
}

.gba-footer-logo {
  display: flex;
}

.gba-footer-logo img {
  width: 50px;
}

.footer-tigeraward-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-tigeraward-box .footer-logo {
  margin: 0 10px 18px 10px;
}

@media only screen and (max-width: 1360px) {
  .footer-tigeraward-box {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

#provenexpert {
  max-width: 180px;
  font-size: 0.7rem;
}

#provenexpert .ww_cookies_accept_cookies_text {
  padding: 0.1rem;
  text-align: center;
}

#provenexpert .ww_cookies_accept_cookies_text button {
  font-size: 0.7rem;
}

.customer-product {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  display: block;
  padding: 60px 30px;
  min-height: 100%;
}

.customer-product.-disabled {
  background: rgba(0, 0, 0, 0);
  cursor: auto;
}

.justifyCenter {
  display: flex;
  align-items: center;
}

.login_form {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  max-width: 550px;
  width: 100%;
  flex-wrap: wrap;
}

.login_form .login_error,
.login_form .login_logout {
  width: 100%;
  flex: 1 0 auto;
  order: -1;
  margin-bottom: 0.5rem;
  font-weight: 500;
}

.login_form .login_error {
  color: #c00;
}

.login_form .login_logout {
  color: #6da955;
}

.login_form .login_input_container {
  flex: 1 0 60%;
  display: flex;
  flex-direction: column;
}

.login_form .login_input {
  height: 50%;
  font-size: 19px;
  padding: 15px;
  background-color: #3c433c;
  color: #fff;
  border: 1px solid #000;
}

.login_form .login_input_username {
  margin-bottom: 3px;
}

.login_form .login_submit_container {
  display: flex;
}

.login_form .submit {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  cursor: pointer;
  width: 81px;
  background-color: #95952d;
  color: #fff;
  border: 0;
  margin-left: 3px;
  font-size: 50px;
}

.login_form .submit:hover {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  width: 101px;
}

.login_form .submit .icon {
  top: 3px;
}

.agency-social {
  margin-bottom: -100px;
  padding-bottom: 200px;
  background: linear-gradient(to bottom, transparent 200px, #efefef 200px);
}

@media only screen and (min-width: 2001px) {
  .agency-social {
    background-size: calc(1920px + (100vw - 1920px) / 1.25) 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
  }
}

.instawall a.instagram-image-wrap {
  max-height: 450px;
  aspect-ratio: 1/1;
  overflow: hidden;
}

.instawall a.instagram-image-wrap .img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.instawall a.instagram-image-wrap:hover .img {
  transform: scale(1.05);
}

.instagram-start-box {
  background: #95952d;
  padding: 60px 30px;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.instagram-start-box ._p {
  opacity: 0.5;
}

.instagram-start-box ._topline {
  margin-bottom: auto;
}

.breaker-plain {
  background: #3c433c;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}

.breaker-chess {
  background: url(../img/stoerer/breaker-chess-background.jpg) center 100%/100%
      auto no-repeat,
    #3c433c;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 37vw;
}

@media only screen and (min-width: 481px) {
  .breaker-chess {
    background-position: center 110%;
  }
}

@media only screen and (min-width: 781px) {
  .breaker-chess {
    padding-bottom: 50px;
    background: url(../img/stoerer/breaker-chess-background-desktop.jpg) left
        center/cover no-repeat,
      #3c433c;
  }
}

@media only screen and (min-width: 1361px) {
  .breaker-chess {
    background-position: right center;
    background-size: auto 140%;
    padding-top: 110px;
    padding-bottom: 110px;
  }
}

@media only screen and (min-width: 1661px) {
  .breaker-chess {
    background-size: auto 160%;
    z-index: 1;
  }
}

@media only screen and (min-width: 1921px) {
  .breaker-chess {
    background-position: right center;
  }
}

@media only screen and (min-width: 781px) {
  .breaker-chess.-high {
    background-position: 33% center;
  }
}

@media only screen and (min-width: 1361px) {
  .breaker-chess.-high {
    background-size: auto 100%;
    background-position: right center;
  }
}

.breaker-people {
  background: url(../img/stoerer/breaker-people-background.jpg) center 100%/100%
      auto no-repeat,
    #2d2a27;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 37vw;
}

@media only screen and (min-width: 481px) {
  .breaker-people {
    background-position: center 110%;
  }
}

@media only screen and (min-width: 781px) {
  .breaker-people {
    padding-bottom: 50px;
    background: url(../img/stoerer/breaker-people-background-desktop.jpg) left
        center/cover no-repeat,
      #2d2a27;
  }
}

@media only screen and (min-width: 1361px) {
  .breaker-people {
    background-position: right center;
    background-size: auto 140%;
    padding-top: 110px;
    padding-bottom: 110px;
  }
}

@media only screen and (min-width: 1661px) {
  .breaker-people {
    background-size: auto 160%;
    z-index: 1;
  }
}

@media only screen and (min-width: 1921px) {
  .breaker-people {
    background-position: right center;
  }
}

.breaker-people.-recruiting {
  background: url(../img/stoerer/breaker-recruiting-background.png) center 100%/100%
      auto no-repeat,
    #3a6063;
}

@media only screen and (min-width: 781px) {
  .breaker-people.-recruiting {
    background: url(../img/stoerer/breaker-recruiting-background-desktop.png)
        left center/cover no-repeat,
      #3a6063;
  }
}

@media only screen and (min-width: 781px) {
  .breaker-people.-high,
  .breaker-people.-recruiting.-high {
    background-position: 33% center;
  }
}

@media only screen and (min-width: 1361px) {
  .breaker-people.-high,
  .breaker-people.-recruiting.-high {
    background-size: auto 100%;
    background-position: right center;
  }
}

.breaker-foerderung {
  background: url(../img/stoerer/breaker-foerderung-background-mobile_v2.jpg)
      center 100%/100% auto no-repeat,
    #3c433c;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 40vw;
}

@media only screen and (min-width: 781px) {
  .breaker-foerderung {
    padding-bottom: 50px;
    background: url(../img/stoerer/breaker-foerderung-background_v2.jpg) right
        center/cover no-repeat,
      #3c433c;
  }
}

@media only screen and (min-width: 1361px) {
  .breaker-foerderung {
    background-size: auto 140%;
    padding-top: 110px;
    padding-bottom: 110px;
  }
}

@media only screen and (min-width: 1361px) {
  .breaker-foerderung {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}

@media only screen and (min-width: 1661px) {
  .breaker-foerderung {
    z-index: 1;
  }
}

@media only screen and (min-width: 1921px) {
  .breaker-foerderung {
    background-position: right center;
  }
}

@media only screen and (min-width: 1661px) {
  .breaker-default-parent {
    padding-bottom: 1px;
  }

  .breaker-default-followup {
    padding-top: 90px;
  }
}

.breaker-roadmap {
  background: #3c433c url(../img/stoerer/breaker-strategie-background.jpg)
    no-repeat center bottom;
  background-size: 100% auto;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 40vw;
}

@media only screen and (min-width: 481px) {
  .breaker-roadmap {
    background-position: center 150%;
  }
}

@media only screen and (min-width: 781px) {
  .breaker-roadmap {
    padding-bottom: 50px;
    background: url(../img/stoerer/breaker-strategie-background-desktop.jpg)
        left center/cover no-repeat,
      #3c433c;
  }
}

@media only screen and (min-width: 1361px) {
  .breaker-roadmap {
    background-position: right center;
    background-size: auto 100%;
    padding-top: 110px;
    padding-bottom: 110px;
  }
}

@media only screen and (min-width: 1361px) {
  .breaker-roadmap {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}

@media only screen and (min-width: 1661px) {
  .breaker-roadmap {
    background-size: auto 120%;
    z-index: 1;
  }
}

@media only screen and (min-width: 1921px) {
  .breaker-roadmap {
    background-position: right center;
  }
}

.breaker-binocular {
  background: url(../img/stoerer/breaker-binocular-background.jpg) center 120%/100%
      auto no-repeat,
    #3c433c;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 37vw;
}

@media only screen and (min-width: 481px) {
  .breaker-binocular {
    background-position: center 150%;
  }
}

@media only screen and (min-width: 781px) {
  .breaker-binocular {
    padding-bottom: 50px;
    background: url(../img/stoerer/breaker-binocular-background-desktop.jpg)
        left center/cover no-repeat,
      #3c433c;
  }
}

@media only screen and (min-width: 1361px) {
  .breaker-binocular {
    background-position: right center;
    background-size: auto 100%;
    padding-top: 110px;
    padding-bottom: 110px;
  }
}

@media only screen and (min-width: 1361px) {
  .breaker-binocular {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}

@media only screen and (min-width: 1661px) {
  .breaker-binocular {
    background-size: auto 120%;
    z-index: 1;
  }
}

@media only screen and (min-width: 1921px) {
  .breaker-binocular {
    background-position: right center;
  }
}

.breaker-brandguide {
  background: url(../img/stoerer/breaker-brandguide-background.jpg) center 120%/100%
      auto no-repeat,
    #3c433c;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 45vw;
}

@media only screen and (min-width: 481px) {
  .breaker-brandguide {
    background-position: center 150%;
  }
}

@media only screen and (min-width: 781px) {
  .breaker-brandguide {
    padding-bottom: 50px;
    background: url(../img/stoerer/breaker-brandguide-background-desktop.jpg)
        right bottom/68% auto no-repeat,
      #3c433c;
  }
}

@media only screen and (min-width: 1361px) {
  .breaker-brandguide {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}

@media only screen and (min-width: 1661px) {
  .breaker-brandguide {
    z-index: 1;
  }
}

@media only screen and (min-width: 1921px) {
  .breaker-brandguide {
    background-position: right center;
  }
}

.breaker-team {
  position: relative;
  background: #3c433c;
}

.breaker-team:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 75%;
  height: 100%;
  background: linear-gradient(90deg, #3c433c 0%, rgba(60, 67, 60, 0) 100%);
}

@media only screen and (min-width: 1025px) {
  .breaker-team {
    background: #3c433c url(../img/stoerer/breaker-team-img-desktop.jpg)
      no-repeat right center;
    background-size: auto 120%;
  }
}

.breaker-newsletter {
  background: url(../img/stoerer/breaker-newsletter-background.jpg) center
      bottom/100% auto no-repeat,
    #3c433c;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 48vw;
}

@media only screen and (min-width: 781px) {
  .breaker-newsletter {
    padding-bottom: 50px;
    background: url(../img/stoerer/breaker-newsletter-background-desktop.jpg)
        right center/60% auto no-repeat,
      #3c433c;
  }
}

@media only screen and (min-width: 1025px) {
  .breaker-newsletter {
    background-size: auto 100%;
  }
}

@media only screen and (min-width: 1361px) {
  .breaker-newsletter {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}

@media only screen and (min-width: 1661px) {
  .breaker-newsletter {
    z-index: 1;
  }
}

@media only screen and (min-width: 1921px) {
  .breaker-newsletter {
    background-position: right center;
  }
}

.breaker-webdesign {
  background: url(../img/stoerer/breaker-webdesign-background.jpg) center
      bottom/100% auto no-repeat,
    #3c433c;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 48vw;
}

@media only screen and (min-width: 781px) {
  .breaker-webdesign {
    padding-bottom: 50px;
    background: url(../img/stoerer/breaker-webdesign-background-desktop.jpg)
        calc(100% + 30vw) center/auto 100% no-repeat,
      #3c433c;
  }
}

@media only screen and (min-width: 1025px) {
  .breaker-webdesign {
    background-size: auto 100%;
  }
}

@media only screen and (min-width: 1361px) {
  .breaker-webdesign {
    padding-top: 110px;
    padding-bottom: 110px;
    background-position: right center;
  }
}

@media only screen and (min-width: 1661px) {
  .breaker-webdesign {
    z-index: 1;
  }
}

@media only screen and (min-width: 1921px) {
  .breaker-webdesign {
    background-position: right center;
  }
}

.breaker-ecommerce {
  background: url(../img/stoerer/breaker-ecommerce-background.jpg) center 120%/100%
      auto no-repeat,
    #3c433c;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 45vw;
}

@media only screen and (min-width: 781px) {
  .breaker-ecommerce {
    padding-bottom: 50px;
    background: url(../img/stoerer/breaker-ecommerce-background-desktop.jpg)
        calc(100% + 30vw) center/auto 100% no-repeat,
      #3c433c;
  }
}

@media only screen and (min-width: 1361px) {
  .breaker-ecommerce {
    padding-top: 110px;
    padding-bottom: 110px;
    background-position: calc(100% + 20vw) center;
  }
}

@media only screen and (min-width: 1661px) {
  .breaker-ecommerce {
    background-position: calc(100% + 10vw) center;
    z-index: 1;
  }
}

@media only screen and (min-width: 1921px) {
  .breaker-ecommerce {
    background-position: right center;
  }
}

.breaker-webdev {
  color: #fff;
  background: url(../img/stoerer/breaker-webdev-background.jpg) bottom
      center/100% auto no-repeat,
    #3c433c;
  padding-top: 50px;
  padding-bottom: 44vw;
}

@media only screen and (min-width: 781px) {
  .breaker-webdev {
    padding-bottom: 50px;
    background: url(../img/stoerer/breaker-webdev-background-desktop.jpg) 33vw
        center/auto 100% no-repeat,
      #3c433c;
  }
}

@media only screen and (min-width: 1361px) {
  .breaker-webdev {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}

@media only screen and (min-width: 1661px) {
  .breaker-webdev {
    z-index: 1;
  }
}

@media only screen and (min-width: 1921px) {
  .breaker-webdev {
    background-position: right center;
  }
}

.breaker-vertical-right-lines {
  background: url(../img/white-lines-background-vertical.svg) 75% center/auto
      100% no-repeat,
    #3c433c;
  color: #fff;
}

@media only screen and (max-width: 1360px) {
  .breaker-vertical-right-lines {
    background-position: right center;
  }
}

@media only screen and (max-width: 780px) {
  .breaker-vertical-right-lines {
    background: url(../img/white-lines-background-horizontal.svg) center 105%/100%
        auto no-repeat,
      #3c433c;
  }
}

.faded-lines-right {
  background: url(../img/faded-lines-background-right-2.svg) right center/auto
    100% no-repeat;
}

.faded-lines-right-2 {
  background: url(../img/faded-lines-background-right-4.svg) right top/auto auto
    no-repeat;
}

.faded-lines-left:before {
  background: url(../img/faded-lines-background-right-4.svg) left top/auto auto
    no-repeat;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}

.google-partner-img-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.google-partner-img-box .certification-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1rem;
}

.google-partner-img-box .certification-list > li {
  padding: 0.6rem;
}

.google-partner-img-box .certification-list a {
  display: inline-flex;
  background: #fff;
  align-items: center;
  font-size: 0.85em;
  font-weight: 400;
  color: #1e221e;
  line-height: 1;
  border-radius: 12px;
  padding: 0.6rem 1rem;
  box-shadow: 2px 3px 9px 0 rgba(0, 0, 0, 0.2);
}

.google-partner-img-box .certification-list a img {
  display: inline-block;
  margin-right: 0.6rem;
}

.google-partner-in-breaker {
  width: 100%;
  max-width: 602px;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.2));
  -webkit-filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.2));
}

.solution-columns {
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}

.solution-columns .lottie-player-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 75%;
}

.solution-columns .lottie-player-wrapper > * {
  position: absolute;
}

.solution-columns li {
  box-sizing: border-box;
  background: #f0f2eb;
  color: #5e695e;
  font-size: 1.5rem;
  flex: 0 1 auto;
  padding: 1.2rem;
  border: 2px solid #f0f2eb;
}

.solution-columns li *[class*="headline-"] {
  color: #3c433c;
}

body.color_golden .solution-columns li {
  background: #f0f2eb;
  border: 2px solid #e3e3e2;
}

.solution-columns li .icon {
  font-size: 5rem;
  color: currentColor;
}

.solution-columns li.solution-column-highlighted {
  border-color: #95952d;
  color: #3c433c;
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
  box-shadow: -8px 0 22px 0 rgba(0, 0, 0, 0.2);
}

body.color_golden .solution-columns li.solution-column-highlighted {
  border-color: #956d13;
}

.solution-columns li.solution-column-highlighted .icon {
  color: #95952d;
}

body.color_golden .solution-columns li.solution-column-highlighted .icon {
  color: #956d13;
}

body.color_yellow .solution-columns li.solution-column-highlighted {
  border-color: #ebc771;
}

body.color_yellow .solution-columns li.solution-column-highlighted .icon {
  color: #ebc771;
}

@media only screen and (max-width: 1024px) {
  .solution-columns li {
    font-size: 1.2rem;
    padding: 1rem;
  }

  .solution-columns li .icon {
    font-size: 4rem;
  }

  .solution-columns li.solution-column-highlighted {
    padding-top: 2.2rem;
    padding-bottom: 2.2rem;
  }
}

.slider-gallery-insights {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.slider-gallery-insights .slide {
  display: none;
  width: 50%;
  float: left;
  height: 100%;
  line-height: 0;
}

.slider-gallery-insights .slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.slider-gallery-insights .slick-arrow {
  cursor: pointer;
  position: absolute;
  bottom: -1.1rem;
  left: 50%;
  z-index: 5;
  background: #95952d;
  border: none;
  color: #fff;
  font-size: 1.6rem;
  padding: 0.3em 0.4em;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
}

.slider-gallery-insights .slick-arrow.slick-next {
  transform: translate(calc(-50% + 3rem), 0);
}

.slider-gallery-insights .slick-arrow.slick-prev {
  transform: translate(calc(-50% - 3rem), 0);
}

.slider-gallery-insights .slide:first-child,
.slider-gallery-insights .slide:nth-child(2),
.slider-gallery-insights.slick-initialized .slide {
  display: inline-block;
}

@media only screen and (min-width: 1361px) {
  .slider-gallery-insights .slide {
    width: 33.333%;
  }

  .slider-gallery-insights .slide:nth-child(3) {
    display: inline-block;
  }

  .slider-gallery-insights .slick-arrow {
    font-size: 1.8rem;
    padding: 0.3em 0.5em;
  }
}

.godigital-breaker {
  background: #1e221e;
  color: #fff;
}

.godigital-breaker .has-slideout-img {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.godigital-breaker h3 {
  color: #fff;
}

.godigital-breaker .slideout-img {
  margin: 0;
  filter: drop-shadow(20px 0 0 white);
}

.godigital-breaker .slideout-img img {
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
}

.godigital-breaker .award-logos {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.godigital-breaker .award-logos .gba-footer-logo {
  display: flex;
  gap: 1rem;
}

@media only screen and (max-width: 780px) {
  .godigital-breaker .slideout-img {
    margin: 0;
    filter: none;
  }

  .godigital-breaker .slideout-img img {
    clip-path: none;
  }

  .godigital-breaker .award-logos {
    justify-content: unset;
  }
}

.content_awards-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-right: -2rem;
  padding-left: 2rem;
}

.content_awards-list li {
  width: 33.333%;
}

.content_awards-list .award-list-item {
  display: block;
  width: 100%;
  height: auto;
}

.content_awards-list .award-list-item img {
  width: 100%;
}

.content_awards-list .award-list-item.-storytelling {
  width: 126%;
}

.content_awards-list .award-list-item.-brandaward {
  width: 110%;
}

@media only screen and (max-width: 1360px) {
  .content_awards-list {
    margin-right: -1rem;
  }
}

@media only screen and (max-width: 1024px) {
  .content_awards-list {
    margin-right: 0;
    padding-left: 0;
  }
}

.breaker_all-awards {
  position: relative;
}

.breaker_all-awards:before {
  content: "";
  position: absolute;
  display: block;
  z-index: 0;
  background: #b3bbb3;
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
  width: 73%;
  right: -6rem;
  bottom: 0;
  height: 13rem;
}

@media only screen and (min-width: 1921px) {
  .breaker_all-awards:before {
    width: 68%;
  }
}

.breaker_all-awards .wrapper-large {
  position: relative;
  z-index: 1;
  align-items: center;
}

.breaker_all-awards .awards-text {
  margin-bottom: 3rem;
}

@media only screen and (max-width: 1360px) {
  .breaker_all-awards:before {
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    width: 63%;
    right: -9rem;
    bottom: 1rem;
    height: 27rem;
  }

  .breaker_all-awards li {
    width: 50%;
  }

  .breaker_all-awards li.fullwidth_on-mobile {
    width: 100%;
  }

  .breaker_all-awards .award-list-item {
    margin: 0 auto;
  }

  .breaker_all-awards .award-list-item.-brandaward {
    width: 100%;
    max-width: 284px;
  }
}

@media only screen and (max-width: 1024px) {
  .breaker_all-awards:before {
    display: none;
  }

  .breaker_all-awards .awards-text {
    margin-bottom: 1rem;
  }

  .breaker_all-awards .award-list-item.-brandaward {
    width: 60%;
    max-width: 350px;
  }
}

.video-karriere {
  display: block;
  font-size: 60px;
  color: #fff;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  outline: 0;
}

@media only screen and (min-width: 1025px) {
  .video-karriere {
    font-size: 150px;
  }
}

.video-karriere:hover {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  color: #95952d;
}

.video-karriere img {
  width: 100%;
  max-width: 100%;
  display: block;
}

.video-karriere .claim {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  font-size: 25px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}

.video-karriere .claim .icon-youtube {
  display: block;
  margin: 0 auto;
  font-size: 2.5em;
}

@media only screen and (min-width: 1025px) {
  .video-karriere .claim {
    font-size: 40px;
  }
}

.img_crop img {
  display: block;
  object-fit: cover;
  min-width: 100%;
}

.job_list li {
  margin-top: 15px;
}

.job_list li .link,
.job_list li [class*="impressum_article_"] a,
[class*="impressum_article_"] .job_list li a {
  background-color: #3c433c;
  color: #fff;
  padding: 15px 30px;
  display: block;
}

.job_list li .link:hover,
.job_list li [class*="impressum_article_"] a:hover,
[class*="impressum_article_"] .job_list li a:hover {
  background-color: #515a51;
  color: #95952d;
}

.job_list li .link:hover .small,
.job_list li [class*="impressum_article_"] a:hover .small,
[class*="impressum_article_"] .job_list li a:hover .small {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  color: #fff;
}

.job_list li .small {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  text-transform: uppercase;
  color: #95952d;
}

@media only screen and (max-width: 1020px) {
  .full_size_gallery .grid-box {
    overflow: hidden;
    height: 230px;
    display: flex;
  }

  .full_size_gallery .grid-box img {
    display: block;
    object-fit: cover;
  }
}

.rating-slider .not-a-slide {
  padding-left: 30px;
}

@media only screen and (min-width: 641px) {
  .rating-slider {
    padding-right: 60px;
    padding-left: 60px;
  }
}

@media only screen and (max-width: 640px) {
  .rating-slider {
    padding-bottom: 75px;
    margin-left: 0;
    margin-right: 0;
  }
}

.rating-slider-container {
  margin-top: 3rem;
  margin-bottom: 3rem;
  width: 100%;
  max-width: 860px;
  color: #fff;
  padding: 30px 30px 30px 0;
}

.rating-slider-container.-plus-video {
  background: #3c433c;
  margin: 3rem auto 4rem;
  max-width: 1660px;
}

.rating-slider-container.-plus-video .video-kununu-agentur {
  margin: auto;
}

@media only screen and (min-width: 1025px) {
  .rating-slider-container.-plus-video {
    display: flex;
    padding: 30px 30px 40px 60px;
    align-items: flex-start;
  }

  .rating-slider-container.-plus-video .kununu-ratings {
    max-width: 60%;
  }

  .rating-slider-container.-plus-video .video-kununu-agentur {
    max-width: 40%;
    margin-top: -80px;
  }
}

.rating-slider-container .slick-arrow {
  color: #fff;
  position: absolute;
  top: calc(50% - 22.5px);
  z-index: 1;
  padding: 10px;
  width: 45px;
  height: 45px;
  font-size: 25px;
  background: #95952d;
  border: 0;
  transition: all 0.25s ease;
  cursor: pointer;
}

@media only screen and (min-width: 1921px) {
  .rating-slider-container .slick-arrow {
    top: calc(50% - 45px);
    width: 55px;
    height: 55px;
    font-size: 30px;
  }
}

.rating-slider-container .slick-arrow.slick-next {
  left: 0;
}

.rating-slider-container .slick-arrow.slick-prev {
  right: -30px;
}

@media only screen and (min-width: 1025px) {
  .rating-slider-container .slick-arrow.slick-prev {
    right: 20px;
  }
}

@media only screen and (max-width: 640px) {
  .rating-slider-container .slick-arrow {
    top: unset;
    bottom: 30px;
  }

  .rating-slider-container .slick-arrow.slick-next {
    left: 30px;
  }

  .rating-slider-container .slick-arrow.slick-prev {
    right: 30px;
  }
}

.rating-slider-container .rating-link {
  display: inline-block;
  width: 113px;
  color: #1e221e;
  background: #efefef;
  text-decoration: none;
  font-size: 30px;
  font-weight: 700;
}

.rating-slider-container .tile-rating-heading {
  text-align: center;
  padding: 8px;
}

.rating-slider-container .rating-stars {
  width: 100%;
  font-size: 17px;
  display: flex;
  justify-content: space-between;
  background: #95952d;
  color: #fff;
  padding: 10px 15px;
}

.video-kununu {
  margin: auto;
}

@media only screen and (min-width: 1025px) {
  .video-kununu {
    max-width: 40%;
  }
}

.karriere-iframe-headline {
  color: #fff;
  text-align: center;
  padding: 15px;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  background-color: #515a51;
}

.karrie-iframe-flex {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.karriere-iframe-container {
  border: 4px solid #95952d;
  width: 100%;
  flex: 1 1 100%;
}

.karriere-iframe-container:not(.clickable):before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "Klicken um sich umzuschauen";
  color: #fff;
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  z-index: 100;
}

.karriere-iframe-container:not(.clickable):hover:before {
  opacity: 1;
}

.karriere-iframe {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.img-in-fontsize {
  height: 1em;
  width: auto;
}

.js-accordeon-toggler {
  cursor: pointer;
}

.js-accordeon-icon {
  min-width: 0.6em;
  display: inline-block;
}

.js-accordeon-content {
  height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.js-accordeon-content.active {
  opacity: 1;
  overflow: visible;
}

.problem-tag-cloud {
  max-width: 930px;
}

.problem-tag {
  display: inline-block;
  margin: 4px 1px;
  padding: 4px 8px;
  box-decoration-break: clone;
  font-size: 16px;
}

@media only screen and (min-width: 1361px) {
  .problem-tag {
    font-size: 20px;
    margin: 6px 2px;
    padding: 6px 12px;
  }
}

.benefit {
  align-items: center;
}

.benefit-img {
  width: 210px;
  flex-shrink: 0;
  max-width: 22vmin;
}

.jobteaser-img {
  width: 30%;
  flex-shrink: 0;
}

.jobteaser-footer {
  letter-spacing: 0;
  display: flex;
  justify-content: space-between;
  margin-top: auto;
}

.jobteaser-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 30px;
}

@media only screen and (max-width: 640px) {
  .jobteaser-content {
    padding: 10px;
  }
}

@media only screen and (max-width: 640px) {
  .job-grid-group {
    padding: 0;
  }

  .job-grid-group .grid-box {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

#careers-notice {
  max-width: 600px;
}

.benefits-iconlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}

.benefits-iconlist > .iconlist-item {
  display: inline-block;
  box-sizing: border-box;
  padding: 1rem;
  text-align: center;
  flex: 0 1 50%;
}

.benefits-iconlist .iconlist-item-headline {
  display: block;
}

.benefits-iconlist .iconlist-icon {
  display: block;
  font-size: 2.8rem;
  line-height: 1;
  color: #95952d;
  height: 3rem;
  margin-bottom: 0.6rem;
}

.benefits-iconlist .iconlist-icon.icon-people-group {
  font-size: 3.6rem;
}

.benefits-iconlist .iconlist-icon.icon-high-five {
  font-size: 3.2rem;
}

.benefits-iconlist.-cols_4 > .iconlist-item {
  flex: 0 1 25%;
}

@media only screen and (max-width: 1024px) {
  .benefits-iconlist.-cols_4 > .iconlist-item {
    flex: 0 1 33.333%;
  }
}

@media only screen and (max-width: 640px) {
  .benefits-iconlist.-cols_4 > .iconlist-item {
    flex: 0 1 50%;
  }
}

@media only screen and (max-width: 415px) {
  .benefits-iconlist.-cols_4 > .iconlist-item {
    flex: 0 1 100%;
  }
}

@media only screen and (min-width: 641px) {
  .benefits-iconlist {
    font-size: 1.1rem;
  }
}

.has-double-video {
  position: relative;
}

.has-double-video:before {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../img/linien-content.png) no-repeat 40% top;
  background-size: 120% auto;
  opacity: 0.3;
}

.ww_cookies_accept_inactive_container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #3c433c;
  color: #fff;
  width: 100%;
}

.ww_cookies_accept_cookies_button {
  display: block;
  margin: 30px auto 0;
}

.foerdeung-badge-block {
  display: inline-flex;
  flex-direction: column;
  padding: 1rem;
  margin-top: -2.2rem;
  background: #fff;
  border: 1px solid #e9e9e9;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.foerdeung-badge-block .badge-block_subline {
  font-size: 0.8em;
  display: block;
  margin-top: 0.4em;
  border-top: 1px solid #b8b8b9;
}

@media only screen and (max-width: 640px) {
  .foerdeung-badge-block {
    margin-top: -1rem;
  }

  .foerdeung-badge-block img {
    width: 207px;
  }
}

.example-calc-box {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 29.5px;
}

.example-calc-box.-dark-font {
  color: #1e221e;
}

.example-calc-box.-dark-font ._headline {
  color: #1e221e;
}

@media only screen and (max-width: 640px) {
  .example-calc-box {
    padding: 30px 0;
  }
}

.example-calc-box .super_italic {
  margin-bottom: 25px;
}

.example-calc-box ._headline {
  color: #fff;
  margin-bottom: 0;
}

.gd-mini-grid {
  display: flex;
  margin-top: 15px;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: center;
}

.small-calculation {
  text-align: right;
  font-family: "Roboto", Tahoma, Geneva, sans-serif;
  width: 200px;
  font-size: 15px;
}

@media only screen and (min-width: 641px) {
  .small-calculation {
    margin-right: 45px;
    font-size: 20.5px;
    width: 280px;
  }
}

.small-calculation ._substractor {
  display: block;
}

.small-calculation ._total {
  display: block;
  padding-top: 10px;
  border-top: 1px solid;
  margin-top: 10px;
  background: #95952d;
  background-clip: content-box;
  color: #fff;
  text-decoration: none;
}

.-dark-font .small-calculation ._total {
  border-color: #1e221e;
}

.small-calculation ._total:after {
  position: absolute;
  top: 10px;
  left: 99.999%;
  bottom: 0;
  width: 0.23em;
  background-color: inherit;
  content: "";
}

.example-slider ._bar {
  margin: 60px 30px 0;
  height: 4px;
  background: #bfbfbf;
  cursor: pointer;
}

.example-slider ._labels {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-family: "Roboto", Tahoma, Geneva, sans-serif;
}

.example-slider .ui-slider .ui-slider-range {
  background: #fff;
}

.example-slider .ui-slider .ui-slider-handle {
  width: auto;
  height: auto;
  color: #fff;
  background: #1aa5de;
  padding: 0 6px;
  transform: translateX(-50%);
  margin-left: 0;
  bottom: 45px;
  display: inline-block;
  top: unset;
  cursor: pointer;
}

.example-slider .ui-slider .ui-slider-handle:after {
  content: "";
  height: 0;
  width: 0;
  border-top: 10px solid #1aa5de;
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 100%;
  left: calc(50% - 8px);
}

.-dark-font .example-slider .ui-slider .ui-slider-range {
  background: #95952d;
}

.savings-illustration {
  height: 260px;
  display: flex;
  align-items: flex-end;
}

.savings-illustration .piggybank {
  width: 200px;
  display: blocK;
}

.savings-illustration .coinbox {
  overflow: hidden;
  position: absolute;
  bottom: 30px;
  left: 32px;
  height: calc(100% - 30px);
  display: flex;
  align-items: flex-end;
}

.savings-illustration .coinstack {
  width: 50px;
}

.savings-illustration .coinstack.-one {
  margin-right: 52px;
  margin-bottom: -140px;
  margin-left: 25px;
}

.savings-illustration .coinstack.-two {
  margin-left: -120px;
  margin-bottom: -110px;
}

.savings-illustration .coinstack.-three {
  margin-left: 2px;
  margin-bottom: -80px;
}

@media only screen and (max-width: 640px) {
  .savings-illustration {
    height: 140px;
  }

  .savings-illustration .piggybank {
    width: 85px;
    left: 8px;
    display: blocK;
  }

  .savings-illustration .coinbox {
    bottom: 19px;
    left: 8px;
    height: calc(100% - 19px);
  }

  .savings-illustration .coinstack {
    width: 25px;
  }

  .savings-illustration .coinstack.-one {
    margin-right: 13px;
    margin-bottom: -70px;
    margin-left: 26px;
  }

  .savings-illustration .coinstack.-two {
    margin-left: -51px;
    margin-bottom: -64px;
  }

  .savings-illustration .coinstack.-three {
    margin-left: 2px;
    margin-bottom: -52px;
  }
}

.mailclient-icon {
  background: url(../img/mailclient-sprite.png) 0 0/125px auto no-repeat;
  height: 25px;
  width: 25px;
  display: inline-block;
  margin-top: -0.2em;
  top: 0.3em;
}

.mailclient-icon.-gmail {
  background-position: -25px 0;
}

.mailclient-icon.-ios {
  background-position: -50px 0;
}

.mailclient-icon.-macos {
  background-position: -75px 0;
}

.mailclient-icon.-outlook10 {
  background-position: -100px 0;
}

.mailclient-icon.-outlook13 {
  background-position: 0 -25px;
}

.mailclient-icon.-outlook16 {
  background-position: -25px -25px;
}

.mailclient-icon.-thunderbird {
  background-position: -50px -25px;
}

.mailclient-icon.-win10 {
  background-position: -75px -25px;
}

.support-doc-box {
  flex: 1 1 280px;
  min-width: 250px;
  padding: 60px;
  margin: 15px;
  text-align: center;
  background: #fff;
  color: inherit;
  text-decoration: none;
}

.tigerbox {
  position: fixed;
  right: 0;
  top: calc(90vh - 300px);
  width: 67px;
  z-index: 55;
  background: url(../img/tigerpattern.svg) 0 0 / cover no-repeat #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s linear 0.3s;
}

.tigerbox .close-button {
  font-family: "veranda";
  position: absolute;
  left: -13px;
  top: -13px;
  border-radius: 50%;
  height: 26px;
  width: 26px;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  text-align: center;
  line-height: 1;
  z-index: 1;
  cursor: pointer;
  border: 0;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tigerbox ._banner {
  background: rgba(0, 0, 0, 0.88);
  padding: 10px;
  overflow: hidden;
  transition: all 0.3s linear 0.3s;
  cursor: pointer;
}

.tigerbox ._banner img {
  height: 50px;
  width: auto;
  margin: auto;
  display: block;
}

.tigerbox ._content {
  transition: all 0.3s linear;
  padding: 0;
  text-align: center;
  overflow: hidden;
  max-height: 0;
}

.tigerbox ._content > * {
  opacity: 0;
  transition: inherit;
}

.tigerbox ._content p {
  font-size: 15px;
  line-height: 1.4;
}

.tigerbox ._content .button,
.tigerbox ._content .ww_cookies_accept_cookies_button {
  margin-top: 20px;
  transition: all 0.3s ease-in-out;
}

.tigerbox ._headline {
  color: #1e221e;
  text-transform: uppercase;
  font-size: 18px;
}

.tigerbox .close-button {
  display: none;
}

@media only screen and (min-width: 681px) {
  .tigerbox.isActiveOnDesktop .close-button {
    display: flex;
  }

  .tigerbox.isActiveOnDesktop {
    width: 320px;
    transition-delay: 0s;
  }

  .tigerbox.isActiveOnDesktop ._banner {
    transition-delay: 0s;
    cursor: default;
  }

  .tigerbox.isActiveOnDesktop ._content {
    max-height: 300px;
    padding: 20px;
    transition-delay: 0.3s;
  }

  .tigerbox.isActiveOnDesktop ._content > * {
    opacity: 1;
  }
}

@media only screen and (max-width: 680px) {
  .tigerbox {
    bottom: 0;
    top: unset;
  }

  .tigerbox.isActiveOnMobile {
    width: 320px;
    transition-delay: 0s;
  }

  .tigerbox.isActiveOnMobile ._banner {
    transition-delay: 0s;
  }

  .tigerbox.isActiveOnMobile ._content {
    max-height: 300px;
    padding: 20px;
    transition-delay: 0.3s;
  }

  .tigerbox.isActiveOnMobile ._content > * {
    opacity: 1;
  }
}

.tigerbox.hinweis {
  background: #fff;
}

.tigerbox.hinweis ._banner {
  color: #fff;
  text-align: center;
  font-size: 3rem;
  padding: 0;
  background: #95952d;
}

.tigerbox.hinweis ._banner.icon:before {
  color: #fff;
}

#contactnow {
  position: absolute;
  top: -3rem;
}

#karte {
  min-height: 300px;
  height: 60vh;
}

.contact-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  transition: all 0.3s ease;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10vh;
}

.contact-overlay.isOpen {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  overflow: auto;
}

.contact-overlay .grid-box {
  margin: 0;
}

.contact-overlay .grid-group {
  justify-content: center;
}

.contact-overlay .content-box-padding {
  padding: 30px;
}

.contact-overlay-close-button {
  position: fixed;
  top: 60px;
  font-size: 35px;
  color: #000;
  background: #fff;
  line-height: 50px;
  text-align: center;
  right: 30px;
  height: 50px;
  width: 50px;
  cursor: pointer;
}

@media only screen and (min-width: 1921px) {
  .contact-overlay-close-button {
    right: calc((100vw - 1920px) / 2);
  }
}

.contact-overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.4),
    rgba(0, 0, 0, 0.8)
  );
}

.checklist-download-form {
  display: none;
  max-width: 700px;
  width: 96%;
}

.portrait-float-right img {
  float: right;
  width: 50%;
  max-width: 333px;
  margin-left: 30px;
  margin-bottom: 30px;
}

.fullsize-background-text {
  font-size: 27.3vw;
  text-indent: -0.05em;
  position: absolute;
  pointer-events: none;
  opacity: 0.05;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 1em;
  margin: auto;
  color: #a8a9a5;
  letter-spacing: 3.5vw;
}

@media screen and (max-width: 780px) and (orientation: portrait) {
  @supports (clip-path: inset(0 0 0 0)) {
    .roadmap-container {
      overflow: hidden;
      clip-path: inset(0 0 0 0);
    }

    .fullsize-background-text {
      font-size: 26vh;
      opacity: 0.1;
      position: fixed;
      margin: 0 calc((100vh - 100vw) / -2);
      transform: translateY(-50%) rotate(90deg);
      top: calc(50% + 30px);
    }
  }
}

.roadmap-break {
  display: none;
}

@media only screen and (min-width: 1361px) {
  .roadmap-break {
    display: inline;
  }
}

.roadmap-point {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.roadmap-point .button,
.roadmap-point .ww_cookies_accept_cookies_button {
  margin-top: auto;
}

.roadmap-point-headline {
  margin-bottom: 30px;
}

@media only screen and (min-width: 1361px) {
  .roadmap-point-headline {
    margin-top: 30px;
    margin-bottom: 60px;
  }
}

.logo-gallery {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (min-width: 1361px) {
  .logo-gallery {
    width: 80%;
    margin-left: 20%;
  }
}

@media only screen and (max-width: 640px) {
  .logo-gallery {
    flex-wrap: wrap;
    justify-content: space-around;
  }
}

.logo-gallery-item {
  max-height: 150px;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px;
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
  padding: 10px 20px;
  background: #fff;
}

.slick-initialized .logo-gallery-item.slick-slide {
  height: 100px;
  display: flex;
}

@media only screen and (max-width: 640px) {
  .logo-gallery-item {
    max-width: calc(33% - 30px);
    padding: 10px;
    margin: 8px;
  }
}

.logo-gallery-img {
  max-width: 100%;
  max-height: 100%;
  opacity: 0;
  transition: all 1.5s ease;
}

.slick-active + .slick-active .logo-gallery-img {
  transition-delay: 0.15s;
}

.slick-active + .slick-active + .slick-active .logo-gallery-img {
  transition-delay: 0.3s;
}

.slick-active
  + .slick-active
  + .slick-active
  + .slick-active
  .logo-gallery-img {
  transition-delay: 0.45s;
}

.slick-active
  + .slick-active
  + .slick-active
  + .slick-active
  + .slick-active
  .logo-gallery-img {
  transition-delay: 0.6s;
}

.slick-active
  + .slick-active
  + .slick-active
  + .slick-active
  + .slick-active
  + .slick-active
  .logo-gallery-img {
  transition-delay: 0.75s;
}

.slick-active .logo-gallery-img {
  opacity: 1;
}

body.color_yellow .slick-active .logo-gallery-img {
  opacity: 0.9;
}

.logo-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#WordcloudContainer {
  text-transform: uppercase;
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
}

#WordcloudContainer ul {
  text-transform: uppercase;
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
}

#WordcloudContainer .nolink {
  cursor: default;
}

.large-background-text-default,
.large-background-text-facts {
  text-indent: -0.05em;
  pointer-events: none;
  opacity: 0.1;
  height: 1em;
  color: #a8a9a5;
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  text-transform: uppercase;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: 0.15em;
}

.large-background-text-default {
  font-size: 7vw;
  opacity: 0.3;
  padding: 30px;
  line-height: 1;
}

.large-background-text-default.pull-next-child {
  margin-bottom: -4vw;
}

.large-background-text-facts {
  font-size: 17vw;
  line-height: 1.3;
}

@media only screen and (max-width: 1024px) {
  .large-background-text-facts {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 33.8vw;
  }
}

.website_preview [class*="lp_website_pics_"] {
  display: inline-block;
  max-width: 43%;
  box-shadow: 8px 0 22px 0 rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 619px) {
  .website_preview [class*="lp_website_pics_"] {
    max-width: 42vw;
  }
}

@media only screen and (max-width: 541px) {
  .website_preview [class*="lp_website_pics_"] {
    max-width: 40vw;
  }
}

@media only screen and (max-width: 435px) {
  .website_preview [class*="lp_website_pics_"] {
    max-width: 40vw;
  }
}

@media only screen and (max-width: 385px) {
  .website_preview [class*="lp_website_pics_"] {
    max-width: 84vw;
  }
}

.website_preview .lp_website_pics_left {
  margin-right: 23px;
}

@media only screen and (max-width: 435px) {
  .website_preview .lp_website_pics_left {
    margin-right: 13px;
  }
}

@media only screen and (max-width: 385px) {
  .website_preview .lp_website_pics_left {
    margin-right: 0;
  }
}

.website_preview .website_preview_img_head {
  z-index: 9;
}

.website_preview .website_preview_content {
  margin-top: -24%;
  padding-top: 26vw;
}

.svg-icon-google-img {
  max-width: 28px;
}

.googleapistars .ratingcontainer--one-Stars-container .banner-signet__star {
  color: #95952d;
  font-size: 3rem;
  display: inline-block;
  margin-bottom: 1.2rem;
}

body.color_golden
  .googleapistars
  .ratingcontainer--one-Stars-container
  .banner-signet__star {
  color: #956d13;
}

body.color_yellow
  .googleapistars
  .ratingcontainer--one-Stars-container
  .banner-signet__star {
  color: #ebc771;
}

@media only screen and (max-width: 1228px) {
  .googleapistars .ratingcontainer--one-Stars-container .banner-signet__star {
    font-size: 2rem;
  }
}

.google_reviewer_info_container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

.google_reviewer_info_container .google_reviewer_img {
  max-width: 6rem;
}

@media only screen and (max-width: 1024px) {
  .google_reviewer_info_container .google_reviewer_img {
    max-width: 64px;
  }
}

.google_reviewer_rating_container .ratingcontainer--one-Stars-container {
  margin-right: 0.5rem;
}

.google_reviewer_rating_container
  .ratingcontainer--one-Stars-container
  .banner-signet__star {
  margin-right: 0.1rem;
}

.google_reviewer_rating_container
  .ratingcontainer--one-Stars-container
  .banner-signet__star:last-child {
  margin-right: 0;
}

.google_reviewer_rating_container .svg-icon-google {
  margin-left: 0.4rem;
}

.google_reviewer_rating_container .svg-icon-google .svg-icon-google-img {
  max-width: 20px;
}

.main-footer
  .googleapistars
  .ratingcontainer--one-Stars-container
  .banner-signet__star {
  font-size: 1.2rem;
  line-height: 100%;
}

.main-footer .ratingcontainer--star-text {
  line-height: 100%;
}

.main-footer .star-text-normal {
  font-size: 1.2rem;
  line-height: 100%;
  color: #9ea19e;
}

.main-footer .svg-icon-google-img {
  max-width: 20px;
}

.star-rating-content {
  padding-top: 90px;
}

.star-rating-content .googleapistars {
  background-color: #fff;
  margin-bottom: -8.8rem;
  z-index: 1;
  padding-top: 1.2rem;
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
}

@media only screen and (max-width: 1024px) {
  .star-rating-content .googleapistars {
    margin-bottom: -2rem;
  }
}

.star-rating-content .ratingcontainer--star-text {
  font-size: 1.9rem;
  line-height: 100%;
}

@media only screen and (max-width: 1228px) {
  .star-rating-content .ratingcontainer--star-text {
    font-size: 1.4rem;
    line-height: 100%;
  }
}

body.color_golden .google_review_outer .google_reviewer_name {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  color: #956d13;
}

body.color_golden .google_review_outer .google_reviewer_name:hover {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  color: #fff;
}

body.color_yellow .google_review_outer .google_reviewer_name {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  color: #ebc771;
}

body.color_yellow .google_review_outer .google_reviewer_name:hover {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  color: #fff;
}

.google_review_outer .google_reviewer_name_container.link:hover,
.google_review_outer
  [class*="impressum_article_"]
  a.google_reviewer_name_container:hover,
[class*="impressum_article_"]
  .google_review_outer
  a.google_reviewer_name_container:hover {
  color: #fff;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip__trigger {
  cursor: pointer;
  position: relative;
}

.tooltip__trigger-text {
  display: block;
  pointer-events: none;
  line-height: 1.2;
  border-bottom: 1px dashed;
}

.tooltip__base {
  position: absolute;
  bottom: 1.5em;
  font-weight: 300;
  left: -210px;
  width: 500px;
  height: 330px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}

.tooltip__content {
  color: #1e221e;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 65%;
  padding: 0 1em;
  opacity: 0;
  font-size: 0.85em;
}

.tooltip__shape,
.tooltip__deco {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.tooltip__shape {
  fill: #f0f2eb;
}

@media only screen and (max-width: 1024px) {
  .tooltip {
    position: unset;
  }

  .tooltip__trigger {
    position: unset;
  }

  .tooltip__base {
    bottom: 1.5em;
    left: -45px;
    width: 500px;
    height: 330px;
  }

  .tooltip__content {
    width: 65%;
  }
}

@media only screen and (max-width: 640px) {
  .tooltip {
    position: unset;
  }

  .tooltip__trigger {
    position: unset;
  }

  .tooltip__base {
    bottom: 1.5em;
    left: -45px;
    width: 350px;
    height: 300px;
  }

  .tooltip__content {
    width: 65%;
  }
}

.path-amras-1 {
  transform-origin: 115px 111px;
}

.path-amras-2 {
  transform-origin: 204px 107px;
}

.path-amras-3 {
  transform-origin: 279px 66px;
}

.path-amras-4 {
  transform-origin: 320px 99px;
}

.path-amras-5 {
  transform-origin: 137px 199px;
}

.path-amras-6 {
  transform-origin: 222px 217px;
}

.path-amras-7 {
  transform-origin: 80px 168px;
}

.path-amras-8 {
  transform-origin: 296px 211px;
}

.path-amras-9 {
  transform-origin: 310px 167px;
}

.close_tooltip {
  display: none;
  position: absolute;
  top: -1.5rem;
  right: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 1.3rem;
}

body.mobile .close_tooltip {
  display: inline-block;
}

.splitting .word {
  white-space: nowrap;
}

.content__title[data-effect8],
.content__title[data-effect10],
.content__title[data-effect11] {
  opacity: 0;
  line-height: 0.8;
  will-change: opacity, transform;
}

.content__title[data-effect8] span,
.content__title[data-effect10] span,
.content__title[data-effect11] span {
  opacity: 0;
}

.content__title[data-effect8].jsLoaded,
.content__title[data-effect10].jsLoaded,
.content__title[data-effect11].jsLoaded {
  opacity: 1;
}

.content__title[data-effect8].jsLoaded span,
.content__title[data-effect10].jsLoaded span,
.content__title[data-effect11].jsLoaded span {
  opacity: 1;
}

.content__title[data-effect8] .break [data-char="-"],
.content__title[data-effect10] .break [data-char="-"],
.content__title[data-effect11] .break [data-char="-"] {
  display: none;
}

@media only screen and (max-width: 780px) {
  .content__title[data-effect8] .break [data-char="-"],
  .content__title[data-effect10] .break [data-char="-"],
  .content__title[data-effect11] .break [data-char="-"] {
    display: inline-block;
  }
}

.content__title[data-effect8].splitting .word .char-wrap,
.content__title[data-effect10].splitting .word .char-wrap,
.content__title[data-effect11].splitting .word .char-wrap {
  display: contents;
}

.content__title[data-effect8].splitting .word [data-char],
.content__title[data-effect10].splitting .word [data-char],
.content__title[data-effect11].splitting .word [data-char] {
  padding-top: 0.5rem;
}

html.no-js .content__title {
  opacity: 1;
}

.content__title--sides {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 100%;
  text-align: left;
  gap: 2rem;
}

.content__title--sides span:last-child {
  justify-self: end;
}

.splitting .font-sub .word {
  display: grid;
  grid-auto-flow: column;
}

.char-wrap {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.splitting .word,
.splitting .char {
  display: inline-block;
}

.splitting .char {
  position: relative;
}

.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  bottom: 0;
  left: 0;
  visibility: hidden;
  user-select: none;
}

.splitting {
  --word-center: calc((var(--word-total) - 1) / 2);
  --char-center: calc((var(--char-total) - 1) / 2);
  --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
  --word-percent: calc(var(--word-index) / var(--word-total));
  --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
  --char-percent: calc(var(--char-index) / var(--char-total));
  --char-offset: calc(var(--char-index) - var(--char-center));
  --distance: calc(
    (var(--char-offset) * var(--char-offset)) / var(--char-center)
  );
  --distance-sine: calc(var(--char-offset) / var(--char-center));
  --distance-percent: calc((var(--distance) / var(--char-center)));
}

.splitting.cells img {
  width: 100%;
  display: block;
}

@supports (display: grid) {
  .splitting.cells {
    position: relative;
    overflow: hidden;
    background-size: cover;
    visibility: hidden;
  }

  .splitting .cell-grid {
    background: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template: repeat(var(--row-total), 1fr) / repeat(var(--col-total), 1fr);
  }

  .splitting .cell {
    background: inherit;
    position: relative;
    overflow: hidden;
  }

  .splitting .cell-inner {
    background: inherit;
    position: absolute;
    visibility: visible;
    width: calc(100% * var(--col-total));
    height: calc(100% * var(--row-total));
    left: calc(-100% * var(--col-index));
    top: calc(-100% * var(--row-index));
  }

  .splitting .cell {
    --center-x: calc((var(--col-total) - 1) / 2);
    --center-y: calc((var(--row-total) - 1) / 2);
    --offset-x: calc(var(--col-index) - var(--center-x));
    --offset-y: calc(var(--row-index) - var(--center-y));
    --distance-x: calc((var(--offset-x) * var(--offset-x)) / var(--center-x));
    --distance-y: calc((var(--offset-y) * var(--offset-y)) / var(--center-y));
  }
}

.large-quote.with-scrolleffect {
  padding-bottom: 1000px;
}

.content_badges-list {
  display: flex;
  flex-wrap: wrap;
}

.content_badges-list > li {
  display: inline-block;
  margin-right: 16%;
}

.content_badges-list > li:last-of-type {
  margin-right: 0;
}

.content_badges-list > li img {
  height: 160px;
  max-width: unset;
  width: auto;
}

@media only screen and (max-width: 640px) {
  .content_badges-list > li {
    margin-right: 2.4rem;
  }

  .content_badges-list > li:last-of-type {
    margin-right: 0;
  }
}

@media only screen and (max-width: 640px) {
  .content_badges-list > li {
    margin-right: 1.6rem;
  }

  .content_badges-list > li img {
    height: 100px;
  }
}

.references-overview-background {
  position: relative;
}

.references-overview-background:before {
  left: 0;
  right: -30px;
  content: "";
  top: -20px;
  bottom: 0;
  position: absolute;
  opacity: 0.3;
  background: url(../img/faded-lines-background-right-4.svg) center no-repeat;
}

@media only screen and (max-width: 640px) {
  .references-overview-background:before {
    background: url(../img/faded-lines-background-right-4.svg) center no-repeat;
  }
}

:root {
  --rotate-time: 0.5s;
  --rotate-easing: cubic-bezier(0.2, 1, 0.3, 1);
  --fade-out-time: 0.25s;
  --fade-in-time: 0.25s;
  --fade-out-easing: ease-out;
  --fade-in-easing: ease-out;
}

.footer-references {
  background: linear-gradient(to top, #1e221e 30%, transparent 30%);
}

.footer-references .wrapper-large:not(.more-references) {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 800px) {
  .footer-references .wrapper-large:not(.more-references) {
    flex-direction: column-reverse;
  }
}

.plus-list,
.dash-list,
.hash-list,
.number-list {
  counter-reset: section;
}

.plus-list > li,
.dash-list > li,
.hash-list > li,
.number-list > li {
  position: relative;
  padding-left: 3.1rem;
  padding-bottom: 0.9rem;
  padding-top: 0.9rem;
}

.plus-list > li:before,
.dash-list > li:before,
.hash-list > li:before,
.number-list > li:before {
  display: inline-block;
  position: absolute;
  counter-increment: section;
  content: counter(section);
  font-family: "Roboto", Tahoma, Geneva, sans-serif;
  color: #d1d2cd;
  font-weight: 400;
  font-size: 1.4em;
  line-height: 1;
  top: 0.6em;
  left: 0.8rem;
}

.hash-list > li:before {
  content: "#";
}

.dash-list > li:before {
  content: "–";
}

.back-to-overview {
  color: #95952d;
  display: flex;
  text-decoration: none;
  align-items: center;
  transition: all 0.3s ease;
  justify-content: center;
  margin-bottom: 60px;
}

@media only screen and (min-width: 1201px) {
  .back-to-overview {
    z-index: 1;
    justify-content: flex-start;
    margin-bottom: 0;
  }
}

.back-to-overview:before {
  transition: all 0.3s ease;
  content: "";
  height: 40px;
  width: 40px;
  margin-right: 30px;
  background: repeating-linear-gradient(
      to right,
      transparent 0,
      transparent 10px,
      white 10px,
      white 15px
    ),
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent 10px,
      white 10px,
      white 15px
    ),
    #1e221e;
}

.back-to-overview:hover {
  color: #1e221e;
}

.back-to-overview:hover:before {
  background-color: #95952d;
}

.combined-headlines {
  display: flex;
  align-items: flex-end;
  margin-bottom: 60px;
  padding-left: 30px;
}

@media only screen and (max-width: 640px) {
  .combined-headlines {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 2400px) and (min-width: 1981px) {
  .combined-headlines {
    padding-left: calc((100vw - 1920px) / 2);
  }
}

.combined-headlines .bordered-text {
  display: none;
  font-size: 6.5vw;
  letter-spacing: 0.1em;
}

@media only screen and (min-width: 2401px) {
  .combined-headlines .bordered-text {
    display: block;
  }
}

.combined-headlines .button,
.combined-headlines .ww_cookies_accept_cookies_button {
  flex-shrink: 0;
}

.bordered-list {
  list-style-type: none;
  border-left: 2px solid #d1d2cd;
  padding-top: 20px;
  margin-left: 5px;
  padding-bottom: 1px;
}

.bordered-list li {
  padding: 0 0 20px 30px;
  position: relative;
}

.bordered-list li .listdot {
  content: "";
  position: absolute;
  left: 0;
  width: 10px;
  top: 11px;
  height: 10px;
  transform: translateX(-60%);
  background: #e2c276;
  border-radius: 20px;
}

.checked-list li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 0.4rem;
}

.checked-list li:before {
  content: "";
  font-family: "webweisend-icons";
  color: #95952d;
  position: absolute;
  left: 0;
  top: 0;
}

.checked-list li > ul {
  padding-top: 0.4rem;
}

.checked-list li.margin-bottom-1 {
  margin-bottom: 1rem;
}

body.color_golden .checked-list li:before {
  color: #956d13;
}

body.color_yellow .checked-list li:before {
  color: #ebc771;
}

.grid-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}

.grid-list > li {
  padding: 0 1rem;
}

@media only screen and (max-width: 640px) {
  .grid-list {
    flex-direction: column;
  }
}

.reference-grid {
  display: grid;
  grid-gap: 0;
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
}

@media only screen and (min-width: 1922px) {
  .reference-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media only screen and (max-width: 900px) {
  .reference-grid {
    grid-template-columns: repeat(auto-fill, minmax(301px, 1fr));
  }
}

.reference-grid .item {
  aspect-ratio: 0.85;
  cursor: pointer;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  perspective: 1000px;
  overflow: hidden;
  position: relative;
  margin: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.reference-grid .item ul.reference_badges-list {
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.reference-grid .item ul.reference_badges-list li {
  margin-right: 2rem;
}

.reference-grid .item ul.reference_badges-list li:last-of-type {
  margin-right: 0;
}

.reference-grid .item ul.reference_badges-list li img {
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.6));
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.6));
}

.reference-grid .item .item__img {
  grid-area: 1/1/-1/-1;
  position: relative;
  opacity: 1;
  width: 100%;
  height: 100%;
  transition: transform var(--rotate-time) var(--rotate-easing);
  filter: brightness(0.8);
}

.reference-grid .item .item__img:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(226, 194, 118, 0.38),
    rgba(0, 0, 0, 0.2)
  );
}

.reference-grid .item .item__content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  pointer-events: none;
  padding: 3rem 2rem;
  position: relative;
  grid-area: 1/1/-1/-1;
  color: #fff;
}

.reference-grid .item .item__content .item__content-title {
  font-family: "Bebas Neue", "Oswald", Tahoma, Geneva, sans-serif;
  font-size: clamp(2rem, 2.5vw, 48px);
  line-height: 1;
  margin: 0;
  font-weight: 400;
}

.reference-grid .item .item__content .item__content-label {
  margin: auto 0 0;
  color: #e2c276;
  font-weight: 400;
  opacity: 1;
  -webkit-transition: all var(--fade-out-time) ease-in-out 0s;
  -moz-transition: all var(--fade-out-time) ease-in-out 0s;
  -o-transition: all var(--fade-out-time) ease-in-out 0s;
  transition: all var(--fade-out-time) ease-in-out 0s;
}

.reference-grid .item .glitch {
  display: grid;
  place-items: center;
}

.reference-grid .item .glitch .glitch__img {
  grid-area: 1/1/-1/-1;
  background-image: var(--img);
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  background-color: #e2c276;
}

.reference-grid .item:hover .item__img {
  transition: transform var(--rotate-time) var(--rotate-easing);
  transform: translateZ(-200px) rotateX(60deg) rotateY(0) rotateZ(-35deg);
  filter: brightness(1);
}

.reference-grid .item:hover .item__img:after {
  background: none;
  border: 1px solid #f0f2eb;
}

.reference-grid .item:hover .glitch .glitch__img {
  filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, 0.33));
}

.reference-grid .item:hover .item__content-title {
  color: #95952d;
}

.reference-grid .item:hover .item__content-label {
  opacity: 0;
}

.reference-grid .item:hover .button,
.reference-grid .item:hover .ww_cookies_accept_cookies_button {
  background: #95952d;
  border-color: #95952d;
}

[data-useragent="Safari"] .reference-grid .item__content .button,
[data-useragent="Safari"]
  .reference-grid
  .item__content
  .ww_cookies_accept_cookies_button {
  transform: translateZ(10px);
  position: absolute;
  left: 2rem;
  bottom: 3rem;
}

#kundenstimme .golden-circle-wrap .golden-circle {
  background: #e2c276;
  aspect-ratio: 1;
  width: 40vw;
  height: 40vw;
  border-radius: 50rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 18%;
}

#kundenstimme .golden-circle-wrap .golden-circle a {
  color: #1e221e;
  box-shadow: 0 1px 0 #1e221e;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

#kundenstimme .golden-circle-wrap .golden-circle a:hover {
  box-shadow: none;
}

#kundenstimme .golden-circle-wrap .golden-circle .highlight-img {
  position: absolute;
  right: 0;
  transform: translate(46%, 15%);
}

#kundenstimme .scrolling-text-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#kundenstimme .scrolling-text-container .scrolling-text {
  display: inline-block;
  transition: transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83);
  will-change: transform;
  backface-visibility: hidden;
}

#kundenstimme
  .scrolling-text-container
  .scrolling-text
  .scrolling-text-content {
  color: #363d36;
  white-space: nowrap;
  transition: transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83);
  line-height: 1;
  font-size: 160px;
}

@media only screen and (max-width: 1600px) {
  #kundenstimme .golden-circle-wrap .golden-circle {
    width: 55vw;
    height: 55vw;
  }
}

@media only screen and (max-width: 1400px) {
  #kundenstimme .golden-circle-wrap .golden-circle {
    width: 70vw;
    height: 70vw;
  }
}

@media only screen and (max-width: 900px) {
  #kundenstimme .golden-circle-wrap .golden-circle {
    width: 90vw;
    height: 90vw;
  }
}

@media only screen and (max-width: 750px) {
  #kundenstimme .scrolling-text-container {
    display: none;
  }

  #kundenstimme .golden-circle-wrap {
    background: #e2c276;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 4rem 30px;
  }

  #kundenstimme .golden-circle-wrap .golden-circle {
    background: unset;
    aspect-ratio: unset;
    width: unset;
    height: unset;
    border-radius: unset;
    display: unset;
    justify-content: unset;
    flex-direction: unset;
    padding: unset;
    width: 100%;
  }

  #kundenstimme .golden-circle-wrap .golden-circle .highlight-img {
    position: relative;
    right: unset;
    transform: unset;
    max-width: 100%;
  }
}

@media only screen and (max-width: 1360px) {
  .highlight-img-static {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 1rem;
  }
}

.over-rocket {
  margin-bottom: -3rem;
}

.over-rocket .slideout-img {
  z-index: 1;
}

.-boxshadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
  background: #fff;
  z-index: 10;
}

@media only screen and (max-width: 780px) {
  .-boxshadow {
    box-shadow: unset;
  }
}

@media only screen and (max-width: 780px) {
  .phone-border-top {
    border-top: 1px solid #e2c276;
  }
}

.layout-container .layout-hover {
  position: relative;
  display: block;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.layout-container .layout-hover img {
  width: 100%;
}

.layout-container .layout-hover:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50rem;
  z-index: 2;
  background: #e2c276;
  transform: translateY(-50%);
  opacity: 0;
  content: "";
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.layout-container .layout-hover:after {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  color: #fff;
  opacity: 0;
  text-align: center;
  width: 100%;
  font-size: clamp(25px, 2.7vw, 50px);
  content: "Website ansehen";
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.layout-container .layout-hover:hover:before {
  opacity: 0.75;
}

.layout-container .layout-hover:hover:after {
  opacity: 1;
}

.layout-container h2 {
  position: absolute;
}

.layout-container h2.-desktop {
  top: 0;
  right: 0;
  transform: translate(calc(100% + 30px), 0);
}

@media only screen and (max-width: 1550px) {
  .layout-container h2.-desktop {
    position: relative;
    left: 0;
    right: unset;
    top: unset;
    transform: translate(0);
  }
}

.layout-container h2.-mobile {
  top: 0;
  right: 0;
  transform: translate(calc(100% + 30px), 0);
}

@media only screen and (max-width: 1550px) {
  .layout-container h2.-mobile {
    position: relative;
    left: 0;
    right: unset;
    top: unset;
    transform: translate(0);
  }
}

.scrolldown-btn {
  position: absolute;
  z-index: 10;
  top: 3rem;
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (max-width: mobile) {
  .scrolldown-btn {
    transform: scale(0.6);
  }
}

.scrolldown-ani span {
  display: block;
  width: 24px;
  height: 24px;
  border-bottom: 2px solid #e2c276;
  border-right: 2px solid #e2c276;
  transform: rotate(45deg);
  margin: -9px;
  animation: animatescroll 2s infinite;
}

.scrolldown-ani span:nth-child(2) {
  animation-delay: -0.2s;
}

.scrolldown-ani span:nth-child(3) {
  animation-delay: -0.4s;
}

@keyframes animatescroll {
  0% {
    opacity: 0;
    transform: rotate(45deg) translate(-18px, -18px);
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: rotate(45deg) translate(18px, 18px);
  }
}

.gba-reference-banner {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  z-index: 1;
  top: 10px;
  left: -30px;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}

.gba-reference-banner li {
  margin-right: 36px;
}

.gba-reference-banner li:last-of-type {
  margin-right: 0;
}

.gba-reference-banner img {
  height: auto;
  width: 48px;
}

.references-logo-slider-outer {
  padding: 1rem 15px 2rem 15px;
  margin-bottom: 50px;
}

@media only screen and (min-width: 781px) {
  .references-logo-slider-outer {
    padding: 5vw 15px 3vw;
  }
}

@media only screen and (min-width: 1025px) {
  .references-logo-slider-outer {
    margin-top: -180px;
    padding-right: 50px;
    padding-left: 0;
  }
}

@media only screen and (min-width: 1601px) {
  .references-logo-slider-outer {
    margin-top: -180px;
    padding-top: 60px;
    padding-bottom: 45px;
    padding-right: 100px;
  }
}

.references-quote-slider .slick-dots,
.references-logo-slider .slick-dots {
  display: flex;
  list-style-type: none;
  margin-top: 10px;
  padding-left: 30px;
}

@media only screen and (max-width: 1024px) {
  .references-quote-slider .slick-dots,
  .references-logo-slider .slick-dots {
    justify-content: center;
  }
}

.references-quote-slider .slick-dots button,
.references-logo-slider .slick-dots button {
  color: rgba(0, 0, 0, 0);
  font-size: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #95952d;
  margin-right: 12px;
  background: rgba(0, 0, 0, 0);
  border-radius: 50%;
  cursor: pointer;
}

body.color_golden .references-quote-slider .slick-dots button,
body.color_golden .references-logo-slider .slick-dots button {
  border-color: #956d13;
}

body.color_yellow .references-quote-slider .slick-dots button,
body.color_yellow .references-logo-slider .slick-dots button {
  border-color: #ebc771;
}

.references-quote-slider .slick-dots .slick-active button,
.references-logo-slider .slick-dots .slick-active button {
  background: #95952d;
}

body.color_golden .references-quote-slider .slick-dots .slick-active button,
body.color_golden .references-logo-slider .slick-dots .slick-active button {
  background: #956d13;
}

body.color_yellow .references-quote-slider .slick-dots .slick-active button,
body.color_yellow .references-logo-slider .slick-dots .slick-active button {
  background: #ebc771;
}

.references-logo-slider .references-logo-slider-slide {
  display: flex;
  align-items: center;
  height: 130px;
  padding: 0 15px;
}

@media only screen and (min-width: 1025px) {
  .references-logo-slider .references-logo-slider-slide {
    padding: 0 30px;
  }
}

.references-logo-slider-logo {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: auto;
}

@media only screen and (min-width: 1361px) {
  .breaker-references {
    background: linear-gradient(
      to right,
      #1e221e calc(50vw + 960px),
      transparent calc(50vw + 960px)
    );
  }
}

.references-quote-slider-outer,
.references-image-slider-outer {
  width: 100%;
}

@media only screen and (min-width: 1361px) {
  .references-quote-slider-outer,
  .references-image-slider-outer {
    width: 50%;
  }
}

.references-quote-slider-outer {
  padding: 60px 15px;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  z-index: 1;
}

@media only screen and (max-width: 2560px) and (min-width: 1361px) {
  .references-quote-slider-outer {
    padding-right: 8vw;
  }
}

@media only screen and (min-width: 2561px) {
  .references-quote-slider-outer {
    padding-right: 175px;
  }
}

@media only screen and (min-width: 1981px) {
  .references-quote-slider-outer {
    padding-left: calc((100vw - 1980px) / 2);
  }
}

.js-references-image-slider {
  overflow: hidden;
}

@media only screen and (min-width: 1361px) {
  .references-image-slider-outer {
    margin-top: -170px;
  }
}

.references-quote-slider {
  max-width: 100%;
}

.references-quote-slider .slick-dots {
  padding-left: 0;
}

.references-image-slider {
  padding-left: 22.5px;
  max-width: 1200px;
}

@media only screen and (min-width: 1921px) {
  .references-image-slider {
    padding-left: 45px;
  }
}

.references-image-slider .slick-list {
  overflow: visible;
}

.references-image-slider .slick-arrow {
  color: #fff;
  position: absolute;
  top: calc(50% - 22.5px);
  z-index: 20;
  padding: 10px;
  width: 45px;
  height: 45px;
  font-size: 25px;
  background: #95952d;
  border: 0;
  transition: all 0.25s ease;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

body.color_golden .references-image-slider .slick-arrow {
  background: #956d13;
}

body.color_yellow .references-image-slider .slick-arrow {
  background: #ebc771;
}

@media only screen and (min-width: 1921px) {
  .references-image-slider .slick-arrow {
    top: calc(50% - 45px);
    width: 95px;
    height: 95px;
    font-size: 50px;
  }
}

.references-image-slider .slick-arrow:hover {
  color: #95952d;
  background: #fff;
}

body.color_golden .references-image-slider .slick-arrow:hover {
  color: #956d13;
  background: #fff;
}

body.color_yellow .references-image-slider .slick-arrow:hover {
  color: #ebc771;
  background: #fff;
}

.references-image-slider .slick-disabled {
  opacity: 0;
  pointer-events: none;
}

.references-image-slider .slick-prev {
  right: 15px;
}

@media only screen and (min-width: 2561px) {
  .references-image-slider .slick-prev {
    right: 0;
    left: 1120px;
  }
}

.references-image-slider .slick-next {
  left: 0;
}

.reference-quote {
  font-family: "Roboto", Tahoma, Geneva, sans-serif;
  color: #eaebe5;
  font-size: 18px;
  transition: all 0.3s ease-in-out;
}

.reference-quote strong {
  color: #fff;
}

@media only screen and (min-width: deskop1) {
  .reference-quote {
    font-size: 30px;
  }
}

.reference-quote.hasMoreQuote {
  font-size: 18px;
}

@media only screen and (min-width: deskop1) {
  .reference-quote.hasMoreQuote {
    font-size: 22px;
  }
}

.reference-quote.-larger {
  font-size: 25px;
}

@media only screen and (max-width: 1024px) {
  .reference-quote.-larger {
    font-size: 18px;
  }
}

.reference-more-quote-button {
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #bfbfbf;
  margin-right: 90px;
  font-size: 18px;
  cursor: pointer;
}

@media only screen and (min-width: deskop1) {
  .reference-more-quote-button {
    font-size: 22px;
  }
}

.reference-more-quote-button + .reference-quote-author {
  display: inline-block;
}

.reference-quote-author {
  color: #95952d;
  display: block;
  font-style: normal;
  margin: 30px 0;
  font-size: 18px;
}

body.color_golden .reference-quote-author {
  color: #956d13;
}

body.color_yellow .reference-quote-author {
  color: #ebc771;
}

@media only screen and (min-width: deskop1) {
  .reference-quote-author {
    font-size: 22px;
  }
}

.reference-preview {
  display: block;
  min-height: 250px;
  transition: all 0.25s ease;
}

.reference-preview.slick-slide {
  min-height: 1px;
}

.reference-preview .img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  position: absolute;
  z-index: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.reference-preview .static-img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.reference-preview picture {
  position: absolute;
  height: 100%;
  z-index: 0;
  width: 100%;
  overflow: hidden;
}

.reference-preview picture:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.reference-preview.js-reference-preview-youtube-player {
  height: 100%;
}

.reference-preview.js-reference-preview-youtube-player img,
.reference-preview.js-reference-preview-youtube-player picture {
  position: relative;
}

.references-image-slider .reference-preview {
  padding-right: 30px;
}

.references-image-slider .reference-preview ._overlay {
  right: 30px;
}

.reference-preview.slick-slide {
  opacity: 0;
}

.reference-preview.slick-active {
  opacity: 1;
}

.reference-preview ._video-play-button {
  font-size: 50px;
  color: #fff;
  margin-top: auto;
  text-align: center;
  transition: all 0.3s ease;
}

.reference-preview ._video-play-text {
  transition: all 0.3s ease;
  color: #fff;
  text-align: center;
  margin-bottom: auto;
}

.reference-preview ._overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: flex-end;
  padding: 22.5px;
  flex-direction: column;
}

.reference-preview .deco-headline {
  color: #e2c276;
}

.reference-preview:hover ._video-play-button,
.reference-preview:hover ._video-play-text {
  color: #fff;
}

.reference-preview.reference-preview-link:hover picture:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

.reference-preview.reference-preview-link:hover .button,
.reference-preview.reference-preview-link:hover
  .ww_cookies_accept_cookies_button {
  color: #fff;
  background: #e2c276;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.reference-preview.isLoading ._video-play-button {
  animation: spin 0.75s linear infinite both;
}

.reference-preview.isLoading ._video-play-button:before {
  content: "";
}

.reference-preview.isFinished .img,
.reference-preview.isFinished ._overlay {
  z-index: 1;
}

.reference-preview.isPlaying ._overlay {
  display: none;
}

.reference-preview.-inFooter {
  padding: 0;
  max-width: 800px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 921px) {
  .reference-preview.-inFooter {
    width: 50%;
    max-width: 50%;
  }
}

.reference-preview.-inFooter ._overlay {
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  right: 0;
  padding: 30px;
}

@media only screen and (max-width: 1360px) and (min-width: 1025px) {
  .reference-preview.-inFooter ._overlay {
    padding: 60px 30px;
  }
}

.reference-preview-player {
  position: absolute;
  top: 0;
  left: 0;
}

.js-more-quote-content {
  margin-top: 30px;
}

html:not(.no-js) .js-more-quote-content {
  display: none;
}

.spritespin-image {
  position: relative;
}

.spritespin-image h2 {
  margin-bottom: 0.5rem;
}

.spritespin-image .icon {
  position: absolute;
  z-index: 33;
  left: 0;
  top: 0;
  font-size: 2rem;
  color: #e2c276;
}

.spritespin-image .icon.right {
  left: unset;
  right: 0;
}

.spritespin-image .spritespin-instance {
  width: 100% !important;
}

.spritespin-image .spritespin-instance canvas {
  height: auto !important;
}

.spritespin-image input[type="range"] {
  width: 80%;
  margin: 1rem auto;
  background-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
}

.spritespin-image input[type="range"]:focus {
  outline: none;
}

.spritespin-image input[type="range"]::-webkit-slider-runnable-track {
  background: #bfbfbf;
  border: 0;
  border-radius: 15.5px;
  width: 100%;
  height: 7px;
  cursor: pointer;
}

.spritespin-image input[type="range"]::-webkit-slider-thumb {
  margin-top: -6.5px;
  width: 20px;
  height: 20px;
  background: #e2c276;
  border: 0;
  border-radius: 30px;
  cursor: pointer;
  -webkit-appearance: none;
}

.spritespin-image input[type="range"]:focus::-webkit-slider-runnable-track {
  background: #bfbfbf;
}

.spritespin-image input[type="range"]::-moz-range-track {
  background: #bfbfbf;
  border: 0;
  border-radius: 15.5px;
  width: 100%;
  height: 7px;
  cursor: pointer;
}

.spritespin-image input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #e2c276;
  border: 0;
  border-radius: 30px;
  cursor: pointer;
}

.spritespin-image input[type="range"]::-ms-track {
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  border-width: 7.5px 0;
  color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 7px;
  cursor: pointer;
}

.spritespin-image input[type="range"]::-ms-fill-lower {
  background: #bfbfbf;
  border: 0;
  border-radius: 31px;
}

.spritespin-image input[type="range"]::-ms-fill-upper {
  background: #bfbfbf;
  border: 0;
  border-radius: 31px;
}

.spritespin-image input[type="range"]::-ms-thumb {
  width: 20px;
  height: 20px;
  background: #e2c276;
  border: 0;
  border-radius: 30px;
  cursor: pointer;
  margin-top: 0;
}

.spritespin-image input[type="range"]:focus::-ms-fill-lower {
  background: #bfbfbf;
}

.spritespin-image input[type="range"]:focus::-ms-fill-upper {
  background: #bfbfbf;
}

@supports (-ms-ime-align: auto) {
  .spritespin-image input[type="range"] {
    margin: 0;
  }
}

.spritespin-image .spritespin-progress {
  position: absolute;
  width: 80%;
  left: 10%;
  top: 45%;
}

.spritespin-image .spritespin-progress-label {
  color: gray;
}

.spritespin-image .spritespin-progress-bar {
  background-color: gray;
  height: 1px;
}

.spritespin-instance.laden:before {
  content: "";
  background-image: url(../images/loading.gif);
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  width: 30px;
  height: 30px;
}

.iconnavigation {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  margin-left: 30px;
  margin-right: 30px;
}

.iconnavigation .icon-large {
  font-size: 45px;
}

.iconnavigation .icon-grey {
  color: #767976;
}

.iconnavigation .infotext {
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.iconnavigation-box {
  position: relative;
  border-right: 1px solid #2d332d;
  text-align: center;
  text-decoration: none;
  padding: 30px 0;
}

@media only screen and (max-width: 780px) {
  .iconnavigation-box {
    flex: 0 0 50%;
  }

  .iconnavigation-box:nth-child(2n) {
    border-right: none;
  }
}

@media only screen and (min-width: 781px) {
  .iconnavigation-box {
    flex: 0 0 33.33%;
  }

  .iconnavigation-box:nth-child(3n) {
    border-right: none;
  }
}

.iconnavigation-box .infotext {
  display: none;
}

.iconnavigation-box.js-open-infotext {
  cursor: pointer;
  transition: all 0.33s ease;
}

.iconnavigation-box.js-open-infotext:before {
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -2px;
  z-index: 5;
  width: 5px;
  height: 5px;
  background: #3c433c;
  box-shadow: 0 0 0 0 #3c433c, 0 0 0 0 #3c433c;
  visibility: hidden;
  opacity: 0.2;
  transition: all 0.8s ease-in-out;
}

.iconnavigation-box.js-open-infotext h4,
.iconnavigation-box.js-open-infotext h4 span.color-highlight {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

@media (hover: hover) {
  .iconnavigation-box.js-open-infotext:hover {
    opacity: 0.6;
  }
}

.iconnavigation-box.js-open-infotext.currentlyOpen h4,
.iconnavigation-box.js-open-infotext.currentlyOpen h4 span.color-highlight {
  color: #95952d;
}

.iconnavigation-box.js-open-infotext.currentlyOpen:before {
  pointer-events: all;
  visibility: visible;
  opacity: 0.95;
  box-shadow: 0 0 0 100vw #3c433c, 0 0 0 200vh #3c433c;
}

.hasOpenInfotext .iconnavigation-box.js-open-infotext {
  pointer-events: none;
}

.iconnavigation-box.link:hover .font-headline,
[class*="impressum_article_"] a.iconnavigation-box:hover .font-headline,
.iconnavigation-box.isActive .font-headline {
  color: #95952d;
}

.iconnavigation-box.link:hover .icon,
[class*="impressum_article_"] a.iconnavigation-box:hover .icon,
.iconnavigation-box.isActive .icon {
  color: #fff;
}

.infotext-placeholder {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 90%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.infotext-placeholder .js-close-infotext {
  cursor: pointer;
  align-self: flex-end;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 2.2rem;
  line-height: 1;
  width: 2rem;
  height: 2rem;
  opacity: 1;
  margin-bottom: 1rem;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
}

.infotext-placeholder .js-close-infotext:hover {
  opacity: 0.75;
}

@media only screen and (max-width: 640px) {
  .infotext-placeholder {
    top: 1.4rem;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .infotext-placeholder .js-close-infotext {
    margin-bottom: 1.4rem;
  }
}

.infotext-placeholder.isOpen {
  pointer-events: all;
  -webkit-transition: all 0.4s ease-in-out 0.6s;
  -moz-transition: all 0.4s ease-in-out 0.6s;
  -o-transition: all 0.4s ease-in-out 0.6s;
  transition: all 0.4s ease-in-out 0.6s;
  opacity: 1;
}

.infotext-placeholder.isOpen .infotext {
  opacity: 1;
}

.agency-team {
  display: flex;
  flex-wrap: wrap;
  padding-left: 15px;
  padding-right: 15px;
}

.team-box {
  width: calc(25% - 30px);
  max-width: 620px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
  text-align: center;
}

.team-box .team-img {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
  .team-box {
    width: calc(50% - 30px);
    order: 1;
  }
}

@media only screen and (min-width: 1601px) {
  .team-box:not(.medium-wrapper-margin-left) {
    margin-left: 15px;
  }
}

@media only screen and (max-width: 1600px) {
  .team-box {
    margin-left: 15px;
  }
}

@media only screen and (min-width: 2241px) {
  .team-box:first-child {
    margin-left: calc((100vw - 2240px) / 2);
  }
}

.team-box.-headlines {
  text-align: left;
  width: calc(30% - 30px);
  max-width: 100%;
  flex-grow: 1;
}

@media only screen and (max-width: 1024px) {
  .team-box.-headlines {
    width: calc(100% - 30px);
    order: 0;
  }
}

.agency-facts {
  display: flex;
  align-items: flex-end;
}

@media only screen and (max-width: 1024px) {
  .agency-facts {
    padding: 0 30px;
  }
}