@charset "UTF-8";
/*

0 - 600px:      Phone
600 - 900px:    Tablet portrait
900 - 1200px:   Tablet landscape
1200 - 1800px:  normal styles
1200 +:         Big Desktop
2
*/
/*$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop
*/
.main {
  display: grid;
  grid-column: center-start/center-end;
  position: relative;
  grid-template-columns: [full-start] minmax(3.5rem, 1fr) [center-start] minmax(30rem, 150rem) [center-end] minmax(3.5rem, 1fr) [full-end];
}

.container1 {
  display: grid;
  grid-column: center-start/center-end;
  grid-template-columns: [full-start] minmax(5vw, 1fr) [center-start] minmax(30rem, 150rem) [center-end] minmax(5vw, 1fr) [full-end];
  position: relative;
}

.container3 {
  display: grid;
  grid-template-columns: [full-start] minmax(5vw, 1fr) [center-start] repeat(3, [col-start] minmax(min-content, 93.333rem) [col-end]) [center-end] minmax(5vw, 1fr) [full-start];
}

.container4 {
  display: grid;
  grid-template-columns: [full-start] 5vw [center-start] repeat(4, [col-start] 1fr [col-end]) [center-end] 5vw [full-start];
}

.container8 {
  display: grid;
  grid-template-columns: [full-start] minmax(5vw, 1fr) [center-start] repeat(8, [col-start] minmax(min-content, 35rem) [col-end]) [center-end] minmax(5vw, 1fr) [full-start];
  position: relative;
}

.stage1 {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [full-start] minmax(5vw, 1fr) [center-start] 1fr [center-end] minmax(5vw, 1fr) [full-start];
}

.stage2 {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] 1fr [center-end];
  grid-template-rows: auto;
}
@media (min-width: 1280px) {
  .stage2 {
    grid-template-columns: [center-start] repeat(2, [col-start] minmax(min-content, 1fr) [col-end]) [center-end];
  }
}

.stage3 {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] repeat(1, [col-start] 1fr [col-end]) [center-end];
  gap: 5rem;
}
@media (min-width: 1024px) {
  .stage3 {
    display: grid;
    grid-template-columns: [center-start] repeat(2, [col-start] 1fr [col-end]) [center-end];
    gap: 5rem;
  }
}
@media (min-width: 1280px) {
  .stage3 {
    display: grid;
    grid-template-columns: [center-start] repeat(3, [col-start] 1fr [col-end]) [center-end];
    gap: 8rem;
  }
}
@media (min-width: 1920px) {
  .stage3.gap-xl {
    column-gap: 5rem;
    row-gap: 5rem;
  }
}
.stage3--events {
  gap: 5rem;
  margin-bottom: 5rem;
}

.stage3-full {
  display: grid;
  grid-template-columns: [center-start] repeat(1, [col-start] 1fr [col-end]) [center-end];
  gap: 5rem;
  grid-column: full-start/full-end;
  padding: 0 2rem;
}
@media (min-width: 1024px) {
  .stage3-full {
    display: grid;
    grid-template-columns: [center-start] repeat(2, [col-start] 1fr [col-end]) [center-end];
    gap: 5rem;
  }
}
@media (min-width: 1280px) {
  .stage3-full {
    display: grid;
    grid-template-columns: [center-start] repeat(3, [col-start] 1fr [col-end]) [center-end];
    gap: 8rem;
  }
}
@media (min-width: 1920px) {
  .stage3-full.gap-xl {
    column-gap: 5rem;
    row-gap: 5rem;
  }
}
@media (min-width: 1280px) {
  .stage3-full {
    grid-column: center-start/center-end;
    padding: 0;
  }
}

.stage4 {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] repeat(4, [col-start] 1fr [col-end]) [center-end];
}
@media (min-width: 1280px) {
  .stage4 {
    grid-template-columns: [center-start] repeat(3, [col-start] 1fr [col-end]) [center-end];
  }
}
@media (min-width: 1024px) {
  .stage4 {
    grid-template-columns: [center-start] repeat(2, [col-start] 1fr [col-end]) [center-end];
  }
}
.stage4--events {
  gap: 5rem;
  margin-bottom: 5rem;
}

.stage6 {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: [center-start] repeat(6, [col-start] 1fr [col-end]) [center-end];
}
@media (min-width: 1280px) {
  .stage6 {
    grid-template-columns: [center-start] repeat(6, [col-start] 1fr [col-end]) [center-end];
  }
}
@media (min-width: 1024px) {
  .stage6 {
    grid-template-columns: [center-start] repeat(3, [col-start] 1fr [col-end]) [center-end];
  }
}
.stage6--dozenten {
  gap: 5rem;
  margin-bottom: 5rem;
}

.gap {
  gap: 0.5rem;
}

.gap2 {
  gap: 2rem;
}

.gap5 {
  margin: 0 2rem;
}
@media (min-width: 1024px) {
  .gap5 {
    gap: 5rem;
  }
}

.gap20 {
  gap: 2rem;
}
@media (min-width: 1024px) {
  .gap20 {
    gap: 5rem;
  }
}
@media (min-width: 1280px) {
  .gap20 {
    gap: 20rem;
  }
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.98;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  font-size: 60%;
}
@media (min-width: 1280px) {
  html {
    font-size: 65%;
  }
}
@media (min-width: 1920px) {
  html {
    font-size: 75%;
  }
}

body {
  box-sizing: border-box;
}

body {
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #000000;
  font-weight: 300;
  font-size: 2rem;
  position: relative;
  overflow-x: hidden;
  line-height: 1.4em;
}

::-moz-selection {
  color: #ffffff;
  background: #000000;
  text-shadow: none;
}

::selection {
  color: #ffffff;
  background: #000000;
  text-shadow: none;
}

a {
  color: #000000;
  text-decoration: none;
}
a:hover {
  color: #333333;
  text-decoration: none;
}

.flex {
  display: flex;
}

p {
  padding-bottom: 1.4rem;
  hyphens: auto;
}

hr {
  margin: 1.8rem 0;
  border: 1px solid #A5C4AA;
}

.container {
  max-width: 150rem;
}
.container--center {
  margin: auto;
}

.flex-row {
  display: flex;
  max-width: 150rem;
  margin: 0 auto;
}

.row {
  display: flex;
  width: 100%;
}

@media (min-width: 1024px) {
  .categorien {
    display: flex;
    flex-direction: column;
    margin-bottom: 3px;
  }
}

a.categorie {
  margin-right: 2px;
}

/*a.categorie:before {
  content: '\02C3';
  color: $color-primary;
  font-weight: bold;
  float: left;
  margin-right: 10px;
  font-size: 3rem;
  margin-right: 10px;
  margin-top: 0rem;
}


a.categorie:nth-child(){
  margin-right: 0px;
  }*/
.grid-row {
  grid-column: full-start/full-end;
  margin: 0;
}

.grid-row-center {
  grid-column: center-start/center-end;
}

.bg {
  background-color: #A5C4AA;
}

.bg1 {
  background-color: #ead9cc;
}

.bg2 {
  background-color: #BDDDC2;
  padding: 10rem 0rem;
}
@media (min-width: 1024px) {
  .bg2 {
    padding: 5rem 0rem;
  }
}

.bg3 {
  background: #ffffff;
}

.small-center {
  width: 50%;
  margin: auto;
  text-align: center;
}
@media (min-width: 1024px) {
  .small-center {
    width: 100%;
  }
}

img {
  width: 100%;
  height: auto;
}

.back-to-top {
  background: rgba(242, 244, 246, 0.5);
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 2rem;
  z-index: 100;
}

.text {
  display: inline-block;
}
.text-y-center {
  align-self: center;
}

.max100 {
  max-width: 90rem;
}

.flag {
  background-color: #A5C4AA;
  padding: 1rem;
}

.float-right {
  float: right;
}

.mr {
  margin-right: 5rem;
}
@media (min-width: 1024px) {
  .mr {
    margin-right: 2rem;
  }
}

.mtb {
  margin: 20rem 0 5rem 0;
}

.mtb-xl {
  margin: 20rem 0;
}
@media (min-width: 1024px) {
  .mtb-xl {
    margin: 10rem 0;
  }
}

.mb-1 {
  margin-bottom: 8rem;
}

.mtb-3 {
  margin: 3rem 0 3rem 0;
}

.mt {
  margin-top: 15rem;
}

.mt-xl-desk {
  margin-top: 15rem;
}
@media (min-width: 1024px) {
  .mt-xl-desk {
    margin-top: 12rem;
  }
}

.mb {
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .mb {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1920px) {
  .mb {
    margin-bottom: 8rem;
  }
}

.mb-xs {
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  .mb-xs {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1920px) {
  .mb-xs {
    margin-bottom: 3rem;
  }
}

.ml {
  margin-left: 2rem;
}

.pb {
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {
  .pb {
    padding-bottom: 5rem;
  }
}
@media (min-width: 1280px) {
  .pb {
    padding-bottom: 8rem;
  }
}

.mt-phone {
  margin-top: 0rem;
}
@media (min-width: 1024px) {
  .mt-phone {
    margin-top: 8rem;
  }
}

.pb-xs {
  padding-bottom: 1rem;
}
@media (min-width: 1024px) {
  .pb-xs {
    padding-bottom: 2rem;
  }
}
@media (min-width: 1280px) {
  .pb-xs {
    padding-bottom: 3rem;
  }
}

.pt {
  padding-top: 4rem;
}
@media (min-width: 1024px) {
  .pt {
    padding-top: 5rem;
  }
}
@media (min-width: 1280px) {
  .pt {
    padding-top: 8rem;
  }
}

.ptb {
  padding: 5rem 0;
}
@media (min-width: 1920px) {
  .ptb {
    padding: 15rem 0;
  }
}

.ptb-xl {
  padding: 3rem 0;
}
@media (min-width: 1024px) {
  .ptb-xl {
    padding: 10rem 0;
  }
}

.pt-xs {
  padding-top: 1rem;
}
@media (min-width: 1024px) {
  .pt-xs {
    padding-top: 2rem;
  }
}
@media (min-width: 1280px) {
  .pt-xs {
    padding-top: 3rem;
  }
}

.ptrbl {
  padding: 4rem 2rem;
}
@media (min-width: 1024px) {
  .ptrbl {
    padding: 5rem 3rem;
  }
}
@media (min-width: 1280px) {
  .ptrbl {
    padding: 5rem;
  }
}

.prl {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 1024px) {
  .prl {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}

.p0 {
  padding: 0 !important;
}

.b {
  font-weight: 700;
}

.lh1 {
  line-height: 1;
}

.big {
  font-size: 2rem;
  line-height: 140%;
  text-align: justify;
}
.big h1, .big h2 {
  text-align: left;
}
@media (min-width: 2560px) {
  .big {
    font-size: 2.5rem;
    line-height: 140%;
    padding: 0 2rem;
  }
}
@media (min-width: 1280px) {
  .big {
    font-size: 2rem;
    line-height: 140%;
    padding: 0 2rem;
  }
}

.center {
  margin: 0 auto;
  text-align: center;
}

.gap-0 {
  gap: 0;
}

.gap-s {
  gap: 1rem;
}

.gap-m {
  gap: 2rem;
}

.gap-l {
  gap: 5rem;
}
@media (min-width: 1024px) {
  .gap-l {
    gap: 2rem;
  }
}

.brd_b {
  border-bottom: 1px solid #000000;
}

.brd_b-w {
  border-bottom: 3px solid #ffffff;
}

.brd_l {
  border-left: 3px solid #A5C4AA;
  padding-left: 2rem;
  padding-bottom: 0;
  hyphens: auto;
}

.brd_t {
  border-top: 1px solid #000000;
}

.brd_t-w {
  border-top: 3px solid #000000;
}

.brd-tb {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

.w60 {
  max-width: 60%;
}
@media (min-width: 1024px) {
  .w60 {
    max-width: 100%;
  }
}

.max-w {
  max-width: 190rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.max100 {
  max-width: 90rem;
}

.max-w-110 {
  max-width: 110rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.y p strong {
  color: #A5C4AA;
}

.recaptcha-placeholder {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 20px;
  width: 350px;
  max-width: 100%;
  border-radius: 6px;
  box-shadow: 0 0 10px 0 rgba(125, 125, 125, 0.4);
  overflow: hidden;
}

.recaptcha-placeholder--logo {
  flex: 0 0 85px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 14px;
  background: #fff;
}

.recaptcha-placeholder--logo img {
  width: 100%;
  height: auto;
}

.recaptcha-placeholder--content {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  padding: 8px 14px;
  font-family: "Roboto", "Arial", sans-serif;
  color: #fff;
  background: #4990e2;
}

.recaptcha-placeholder--content--headline {
  margin-top: 6px;
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 18px;
}

.recaptcha-placeholder--content--headline strong {
  font-weight: 400;
}

.recaptcha-placeholder--content--button-container {
  display: flex;
  flex-flow: row wrap;
}

.recaptcha-placeholder--content--button-container button {
  all: revert;
  display: inline-block;
  margin: 0 0 6px;
  padding: 4px 8px;
  width: auto;
  height: auto;
  font-size: 14px;
  color: #fff;
  background: #365f8f;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 128ms ease-out 0s;
}

.recaptcha-placeholder--content--button-container button:hover,
.recaptcha-placeholder--content--button-container button:focus {
  background-color: #387fd1;
}

.recaptcha-placeholder--content--button-container button:not(:last-child) {
  margin-right: 6px;
}

.ccm-root .button.ccm--small, .ccm-root button.ccm--small {
  padding-right: 6px;
  padding-left: 6px;
  height: 25px;
  font-size: 11px;
  border-radius: 0px;
}

.ccm--badge, .ccm-root .button, .ccm-root button {
  border: 2px solid #b7b4a9;
}

.ccm-root input[type=checkbox].ccm-checkbox-type--checkbox + label::after {
  content: "";
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 3px;
  right: auto;
  bottom: auto;
  left: 0;
  transform: none;
  width: 24px;
  height: 24px;
  font-weight: 400;
  font-size: 27px;
  color: #ffd600;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #000;
  border-radius: 2px;
  opacity: 1;
}

.ccm-root .button.ccm--decline-cookies, .ccm-root button.ccm--decline-cookies {
  color: #000;
  background-color: #dedede;
  border-color: #dedede;
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v30-latin-300.eot"); /* IE9 Compat Modes */
  src: url("../fonts/roboto-v30-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-300.woff2") format("woff2"), url("../fonts/roboto-v30-latin-300.woff") format("woff"), url("../fonts/roboto-v30-latin-300.ttf") format("truetype"), url("../fonts/roboto-v30-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v30-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/roboto-v30-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v30-latin-regular.woff") format("woff"), url("../fonts/roboto-v30-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v30-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v30-latin-700.eot"); /* IE9 Compat Modes */
  src: url("../fonts/roboto-v30-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-700.woff2") format("woff2"), url("../fonts/roboto-v30-latin-700.woff") format("woff"), url("../fonts/roboto-v30-latin-700.ttf") format("truetype"), url("../fonts/roboto-v30-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/roboto-v30-latin-900.eot"); /* IE9 Compat Modes */
  src: url("../fonts/roboto-v30-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-900.woff2") format("woff2"), url("../fonts/roboto-v30-latin-900.woff") format("woff"), url("../fonts/roboto-v30-latin-900.ttf") format("truetype"), url("../fonts/roboto-v30-latin-900.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* alkatra-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alkatra";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/alkatra-v3-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/alkatra-v3-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/alkatra-v3-latin-regular.woff2") format("woff2"), url("../fonts/alkatra-v3-latin-regular.woff") format("woff"), url("../fonts/alkatra-v3-latin-regular.ttf") format("truetype"), url("../fonts/alkatra-v3-latin-regular.svg#Alkatra") format("svg"); /* Legacy iOS */
}
/* alkatra-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alkatra";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/alkatra-v3-latin-700.eot"); /* IE9 Compat Modes */
  src: url("../fonts/alkatra-v3-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/alkatra-v3-latin-700.woff2") format("woff2"), url("../fonts/alkatra-v3-latin-700.woff") format("woff"), url("../fonts/alkatra-v3-latin-700.ttf") format("truetype"), url("../fonts/alkatra-v3-latin-700.svg#Alkatra") format("svg"); /* Legacy iOS */
}
button,
h1,
h2,
h3,
h4 {
  font-family: "Alkatra", sans-serif;
  padding-bottom: 1rem;
  hyphens: auto;
  word-break: normal;
  overflow-wrap: break-word;
  color: #69806C;
}

h1 {
  font-size: 4rem;
  hyphens: auto;
  word-break: normal;
  overflow-wrap: break-word;
  line-height: 110%;
}
@media (min-width: 1024px) {
  h1 {
    font-size: 5rem;
    hyphens: auto;
    word-break: normal;
    overflow-wrap: break-word;
  }
}
@media (min-width: 1280px) {
  h1 {
    font-size: 6rem;
    hyphens: auto;
    word-break: normal;
    overflow-wrap: break-word;
  }
}
@media (min-width: 2560px) {
  h1 {
    font-size: 7rem;
    font-weight: 700;
    hyphens: auto;
    word-break: normal;
    overflow-wrap: break-word;
  }
}

h2 {
  font-size: 4rem;
  hyphens: auto;
  word-break: normal;
  overflow-wrap: break-word;
  font-weight: bold;
  line-height: 110%;
  color: #69806C;
}
@media (min-width: 1024px) {
  h2 {
    font-size: 5.5rem;
    hyphens: auto;
    word-break: normal;
    overflow-wrap: break-word;
  }
}
@media (min-width: 1280px) {
  h2 {
    font-size: 6rem;
    hyphens: auto;
    word-break: normal;
    overflow-wrap: break-word;
  }
}
@media (min-width: 1920px) {
  h2 {
    font-size: 9rem;
    hyphens: auto;
    word-break: normal;
    overflow-wrap: break-word;
  }
}
@media (min-width: 2560px) {
  h2 {
    font-size: 9rem;
    hyphens: auto;
    word-break: normal;
    overflow-wrap: break-word;
  }
}

h3 {
  font-size: 2.5rem;
  line-height: 110%;
  font-weight: 700;
}
@media (min-width: 1024px) {
  h3 {
    font-size: 3rem;
  }
}
@media (min-width: 1280px) {
  h3 {
    font-size: 3rem;
  }
}
@media (min-width: 1920px) {
  h3 {
    font-size: 3rem;
  }
}
h3.title {
  max-width: 170rem;
}

h4 {
  font-size: 2.5rem;
  line-height: 110%;
  font-weight: 400;
}
@media (min-width: 1280px) {
  h4 {
    font-size: 2.5rem;
  }
}

h4.brd_l {
  background-color: #ead9cc;
  padding: 2rem;
}
@media (min-width: 1280px) {
  h4.brd_l {
    padding: 5rem;
  }
}

h5 {
  font-size: 1.9rem;
  line-height: 110%;
  font-weight: 300;
}
@media (min-width: 1280px) {
  h5 {
    font-size: 2.3rem;
  }
}
@media (min-width: 1280px) {
  h5 {
    font-size: 2.5rem;
  }
}

i.fa-regular.fa-arrow-up {
  color: #fff;
}

small {
  font-size: 1.5rem;
  color: #000000;
  font-weight: 400;
  text-transform: uppercase;
}

.small {
  font-size: 1.2rem;
}

.underline {
  border-bottom: 3px solid #FFD600;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}

.headlines h2 {
  font-size: 4.5rem;
  hyphens: auto;
  word-break: normal;
  overflow-wrap: break-word;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 110%;
  margin: 3rem 0 2rem 0;
}
@media (min-width: 1024px) {
  .headlines h2 {
    font-size: 3rem;
    hyphens: auto;
    word-break: normal;
    overflow-wrap: break-word;
  }
}
@media (min-width: 1280px) {
  .headlines h2 {
    font-size: 4rem;
    hyphens: auto;
    word-break: normal;
    overflow-wrap: break-word;
  }
}
@media (min-width: 1920px) {
  .headlines h2 {
    font-size: 6rem;
    hyphens: auto;
    word-break: normal;
    overflow-wrap: break-word;
  }
}
@media (min-width: 2560px) {
  .headlines h2 {
    font-size: 6rem;
    hyphens: auto;
    word-break: normal;
    overflow-wrap: break-word;
  }
}

/* buttons */
.btn {
  border: none;
  outline: none;
  cursor: pointer;
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  margin: 0;
  text-decoration: none;
  padding: 0rem;
  display: inline-block;
  /* Add a light grey background on mouse-over */
  /* Add a dark background to the active button */
}
.btn:hover {
  color: #A5C4AA;
}
.btn.active {
  background-color: #A5C4AA;
  color: #ffffff;
}
.btn--default {
  padding-top: 2rem;
  color: #000000;
  border-top: 1px solid #000000;
}
.btn--default:hover {
  color: #A5C4AA;
  border-top: 1px solid #000000;
  background-color: none;
}
.btn--primary {
  padding: 2rem;
  color: #ffffff;
  background-color: #69806C;
}
.btn--primary:hover {
  color: #ffffff;
  background-color: #BDDDC2;
}
.btn--secondary {
  font: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  padding: 2rem;
  color: #000000;
  background-color: transparent;
  border: 2px solid #A5C4AA;
  display: inline-block;
}
.btn--secondary:hover {
  color: #000000;
  background-color: transparent;
  border: 2px solid #000000;
}
.btn--light {
  color: #ffffff;
}
.btn--light:hover {
  color: #B7B4A9;
}
.btn--grey {
  padding: 2rem;
  color: #000000;
  background-color: #ead9cc;
}
.btn--grey:hover {
  color: #A5C4AA;
  background-color: #000000;
}
.btn--info {
  padding: 2rem;
  color: #000000;
}
.btn--info:hover {
  color: #000000;
  text-decoration: underline;
}
.btn--filter {
  font-size: 1.4em;
  padding: 2rem 3rem;
  background-color: #ead9cc;
  color: #000000;
}
.btn--filter:hover {
  color: #000000;
  background-color: #A5C4AA;
}
@media (min-width: 1280px) {
  .btn--filter {
    font-size: 1.2em;
    padding: 1.5rem 2rem;
    background-color: #ead9cc;
    color: #000000;
  }
}
@media (min-width: 1024px) {
  .btn--filter {
    display: block;
    width: auto;
    font-size: 1em;
    padding: 1.5rem;
  }
}
.btn--details {
  margin: 0;
  padding: 0;
  color: #000000;
  display: inline-block;
}
.btn--details:hover {
  color: #ead9cc;
}

.logo {
  z-index: 99;
  grid-column: center-start/center-end;
}

.ausstattung {
  display: grid;
  grid-column: center-start/center-end;
  grid-template-columns: [full-start] minmax(5vw, 1fr) [center-start] minmax(30rem, 150rem) [center-end] minmax(5vw, 1fr) [full-end];
  position: relative;
  background-color: #ffffff;
}
.ausstattung .auswahl-zimmer {
  grid-column: center-start/center-end;
  padding: 2rem 0;
}
.ausstattung .ausstattung-text {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 3rem;
  background-color: #BDDDC2;
}
@media (min-width: 1024px) {
  .ausstattung .ausstattung-text {
    width: 40%;
    padding: 5rem;
    background-color: #ffffff;
  }
}
.ausstattung .ausstattung-text ul {
  margin-left: 2rem;
}
.ausstattung .ausstattung-text h1, .ausstattung .ausstattung-text h2, .ausstattung .ausstattung-text h3, .ausstattung .ausstattung-text h4 {
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.ausstattung .ausstattung-text h2 {
  font-size: 3.5rem;
  line-height: 110%;
  font-weight: 700;
}
@media (min-width: 1024px) {
  .ausstattung .ausstattung-text h2 {
    font-size: 3.5rem;
  }
}
@media (min-width: 1280px) {
  .ausstattung .ausstattung-text h2 {
    font-size: 4rem;
  }
}
@media (min-width: 1920px) {
  .ausstattung .ausstattung-text h2 {
    font-size: 5rem;
  }
}
.ausstattung .swiper-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  .ausstattung .swiper-container {
    width: 60%;
  }
}

.col50-recht {
  width: 50vw;
  padding: 2rem 4rem;
  background-color: #ead9cc;
}
.col50-recht a {
  font-weight: bold;
}
.col50-recht a:hover {
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .col50-recht {
    width: 100%;
    padding-top: 2rem;
    justify-content: flex-start;
    align-self: flex-start;
    padding: 2rem;
  }
}
.col50-recht h1, .col50-recht h2, .col50-recht h3, .col50-recht p {
  padding: 1rem 0;
}
.col50-recht h4 {
  padding: 2rem 0 1rem 0;
  font-weight: bold;
  border-bottom: 1px solid #A5C4AA;
}

section {
  display: grid;
  grid-column: center-start/center-end;
  grid-template-columns: [full-start] minmax(5vw, 1fr) [center-start] minmax(30rem, 150rem) [center-end] minmax(5vw, 1fr) [full-end];
}
section .hero {
  background-color: #A5C4AA;
}

.hero-img {
  grid-column: full-start/full-end;
  display: flex;
  height: 80vh;
  grid-row: 1;
  position: relative;
  overflow: hidden;
  background-color: #A5C4AA;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: center;
}
.hero-img .textbox {
  bottom: 20vh;
  color: #ffffff;
  max-width: 100rem;
  margin: auto;
  padding: 0 2rem;
}
@media (min-width: 1920px) {
  .hero-img .textbox {
    bottom: 25vh;
  }
}
.hero-img .textbox h2, .hero-img .textbox h1 {
  margin-bottom: 0;
  font-weight: bold;
  color: #ffffff;
}
.hero-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  max-width: 240rem;
}
.hero-img .sticker {
  top: 16rem;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  position: absolute;
  z-index: 5;
  right: 5vw;
  top: 20rem;
  transform: rotate(8deg);
  background-color: #A5C4AA;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1024px) {
  .hero-img .sticker {
    width: 30rem;
    height: 30rem;
    right: 5vw;
    top: 20rem;
  }
}
.hero-img .sticker img {
  filter: drop-shadow(2px 4px 6px #000000);
}
.hero-img .sticker:hover {
  filter: grayscale(1);
}
.hero-img .sticker:hover img {
  filter: drop-shadow(0px 0px 0px #000000);
}

form {
  /* Ändern Sie die Schriftgröße für alle Formularelemente */
}
form input, form select, form textarea {
  font-size: 1.8rem; /* Ihre gewünschte Schriftgröße */
  border: 0;
  color: #000000;
}
form input {
  padding: 2rem;
}
form .col {
  display: flex;
  flex-direction: column;
}
form .col select {
  padding: 2rem;
}
form .col-full {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
}
form textarea {
  min-height: 20rem;
  width: 100%;
  padding: 2rem;
}

.zimmer {
  display: grid;
  grid-column: center-start/center-end;
  grid-template-columns: [center-start] 1fr [center-end];
  padding: 1rem;
  background-color: #ffffff;
}
@media (min-width: 1280px) {
  .zimmer {
    grid-template-columns: [center-start] 65% 35% [center-end];
    padding: 3rem;
    background-color: #ffffff;
    position: relative;
  }
}
.zimmer .col img {
  overflow: hidden;
  object-fit: cover;
  display: block;
}
@media (min-width: 1920px) {
  .zimmer .col img {
    height: 65vh;
  }
}
@media (min-width: 1280px) {
  .zimmer .col img {
    height: auto;
  }
}
.zimmer .col img img {
  width: 100%;
}
@media (min-width: 1280px) {
  .zimmer .ausstattung {
    position: absolute;
    bottom: 8rem;
    margin-right: 3rem;
  }
}
.zimmer .ausstattung .items {
  padding: 0rem 1rem 0rem 0;
  border-bottom: 1px solid #3d1e0d;
  margin-right: 0rem;
}
@media (min-width: 1024px) {
  .zimmer .ausstattung .items {
    padding: 0rem 1rem 0rem 0;
    float: left;
    border-right: 1px solid #3d1e0d;
    border-bottom: 0;
    margin-right: 1rem;
  }
}

.breadcrum {
  grid-column: center-start/center-end;
  margin: 3rem 0 4rem 0;
  border-bottom: 3px solid #ead9cc;
  padding-bottom: 1rem;
  text-transform: uppercase;
}

.navbar-top {
  grid-column: full-start/full-end;
  display: grid;
  grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(1, [col-start] minmax(min-content, 190rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
  z-index: 99;
  width: 100%;
  top: 0;
  transition: top 0.3s;
}

.logo {
  padding: 0;
  text-align: left;
  display: flex;
  z-index: 99;
  margin-right: 5rem;
}
@media (min-width: 1024px) {
  .logo {
    margin-right: 0;
  }
}
.logo img {
  width: 25rem;
  margin-top: 0rem;
  -webkit-box-shadow: -1px 3px 7px -3px rgba(0, 0, 0, 0.76);
  box-shadow: -1px 3px 7px -3px rgba(0, 0, 0, 0.76);
}
@media (min-width: 2560px) {
  .logo img {
    width: 30rem;
    margin-top: 0rem;
  }
}
.logo h1 {
  font-size: 2rem;
  padding: 0 2rem;
  color: #A5C4AA;
  font-weight: bold;
}
@media (min-width: 1920px) {
  .logo h1 {
    font-size: 2.6rem;
  }
}

.nav-holder {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

@media (max-width: 1023px) {
  .nav-holder {
    background-color: transparent;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    min-height: 0;
  }
}
@media (max-width: 1023px) and (max-width: 1023px) {
  .nav-holder {
    position: absolute;
    top: 100%;
    right: 0;
    width: 101%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .nav-active .nav-holder {
    max-height: 100vh;
    overflow: auto;
    z-index: 10;
  }
}
.drop-frame {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1023px) {
  .drop-frame {
    display: block;
    background: #ffffff;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.4s linear;
    transition: -webkit-transform 0.4s linear;
    transition: transform 0.4s linear;
    transition: transform 0.4s linear, -webkit-transform 0.4s linear;
    text-align: center;
    border-bottom: 1px solid #69806C;
    border-top: 1px solid #69806C;
  }
  .nav-active .drop-frame {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
#nav {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: #ffffff;
}

#nav > ul {
  font-size: 0;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 1599px) {
  #nav > ul {
    margin: 0 auto;
  }
}
@media (max-width: 1023px) {
  #nav > ul {
    text-align: left;
    display: block;
  }
}
#nav > ul > li {
  vertical-align: middle;
  padding: 0;
  font-weight: 300;
  text-transform: uppercase;
  color: #A5C4AA;
  width: 100%;
  border-left: 1px solid #ead9cc;
  display: flex;
  align-items: center;
}
#nav > ul > li:first-child {
  border-left: 0px;
}

@media (max-width: 1023px) {
  #nav > ul > li {
    display: block;
    padding: 0;
    line-height: 5rem;
  }
  #nav > ul > li :first-child {
    border-left: 0;
  }
}
#nav > ul > li:before {
  display: none;
}

@media (max-width: 1023px) {
  #nav > ul > li:before {
    display: block;
  }
}
#nav > ul > li:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 0;
  background: #A5C4AA;
  -webkit-transition: height 0.2s linear;
  transition: height 0.2s linear;
}

@media (max-width: 1023px) {
  #nav > ul > li:after {
    display: none;
  }
}
#nav > ul > li.selected.has-drop-down > a.has-drop-down-a {
  color: #A5C4AA;
  background-color: #ead9cc;
}
#nav > ul > li.selected.has-drop-down > a.has-drop-down-a:hover {
  background-color: #ead9cc;
  color: #69806C;
}

@media (max-width: 1023px) {
  #nav > ul > li.selected a {
    background-color: #ead9cc;
    color: #A5C4AA;
    font-weight: normal;
  }
}

#nav > ul > li.selected.selected a {
  color: #A5C4AA;
}
@media (max-width: 1023px) {
  #nav > ul > li.selected.selected a {
    background-color: #69806C;
    color: #ffffff;
    font-weight: normal;
  }
}

#nav > ul > li.hover {
  color: #BDDDC2;
}

#nav > ul > li.hover:after {
  height: 10px;
}

#nav > ul > li > a {
  display: inline-block;
  vertical-align: top;
  color: #000000;
  font-weight: normal;
  padding: 2.5rem 1rem;
  font-size: 1.8rem;
  transition: all 0.2s;
  width: 100%;
  text-align: center;
}
#nav > ul > li > a:hover {
  color: #BDDDC2;
  text-decoration: underline;
}

#nav > ul > li.active.has-drop-down a {
  color: #A5C4AA;
}

@media (max-width: 1023px) {
  #nav > ul > li > a {
    padding: 1rem 4rem;
    display: block;
    color: #A5C4AA;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    text-align: left;
  }
  #nav > ul > li > a:hover {
    color: #BDDDC2;
    background-color: #69806C;
  }
}
#nav > ul > li:nth-last-child(-n+3) .drop-down {
  right: 0;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

#nav > ul > li:nth-last-child(-n+3) .drop-down .drop-down {
  right: 100%;
  padding: 0 5px 0 0;
}

#nav > ul > li:nth-last-child(-n+3) .has-drop-down:before {
  content: "▼";
  right: auto;
  left: 10px;
  font-weight: 300;
}

@media (max-width: 1023px) {
  #nav > ul > li:nth-last-child(-n+3) .has-drop-down:before {
    content: "▼";
    left: auto;
    right: 10px;
    top: 2.3rem;
  }
}
#nav li {
  position: relative;
}

#nav .has-drop-down:before {
  content: "▼";
  font-family: "icomoon";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  color: #A5C4AA;
}

@media (max-width: 1023px) {
  #nav .has-drop-down:before {
    top: 3rem;
    color: #A5C4AA;
    font-size: 1rem;
  }
}
#nav .has-drop-down.hover.hover:before {
  color: #A5C4AA;
}

@media (max-width: 1023px) {
  #nav .has-drop-down.hover.hover:before {
    content: "▼";
    font-size: 1rem;
  }
}
#nav .has-drop-down.hover.hover > .drop-down {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

@media (max-width: 1023px) {
  #nav .has-drop-down.hover.hover > .drop-down {
    display: block;
    background-color: #8b8a83;
    padding-left: 0rem;
    color: #ffffff;
  }
}
#nav > ul > li.selected.has-drop-down.hover .drop-down > ul > li > a {
  color: #ffffff;
}
#nav > ul > li.selected.has-drop-down.hover .drop-down > ul > li > a:hover {
  background-color: #8b8a83;
  color: #B7B4A9;
}

@media (max-width: 1023px) {
  #nav .drop-down {
    position: static;
    display: none;
    padding: 0;
    width: 100%;
    text-align: left;
  }
}
@media (max-width: 1023px) {
  #nav .drop-down li {
    background: none;
  }
}
.drop-down {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  min-width: 25rem;
  z-index: 12;
  visibility: hidden;
  opacity: 0;
  padding: 0;
  -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: visibility 0.3s, opacity 0.3s, transform 0.3s;
  transition: visibility 0.3s, opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

@media (max-width: 1023px) {
  .drop-down {
    position: static;
    padding: 0;
  }
}
.drop-down ul {
  box-shadow: none;
}

.drop-down ul li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: none;
  font-weight: normal;
  background: #A5C4AA;
  border-bottom: 1px solid #8b8a83;
}

.drop-down ul li.hover > a {
  color: #B7B4A9;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .drop-down ul li.hover > a {
    color: #B7B4A9;
    background-color: #69806C;
  }
}

@media (max-width: 1023px) {
  .drop-down ul li {
    text-align: left;
    background: none;
  }
}
.drop-down ul li a {
  padding: 14px 28px;
  display: block;
  font-size: 1.8rem;
  color: #ffffff;
}

@media (min-width: 1024px) {
  .drop-down ul li a {
    padding: 3rem 2rem;
    color: #ffffff;
    display: block;
    font-size: 1.8rem;
  }
}
@media (max-width: 1023px) {
  .drop-down ul li a {
    color: #ffffff;
    padding: 10px 28px;
    border-bottom: 1px solid #8b8a83;
  }
  .drop-down ul li a:hover {
    color: #B7B4A9;
  }
}
.drop-down ul li:hover,
.drop-down ul li.selected .active {
  background: #8b8a83;
  color: #B7B4A9;
}

.drop-down ul li.selected a {
  background: #8b8a83;
  color: #B7B4A9;
}

@media (max-width: 1023px) {
  .drop-down ul li:hover a,
  .drop-down ul li.selected a {
    background-color: #8b8a83;
    color: #B7B4A9;
  }
}
.drop-down .drop-down {
  padding: 0;
  position: absolute;
  left: 100%;
  top: 0;
  padding-left: 5px;
}

@media (max-width: 1023px) {
  .drop-down ul li a:hover {
    color: #B7B4A9;
  }
}
.nav-opener {
  width: 30px;
  height: 30px;
  position: relative;
  margin: 2rem;
  display: none;
  align-self: center;
}

@media (max-width: 1023px) {
  .nav-opener {
    display: inline-block;
    vertical-align: middle;
  }
}
@media (max-width: 767px) {
  .nav-opener {
    margin-left: 10px;
  }
}
.nav-opener:before,
.nav-opener:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 4px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background: #A5C4AA;
}

.nav-opener:before {
  bottom: 23px;
  box-shadow: 0 10px 0 #A5C4AA;
}

.nav-opener:after {
  bottom: 3px;
}

.nav-active .nav-opener:before,
.nav-active .nav-opener:after {
  bottom: 50%;
}

.nav-active .nav-opener:before {
  -webkit-transform: translateY(50%) rotate(-45deg);
  -ms-transform: translateY(50%) rotate(-45deg);
  transform: translateY(50%) rotate(-45deg);
  box-shadow: none;
}

.nav-active .nav-opener:after {
  -webkit-transform: translateY(50%) rotate(-135deg);
  -ms-transform: translateY(50%) rotate(-135deg);
  transform: translateY(50%) rotate(-135deg);
}

/* FOOTER NAVIGATION*/
nav.footernav-produkte ul li.selected a {
  color: #ffffff;
}

header {
  grid-row: 1;
}

#navbar {
  grid-column: center-start/center-end;
  background-color: transparent;
  display: grid;
  grid-template-columns: [full-start] minmax(2rem, 1fr) [center-start] repeat(1, [col-start] minmax(min-content, 190rem) [col-end]) [center-end] minmax(2rem, 1fr) [full-start];
  z-index: 99;
  width: 100%;
  position: fixed;
  top: 0;
  transition: top 0.3s;
}
#navbar .navbar-center {
  grid-column: center-start/center-end;
  display: flex;
  justify-content: space-between;
}
#navbar .navbar-center--top {
  font-size: 1.2rem;
  padding: 0.5rem 0 0.5rem 2rem;
  color: #ead9cc;
}
@media (min-width: 1024px) {
  #navbar .navbar-center--top {
    padding: 0.5rem 0;
    display: block;
  }
}
#navbar .navbar-center--top .claim {
  padding-left: 25rem;
}
@media (min-width: 1024px) {
  #navbar .navbar-center--top .claim {
    display: none;
  }
}
#navbar .navbar-center--top .call a {
  color: #ead9cc;
}
#navbar .navbar-center--top .call a:hover {
  color: #B7B4A9;
}
@media (min-width: 1024px) {
  #navbar .navbar-center--top .call {
    text-align: right;
  }
}
#navbar .info {
  color: #B7B4A9;
  align-self: center;
  min-width: 20vw;
  text-align: center;
  margin: 0 2rem;
}
@media (max-width: 1044px) {
  #navbar .info {
    display: none;
  }
}

:root {
  --swiper-theme-color: $color-black;
  --swiper-navigation-size: 25px;
}

:root .swiper-scrollbar {
  position: relative;
  height: 5px;
  margin: 2rem auto;
  max-width: 70%;
  background: #E4E4E4;
}

:root .swiper-scrollbar-drag {
  background: #A5C4AA;
}

.swiper-feedback {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 10rem;
  margin-bottom: 5rem;
  max-width: 350rem;
}
.swiper-feedback .swiper-slide .card {
  width: 100%;
  background-color: #A5C4AA;
}
.swiper-feedback .swiper-slide .card small {
  display: block;
  padding: 3rem 5rem 2rem;
}
.swiper-feedback .swiper-slide .card p {
  padding: 0 5rem 2rem;
}
.swiper-feedback .swiper-button-next, .swiper-feedback .swiper-button-prev {
  position: absolute;
  background-color: #ffffff;
  transform: translate(0%, -50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-feedback .swiper-button-prev {
  left: 0px;
  right: auto;
  padding: 4rem 2rem 4rem 2rem;
}
.swiper-feedback .swiper-button-next {
  left: auto;
  right: 0px;
  padding: 4rem 2rem 4rem 2rem;
}

.swiper-container-1 {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 5rem;
}
.swiper-container-1 .swiper-slide img {
  width: 100%;
  height: auto;
  transition: 0.5s ease;
  border-bottom: 1px solid #fff;
  min-height: 30rem;
  object-fit: cover;
}
.swiper-container-1 .swiper-button-next, .swiper-container-1 .swiper-button-prev {
  position: absolute;
  background-color: #ffffff;
  transform: translate(0%, -50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-container-1 .swiper-button-prev {
  left: 0px;
  right: auto;
  padding: 4rem 2rem 4rem 2rem;
}
.swiper-container-1 .swiper-button-next {
  left: auto;
  right: 0px;
  padding: 4rem 2rem 4rem 2rem;
}

.swiper-container-items {
  position: relative;
  max-width: 100%;
  width: 100%;
  margin: 0rem auto 0rem auto;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .swiper-container-items {
    margin: 0rem 0vw 0rem 0vw;
  }
}
.swiper-container-items .swiper-slide-highlights {
  background-color: #ead9cc;
  height: auto !important;
  text-align: center;
  padding: 5rem 0;
}
.swiper-container-items .box {
  height: 100% !important;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.swiper-container-items .box h4 {
  padding: 0;
  margin-top: 0;
  font-weight: 400;
  text-transform: uppercase;
}
.swiper-container-items .img {
  width: 60% !important;
  margin-bottom: 2rem;
}
.swiper-container-items .img img {
  width: 100%;
}
.swiper-container-items .box * {
  width: 100%;
  text-align: center;
  align-self: center;
}
.swiper-container-items .swiper-pagination-textbox {
  cursor: pointer;
  margin: 0.5rem;
  text-align: center;
}

.swiper-container {
  position: relative;
  overflow: hidden;
  padding: 0rem;
}
.swiper-container .swiper-slide {
  position: relative;
  /* &:nth-child(2n) {
        margin-top: 18rem;
        @include respond(tab-port){
          margin-top: 0;
        }
      }

      &:nth-child(3n) {
        margin-top: 9rem;
        @include respond(tab-port){
          margin-top: 0;
        }
      }
  */
  overflow: hidden;
  /* When you mouse over the container, fade in the overlay icon*/
  /* The icon inside the overlay is positioned in the middle vertically and horizontally */
}
.swiper-container .swiper-slide:hover {
  overflow: hidden;
}
.swiper-container .swiper-slide:hover img {
  filter: contrast(50%);
}
.swiper-container .swiper-slide img {
  width: 100%;
  display: block;
}
.swiper-container .swiper-slide .overlay-buttons {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.3s ease;
  background: rgba(255, 255, 255, 0.5);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}
.swiper-container .swiper-slide .overlay-buttons p {
  font-size: 2rem;
}
.swiper-container .swiper-slide:hover .overlay-buttons {
  opacity: 1;
}
.swiper-container .swiper-slide .title {
  margin: 0 auto;
  font-weight: 400;
  color: #000000;
  padding: 2rem;
  margin-bottom: 1rem;
  text-align: center;
  border-bottom: 1px solid #000000;
}
.swiper-container .swiper-slide h4 {
  font-weight: 400;
}
.swiper-container .swiper-slide .center {
  display: flex;
  margin: 0 auto;
}
.swiper-container .swiper-slide .buttons {
  color: #000000;
  font-weight: 400;
  align-self: center;
  text-decoration: none;
  text-align: center;
  font-size: 5rem;
}
.swiper-container .swiper-slide .buttons:hover {
  text-decoration: underline;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #000000;
}

.swiper-pagination {
  position: relative;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
  margin: 0.5rem;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.swiper-wrapper {
  margin: 0;
}

a.swiper-slide {
  cursor: grab;
}

button.accordion {
  background-color: #A5C4AA;
  color: #ffffff;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 2rem;
  transition: 0.4s;
  font-weight: normal;
  padding: 2.1rem 3rem 1.5rem 3rem;
  font-size: 2.8rem;
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
@media (min-width: 1024px) {
  button.accordion {
    font-size: 2.3rem;
  }
}

button.accordion.active {
  background-color: #69806C;
  color: #ffffff;
  font-weight: normal;
}

button.accordion:hover {
  background-color: #69806C;
  color: #BDDDC2;
  font-weight: normal;
}

button.accordion:before {
  content: "+";
  color: #ffffff;
  font-weight: bold;
  float: left;
  margin-right: 10px;
  font-size: 4rem;
  margin-right: 10px;
  margin-top: -1rem;
}

button.accordion.active:before {
  content: "−";
}

.panel {
  background-color: #A5C4AA;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 0.5rem;
}
.panel div {
  padding: 3rem;
}
.panel ul {
  padding: 3rem;
}
.panel ul li {
  border-bottom: 1px solid #ccc;
  padding: 1rem;
}
.panel p {
  padding: 2rem 3rem 2rem 3rem;
}

footer {
  background-color: #A5C4AA;
  grid-column: center-start/cernter-end;
  padding: 3rem 0;
  display: grid;
  grid-column: center-start/center-end;
  grid-template-columns: [full-start] minmax(5vw, 1fr) [center-start] minmax(30rem, 150rem) [center-end] minmax(5vw, 1fr) [full-end];
}
footer .col33 {
  width: 100%;
}
footer .col33 .adresse {
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .col33 .adresse img {
  margin: auto;
  margin-bottom: 2rem;
  width: 60%;
}
@media (min-width: 1024px) {
  footer .col33 .adresse img {
    width: min-content;
  }
}
@media (min-width: 1280px) {
  footer .col33 {
    width: 33.33%;
    margin-right: 5vw;
  }
  footer .col33:last-child {
    margin-right: 0;
  }
}
footer .col33 a.phone {
  color: #000000;
  text-decoration: none;
}
footer .col33 a.phone:hover {
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #000000;
}
footer .flex-row {
  flex-direction: column;
}
@media (min-width: 1280px) {
  footer .flex-row {
    flex-direction: row;
  }
}

.footer-bottom {
  background-color: #A5C4AA;
  padding: 3rem 5vw;
  width: 100%;
  color: #ffffff;
  display: flex;
  align-items: baseline;
}
@media (min-width: 1024px) {
  .footer-bottom {
    flex-direction: column;
  }
}
.footer-bottom .small {
  font-size: 1.2rem;
  padding: 0 0 0 2rem;
}
@media (min-width: 1024px) {
  .footer-bottom .small {
    padding: 0;
  }
}

nav.menu-footer-produkte ul, nav.menu-footer-unternehmen ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
@media (min-width: 1024px) {
  nav.menu-footer-produkte ul, nav.menu-footer-unternehmen ul {
    margin-bottom: 2rem;
  }
}
nav.menu-footer-produkte ul li, nav.menu-footer-unternehmen ul li {
  font-size: 2rem;
  border-bottom: 1px solid #69806C;
}
nav.menu-footer-produkte ul li a, nav.menu-footer-unternehmen ul li a {
  display: block;
  color: #000000;
  text-align: left;
  padding: 0.3rem;
  text-decoration: none;
  border-bottom: 1px solid #69806C;
  width: 100%;
}
nav.menu-footer-produkte ul li.selected, nav.menu-footer-unternehmen ul li.selected {
  border-bottom: 1px solid #BDDDC2;
  font-weight: bold;
}
nav.menu-footer-produkte ul li:hover, nav.menu-footer-unternehmen ul li:hover {
  color: #69806C;
  border-bottom: 1px solid #69806C;
  padding-left: 2rem;
}

nav.footer_nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
@media (min-width: 1024px) {
  nav.footer_nav ul {
    margin-bottom: 2rem;
  }
}
nav.footer_nav ul li {
  font-size: 1.8rem;
}
nav.footer_nav ul li a {
  display: block;
  color: #69806C;
  text-align: left;
  padding: 0.3rem;
  text-decoration: none;
  border-bottom: 1px solid #69806C;
  width: 100%;
  padding: 1.1rem 0;
}
nav.footer_nav ul li.selected {
  border-bottom: 1px solid #BDDDC2;
  font-weight: bold;
}
nav.footer_nav ul li:hover {
  color: #69806C;
  font-weight: bold;
  border-bottom: 1px solid #69806C;
}

.form-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 190rem;
  background-color: #ead9cc;
  margin-top: 8rem;
  padding: 3rem;
}

.agb, .datennutzung {
  display: flex;
  margin-top: 5rem;
}
.agb input#IsDataUsingAllowed, .datennutzung input#IsDataUsingAllowed {
  width: 3rem !important;
  height: 3rem !important;
  margin-right: 3rem;
}
.agb input, .datennutzung input {
  width: auto;
  margin-right: 2rem;
  width: 3rem;
  height: 3rem;
}

@media (min-width: 1024px) {
  form.anfrage,
  form.buchung {
    margin-top: 5rem;
  }
}
form.anfrage .col2,
form.buchung .col2 {
  display: grid;
  grid-template-columns: [center-start] repeat(2, [col-start] minmax(min-content, 1fr) [col-end]) [center-end];
  grid-template-rows: auto;
  gap: 2rem;
}
@media (min-width: 1024px) {
  form.anfrage .col2,
  form.buchung .col2 {
    display: grid;
    grid-template-columns: [center-start] minmax(min-content, 1fr) [center-end];
    grid-template-rows: auto;
    gap: 2rem;
  }
}
form.anfrage .col-50,
form.buchung .col-50 {
  width: 50%;
}
@media (min-width: 1024px) {
  form.anfrage .col-50,
  form.buchung .col-50 {
    width: 100%;
  }
}
form.anfrage .teilnehmer,
form.buchung .teilnehmer {
  padding: 0rem 5rem 5rem 0;
}
@media (min-width: 1024px) {
  form.anfrage .teilnehmer,
  form.buchung .teilnehmer {
    padding: 0rem;
  }
}
form.anfrage .rechnungsadresse,
form.buchung .rechnungsadresse {
  padding: 2rem;
}
form.anfrage .rechnungsadresse,
form.buchung .rechnungsadresse {
  background-color: rgba(255, 255, 255, 0.5);
  height: fit-content;
}
form.anfrage h3,
form.buchung h3 {
  padding-bottom: 2rem;
}
form.anfrage .title-buttons,
form.buchung .title-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
form.anfrage .wrapper-ort,
form.buchung .wrapper-ort {
  display: flex;
  gap: 2rem;
}
form.anfrage .wrapper-ort .plz,
form.buchung .wrapper-ort .plz {
  width: 30%;
}
form.anfrage .wrapper-ort .ort,
form.buchung .wrapper-ort .ort {
  width: 70%;
}
form.anfrage input.hide,
form.anfrage label.hide,
form.buchung input.hide,
form.buchung label.hide {
  display: none;
}
form.anfrage label,
form.buchung label {
  background-color: transparent;
  padding: 1rem 1.2rem 1rem 0;
  position: relative;
  display: inline-block;
}
form.anfrage label span,
form.buchung label span {
  color: #333333;
  font-size: 2rem;
  padding-bottom: 1rem;
  position: absolute;
  top: 0;
  right: 0;
}
form.anfrage input,
form.anfrage textarea#Notes,
form.buchung input,
form.buchung textarea#Notes {
  padding: 3rem;
  width: 100%;
  border: none;
  color: #000000;
  margin-bottom: 2rem;
  font-size: 2rem;
}
form.anfrage #Fahrgemeinschaften1, form.anfrage #Fahrgemeinschaften2,
form.buchung #Fahrgemeinschaften1,
form.buchung #Fahrgemeinschaften2 {
  padding: 1.5rem;
  cursor: pointer;
}
form.anfrage textarea#Notes,
form.buchung textarea#Notes {
  min-height: 25rem;
  min-width: 100%;
}
form.anfrage label.show,
form.buchung label.show {
  display: block;
  font-weight: bold;
}
form.anfrage input.button,
form.buchung input.button {
  background-color: #000000;
  color: #ffffff;
  cursor: pointer;
  width: 30%;
  padding: 3rem;
  align-self: flex-end;
}
form.anfrage input.button:hover,
form.buchung input.button:hover {
  background-color: #333333;
}
form.anfrage input#Datenschutzerklärung1,
form.anfrage input#Bewerberpool1,
form.anfrage input#IsDataUsingAllowed,
form.anfrage input#Beratungstermin1,
form.anfrage input#Beratungstermin2,
form.anfrage input#Beratungstermin3,
form.anfrage input#Beratungstermin4,
form.anfrage input#Beratungstermin5,
form.buchung input#Datenschutzerklärung1,
form.buchung input#Bewerberpool1,
form.buchung input#IsDataUsingAllowed,
form.buchung input#Beratungstermin1,
form.buchung input#Beratungstermin2,
form.buchung input#Beratungstermin3,
form.buchung input#Beratungstermin4,
form.buchung input#Beratungstermin5 {
  width: 2rem;
  height: 2rem;
  margin: 0;
  font-size: 2rem;
}
@media (min-width: 1024px) {
  form.anfrage input#Datenschutzerklärung1,
  form.anfrage input#Bewerberpool1,
  form.anfrage input#IsDataUsingAllowed,
  form.anfrage input#Beratungstermin1,
  form.anfrage input#Beratungstermin2,
  form.anfrage input#Beratungstermin3,
  form.anfrage input#Beratungstermin4,
  form.anfrage input#Beratungstermin5,
  form.buchung input#Datenschutzerklärung1,
  form.buchung input#Bewerberpool1,
  form.buchung input#IsDataUsingAllowed,
  form.buchung input#Beratungstermin1,
  form.buchung input#Beratungstermin2,
  form.buchung input#Beratungstermin3,
  form.buchung input#Beratungstermin4,
  form.buchung input#Beratungstermin5 {
    float: left;
    margin-right: 3rem;
  }
}
form.anfrage .row,
form.buchung .row {
  display: flex;
  gap: 2rem;
  justify-content: flex-start;
  font-size: 2rem;
}
@media (min-width: 1024px) {
  form.anfrage .row,
  form.buchung .row {
    flex-direction: column;
    text-align: left;
    gap: 0;
  }
}
form.anfrage .row-reverse,
form.buchung .row-reverse {
  display: flex;
  gap: 2rem;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 2rem;
  font-size: 2rem;
}
@media (min-width: 1024px) {
  form.anfrage .row-reverse,
  form.buchung .row-reverse {
    display: inline-block;
    text-align: left;
  }
}
form.anfrage .row-reverse p,
form.buchung .row-reverse p {
  padding-bottom: 0;
}
form.anfrage input[type=radio],
form.buchung input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #000000;
  border-radius: 0%;
  position: relative;
  opacity: 1;
  width: auto;
  margin: 0 2rem;
  outline: none;
  width: 10px;
  height: 10px;
  border: 2px solid #ccc;
}
form.anfrage input[type=radio]:checked,
form.buchung input[type=radio]:checked {
  /* Hinzufügen eines Hintergrunds */
  background-color: #A5C4AA;
}

/* SVG Systempage */
svg#Capa_1 {
  width: 50px;
  float: left;
  margin-right: 2rem;
}

.hinweis-recaptcha {
  background-color: coral;
  color: #ffffff;
  padding: 3rem;
}
.hinweis-recaptcha p {
  margin-bottom: 2rem;
}

.placeholder {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 0px;
  background-color: #A5C4AA;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .tab {
    flex-direction: row;
  }
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 2rem;
  color: #ffffff;
  transition: 0.3s;
  width: 100%;
  font-size: 2rem;
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #69806C;
  color: #BDDDC2;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #69806C;
  color: #ffffff;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 0 0 5rem 0;
  border: 0px solid #ccc;
  border-top: none;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .tabcontent {
    flex-direction: row;
  }
}

nav.breadcrumb-container {
  grid-column: center-start/center-end;
  border-bottom: 2px solid #ead9cc;
  text-transform: uppercase;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding: 4rem 0 0;
  margin-bottom: 2rem;
  list-style: none;
  background-color: none;
  border-radius: 0;
}

.breadcrumb {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding: 0.95rem 0 0;
  margin-bottom: 1rem;
  list-style: none;
  background-color: none;
  border-radius: 0;
}
@media (min-width: 1024px) {
  .breadcrumb {
    font-size: 1.8rem;
  }
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.3rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.3rem;
  color: #000000;
  content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #999;
}

.row.filter {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  min-height: 5rem;
  grid-column: center-start/center-end;
  justify-content: left;
}

/* Dropdown Button */
.dropbtn {
  display: none;
}
@media (min-width: 1024px) {
  .dropbtn {
    text-align: left;
    display: block;
    width: 100%;
    background-color: #A5C4AA;
    color: #000000;
    padding: 2.1rem 3rem 1.5rem 3rem;
    font-size: 2.3rem;
    border: none;
    cursor: pointer;
  }
}

button.dropbtn:before {
  content: "+";
  color: #000000;
  font-weight: bold;
  float: left;
  margin-right: 10px;
  font-size: 4rem;
  margin-right: 10px;
  margin-top: -1rem;
}

button.dropbtn.active:before {
  content: "−";
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #A5C4AA;
  color: #000000;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  border: 3px solid #ffffff;
}
@media (min-width: 1024px) {
  .dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    border: 0px solid #000000;
  }
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  position: absolute;
  min-width: 160px;
  z-index: 1;
}
@media (min-width: 1024px) {
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
  display: block;
}

#filterBtnContainer {
  grid-column: center-start/center-end;
  text-align: center;
  margin: 0rem 0 0 0;
  width: 100%;
  justify-content: space-around;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 10;
  justify-content: flex-start;
  padding-bottom: 0rem;
}
@media (min-width: 1024px) {
  #filterBtnContainer {
    grid-column: center-start/center-end;
    text-align: center;
    margin: 0rem 0 0 0;
    width: 100%;
    justify-content: space-around;
    position: relative;
    z-index: 10;
    padding-bottom: 0rem;
  }
}
#filterBtnContainer button.btn.btn--filter.active {
  border-bottom: 0px solid #000000;
  background-color: #000000;
  color: #A5C4AA;
}
#filterBtnContainer .btn--filter {
  width: auto;
  border-right: 3px solid #ffffff;
  margin-bottom: 0.6rem;
  background-color: #A5C4AA;
}
#filterBtnContainer .btn--filter:hover {
  background-color: #ead9cc;
}
@media (min-width: 1024px) {
  #filterBtnContainer .btn--filter {
    width: 100%;
    border-right: 0px solid #000000;
    background-color: #ead9cc;
    color: #000000;
    margin-bottom: 0;
    border-bottom: 1px solid #ffffff;
  }
}
#filterBtnContainer .btn--filter:last-child {
  border-right: 0px solid #ffffff;
}
@media (min-width: 1024px) {
  #filterBtnContainer {
    flex-direction: column;
  }
}

.filterDiv {
  display: none; /* Hidden by default */
}

a.filterDiv {
  border-bottom: 0px solid #ead9cc;
}
a.filterDiv:hover {
  border-bottom: 0px solid #A5C4AA;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] {
  transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] {
  transition-delay: 0;
}
body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate {
  transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
  transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
  transition-delay: 0;
}
body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
  transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] {
  transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] {
  transition-delay: 0;
}
body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate {
  transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
  transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
  transition-delay: 0;
}
body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
  transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] {
  transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] {
  transition-delay: 0;
}
body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate {
  transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
  transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
  transition-delay: 0;
}
body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
  transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] {
  transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] {
  transition-delay: 0;
}
body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate {
  transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
  transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
  transition-delay: 0;
}
body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
  transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] {
  transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] {
  transition-delay: 0;
}
body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate {
  transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
  transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
  transition-delay: 0;
}
body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
  transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] {
  transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] {
  transition-delay: 0;
}
body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate {
  transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
  transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
  transition-delay: 0;
}
body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
  transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] {
  transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] {
  transition-delay: 0;
}
body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate {
  transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
  transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
  transition-delay: 0;
}
body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
  transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] {
  transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] {
  transition-delay: 0;
}
body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate {
  transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] {
  transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] {
  transition-delay: 0;
}
body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate {
  transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] {
  transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] {
  transition-delay: 0;
}
body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate {
  transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] {
  transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] {
  transition-delay: 0;
}
body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate {
  transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] {
  transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] {
  transition-delay: 0;
}
body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate {
  transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
  transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] {
  transition-delay: 0;
}
body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
  transition-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] {
  transition-duration: 1050ms;
}
body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] {
  transition-delay: 0;
}
body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate {
  transition-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] {
  transition-duration: 1100ms;
}
body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] {
  transition-delay: 0;
}
body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
  transition-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] {
  transition-duration: 1150ms;
}
body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] {
  transition-delay: 0;
}
body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate {
  transition-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] {
  transition-duration: 1200ms;
}
body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] {
  transition-delay: 0;
}
body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate {
  transition-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] {
  transition-duration: 1250ms;
}
body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] {
  transition-delay: 0;
}
body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate {
  transition-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] {
  transition-duration: 1300ms;
}
body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] {
  transition-delay: 0;
}
body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate {
  transition-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] {
  transition-duration: 1350ms;
}
body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] {
  transition-delay: 0;
}
body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate {
  transition-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] {
  transition-duration: 1400ms;
}
body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] {
  transition-delay: 0;
}
body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate {
  transition-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] {
  transition-duration: 1450ms;
}
body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] {
  transition-delay: 0;
}
body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate {
  transition-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] {
  transition-duration: 1500ms;
}
body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] {
  transition-delay: 0;
}
body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate {
  transition-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] {
  transition-duration: 1550ms;
}
body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] {
  transition-delay: 0;
}
body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate {
  transition-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] {
  transition-duration: 1600ms;
}
body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] {
  transition-delay: 0;
}
body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate {
  transition-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] {
  transition-duration: 1650ms;
}
body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] {
  transition-delay: 0;
}
body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate {
  transition-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] {
  transition-duration: 1700ms;
}
body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] {
  transition-delay: 0;
}
body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate {
  transition-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] {
  transition-duration: 1750ms;
}
body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] {
  transition-delay: 0;
}
body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate {
  transition-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] {
  transition-duration: 1800ms;
}
body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] {
  transition-delay: 0;
}
body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate {
  transition-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] {
  transition-duration: 1850ms;
}
body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] {
  transition-delay: 0;
}
body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate {
  transition-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] {
  transition-duration: 1900ms;
}
body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] {
  transition-delay: 0;
}
body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate {
  transition-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] {
  transition-duration: 1950ms;
}
body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] {
  transition-delay: 0;
}
body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate {
  transition-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] {
  transition-duration: 2000ms;
}
body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] {
  transition-delay: 0;
}
body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate {
  transition-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] {
  transition-duration: 2050ms;
}
body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] {
  transition-delay: 0;
}
body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate {
  transition-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] {
  transition-duration: 2100ms;
}
body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] {
  transition-delay: 0;
}
body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate {
  transition-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] {
  transition-duration: 2150ms;
}
body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] {
  transition-delay: 0;
}
body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate {
  transition-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] {
  transition-duration: 2200ms;
}
body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] {
  transition-delay: 0;
}
body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate {
  transition-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] {
  transition-duration: 2250ms;
}
body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] {
  transition-delay: 0;
}
body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate {
  transition-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] {
  transition-duration: 2300ms;
}
body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] {
  transition-delay: 0;
}
body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate {
  transition-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] {
  transition-duration: 2350ms;
}
body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] {
  transition-delay: 0;
}
body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate {
  transition-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] {
  transition-duration: 2400ms;
}
body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] {
  transition-delay: 0;
}
body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate {
  transition-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] {
  transition-duration: 2450ms;
}
body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] {
  transition-delay: 0;
}
body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate {
  transition-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] {
  transition-duration: 2500ms;
}
body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] {
  transition-delay: 0;
}
body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate {
  transition-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] {
  transition-duration: 2550ms;
}
body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] {
  transition-delay: 0;
}
body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate {
  transition-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] {
  transition-duration: 2600ms;
}
body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] {
  transition-delay: 0;
}
body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate {
  transition-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] {
  transition-duration: 2650ms;
}
body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] {
  transition-delay: 0;
}
body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate {
  transition-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] {
  transition-duration: 2700ms;
}
body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] {
  transition-delay: 0;
}
body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate {
  transition-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] {
  transition-duration: 2750ms;
}
body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] {
  transition-delay: 0;
}
body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate {
  transition-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] {
  transition-duration: 2800ms;
}
body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] {
  transition-delay: 0;
}
body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate {
  transition-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] {
  transition-duration: 2850ms;
}
body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] {
  transition-delay: 0;
}
body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate {
  transition-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] {
  transition-duration: 2900ms;
}
body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] {
  transition-delay: 0;
}
body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate {
  transition-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] {
  transition-duration: 2950ms;
}
body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] {
  transition-delay: 0;
}
body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate {
  transition-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] {
  transition-duration: 3000ms;
}
body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] {
  transition-delay: 0;
}
body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate {
  transition-delay: 3000ms;
}

body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] {
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

/**
 * Slide animations
 */
[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translate3d(0, 0, 0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

section.intro {
  background-color: #A5C4AA;
  position: relative;
}
section.intro .stage2 {
  width: 90%;
  margin: auto;
}
section.intro .stage2 .content {
  padding: 5rem 3rem;
  color: #ffffff;
}
@media (min-width: 1280px) {
  section.intro .stage2 .content {
    padding: 5vh;
  }
}
@media (min-width: 1920px) {
  section.intro .stage2 .content {
    padding: 10vh;
  }
}
section.intro .stage2 img {
  margin-top: -10rem;
  border: solid 10px #ffffff;
  overflow: hidden;
  background-color: #A5C4AA;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: center;
}
@media (min-width: 1280px) {
  section.intro .stage2 img {
    border: solid 15px #ffffff;
  }
}
@media (min-width: 1920px) {
  section.intro .stage2 img {
    border: solid 30px #ffffff;
  }
}

.galerie {
  position: relative;
  line-height: 0;
  /* When you mouse over the container, fade in the overlay icon*/
  /* The icon inside the overlay is positioned in the middle vertically and horizontally */
}
.galerie .overlay-buttons {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.3s ease;
  background: rgba(255, 255, 255, 0.5);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}
.galerie .overlay-buttons p {
  font-size: 2rem;
}
.galerie:hover .overlay-buttons {
  opacity: 1;
}
.galerie .title {
  margin: 0 auto;
  font-weight: 400;
  color: #000000;
  padding: 2rem;
  margin-bottom: 1rem;
  text-align: center;
  border-bottom: 1px solid #000000;
}
.galerie h4 {
  font-weight: 400;
}
.galerie .center {
  display: flex;
  margin: 0 auto;
}
.galerie .buttons {
  color: #000000;
  font-weight: 400;
  align-self: center;
  text-decoration: none;
  text-align: center;
  font-size: 5rem;
}
.galerie .buttons:hover {
  text-decoration: underline;
}

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