@charset "UTF-8";
/*
Theme Name: EHBO
Author: Bidogo
Version: 1.0
*/
@font-face {
  font-family: Lumberjack;
  src: url(../fonts/lumberjack/Lumberjack.otf);
}
@font-face {
  font-family: Gantari;
  src: url(../fonts/gantari/Gantari-VariableFont_wght.ttf);
}
@font-face {
  font-family: Gantari;
  src: url(../fonts/gantari/Gantari-Italic-VariableFont_wght.ttf);
  font-style: italic;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Lumberjack, sans-serif;
}

.paars, .purple {
  color: #63227D;
}

.oranje, .orange {
  color: #FA7D29;
}

.purpleback {
  background-color: #63227D !important;
  color: white;
}
.purpleback.wavey, .purpleback.wavetop, .purpleback.wavebottom {
  position: relative;
}
.purpleback.wavey::before, .purpleback.wavey::after, .purpleback.wavetop::before, .purpleback.wavetop::after, .purpleback.wavebottom::before, .purpleback.wavebottom::after {
  position: absolute;
  left: 0%;
  width: 100vw;
  height: 50px;
  z-index: 2;
  display: block;
  pointer-events: none;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center top;
}
@media (max-width: 576px) {
  .purpleback.wavey::before, .purpleback.wavey::after, .purpleback.wavetop::before, .purpleback.wavetop::after, .purpleback.wavebottom::before, .purpleback.wavebottom::after {
    height: 25px;
  }
}
.purpleback.wavey.wavey:not(:first-child)::before, .purpleback.wavey.wavetop:not(:first-child)::before, .purpleback.wavey.wavey:not(:last-child)::after, .purpleback.wavey.wavebottom:not(:last-child)::after, .purpleback.wavetop.wavey:not(:first-child)::before, .purpleback.wavetop.wavetop:not(:first-child)::before, .purpleback.wavetop.wavey:not(:last-child)::after, .purpleback.wavetop.wavebottom:not(:last-child)::after, .purpleback.wavebottom.wavey:not(:first-child)::before, .purpleback.wavebottom.wavetop:not(:first-child)::before, .purpleback.wavebottom.wavey:not(:last-child)::after, .purpleback.wavebottom.wavebottom:not(:last-child)::after {
  content: "";
}
.purpleback.wavey.wavey::before, .purpleback.wavey.wavetop::before, .purpleback.wavetop.wavey::before, .purpleback.wavetop.wavetop::before, .purpleback.wavebottom.wavey::before, .purpleback.wavebottom.wavetop::before {
  color: #63227D;
  top: -49px;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'><path fill='%2363227D' d='M0 128l34.3 5.3c34.3 5.7 102.7 15.7 171.7 0C274.3 117 343 75 411 85.3c69 10.7 138 74.7 206 106.7 68.7 32 137.3 32 206 21.3 68.4-10.3 137-32.3 206-58.6 68.1-26.7 136.9-58.7 205.8-74.7C1302.9 64 1371 64 1406 64h34v256h-34.3c-34.3 0-102.7 0-171.7 0-68.3 0-137 0-205.7 0-68.7 0-137.3 0-206 0-68.4 0-137 0-206 0-68.1 0-136.1 0-171.8 0H0z'/></svg>")  !important;
}
@media (max-width: 576px) {
  .purpleback.wavey.wavey::before, .purpleback.wavey.wavetop::before, .purpleback.wavetop.wavey::before, .purpleback.wavetop.wavetop::before, .purpleback.wavebottom.wavey::before, .purpleback.wavebottom.wavetop::before {
    top: -24px;
  }
}
.purpleback.wavey.wavey::after, .purpleback.wavey.wavebottom::after, .purpleback.wavetop.wavey::after, .purpleback.wavetop.wavebottom::after, .purpleback.wavebottom.wavey::after, .purpleback.wavebottom.wavebottom::after {
  bottom: -49px;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'><path fill='%2363227D' d='M0 128l34.3 5.3c34.3 5.7 102.7 15.7 171.7 0C274.3 117 343 75 411 85.3c69 10.7 138 74.7 206 106.7 68.7 32 137.3 32 206 21.3 68.4-10.3 137-32.3 206-58.6 68.1-26.7 136.9-58.7 205.8-74.7C1302.9 64 1371 64 1406 64h34V0h-34.3C1371.4 0 1303 0 1234 0c-68.3 0-137 0-205.7 0-68.7 0-137.3 0-206 0-68.4 0-137 0-206 0-68.1 0-136.1 0-171.8 0H0z'/></svg>")  !important;
}
@media (max-width: 576px) {
  .purpleback.wavey.wavey::after, .purpleback.wavey.wavebottom::after, .purpleback.wavetop.wavey::after, .purpleback.wavetop.wavebottom::after, .purpleback.wavebottom.wavey::after, .purpleback.wavebottom.wavebottom::after {
    bottom: -24px;
  }
}
.purpleback.wavey.bigwave::before, .purpleback.wavey.bigwave::after, .purpleback.wavetop.bigwave::before, .purpleback.wavetop.bigwave::after, .purpleback.wavebottom.bigwave::before, .purpleback.wavebottom.bigwave::after {
  height: 100px !important;
}
.purpleback.wavey.bigwave::before, .purpleback.wavetop.bigwave::before, .purpleback.wavebottom.bigwave::before {
  top: -99px !important;
}
.purpleback.wavey.bigwave::after, .purpleback.wavetop.bigwave::after, .purpleback.wavebottom.bigwave::after {
  bottom: -99px !important;
}
@media (max-width: 576px) {
  .purpleback.wavey.bigwave::before, .purpleback.wavey.bigwave::after, .purpleback.wavetop.bigwave::before, .purpleback.wavetop.bigwave::after, .purpleback.wavebottom.bigwave::before, .purpleback.wavebottom.bigwave::after {
    height: 50px !important;
  }
  .purpleback.wavey.bigwave::before, .purpleback.wavetop.bigwave::before, .purpleback.wavebottom.bigwave::before {
    top: -49px !important;
  }
  .purpleback.wavey.bigwave::after, .purpleback.wavetop.bigwave::after, .purpleback.wavebottom.bigwave::after {
    bottom: -49px !important;
  }
}

.orangeback {
  background-color: #FA7D29 !important;
  color: white;
}
.orangeback.wavey, .orangeback.wavetop, .orangeback.wavebottom {
  position: relative;
}
.orangeback.wavey::before, .orangeback.wavey::after, .orangeback.wavetop::before, .orangeback.wavetop::after, .orangeback.wavebottom::before, .orangeback.wavebottom::after {
  position: absolute;
  left: 0%;
  width: 100vw;
  height: 50px;
  z-index: 2;
  display: block;
  pointer-events: none;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center top;
}
@media (max-width: 576px) {
  .orangeback.wavey::before, .orangeback.wavey::after, .orangeback.wavetop::before, .orangeback.wavetop::after, .orangeback.wavebottom::before, .orangeback.wavebottom::after {
    height: 25px;
  }
}
.orangeback.wavey.wavey:not(:first-child)::before, .orangeback.wavey.wavetop:not(:first-child)::before, .orangeback.wavey.wavey:not(:last-child)::after, .orangeback.wavey.wavebottom:not(:last-child)::after, .orangeback.wavetop.wavey:not(:first-child)::before, .orangeback.wavetop.wavetop:not(:first-child)::before, .orangeback.wavetop.wavey:not(:last-child)::after, .orangeback.wavetop.wavebottom:not(:last-child)::after, .orangeback.wavebottom.wavey:not(:first-child)::before, .orangeback.wavebottom.wavetop:not(:first-child)::before, .orangeback.wavebottom.wavey:not(:last-child)::after, .orangeback.wavebottom.wavebottom:not(:last-child)::after {
  content: "";
}
.orangeback.wavey.wavey::before, .orangeback.wavey.wavetop::before, .orangeback.wavetop.wavey::before, .orangeback.wavetop.wavetop::before, .orangeback.wavebottom.wavey::before, .orangeback.wavebottom.wavetop::before {
  color: #FA7D29;
  top: -49px;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'><path fill='%23FA7D29' d='M0 128l34.3 5.3c34.3 5.7 102.7 15.7 171.7 0C274.3 117 343 75 411 85.3c69 10.7 138 74.7 206 106.7 68.7 32 137.3 32 206 21.3 68.4-10.3 137-32.3 206-58.6 68.1-26.7 136.9-58.7 205.8-74.7C1302.9 64 1371 64 1406 64h34v256h-34.3c-34.3 0-102.7 0-171.7 0-68.3 0-137 0-205.7 0-68.7 0-137.3 0-206 0-68.4 0-137 0-206 0-68.1 0-136.1 0-171.8 0H0z'/></svg>")  !important;
}
@media (max-width: 576px) {
  .orangeback.wavey.wavey::before, .orangeback.wavey.wavetop::before, .orangeback.wavetop.wavey::before, .orangeback.wavetop.wavetop::before, .orangeback.wavebottom.wavey::before, .orangeback.wavebottom.wavetop::before {
    top: -24px;
  }
}
.orangeback.wavey.wavey::after, .orangeback.wavey.wavebottom::after, .orangeback.wavetop.wavey::after, .orangeback.wavetop.wavebottom::after, .orangeback.wavebottom.wavey::after, .orangeback.wavebottom.wavebottom::after {
  bottom: -49px;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'><path fill='%23FA7D29' d='M0 128l34.3 5.3c34.3 5.7 102.7 15.7 171.7 0C274.3 117 343 75 411 85.3c69 10.7 138 74.7 206 106.7 68.7 32 137.3 32 206 21.3 68.4-10.3 137-32.3 206-58.6 68.1-26.7 136.9-58.7 205.8-74.7C1302.9 64 1371 64 1406 64h34V0h-34.3C1371.4 0 1303 0 1234 0c-68.3 0-137 0-205.7 0-68.7 0-137.3 0-206 0-68.4 0-137 0-206 0-68.1 0-136.1 0-171.8 0H0z'/></svg>")  !important;
}
@media (max-width: 576px) {
  .orangeback.wavey.wavey::after, .orangeback.wavey.wavebottom::after, .orangeback.wavetop.wavey::after, .orangeback.wavetop.wavebottom::after, .orangeback.wavebottom.wavey::after, .orangeback.wavebottom.wavebottom::after {
    bottom: -24px;
  }
}
.orangeback.wavey.bigwave::before, .orangeback.wavey.bigwave::after, .orangeback.wavetop.bigwave::before, .orangeback.wavetop.bigwave::after, .orangeback.wavebottom.bigwave::before, .orangeback.wavebottom.bigwave::after {
  height: 100px !important;
}
.orangeback.wavey.bigwave::before, .orangeback.wavetop.bigwave::before, .orangeback.wavebottom.bigwave::before {
  top: -99px !important;
}
.orangeback.wavey.bigwave::after, .orangeback.wavetop.bigwave::after, .orangeback.wavebottom.bigwave::after {
  bottom: -99px !important;
}
@media (max-width: 576px) {
  .orangeback.wavey.bigwave::before, .orangeback.wavey.bigwave::after, .orangeback.wavetop.bigwave::before, .orangeback.wavetop.bigwave::after, .orangeback.wavebottom.bigwave::before, .orangeback.wavebottom.bigwave::after {
    height: 50px !important;
  }
  .orangeback.wavey.bigwave::before, .orangeback.wavetop.bigwave::before, .orangeback.wavebottom.bigwave::before {
    top: -49px !important;
  }
  .orangeback.wavey.bigwave::after, .orangeback.wavetop.bigwave::after, .orangeback.wavebottom.bigwave::after {
    bottom: -49px !important;
  }
}

.wp-block-button__link {
  background-color: #63227D;
}

.topmarg {
  margin-top: 4rem;
}

.botmarg {
  margin-bottom: 4rem;
}

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

html, body {
  height: 100%;
}

.c75 img {
  object-fit: cover;
  object-position: center 75%;
}

.c25 img {
  object-fit: cover;
  object-position: center 25%;
}

.c33 img {
  object-fit: cover;
  object-position: center 33%;
}

.c0 img {
  object-fit: cover;
  object-position: center top;
}

body {
  display: flex;
  flex-direction: column;
  background-color: #63227D;
  font-family: Gantari, Arial, sans-serif;
  font-size: x-large;
}
body > #page {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
body > #page > header a, body > #page > footer a {
  color: #ffd8bf;
  text-decoration: none;
  transition: color 0.3s;
}
body > #page > header a:hover, body > #page > footer a:hover {
  color: #FA7D29;
}
body > #page > header {
  background-color: #63227D;
  color: white;
  position: sticky;
  top: 0;
  z-index: 10;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 10px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  height: 112px;
  transition: height 0.3s ease;
  overflow: hidden;
}
@media (max-width: 768px) {
  body > #page > header:has(> .active) {
    height: 100vh;
  }
}
body > #page > header > div {
  padding: 0.5rem 2rem;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
}
@media (max-width: 768px) {
  body > #page > header > div #site-navigation {
    display: none;
  }
  body > #page > header > div .icons > div > div {
    transition: background-color 0.3s ease;
  }
  body > #page > header > div .icons > div:hover > div {
    background-color: #ffd8bf;
  }
  body > #page > header > div .icons .cross {
    display: none;
  }
  body > #page > header > div .icons .hamburger {
    display: flex;
  }
  body > #page > header > div.active {
    flex-wrap: wrap;
    gap: 0;
  }
  body > #page > header > div.active .site-branding {
    order: 1;
  }
  body > #page > header > div.active .icons {
    order: 2;
  }
  body > #page > header > div.active .icons .hamburger {
    display: none;
  }
  body > #page > header > div.active .icons .cross {
    display: block;
  }
  body > #page > header > div.active #site-navigation {
    display: flex;
    order: 3;
    width: 100%;
    height: 100vh;
    margin-top: -112px;
  }
  body > #page > header > div.active #site-navigation #primary-menu {
    justify-content: center;
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  body > #page > header > div .icons > * {
    display: none;
  }
  body > #page > header > div #site-navigation {
    display: flex;
  }
}
body > #page > header > div #site-navigation {
  justify-content: center;
}
body > #page > header > div ul#primary-menu {
  height: 100%;
  display: flex;
  gap: 2rem;
  list-style: none;
  align-items: center;
  flex-wrap: wrap;
}
body > #page > header > div ul#primary-menu a {
  font-family: Lumberjack, sans-serif;
  color: white;
}
body > #page > header > div ul#primary-menu a:hover {
  color: #ffd8bf;
}
body > #page > header img {
  width: 90px;
  height: auto;
}
body > #page > main {
  flex-grow: 1;
  max-width: 100%;
  overflow-x: hidden;
}
body > #page > main .entry-content > * {
  background-color: white;
}
body > #page > main .entry-content > *.wavey, body > #page > main .entry-content > *.wavetop, body > #page > main .entry-content > *.wavebottom {
  position: relative;
}
body > #page > main .entry-content > *.wavey::before, body > #page > main .entry-content > *.wavey::after, body > #page > main .entry-content > *.wavetop::before, body > #page > main .entry-content > *.wavetop::after, body > #page > main .entry-content > *.wavebottom::before, body > #page > main .entry-content > *.wavebottom::after {
  position: absolute;
  left: 0%;
  width: 100vw;
  height: 50px;
  z-index: 2;
  display: block;
  pointer-events: none;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center top;
}
@media (max-width: 576px) {
  body > #page > main .entry-content > *.wavey::before, body > #page > main .entry-content > *.wavey::after, body > #page > main .entry-content > *.wavetop::before, body > #page > main .entry-content > *.wavetop::after, body > #page > main .entry-content > *.wavebottom::before, body > #page > main .entry-content > *.wavebottom::after {
    height: 25px;
  }
}
body > #page > main .entry-content > *.wavey.wavey:not(:first-child)::before, body > #page > main .entry-content > *.wavey.wavetop:not(:first-child)::before, body > #page > main .entry-content > *.wavey.wavey:not(:last-child)::after, body > #page > main .entry-content > *.wavey.wavebottom:not(:last-child)::after, body > #page > main .entry-content > *.wavetop.wavey:not(:first-child)::before, body > #page > main .entry-content > *.wavetop.wavetop:not(:first-child)::before, body > #page > main .entry-content > *.wavetop.wavey:not(:last-child)::after, body > #page > main .entry-content > *.wavetop.wavebottom:not(:last-child)::after, body > #page > main .entry-content > *.wavebottom.wavey:not(:first-child)::before, body > #page > main .entry-content > *.wavebottom.wavetop:not(:first-child)::before, body > #page > main .entry-content > *.wavebottom.wavey:not(:last-child)::after, body > #page > main .entry-content > *.wavebottom.wavebottom:not(:last-child)::after {
  content: "";
}
body > #page > main .entry-content > *.wavey.wavey::before, body > #page > main .entry-content > *.wavey.wavetop::before, body > #page > main .entry-content > *.wavetop.wavey::before, body > #page > main .entry-content > *.wavetop.wavetop::before, body > #page > main .entry-content > *.wavebottom.wavey::before, body > #page > main .entry-content > *.wavebottom.wavetop::before {
  color: #FFFFFF;
  top: -49px;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'><path fill='%23FFFFFF' d='M0 128l34.3 5.3c34.3 5.7 102.7 15.7 171.7 0C274.3 117 343 75 411 85.3c69 10.7 138 74.7 206 106.7 68.7 32 137.3 32 206 21.3 68.4-10.3 137-32.3 206-58.6 68.1-26.7 136.9-58.7 205.8-74.7C1302.9 64 1371 64 1406 64h34v256h-34.3c-34.3 0-102.7 0-171.7 0-68.3 0-137 0-205.7 0-68.7 0-137.3 0-206 0-68.4 0-137 0-206 0-68.1 0-136.1 0-171.8 0H0z'/></svg>");
}
@media (max-width: 576px) {
  body > #page > main .entry-content > *.wavey.wavey::before, body > #page > main .entry-content > *.wavey.wavetop::before, body > #page > main .entry-content > *.wavetop.wavey::before, body > #page > main .entry-content > *.wavetop.wavetop::before, body > #page > main .entry-content > *.wavebottom.wavey::before, body > #page > main .entry-content > *.wavebottom.wavetop::before {
    top: -24px;
  }
}
body > #page > main .entry-content > *.wavey.wavey::after, body > #page > main .entry-content > *.wavey.wavebottom::after, body > #page > main .entry-content > *.wavetop.wavey::after, body > #page > main .entry-content > *.wavetop.wavebottom::after, body > #page > main .entry-content > *.wavebottom.wavey::after, body > #page > main .entry-content > *.wavebottom.wavebottom::after {
  bottom: -49px;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'><path fill='%23FFFFFF' d='M0 128l34.3 5.3c34.3 5.7 102.7 15.7 171.7 0C274.3 117 343 75 411 85.3c69 10.7 138 74.7 206 106.7 68.7 32 137.3 32 206 21.3 68.4-10.3 137-32.3 206-58.6 68.1-26.7 136.9-58.7 205.8-74.7C1302.9 64 1371 64 1406 64h34V0h-34.3C1371.4 0 1303 0 1234 0c-68.3 0-137 0-205.7 0-68.7 0-137.3 0-206 0-68.4 0-137 0-206 0-68.1 0-136.1 0-171.8 0H0z'/></svg>");
}
@media (max-width: 576px) {
  body > #page > main .entry-content > *.wavey.wavey::after, body > #page > main .entry-content > *.wavey.wavebottom::after, body > #page > main .entry-content > *.wavetop.wavey::after, body > #page > main .entry-content > *.wavetop.wavebottom::after, body > #page > main .entry-content > *.wavebottom.wavey::after, body > #page > main .entry-content > *.wavebottom.wavebottom::after {
    bottom: -24px;
  }
}
body > #page > main .entry-content > *.wavey.bigwave::before, body > #page > main .entry-content > *.wavey.bigwave::after, body > #page > main .entry-content > *.wavetop.bigwave::before, body > #page > main .entry-content > *.wavetop.bigwave::after, body > #page > main .entry-content > *.wavebottom.bigwave::before, body > #page > main .entry-content > *.wavebottom.bigwave::after {
  height: 100px !important;
}
body > #page > main .entry-content > *.wavey.bigwave::before, body > #page > main .entry-content > *.wavetop.bigwave::before, body > #page > main .entry-content > *.wavebottom.bigwave::before {
  top: -99px !important;
}
body > #page > main .entry-content > *.wavey.bigwave::after, body > #page > main .entry-content > *.wavetop.bigwave::after, body > #page > main .entry-content > *.wavebottom.bigwave::after {
  bottom: -99px !important;
}
@media (max-width: 576px) {
  body > #page > main .entry-content > *.wavey.bigwave::before, body > #page > main .entry-content > *.wavey.bigwave::after, body > #page > main .entry-content > *.wavetop.bigwave::before, body > #page > main .entry-content > *.wavetop.bigwave::after, body > #page > main .entry-content > *.wavebottom.bigwave::before, body > #page > main .entry-content > *.wavebottom.bigwave::after {
    height: 50px !important;
  }
  body > #page > main .entry-content > *.wavey.bigwave::before, body > #page > main .entry-content > *.wavetop.bigwave::before, body > #page > main .entry-content > *.wavebottom.bigwave::before {
    top: -49px !important;
  }
  body > #page > main .entry-content > *.wavey.bigwave::after, body > #page > main .entry-content > *.wavetop.bigwave::after, body > #page > main .entry-content > *.wavebottom.bigwave::after {
    bottom: -49px !important;
  }
}
body > #page > main .entry-content > *:nth-child(4n) {
  background-color: #f7ecfc;
}
body > #page > main .entry-content > *:nth-child(4n).wavey, body > #page > main .entry-content > *:nth-child(4n).wavetop, body > #page > main .entry-content > *:nth-child(4n).wavebottom {
  position: relative;
}
body > #page > main .entry-content > *:nth-child(4n).wavey::before, body > #page > main .entry-content > *:nth-child(4n).wavey::after, body > #page > main .entry-content > *:nth-child(4n).wavetop::before, body > #page > main .entry-content > *:nth-child(4n).wavetop::after, body > #page > main .entry-content > *:nth-child(4n).wavebottom::before, body > #page > main .entry-content > *:nth-child(4n).wavebottom::after {
  position: absolute;
  left: 0%;
  width: 100vw;
  height: 50px;
  z-index: 2;
  display: block;
  pointer-events: none;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center top;
}
@media (max-width: 576px) {
  body > #page > main .entry-content > *:nth-child(4n).wavey::before, body > #page > main .entry-content > *:nth-child(4n).wavey::after, body > #page > main .entry-content > *:nth-child(4n).wavetop::before, body > #page > main .entry-content > *:nth-child(4n).wavetop::after, body > #page > main .entry-content > *:nth-child(4n).wavebottom::before, body > #page > main .entry-content > *:nth-child(4n).wavebottom::after {
    height: 25px;
  }
}
body > #page > main .entry-content > *:nth-child(4n).wavey.wavey:not(:first-child)::before, body > #page > main .entry-content > *:nth-child(4n).wavey.wavetop:not(:first-child)::before, body > #page > main .entry-content > *:nth-child(4n).wavey.wavey:not(:last-child)::after, body > #page > main .entry-content > *:nth-child(4n).wavey.wavebottom:not(:last-child)::after, body > #page > main .entry-content > *:nth-child(4n).wavetop.wavey:not(:first-child)::before, body > #page > main .entry-content > *:nth-child(4n).wavetop.wavetop:not(:first-child)::before, body > #page > main .entry-content > *:nth-child(4n).wavetop.wavey:not(:last-child)::after, body > #page > main .entry-content > *:nth-child(4n).wavetop.wavebottom:not(:last-child)::after, body > #page > main .entry-content > *:nth-child(4n).wavebottom.wavey:not(:first-child)::before, body > #page > main .entry-content > *:nth-child(4n).wavebottom.wavetop:not(:first-child)::before, body > #page > main .entry-content > *:nth-child(4n).wavebottom.wavey:not(:last-child)::after, body > #page > main .entry-content > *:nth-child(4n).wavebottom.wavebottom:not(:last-child)::after {
  content: "";
}
body > #page > main .entry-content > *:nth-child(4n).wavey.wavey::before, body > #page > main .entry-content > *:nth-child(4n).wavey.wavetop::before, body > #page > main .entry-content > *:nth-child(4n).wavetop.wavey::before, body > #page > main .entry-content > *:nth-child(4n).wavetop.wavetop::before, body > #page > main .entry-content > *:nth-child(4n).wavebottom.wavey::before, body > #page > main .entry-content > *:nth-child(4n).wavebottom.wavetop::before {
  color: #f7ecfc;
  top: -49px;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'><path fill='%23f7ecfc' d='M0 128l34.3 5.3c34.3 5.7 102.7 15.7 171.7 0C274.3 117 343 75 411 85.3c69 10.7 138 74.7 206 106.7 68.7 32 137.3 32 206 21.3 68.4-10.3 137-32.3 206-58.6 68.1-26.7 136.9-58.7 205.8-74.7C1302.9 64 1371 64 1406 64h34v256h-34.3c-34.3 0-102.7 0-171.7 0-68.3 0-137 0-205.7 0-68.7 0-137.3 0-206 0-68.4 0-137 0-206 0-68.1 0-136.1 0-171.8 0H0z'/></svg>");
}
@media (max-width: 576px) {
  body > #page > main .entry-content > *:nth-child(4n).wavey.wavey::before, body > #page > main .entry-content > *:nth-child(4n).wavey.wavetop::before, body > #page > main .entry-content > *:nth-child(4n).wavetop.wavey::before, body > #page > main .entry-content > *:nth-child(4n).wavetop.wavetop::before, body > #page > main .entry-content > *:nth-child(4n).wavebottom.wavey::before, body > #page > main .entry-content > *:nth-child(4n).wavebottom.wavetop::before {
    top: -24px;
  }
}
body > #page > main .entry-content > *:nth-child(4n).wavey.wavey::after, body > #page > main .entry-content > *:nth-child(4n).wavey.wavebottom::after, body > #page > main .entry-content > *:nth-child(4n).wavetop.wavey::after, body > #page > main .entry-content > *:nth-child(4n).wavetop.wavebottom::after, body > #page > main .entry-content > *:nth-child(4n).wavebottom.wavey::after, body > #page > main .entry-content > *:nth-child(4n).wavebottom.wavebottom::after {
  bottom: -49px;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'><path fill='%23f7ecfc' d='M0 128l34.3 5.3c34.3 5.7 102.7 15.7 171.7 0C274.3 117 343 75 411 85.3c69 10.7 138 74.7 206 106.7 68.7 32 137.3 32 206 21.3 68.4-10.3 137-32.3 206-58.6 68.1-26.7 136.9-58.7 205.8-74.7C1302.9 64 1371 64 1406 64h34V0h-34.3C1371.4 0 1303 0 1234 0c-68.3 0-137 0-205.7 0-68.7 0-137.3 0-206 0-68.4 0-137 0-206 0-68.1 0-136.1 0-171.8 0H0z'/></svg>");
}
@media (max-width: 576px) {
  body > #page > main .entry-content > *:nth-child(4n).wavey.wavey::after, body > #page > main .entry-content > *:nth-child(4n).wavey.wavebottom::after, body > #page > main .entry-content > *:nth-child(4n).wavetop.wavey::after, body > #page > main .entry-content > *:nth-child(4n).wavetop.wavebottom::after, body > #page > main .entry-content > *:nth-child(4n).wavebottom.wavey::after, body > #page > main .entry-content > *:nth-child(4n).wavebottom.wavebottom::after {
    bottom: -24px;
  }
}
body > #page > main .entry-content > *:nth-child(4n).wavey.bigwave::before, body > #page > main .entry-content > *:nth-child(4n).wavey.bigwave::after, body > #page > main .entry-content > *:nth-child(4n).wavetop.bigwave::before, body > #page > main .entry-content > *:nth-child(4n).wavetop.bigwave::after, body > #page > main .entry-content > *:nth-child(4n).wavebottom.bigwave::before, body > #page > main .entry-content > *:nth-child(4n).wavebottom.bigwave::after {
  height: 100px !important;
}
body > #page > main .entry-content > *:nth-child(4n).wavey.bigwave::before, body > #page > main .entry-content > *:nth-child(4n).wavetop.bigwave::before, body > #page > main .entry-content > *:nth-child(4n).wavebottom.bigwave::before {
  top: -99px !important;
}
body > #page > main .entry-content > *:nth-child(4n).wavey.bigwave::after, body > #page > main .entry-content > *:nth-child(4n).wavetop.bigwave::after, body > #page > main .entry-content > *:nth-child(4n).wavebottom.bigwave::after {
  bottom: -99px !important;
}
@media (max-width: 576px) {
  body > #page > main .entry-content > *:nth-child(4n).wavey.bigwave::before, body > #page > main .entry-content > *:nth-child(4n).wavey.bigwave::after, body > #page > main .entry-content > *:nth-child(4n).wavetop.bigwave::before, body > #page > main .entry-content > *:nth-child(4n).wavetop.bigwave::after, body > #page > main .entry-content > *:nth-child(4n).wavebottom.bigwave::before, body > #page > main .entry-content > *:nth-child(4n).wavebottom.bigwave::after {
    height: 50px !important;
  }
  body > #page > main .entry-content > *:nth-child(4n).wavey.bigwave::before, body > #page > main .entry-content > *:nth-child(4n).wavetop.bigwave::before, body > #page > main .entry-content > *:nth-child(4n).wavebottom.bigwave::before {
    top: -49px !important;
  }
  body > #page > main .entry-content > *:nth-child(4n).wavey.bigwave::after, body > #page > main .entry-content > *:nth-child(4n).wavetop.bigwave::after, body > #page > main .entry-content > *:nth-child(4n).wavebottom.bigwave::after {
    bottom: -49px !important;
  }
}
body > #page > main .entry-content > *:nth-child(4n+2) {
  background-color: #fcf5f0;
}
body > #page > main .entry-content > *:nth-child(4n+2).wavey, body > #page > main .entry-content > *:nth-child(4n+2).wavetop, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom {
  position: relative;
}
body > #page > main .entry-content > *:nth-child(4n+2).wavey::before, body > #page > main .entry-content > *:nth-child(4n+2).wavey::after, body > #page > main .entry-content > *:nth-child(4n+2).wavetop::before, body > #page > main .entry-content > *:nth-child(4n+2).wavetop::after, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom::before, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom::after {
  position: absolute;
  left: 0%;
  width: 100vw;
  height: 50px;
  z-index: 2;
  display: block;
  pointer-events: none;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center top;
}
@media (max-width: 576px) {
  body > #page > main .entry-content > *:nth-child(4n+2).wavey::before, body > #page > main .entry-content > *:nth-child(4n+2).wavey::after, body > #page > main .entry-content > *:nth-child(4n+2).wavetop::before, body > #page > main .entry-content > *:nth-child(4n+2).wavetop::after, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom::before, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom::after {
    height: 25px;
  }
}
body > #page > main .entry-content > *:nth-child(4n+2).wavey.wavey:not(:first-child)::before, body > #page > main .entry-content > *:nth-child(4n+2).wavey.wavetop:not(:first-child)::before, body > #page > main .entry-content > *:nth-child(4n+2).wavey.wavey:not(:last-child)::after, body > #page > main .entry-content > *:nth-child(4n+2).wavey.wavebottom:not(:last-child)::after, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.wavey:not(:first-child)::before, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.wavetop:not(:first-child)::before, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.wavey:not(:last-child)::after, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.wavebottom:not(:last-child)::after, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.wavey:not(:first-child)::before, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.wavetop:not(:first-child)::before, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.wavey:not(:last-child)::after, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.wavebottom:not(:last-child)::after {
  content: "";
}
body > #page > main .entry-content > *:nth-child(4n+2).wavey.wavey::before, body > #page > main .entry-content > *:nth-child(4n+2).wavey.wavetop::before, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.wavey::before, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.wavetop::before, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.wavey::before, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.wavetop::before {
  color: #fcf5f0;
  top: -49px;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'><path fill='%23fcf5f0' d='M0 128l34.3 5.3c34.3 5.7 102.7 15.7 171.7 0C274.3 117 343 75 411 85.3c69 10.7 138 74.7 206 106.7 68.7 32 137.3 32 206 21.3 68.4-10.3 137-32.3 206-58.6 68.1-26.7 136.9-58.7 205.8-74.7C1302.9 64 1371 64 1406 64h34v256h-34.3c-34.3 0-102.7 0-171.7 0-68.3 0-137 0-205.7 0-68.7 0-137.3 0-206 0-68.4 0-137 0-206 0-68.1 0-136.1 0-171.8 0H0z'/></svg>");
}
@media (max-width: 576px) {
  body > #page > main .entry-content > *:nth-child(4n+2).wavey.wavey::before, body > #page > main .entry-content > *:nth-child(4n+2).wavey.wavetop::before, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.wavey::before, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.wavetop::before, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.wavey::before, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.wavetop::before {
    top: -24px;
  }
}
body > #page > main .entry-content > *:nth-child(4n+2).wavey.wavey::after, body > #page > main .entry-content > *:nth-child(4n+2).wavey.wavebottom::after, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.wavey::after, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.wavebottom::after, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.wavey::after, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.wavebottom::after {
  bottom: -49px;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'><path fill='%23fcf5f0' d='M0 128l34.3 5.3c34.3 5.7 102.7 15.7 171.7 0C274.3 117 343 75 411 85.3c69 10.7 138 74.7 206 106.7 68.7 32 137.3 32 206 21.3 68.4-10.3 137-32.3 206-58.6 68.1-26.7 136.9-58.7 205.8-74.7C1302.9 64 1371 64 1406 64h34V0h-34.3C1371.4 0 1303 0 1234 0c-68.3 0-137 0-205.7 0-68.7 0-137.3 0-206 0-68.4 0-137 0-206 0-68.1 0-136.1 0-171.8 0H0z'/></svg>");
}
@media (max-width: 576px) {
  body > #page > main .entry-content > *:nth-child(4n+2).wavey.wavey::after, body > #page > main .entry-content > *:nth-child(4n+2).wavey.wavebottom::after, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.wavey::after, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.wavebottom::after, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.wavey::after, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.wavebottom::after {
    bottom: -24px;
  }
}
body > #page > main .entry-content > *:nth-child(4n+2).wavey.bigwave::before, body > #page > main .entry-content > *:nth-child(4n+2).wavey.bigwave::after, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.bigwave::before, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.bigwave::after, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.bigwave::before, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.bigwave::after {
  height: 100px !important;
}
body > #page > main .entry-content > *:nth-child(4n+2).wavey.bigwave::before, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.bigwave::before, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.bigwave::before {
  top: -99px !important;
}
body > #page > main .entry-content > *:nth-child(4n+2).wavey.bigwave::after, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.bigwave::after, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.bigwave::after {
  bottom: -99px !important;
}
@media (max-width: 576px) {
  body > #page > main .entry-content > *:nth-child(4n+2).wavey.bigwave::before, body > #page > main .entry-content > *:nth-child(4n+2).wavey.bigwave::after, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.bigwave::before, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.bigwave::after, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.bigwave::before, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.bigwave::after {
    height: 50px !important;
  }
  body > #page > main .entry-content > *:nth-child(4n+2).wavey.bigwave::before, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.bigwave::before, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.bigwave::before {
    top: -49px !important;
  }
  body > #page > main .entry-content > *:nth-child(4n+2).wavey.bigwave::after, body > #page > main .entry-content > *:nth-child(4n+2).wavetop.bigwave::after, body > #page > main .entry-content > *:nth-child(4n+2).wavebottom.bigwave::after {
    bottom: -49px !important;
  }
}
body > #page > main main .hero {
  color: white;
  background-color: transparent !important;
  position: relative;
}
body > #page > main main .hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 85%, #fff2e9 100%);
}
body > #page > main main .hero h1 {
  color: #63227D;
  text-shadow: 1px 1px 5px #F4EADE, -1px -1px 5px #F4EADE, 1px -1px 5px #F4EADE, -1px 1px 5px #FA7D29;
}
body > #page > main main .hero > * {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
body > #page > main main .hero > * > .wp-block-group {
  display: flex;
  gap: 1rem;
  padding: 4rem 2rem;
  position: relative;
  z-index: 1;
  flex-wrap: wrap;
}
body > #page > main main .hero > * .banner img {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: auto;
  max-height: 77.5vh;
  object-fit: cover;
  display: block;
}
body > #page > main main .breakout {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
body > #page > main main .breakout .scroll-right > *:not(.scroll-button) {
  padding-left: calc((100vw - 1200px) / 2 + 5rem);
  padding-right: calc((100vw - 1200px) / 2 + 5rem);
  padding-bottom: 4rem;
}
@media (max-width: calc(1200px + 4rem)) {
  body > #page > main main .breakout .scroll-right > *:not(.scroll-button) {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
body > #page > main main .scroller {
  overflow: hidden;
  width: 100%;
  display: flex;
  color: #63227D;
  /* Apply the animation to the text items */
}
body > #page > main main .scroller > * {
  animation: scroll-left 45s linear infinite;
}
body > #page > main main .scroller {
  /* Pause the animation when a user hovers over it */
}
body > #page > main main .scroller * {
  display: flex;
  white-space: nowrap;
}
body > #page > main main .cards {
  gap: 2rem;
}
body > #page > main main .cards .card {
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  border-radius: 1rem;
  overflow: hidden;
  font-size: large;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
body > #page > main main .cards .card:hover {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
  transform: scale(1.025);
}
body > #page > main main .cards .card > * {
  height: 100%;
  display: flex;
  flex-direction: column;
}
body > #page > main main .cards .card > * > *:not(figure) {
  padding: 1rem 2rem;
  margin: 0 !important;
}
body > #page > main main .cards .card > * figure {
  height: 12rem;
}
body > #page > main main .cards .card > * figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
body > #page > main main .cards .card > * .wp-block-group, body > #page > main main .cards .card > * p {
  flex-grow: 1;
}
body > #page > main main .cards .card > * .wp-block-buttons {
  justify-content: center;
  padding: 1rem 2rem 2rem 2rem;
  flex-direction: column;
  gap: 2rem;
  align-items: stretch;
}
body > #page > main main .cards .card > * .wp-block-buttons .wp-block-button a {
  background-color: #FA7D29;
  color: white;
  transition: background-color 0.3s;
}
body > #page > main main .cards .card > * .wp-block-buttons .wp-block-button a:hover {
  background-color: #75360b;
}
body > #page > main main #titel {
  background-color: #fcf5f0;
}
body > #page > main main #gedicht {
  background-color: #63227D;
  color: white;
}
body > #page > main main .scroll-right > div:not(.scroll-button) {
  display: flex;
  overflow-x: auto;
  gap: 6rem;
  align-items: flex-start;
  width: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body > #page > main main .scroll-right > div:not(.scroll-button)::-webkit-scrollbar {
  display: none;
}
body > #page > main main .scroll-right > div:not(.scroll-button) > * {
  width: 33%;
  min-width: 18rem;
}
body > #page > main main .scroll-right .scroll-button {
  position: absolute;
  top: 50%;
  transform: translateY(-200%);
  background-color: #63227D;
  color: white;
  border-radius: 50%;
  z-index: 2;
  cursor: pointer;
  user-select: none;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  padding: 1rem;
  border: 2px solid white;
}
body > #page > main main .scroll-right .scroll-button.scroll-left-button {
  left: max((100vw - 1200px) / 2 + 1rem, 1rem);
}
body > #page > main main .scroll-right .scroll-button.scroll-right-button {
  right: max((100vw - 1200px) / 2 + 1rem, 1rem);
}
body > #page > main main #reviews {
  background-color: #63227D;
  color: white;
}
body > #page > main main #reviews > * {
  padding-bottom: 0;
}
body > #page > main main #reviews .wp-block-group {
  gap: 4rem;
}
body > #page > main main #reviews .review p:first-child {
  position: relative;
  padding-bottom: 0.5em;
}
body > #page > main main #reviews .review p:first-child::before {
  position: absolute;
  left: -1.5rem;
  top: 0;
  content: "“";
  font-size: 2rem;
  opacity: 0.7;
}
body > #page > main main #reviews .review p:first-child::after {
  position: absolute;
  right: -1.5rem;
  content: "”";
  font-size: 2rem;
  bottom: 0;
  opacity: 0.7;
}
body > #page > main main #reviews .review p:last-child {
  text-align: right;
  font-style: italic;
  opacity: 0.7;
  font-size: 0.8em;
}
body > #page > main main .wp-block-group:not(.wp-block-group .wp-block-group, .hero, .fullwidth, .banner) > .wp-block-group__inner-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 8rem 2rem;
}
body > #page > main main .wp-block-group:not(.wp-block-group .wp-block-group, .hero, .fullwidth, .banner) .wp-block-group__inner-container > *:not(:last-child) {
  margin-bottom: 1.5rem;
}
body > #page > main main .wp-block-group:not(.wp-block-group .wp-block-group, .hero, .fullwidth, .banner).smallpadding > .wp-block-group__inner-container {
  padding: 4rem 2rem;
}
body > #page > main main .wp-block-group:not(.wp-block-group .wp-block-group, .hero, .fullwidth, .banner) .wp-block-column {
  padding: 0 1rem;
}
body > #page > main main .wp-block-group.banner {
  max-height: 24rem;
  overflow: hidden;
  position: relative;
}
body > #page > main main .wp-block-group.banner.large {
  max-height: 40rem;
}
body > #page > main main .wp-block-group.banner.large img {
  max-height: 40rem;
}
body > #page > main main .wp-block-group.banner img {
  top: 0;
  left: 0;
  height: auto;
  max-height: 24rem;
  object-fit: cover;
  display: block;
}
body > #page > main main .wp-block-columns {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: 0;
}
body > #page > main main .wp-block-columns .wp-block-column:not(:has(img), .wp-block-group .wp-block-column) {
  max-width: calc(600px + 5%);
  margin: 0 auto;
  padding: 8rem 2rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  body > #page > main main .wp-block-columns .wp-block-column:not(:has(img), .wp-block-group .wp-block-column) {
    width: 100% !important;
    max-width: 100% !important;
    order: 2 !important;
  }
}
body > #page > main main .wp-block-columns .wp-block-column:not(:has(img), .wp-block-group .wp-block-column):first-child {
  margin-right: 0;
}
body > #page > main main .wp-block-columns .wp-block-column:not(:has(img), .wp-block-group .wp-block-column):not(:first-child) {
  margin-left: 0;
}
body > #page > main main .wp-block-columns .wp-block-column:not(:has(img), .wp-block-group .wp-block-column) > *:not(:last-child) {
  margin-bottom: 1.5rem;
}
body > #page > main main .wp-block-columns .wp-block-column:has(img) {
  width: 45vw;
  max-width: 45%;
  flex-grow: 0;
  /* make the column a flex container so it stretches to the sibling's height */
  display: flex;
  align-items: stretch;
  /* make the column a positioning context */
  position: relative;
}
@media (max-width: 768px) {
  body > #page > main main .wp-block-columns .wp-block-column:has(img) {
    width: 100% !important;
    max-width: 100% !important;
    order: 1 !important;
  }
  body > #page > main main .wp-block-columns .wp-block-column:has(img) figure {
    position: static !important;
    width: 100%;
    height: 20rem !important;
  }
}
body > #page > main main .wp-block-columns .wp-block-column:has(img) {
  /* position the figure absolutely within the column */
}
body > #page > main main .wp-block-columns .wp-block-column:has(img) figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0; /* reset any default margins */
}
body > #page > main main .wp-block-columns .wp-block-column:has(img) {
  /* ensure the image fills the figure */
}
body > #page > main main .wp-block-columns .wp-block-column:has(img) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body > #page > main main .wp-block-columns .wp-block-column:has(img) * {
  max-width: 100%;
  height: 100%;
}
body > #page > main main .wp-block-columns .wp-block-column:has(img) {
  /* make the image fill that space and keep aspect via cover */
}
body > #page > main main .wp-block-columns .wp-block-column:has(img) img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body > #page > main main .wp-block-columns .wp-block-column:has(img) {
  /* ensure the figure stretches to fill the column height */
}
body > #page > main main .wp-block-columns .wp-block-column:has(img) figure {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin: 0; /* reset any default margins */
}
body > #page > footer {
  background-color: #63227D;
  color: white;
}
body > #page > footer > div {
  padding: 1rem 2rem;
  max-width: 1200px;
  margin: 0 auto;
  font-size: 0.8em;
}
body > #page > footer a {
  color: #FA7D29;
}
body > #page > footer a:hover {
  color: #ffd8bf;
}

main .hero {
  color: white;
  background-color: transparent !important;
  position: relative;
}
main .hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 85%, #fff2e9 100%);
}
main .hero h1 {
  color: #63227D;
  text-shadow: 1px 1px 5px #F4EADE, -1px -1px 5px #F4EADE, 1px -1px 5px #F4EADE, -1px 1px 5px #FA7D29;
}
main .hero > * {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
main .hero > * > .wp-block-group {
  display: flex;
  gap: 1rem;
  padding: 4rem 2rem;
  position: relative;
  z-index: 1;
  flex-wrap: wrap;
}
main .hero > * .banner img {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: auto;
  max-height: 77.5vh;
  object-fit: cover;
  display: block;
}
main .breakout {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
main .breakout .scroll-right > *:not(.scroll-button) {
  padding-left: calc((100vw - 1200px) / 2 + 5rem);
  padding-right: calc((100vw - 1200px) / 2 + 5rem);
  padding-bottom: 4rem;
}
@media (max-width: calc(1200px + 4rem)) {
  main .breakout .scroll-right > *:not(.scroll-button) {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
main .scroller {
  overflow: hidden;
  width: 100%;
  display: flex;
  color: #63227D;
  /* Apply the animation to the text items */
}
main .scroller > * {
  animation: scroll-left 45s linear infinite;
}
main .scroller {
  /* Pause the animation when a user hovers over it */
}
main .scroller * {
  display: flex;
  white-space: nowrap;
}
main .cards {
  gap: 2rem;
}
main .cards .card {
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  border-radius: 1rem;
  overflow: hidden;
  font-size: large;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
main .cards .card:hover {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
  transform: scale(1.025);
}
main .cards .card > * {
  height: 100%;
  display: flex;
  flex-direction: column;
}
main .cards .card > * > *:not(figure) {
  padding: 1rem 2rem;
  margin: 0 !important;
}
main .cards .card > * figure {
  height: 12rem;
}
main .cards .card > * figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
main .cards .card > * .wp-block-group, main .cards .card > * p {
  flex-grow: 1;
}
main .cards .card > * .wp-block-buttons {
  justify-content: center;
  padding: 1rem 2rem 2rem 2rem;
  flex-direction: column;
  gap: 2rem;
  align-items: stretch;
}
main .cards .card > * .wp-block-buttons .wp-block-button a {
  background-color: #FA7D29;
  color: white;
  transition: background-color 0.3s;
}
main .cards .card > * .wp-block-buttons .wp-block-button a:hover {
  background-color: #75360b;
}
main #titel {
  background-color: #fcf5f0;
}
main #gedicht {
  background-color: #63227D;
  color: white;
}
main .scroll-right > div:not(.scroll-button) {
  display: flex;
  overflow-x: auto;
  gap: 6rem;
  align-items: flex-start;
  width: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
main .scroll-right > div:not(.scroll-button)::-webkit-scrollbar {
  display: none;
}
main .scroll-right > div:not(.scroll-button) > * {
  width: 33%;
  min-width: 18rem;
}
main .scroll-right .scroll-button {
  position: absolute;
  top: 50%;
  transform: translateY(-200%);
  background-color: #63227D;
  color: white;
  border-radius: 50%;
  z-index: 2;
  cursor: pointer;
  user-select: none;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  padding: 1rem;
  border: 2px solid white;
}
main .scroll-right .scroll-button.scroll-left-button {
  left: max((100vw - 1200px) / 2 + 1rem, 1rem);
}
main .scroll-right .scroll-button.scroll-right-button {
  right: max((100vw - 1200px) / 2 + 1rem, 1rem);
}
main #reviews {
  background-color: #63227D;
  color: white;
}
main #reviews > * {
  padding-bottom: 0;
}
main #reviews .wp-block-group {
  gap: 4rem;
}
main #reviews .review p:first-child {
  position: relative;
  padding-bottom: 0.5em;
}
main #reviews .review p:first-child::before {
  position: absolute;
  left: -1.5rem;
  top: 0;
  content: "“";
  font-size: 2rem;
  opacity: 0.7;
}
main #reviews .review p:first-child::after {
  position: absolute;
  right: -1.5rem;
  content: "”";
  font-size: 2rem;
  bottom: 0;
  opacity: 0.7;
}
main #reviews .review p:last-child {
  text-align: right;
  font-style: italic;
  opacity: 0.7;
  font-size: 0.8em;
}
main .wp-block-group:not(.wp-block-group .wp-block-group, .hero, .fullwidth, .banner) > .wp-block-group__inner-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 8rem 2rem;
}
main .wp-block-group:not(.wp-block-group .wp-block-group, .hero, .fullwidth, .banner) .wp-block-group__inner-container > *:not(:last-child) {
  margin-bottom: 1.5rem;
}
main .wp-block-group:not(.wp-block-group .wp-block-group, .hero, .fullwidth, .banner).smallpadding > .wp-block-group__inner-container {
  padding: 4rem 2rem;
}
main .wp-block-group:not(.wp-block-group .wp-block-group, .hero, .fullwidth, .banner) .wp-block-column {
  padding: 0 1rem;
}
main .wp-block-group.banner {
  max-height: 24rem;
  overflow: hidden;
  position: relative;
}
main .wp-block-group.banner.large {
  max-height: 40rem;
}
main .wp-block-group.banner.large img {
  max-height: 40rem;
}
main .wp-block-group.banner img {
  top: 0;
  left: 0;
  height: auto;
  max-height: 24rem;
  object-fit: cover;
  display: block;
}
main .wp-block-columns {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: 0;
}
main .wp-block-columns .wp-block-column:not(:has(img), .wp-block-group .wp-block-column) {
  max-width: calc(600px + 5%);
  margin: 0 auto;
  padding: 8rem 2rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  main .wp-block-columns .wp-block-column:not(:has(img), .wp-block-group .wp-block-column) {
    width: 100% !important;
    max-width: 100% !important;
    order: 2 !important;
  }
}
main .wp-block-columns .wp-block-column:not(:has(img), .wp-block-group .wp-block-column):first-child {
  margin-right: 0;
}
main .wp-block-columns .wp-block-column:not(:has(img), .wp-block-group .wp-block-column):not(:first-child) {
  margin-left: 0;
}
main .wp-block-columns .wp-block-column:not(:has(img), .wp-block-group .wp-block-column) > *:not(:last-child) {
  margin-bottom: 1.5rem;
}
main .wp-block-columns .wp-block-column:has(img) {
  width: 45vw;
  max-width: 45%;
  flex-grow: 0;
  /* make the column a flex container so it stretches to the sibling's height */
  display: flex;
  align-items: stretch;
  /* make the column a positioning context */
  position: relative;
}
@media (max-width: 768px) {
  main .wp-block-columns .wp-block-column:has(img) {
    width: 100% !important;
    max-width: 100% !important;
    order: 1 !important;
  }
  main .wp-block-columns .wp-block-column:has(img) figure {
    position: static !important;
    width: 100%;
    height: 20rem !important;
  }
}
main .wp-block-columns .wp-block-column:has(img) {
  /* position the figure absolutely within the column */
}
main .wp-block-columns .wp-block-column:has(img) figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0; /* reset any default margins */
}
main .wp-block-columns .wp-block-column:has(img) {
  /* ensure the image fills the figure */
}
main .wp-block-columns .wp-block-column:has(img) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main .wp-block-columns .wp-block-column:has(img) * {
  max-width: 100%;
  height: 100%;
}
main .wp-block-columns .wp-block-column:has(img) {
  /* make the image fill that space and keep aspect via cover */
}
main .wp-block-columns .wp-block-column:has(img) img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main .wp-block-columns .wp-block-column:has(img) {
  /* ensure the figure stretches to fill the column height */
}
main .wp-block-columns .wp-block-column:has(img) figure {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin: 0; /* reset any default margins */
}

.hamburger {
  width: 1.5em !important;
  height: 1.5em !important;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  cursor: pointer;
}
.hamburger > div {
  width: 100%;
  height: 0.2em !important;
  background-color: white;
  border-radius: 1em;
}

.cross {
  width: 1.5em !important;
  height: 1.5em !important;
  position: relative;
  cursor: pointer;
}
.cross > div {
  width: 100%;
  height: 0.2em !important;
  background-color: white;
  position: absolute;
  top: 50%;
  left: 0;
  transform-origin: center;
  border-radius: 1em;
}
.cross > div:first-child {
  transform: translateY(-50%) rotate(45deg);
}
.cross > div:last-child {
  transform: translateY(-50%) rotate(-45deg);
}

@keyframes scroll-left {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(-100%);
  }
}
.wp-block-jetpack-contact-form label.grunion-field-label {
  color: #FA7D29;
  font-weight: normal;
}
.wp-block-jetpack-contact-form input, .wp-block-jetpack-contact-form textarea {
  border: 2.5px solid #FA7D29;
  border-radius: 1rem;
  background-color: #fcf5f0;
  max-width: 100%;
  resize: none;
}
.wp-block-jetpack-contact-form .wp-block-jetpack-button {
  border-radius: 1rem;
}

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