/* rubik-300 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/rubik-v14-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/rubik-v14-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/rubik-v14-latin-300.woff2") format("woff2"), url("../fonts/rubik-v14-latin-300.woff") format("woff"), url("../fonts/rubik-v14-latin-300.ttf") format("truetype"), url("../fonts/rubik-v14-latin-300.svg#Rubik") format("svg");
  /* Legacy iOS */
}

/* rubik-regular - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/rubik-v14-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/rubik-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/rubik-v14-latin-regular.woff2") format("woff2"), url("../fonts/rubik-v14-latin-regular.woff") format("woff"), url("../fonts/rubik-v14-latin-regular.ttf") format("truetype"), url("../fonts/rubik-v14-latin-regular.svg#Rubik") format("svg");
  /* Legacy iOS */
}

/* rubik-600 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/rubik-v14-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/rubik-v14-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/rubik-v14-latin-600.woff2") format("woff2"), url("../fonts/rubik-v14-latin-600.woff") format("woff"), url("../fonts/rubik-v14-latin-600.ttf") format("truetype"), url("../fonts/rubik-v14-latin-600.svg#Rubik") format("svg");
  /* Legacy iOS */
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

:root {
  --margin-x: 6rem;
  --margin-y: 6rem;
  --margin: 6rem;
}

body {
  margin: 0;
  font-family: 'Rubik', sans-serif;
  font-size: 1rem;
  line-height: 1.7rem;
}

img {
  max-width: 100%;
}

a, a:visited, a:hover {
  text-decoration: none;
}

ul {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#lottie-player {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.logo {
  width: 50px;
  display: inline-block;
}

section {
  background-size: cover;
}

.main {
  height: 100vh;
  color: white;
  padding: 150px 6rem;
  position: relative;
  overflow: hidden;
  background-color: #000000c9;
  background-size: cover;
  background-blend-mode: darken;
  background-position: center center;
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden;
}

.main-video {
  height: 100vh;
}

video {
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  bottom: 0;
  max-width: 100%;
  min-height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  background-image: url(/assets/img/08_Subheader_sw_darken.jpg);
}

form {
  max-width: 640px;
}

form .f-col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

form .f-col-2 > *:first-child {
  margin-right: 15px;
}

@media screen and (max-width: 550px) {
  form .f-col-2 {
    display: block;
  }
}

form textarea {
  width: 100%;
}

form input[type=text], form textarea {
  border: 1px solid #d8fe97;
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 0.226);
  padding: 15px 20px;
  min-width: 300px;
  margin-bottom: 15px;
  color: white !important;
  font-size: 22px;
}

form label span, form input, form textarea {
  display: block;
}

form label span {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 10px;
}

form button {
  background-color: #d8fe97;
  font-size: 20px;
  border-radius: 15px;
  border: none;
  padding: 15px 20px;
  margin: 10px 0 45px 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

form button:hover {
  cursor: pointer;
  opacity: 0.5;
}

.c-box {
  padding: 3rem 0;
}

.c-box h2 {
  margin-bottom: 3rem;
}

.s-content-right-scroll > .row {
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.s-content-right-scroll > .row .col.sticky-img {
  width: 50% !important;
  position: -webkit-sticky !important;
  position: sticky !important;
  height: auto;
  padding: 3rem;
  top: 0;
}

.s-content-right-scroll > .row .col.sticky-img img {
  width: 100% !important;
  height: auto;
}

.s-content-right-scroll > .row .col {
  padding: 3rem 6rem 6rem;
}

footer h3 {
  margin-bottom: 25px;
}

.dd-map-g-links {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-top: auto;
  padding: 10px 0 0 0;
  bottom: 20px;
}

.dd-map-g-links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.6rem;
  color: #a3a3a3;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dd-map-g-links a img {
  border: none !important;
  background-color: transparent !important;
  /* padding: 0 !important; */
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 0 !important;
  height: 15px;
  margin-right: 5px;
}

#philosophy p {
  max-width: 1100px;
}

.btn-gmap {
  width: auto;
  max-width: 290px;
  margin: 20px auto !important;
}

.gmap-dsgvo-layer {
  background-image: url("../img/map_blurred.jpg");
  background-position: center center;
  background-size: cover;
  height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.gmap-dsgvo-layer p {
  font-size: 17px;
  text-align: center;
}

.gmap-dsgvo-layer .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 670px;
  margin: 0 auto;
  background: #fff;
  padding: 30px 40px 30px;
  -webkit-box-shadow: #0003 0px 0px 14px 0px;
          box-shadow: #0003 0px 0px 14px 0px;
}

.main-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 0;
  position: absolute;
  bottom: 0%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  left: 50%;
  top: 50%;
}

.nav-up {
  top: -40px;
}

header {
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
  position: fixed;
  top: 0;
  padding: 20px 6rem;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 100;
  background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#000000ad));
  background: linear-gradient(to top, transparent 0%, #000000ad 100%);
}

header {
  -webkit-transition-duration: .8s;
  transition-duration: .8s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.h-outline {
  font-size: 70px;
  line-height: 70px;
  text-transform: uppercase;
  -webkit-text-stroke: 2px black;
  text-stroke: 2px black;
  background: transparent;
  color: transparent;
}

.header--hidden {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

header .sc-media {
  margin-left: auto;
}

header .logo {
  margin-right: 20px;
  -webkit-transition: .2s;
  transition: .2s;
}

.logo:hover {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

header ul a {
  color: #fff;
}

.sc-media img {
  opacity: .7;
}

.sc-media a:nth-child(2) {
  margin: 0 20px;
}

header li {
  padding: 20px;
}

.main h1 {
  font-size: 4rem;
  line-height: 5rem;
  text-transform: uppercase;
}

.main h4 {
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: 200;
}

nav a {
  position: relative;
  color: #000;
  text-decoration: none;
  padding-bottom: 15px;
  -webkit-transition: .2s;
  transition: .2s;
}

nav a:hover {
  color: #d8fe97;
}

nav a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #d8fe97;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

nav a:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

section.scroll-section {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: #fff;
}

section.scroll-section > * {
  width: 50%;
}

.scroll-section.reverted .s-content {
  height: auto;
}

.scroll-section.reverted .s-content > div {
  height: auto;
  opacity: 1;
}

.scroll-section.reverted .s-img {
  position: relative;
}

.scroll-section.reverted .s-img > *:nth-child(1) {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 100vh;
}

.scroll-section.reverted > *:nth-child(1) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.scroll-section.reverted > *:nth-child(2) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.s-img > * {
  height: 100vh;
  background-size: cover;
  background-position: center center;
}

.s-content-std {
  padding: 8rem 6rem 6rem;
}

.s-content-std p {
  margin-bottom: 1rem;
}

.vitas {
  min-height: 70vh;
}

.vitas p {
  margin-bottom: 25px;
}

.vitas p:first-child {
  margin-top: 200px;
}

.vitas.s-content-hide {
  margin-bottom: 120px;
}

.short-vita p {
  margin-bottom: 2rem;
}

.bullet-list {
  display: block;
  list-style: square;
  margin: 30px 0;
  padding-left: 35px;
}

.bullet-list > li {
  margin-bottom: 15px;
}

.s-content {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  color: black;
  height: 100vh;
  padding: 8rem 6rem 2rem;
}

.s-content > h2, .s-content > h3 {
  text-align: center;
  line-height: 70px;
}

.s-content > h2.color, .s-content > h3.color {
  color: red;
}

.s-content h2 {
  margin-bottom: 40px;
}

.s-content h3 {
  margin-bottom: 50px;
}

.s-content h4 {
  margin-bottom: 20px;
}

.s-content p {
  font-weight: 200;
  line-height: 1.7rem;
  font-size: 1.2rem;
}

.s-content {
  -webkit-transition: all .5s;
  transition: all .5s;
}

.s-content > div {
  opacity: 0;
  height: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.s-content > div.s-content-hide {
  -webkit-animation: hide .5s;
          animation: hide .5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.s-content > div.s-content-show {
  display: block;
  height: inherit;
  -webkit-animation: show .5s;
          animation: show .5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.s-content > div .h-outline {
  text-align: center;
}

.btn {
  color: white;
  pointer-events: auto;
  font-family: inherit;
  font-size: inherit;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  cursor: pointer;
  border-radius: 8px;
  margin: 20px 0;
}

.btn.btn-eighteen {
  padding: 0rem;
}

.btn.btn-eighteen span {
  display: block;
  position: relative;
  padding: 10px 120px 10px 20px;
  mix-blend-mode: difference;
}

.btn.btn-eighteen .button__bg {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: background-color 0.4s, -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  transition: background-color 0.4s, -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1), background-color 0.4s;
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1), background-color 0.4s, -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjU1LjEyMXB4IiBoZWlnaHQ9IjI1NS4xMjFweCIgdmlld0JveD0iMCAwIDI1NS4xMjEgMjU1LjEyMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU1LjEyMSAyNTUuMTIxIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjA5LjI0MiwxMDMuODdMNjcuNTMyLDYuODU2QzYwLjk4NywyLjM3Myw1NC4zOTQsMCw0OC45MTMsMEMzOC4zMTYsMCwzMS43NjIsOC41MDQsMzEuNzYyLDIyLjczOQ0KCQkJdjIwOS42NzRjMCwxNC4yMTksNi41NDYsMjIuNzA3LDE3LjExOCwyMi43MDdjNS40ODksMCwxMS45NzgtMi4zNzUsMTguNTM3LTYuODcxbDE0MS43NzUtOTcuMDEyDQoJCQljOS4xMTgtNi4yNDksMTQuMTY4LTE0LjY1OCwxNC4xNjgtMjMuNjg5QzIyMy4zNjEsMTE4LjUyNCwyMTguMzY5LDExMC4xMTcsMjA5LjI0MiwxMDMuODd6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=");
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center right 20px;
}

.btn.btn-eighteen .button__bg:before {
  width: 110%;
  height: 0;
  padding-bottom: 110%;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0.5);
          transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0.5);
  content: '';
  position: absolute;
  background: white;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ5NC4xNDggNDk0LjE0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDk0LjE0OCA0OTQuMTQ4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZD0iTTQwNS4yODQsMjAxLjE4OEwxMzAuODA0LDEzLjI4QzExOC4xMjgsNC41OTYsMTA1LjM1NiwwLDk0Ljc0LDBDNzQuMjE2LDAsNjEuNTIsMTYuNDcyLDYxLjUyLDQ0LjA0NHY0MDYuMTI0DQoJCQljMCwyNy41NCwxMi42OCw0My45OCwzMy4xNTYsNDMuOThjMTAuNjMyLDAsMjMuMi00LjYsMzUuOTA0LTEzLjMwOGwyNzQuNjA4LTE4Ny45MDRjMTcuNjYtMTIuMTA0LDI3LjQ0LTI4LjM5MiwyNy40NC00NS44ODQNCgkJCUM0MzIuNjMyLDIyOS41NzIsNDIyLjk2NCwyMTMuMjg4LDQwNS4yODQsMjAxLjE4OHoiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==");
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center right 20px;
}

.btn.btn-eighteen .button__bg:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  content: '';
  position: absolute;
  background: white;
}

.btn.btn-eighteen:hover .button__bg {
  background-color: transparent;
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
          transform: scale3d(1.05, 1.05, 1.05);
}

.btn.btn-eighteen:hover .button__bg:before {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
          transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}

p.f-big {
  font-size: 2.6rem;
  line-height: 3.65rem;
  font-weight: 200;
}

h3.h-small {
  text-align: left;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
}

.row > .col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}

.img-rounded {
  border-radius: 25px;
}

.h-margin-l {
  margin-bottom: 6rem;
}

.accordions {
  margin-bottom: 1rem;
  border-radius: 5px;
  background-color: #FFF;
}

.accordion:first-child {
  border-radius: 5px 5px 0 0;
}

.accordion.is-open {
  background-color: #e8e8e8;
}

.accordion-head {
  padding: 0.5rem 6rem;
  cursor: pointer;
  border-top: 1px solid black;
  -webkit-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 700;
}

.accordion-head img {
  width: 40px;
}

.faq {
  padding: 6rem 0;
  background-color: #fff;
}

.faq h2 {
  padding: 0 6rem 2rem;
}

footer {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url(/assets/img/08_Subheader_sw.jpg);
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/assets/img/08_Subheader_sw.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  background-position: center;
  position: relative;
}

footer img {
  position: absolute;
  width: 100px;
  right: 6rem;
  bottom: 2rem;
}

.accordion:last-child {
  border-bottom: 1px solid black;
}

#map {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  height: 600px;
  width: 100%;
}

main, .placeholder {
  position: relative;
}

main {
  z-index: 10;
}

.placeholder {
  z-index: 1;
  height: 650px;
}

footer.s-content-std {
  position: fixed;
  bottom: 0;
  z-index: 5;
  height: 650px;
  padding-top: 3rem;
  color: #fff;
  padding-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

footer.s-content-std h3 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  font-size: 2.8rem;
  line-height: 3.4rem;
  text-transform: uppercase;
  font-weight: 200;
  border-bottom: 1px solid #d8fe97;
}

footer.s-content-std ul {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

footer.s-content-std ul a {
  color: #fff;
  font-weight: 100;
}

footer.s-content-std ul a:hover {
  color: #d8fe97;
}

@media screen and (max-width: 1600px) {
  video {
    display: none;
  }
  .main {
    background-image: url(/assets/img/08_Subheader_sw_darken.jpg);
  }
}

@media screen and (min-width: 768px) {
  .accordion-head {
    padding: 1rem 6rem;
    font-size: 1.2rem;
  }
}

.accordion-head .icon {
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}

.accordion-head.is-open .icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.accordion-body {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 200ms ease-in-out;
  transition: height 200ms ease-in-out;
}

.accordion-body > .content {
  padding: 1.5rem 6rem;
  padding-top: 0;
}

@-webkit-keyframes hide {
  0% {
    opacity: 100%;
  }
  45% {
    opacity: 0;
  }
}

@keyframes hide {
  0% {
    opacity: 100%;
  }
  45% {
    opacity: 0;
  }
}

@-webkit-keyframes show {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes show {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.s-img {
  display: none;
}

.s-content > div.min-img-s {
  height: 400px;
  opacity: 1;
  margin: 0 -2rem;
  background-position: center;
  background-size: cover;
}

.nav > ul {
  list-style-type: none;
  margin: 0;
  border: 0;
  padding: 0;
}

.nav {
  zoom: 1;
  display: block;
}

.nav:before, .nav:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}

.nav:after {
  clear: both;
}

.btn, .toggle {
  border: 0;
  border-radius: 2px;
  padding: 0.5em;
  background-color: #fff;
}

.nav {
  display: none;
}

.toggle {
  background-color: transparent;
  position: fixed !important;
}

.toggle:hover {
  color: #fff;
}

.active {
  display: block;
}

.toggle {
  position: absolute;
  right: 1em;
  top: 1em;
  display: none;
}

#nav-icon1 {
  width: 60px;
  height: 45px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 36px;
}

.active + #nav-icon1 span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.active + #nav-icon1 span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.active + #nav-icon1 span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

@media (min-width: 1025px) {
  #about > .row .col {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  #about > .row .col:first-child {
    width: 40%;
  }
  #about > .row .col:nth-child(2) {
    width: 60%;
  }
  .min-img-s {
    display: none;
  }
  .s-img {
    display: block;
  }
  html {
    font-size: .95238vw;
  }
}

@media (max-width: 1024px) {
  .s-content-right-scroll > .row .col.sticky-img {
    position: static !important;
  }
  body .s-content-right-scroll > .row .col.sticky-img {
    width: 100% !important;
    padding-bottom: 0;
    padding: 2rem 2rem 0;
  }
  body .s-content-right-scroll > .row .col.sticky-img img {
    margin-bottom: 0;
  }
  .s-content-right-scroll > .row .col {
    padding: 3rem 2rem 3rem;
  }
  .vitas p:first-child {
    margin-top: 100px;
  }
  #whoweare > .s-content {
    background-color: #d8fe97 !important;
  }
  .vitas {
    min-height: auto;
    margin-bottom: 100px;
  }
  .vitas.s-content-hide {
    margin-bottom: 0px;
  }
  html {
    font-size: 2.08333vw;
  }
  #services > .s-content:first-child .h-outline {
    margin-bottom: 60px;
  }
  header {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    font-size: 0.7rem;
  }
  .s-content-std {
    padding: 4rem 6rem 4rem;
  }
  .s-content h4 {
    margin-top: 40px;
  }
  .main {
    padding: 150px 2rem;
    background-image: url(/assets/img/08_Subheader_sw_darken.jpg);
  }
  video {
    display: none;
  }
  .main-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 0;
    position: static;
    bottom: 0%;
    width: 130px;
    margin-top: 50px;
    -webkit-transform: none;
            transform: none;
  }
  section.scroll-section {
    display: block;
  }
  section.scroll-section > * {
    width: 100%;
  }
  header li {
    padding: 15px;
  }
  .s-content {
    height: auto !important;
    position: static !important;
    padding: 3rem 2rem 3rem;
  }
  .s-content > div[id*=s-content] {
    opacity: 1 !important;
    display: block !important;
    height: auto !important;
    margin-bottom: 3rem;
  }
  .min-img-s {
    display: block;
  }
  .row {
    display: block;
  }
  .s-content-std {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .img-rounded {
    margin-bottom: 2rem;
  }
}

@media (max-width: 768px) {
  #lottie-player {
    width: 200%;
    height: 200%;
    position: absolute;
    top: -50%;
    left: -50%;
  }
}

@media (max-width: 660px) {
  form input[type=text], form textarea {
    min-width: 100px;
    padding: 7px 10px;
  }
  #services > .s-content:first-child > .h-outline:first-child {
    margin-top: 30px;
  }
  footer.s-content-std ul {
    gap: 10px;
  }
  #about .img-rounded {
    margin-bottom: 60px;
  }
  .faq h2 {
    padding: 0 6rem 5rem;
  }
  .f-col-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .f-col-2 > * {
    width: 100%;
  }
  footer.s-content-std h3 {
    font-size: 2rem;
  }
  footer.s-content-std ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  footer.s-content-std ul li:last-child {
    font-size: 1.5rem;
  }
  footer img {
    position: absolute;
    width: 50px;
    right: 2rem;
    bottom: 2rem;
  }
  body {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
  .s-content > div[id*=s-content] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .s-content p, .s-content-std p {
    font-size: 2rem;
    line-height: 3rem;
  }
  h4, .h-small {
    font-size: 2rem;
  }
  header nav {
    display: none;
  }
  header.mobile {
    display: block;
  }
  .toggle {
    display: block;
    z-index: 999;
  }
  header.active nav {
    display: block;
    background: #d8fe97;
    color: #000;
  }
  header.active nav a {
    color: #000;
  }
  header.active {
    -webkit-transform: translateY(0%) !important;
            transform: translateY(0%) !important;
  }
  header {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.158);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.158);
    padding: 0 !important;
  }
  header img {
    display: none;
  }
  header .sc-media, header .logo {
    display: none;
  }
  header ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  header ul li {
    display: block;
  }
  header ul li a {
    font-size: 1.5rem;
  }
  label {
    display: block;
  }
  .faq h2 {
    padding: 0 2rem 5rem;
  }
  .accordion-body > .content {
    padding: 1.5rem 2rem;
  }
  .accordion-head {
    padding: 0.5rem 2rem;
  }
  .accordion-body .content {
    line-height: 23px;
  }
  .gmap-dsgvo-layer p {
    font-size: 17px;
    line-height: 26px;
  }
  .s-content-std {
    padding: 8rem 2rem 6rem;
  }
}
/*# sourceMappingURL=style.css.map */