:root {
  --white: white;
  --black: black;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

body {
  color: #333;
  flex-flow: column;
  justify-content: space-between;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  overflow-x: hidden;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

.section {
  background-color: #132970;
  padding-top: 15px;
  padding-bottom: 10px;
}

.premiere-badge-wrap {
  display: flex;
  justify-content: center;
  padding: 32px 20px;
}

.premiere-badge-link {
  display: block;
  width: 100%;
  max-width: 520px;
  text-decoration: none;
}

.premiere-badge {
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #d6a242, #8a611c);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 12%;
}

.premiere-badge-kicker {
  font-size: 0.9em;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.premiere-badge-date {
  font-size: 1.7em;
  font-weight: bold;
  margin: 0.2em 0;
}

.premiere-badge-sub {
  font-size: 0.85em;
  line-height: 1.3;
}

.premiere-ribbon-wrap {
  display: flex;
  justify-content: center;
  padding: 4px 0 16px;
}

.premiere-ribbon-link {
  display: inline-flex;
  text-decoration: none;
}

.premiere-ribbon {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, #d6a242, #8a611c);
  color: #fff;
  padding: 6px 18px;
  white-space: nowrap;
}

.premiere-ribbon-kicker {
  font-size: 0.75em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.premiere-ribbon-date {
  font-size: 0.9em;
  font-weight: bold;
}

.premiere-grafik-wrap {
  display: flex;
  justify-content: center;
  padding: 24px 20px;
}

.premiere-grafik-wrap.klein {
  padding: 4px 0 16px;
}

.premiere-grafik-link {
  display: block;
  width: 100%;
  text-decoration: none;
}

.premiere-grafik-link.gross {
  max-width: 560px;
}

.premiere-grafik-link.aktuell {
  max-width: 640px;
}

.premiere-grafik-link.klein {
  max-width: 220px;
}

.premiere-grafik {
  display: block;
  width: 100%;
  height: auto;
}

.premiere-grafik-unterzeile {
  text-align: center;
  padding-bottom: 8px;
}

.html-embed {
  width: 100vw;
  height: 100vh;
  margin-bottom: 0;
}

.utility-page-wrap {
  background-image: url('../images/5e959eb33ff0bb50fe9c62cc_5e4e799880743331e550192d_schloss-gold_15e959eb33ff0bb50fe9c62cc_5e4e799880743331e550192d_schloss gold.webp');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
  position: absolute;
  inset: auto auto 0%;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.submit-button {
  background-color: #ecbf38;
}

.schwarzer-button {
  z-index: 1000;
  text-transform: uppercase;
  background-color: #000;
  margin-bottom: 0;
  padding: 10px 20px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: all .2s;
  position: fixed;
  inset: auto 0% 10% auto;
}

.schwarzer-button:hover {
  background-color: #d4af37;
  margin-bottom: 20px;
}

.heading-einstellungen {
  text-align: left;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 120%;
}

.heading-einstellungen._2 {
  letter-spacing: 1px;
  margin-top: 40px;
  margin-bottom: 30px;
  font-family: Exo, sans-serif;
  font-size: 30px;
  line-height: 40px;
}

.logo-img {
  width: 250px;
}

.logo {
  background-color: #f3f4f6;
  border: 5px solid #1e40af;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.logo.ber-button {
  position: fixed;
  inset: auto 0% 15% auto;
}

.heading-logo {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 35px;
  font-weight: 400;
  line-height: 30px;
}

.telefonnummer, .ffnungszeiten {
  margin-bottom: 5px;
}

.hauptfarbe {
  color: #fff;
  background-color: #1138cc;
}

.email {
  margin-bottom: 5px;
}

.zweitfarbe {
  color: #000;
  background-color: #f3f4f6;
}

.highlights {
  color: #fff;
  background-color: #c7973f;
}

.adresse {
  margin-bottom: 5px;
}

.section-einstellungen {
  padding-bottom: 40px;
  padding-left: 140px;
  padding-right: 140px;
}

.block-logo-einstellungen {
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  min-width: 320px;
  max-width: 400px;
  padding: 10px 5px;
  display: flex;
}

.inhalt-einstellungen {
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  line-height: 120%;
}

.google-maps {
  width: 100%;
  height: 100%;
}

.heading-1 {
  font-family: Marcellus SC, sans-serif;
  font-weight: 400;
  line-height: 1.3;
}

.heading-2 {
  font-family: Marcellus SC, sans-serif;
  font-weight: 400;
  line-height: 1.3;
}

.heading-3 {
  font-family: ZCOOL XiaoWei, sans-serif;
  font-weight: 700;
  line-height: 1.3;
}

.heading-3.farbe-der-headings.small {
  margin-top: 0;
}

.flie-text {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}

.farbe-der-headings {
  color: #d6a242;
  font-style: italic;
  line-height: 1.3;
}

.farbe-der-headings.simple {
  font-style: normal;
}

.navbar {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.navbar.hauptfarbe {
  z-index: 10;
  color: #fff;
  position: sticky;
  top: 0;
}

.terminbutton {
  text-transform: uppercase;
  font-family: Exo, sans-serif;
}

.terminbutton:hover {
  background-color: #292929;
}

.terminbutton.highlights {
  font-family: Roboto, sans-serif;
}

.terminbutton.highlights:hover {
  background-color: #161616;
}

.terminbutton.highlights.flie-text {
  background-color: #c7973f;
  margin-top: 20px;
}

.terminbutton.highlights.flie-text:hover {
  background-color: #aa8a22;
}

.divblock1 {
  text-align: center;
  width: auto;
  height: auto;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 0;
  padding-bottom: 20px;
}

.datenschutz, .impressum {
  color: #fff;
  text-decoration: none;
}

.bold-text-9 {
  font-family: Droid Sans, sans-serif;
}

._1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-text {
  line-height: 1.3;
}

.checkbox-field {
  text-align: left;
}

.link-formular {
  text-decoration: none;
}

.link-formular.farbe-der-headings {
  color: #d4af37;
  font-style: normal;
}

.success {
  border: 2px solid #000;
  justify-content: center;
  align-items: center;
  padding: 100px;
  display: flex;
}

.success.highlights {
  color: #fff;
  background-color: #1e40af;
}

.logo-postion {
  z-index: 10;
  filter: brightness(0%) invert();
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5vw;
  position: relative;
}

.navbar-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-menu-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  max-width: 100vw;
  max-height: 100vh;
  padding-top: 15vh;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.nav-menu-2.hauptfarbe {
  color: #fff;
}

.nav-link-4 {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: 100%;
  font-size: 16px;
  position: static;
}

.nav-link-4:hover {
  color: #919191;
  width: 100%;
}

.menu-button-1 {
  z-index: 10;
  margin-top: 10px;
  margin-bottom: 10px;
}

.menu-button-1.hauptfarbe {
  background-image: linear-gradient(#465116, #465116);
}

.icon {
  color: #000;
  width: 25px;
  height: 25px;
}

.rahmen-unten {
  border: 5px solid #fff;
  border-top-style: none;
  width: 90%;
  height: 20vh;
}

.titelvideo1-3 {
  color: #fff;
  background-image: linear-gradient(#0006, #0006);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-text {
  border-right: 5px solid #fff;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.slogan1 {
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 70px;
  line-height: 1.3;
}

.rahmen-oben {
  border: 5px solid #fff;
  border-bottom-style: none;
  align-items: flex-end;
  width: 90%;
  height: 20vh;
  padding-bottom: 10px;
  padding-left: 20px;
  display: flex;
}

.wei-er-rahmen {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 60vw;
  display: flex;
}

.div-block-video1 {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 15vw;
  padding-right: 15vw;
  display: flex;
  position: absolute;
  inset: 0%;
}

.titelvideo-start-3 {
  height: 100vh;
  position: relative;
}

.divider {
  width: 20vw;
  height: 4px;
  margin-bottom: 10px;
}

.divider.highlights {
  background-color: #d6a242;
  width: 25vw;
  margin-bottom: 34px;
}

.divider.highlights.downn-0 {
  margin-bottom: 0;
}

.lottie-animation {
  width: 100%;
  height: 40vh;
}

.lottie-animation.rechts {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.inhalt-mittig-untereinander-1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.inhalt-mittig-untereinander-1.left-border {
  border-left: 1px solid #ae8a35;
}

.inhalt-mittig-untereinander-1.flex-horizontal {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
}

.inhalt-mittig-untereinander-1.white {
  color: #1e40af;
  background-color: #fff;
  border-radius: 10px;
  padding-top: 10px;
}

.heading-mittig {
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 10px;
}

.heading-mittig.heading-1 {
  z-index: 5;
  position: relative;
}

.heading-mittig.heading-1.preis {
  margin-bottom: 0;
  font-size: 38px;
  line-height: 1.3;
}

.heading-mittig.heading-1.white {
  color: #fff;
}

.heading-mittig.heading-1.left.size {
  font-size: 14px;
}

.heading-mittig.heading-1.left.size.center {
  text-align: center;
  font-size: 16px;
}

.heading-mittig.heading-1.left.size.center.matte-grey {
  color: #333;
}

.heading-mittig.heading-1.font-size {
  color: #fff;
  font-size: 40px;
}

.heading-mittig.heading-1.font-size.dark-blue {
  color: #071426;
}

.heading-mittig.heading-1.font-size.small {
  font-size: 25px;
}

.heading-mittig.heading-1.dark-blue, .heading-mittig.heading-1.farbe-der-headings-2 {
  color: #071426;
}

.section-gro-e-abst-nde1-2 {
  color: #071426;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 10%;
  display: flex;
}

.section-gro-e-abst-nde1-2.center {
  text-align: center;
}

.section-gro-e-abst-nde1-2.hauptfarbe {
  color: #fff;
  background-color: #1138cc;
  border: 1px #000;
}

.section-gro-e-abst-nde1-2.hauptfarbe.mittig {
  justify-content: center;
  align-items: center;
}

.section-gro-e-abst-nde1-2.hauptfarbe._1 {
  color: #fff;
  -webkit-text-stroke-color: #1e40af;
  border-left-style: none;
  border-right-style: none;
}

.section-gro-e-abst-nde1-2.zweitfarbe.left {
  justify-content: center;
  align-items: flex-start;
}

.section-gro-e-abst-nde1-2.bg-img {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/bg-img.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.section-gro-e-abst-nde1-2.bg-color {
  background-color: #f3f4f6;
  position: relative;
}

.section-gro-e-abst-nde1-2.bg-color.spacing {
  padding-top: 0;
}

.section-gro-e-abst-nde1-2.bg-color.spacing.no-spac {
  padding-bottom: 0;
}

.section-gro-e-abst-nde1-2.bg-color.hidden {
  display: none;
}

.section-gro-e-abst-nde1-2.gold {
  color: #fff;
  background-color: #c49a45;
  border: 1px #000;
  padding-top: 40px;
  padding-bottom: 20px;
}

.section-gro-e-abst-nde1-2.gold.mittig {
  justify-content: center;
  align-items: center;
}

.section-gro-e-abst-nde1-2.gold._1 {
  color: #fff;
  -webkit-text-stroke-color: #1e40af;
  border-left-style: none;
  border-right-style: none;
}

.inhalt-mittig1 {
  text-align: center;
  width: auto;
  height: auto;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 0;
  padding-bottom: 20px;
}

.inhalt-mittig1.flie-text {
  font-size: 16px;
}

.inhalt-mittig1.flie-text.left {
  text-align: left;
}

.inhalt-mittig1.flie-text.white {
  color: #fff;
}

._3er-grid-1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
}

.section1 {
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.section1.zweitfarbe {
  padding-left: 0;
}

.text-ber-bild1 {
  color: #fff;
  background-image: linear-gradient(#0000004d, #0000004d);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-ber-bild1.unten {
  justify-content: flex-end;
  padding-bottom: 60px;
}

.feature-image {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.feature-image.left {
  object-position: 20% 50%;
}

.feature-image._100 {
  object-fit: contain;
  height: 60vh;
}

.feature-image.small {
  height: 50%;
}

.feature-image.small.contain {
  object-fit: contain;
}

.feature-image.small.contain.bg {
  background-color: #fff;
  height: 80%;
}

.feature-image.contain {
  object-fit: contain;
}

.feature-image.contain._100 {
  object-fit: cover;
  width: 300%;
}

.feature-image.contain.relative {
  position: relative;
}

.feature-image.image-contain {
  object-fit: contain;
}

.feature-image.radiuss {
  border-radius: 20px;
}

.feature-image.round {
  border-radius: 10px;
}

.feature-image.con {
  object-fit: contain;
}

.image-big1 {
  height: 70vh;
  position: relative;
  overflow: hidden;
}

.heading-mittig-klein1 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 28px;
  line-height: 30px;
}

.heading-mittig-klein1.heading-2 {
  line-height: 1.3;
}

._4er-grid-2 {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

._2er-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 40px;
  position: relative;
}

._2er-grid.outline {
  border: 0 solid #979797;
  border-radius: 0;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  width: 100%;
  margin-bottom: 40px;
  padding: 20px;
}

._2er-grid.outline.grid-3 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.feature-image-mask {
  justify-content: space-between;
  width: 100%;
  height: auto;
  margin-right: 0;
  display: flex;
}

.feature-image-mask.versetzt {
  height: 55vh;
}

.feature-image-mask.versetzt.links {
  top: 40px;
  left: 40px;
  right: auto;
}

.text-links1.flie-text {
  font-size: 16px;
  list-style-type: decimal;
  display: block;
}

.text-links1.flie-text.farbe-der-headings {
  color: #ae8a35;
  margin-bottom: 0;
}

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

.text-links1.flie-text.top {
  margin-top: 20px;
}

.text-links1.flie-text.top.matte-grey {
  color: #333;
}

.text-links1.flie-text.broder {
  border-bottom: 1px solid #ae8a35;
  padding-bottom: 20px;
}

.text-links1.flie-text.adj {
  margin-top: 10px;
}

.text-links1.flie-text.adj.matte-grey {
  color: #333;
}

.text-links1.flie-text.matte-grey {
  color: #cbd5e1;
  font-size: 16px;
}

.text-links1.flie-text.matte-grey.blue-text {
  color: #071426;
  text-decoration: none;
}

.text-links1.flie-text.dark-blue.mittig {
  text-align: center;
}

.text-links1.flie-text.dark-blue._0 {
  margin-top: 10px;
}

.text-links1.flie-text.mittig {
  text-align: center;
}

.text-links1.flie-text._1 {
  color: #fff;
}

.text-links1.flie-text.white {
  background-color: #fff;
  border-radius: 20px;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-right: 20px;
  list-style-type: disc;
}

.hintergrund-wei {
  background-color: #0000;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 40px;
  display: flex;
}

.hintergrund-wei.versetzt {
  background-color: #0000;
  padding-left: 40px;
}

.hintergrund-wei.versetzt.rechts {
  padding-left: 40px;
  padding-right: 0;
  right: -40px;
}

.hintergrund-wei.versetzt.center {
  text-align: center;
  background-color: #fff;
  justify-content: center;
  align-items: center;
}

.hintergrund-wei.zweitfarbe {
  background-color: #e7ebe3;
}

.hintergrund-wei.zweitfarbe.navy-blue {
  background-color: #1e40af;
}

.hintergrund-wei.zweitfarbe.navy-blue.radius {
  border-radius: 20px;
  padding-left: 20px;
}

.hintergrund-wei.zweitfarbe.navy-blue.radius.white {
  color: #1138cc;
  background-color: #d6a242;
}

.hintergrund-wei.top.zweitfarbe.royal-bg {
  background-color: #1e40af;
}

.hintergrund-wei.top.zweitfarbe.royal-bg.radius {
  border-radius: 20px;
  margin-top: 16px;
  padding-left: 40px;
}

.hintergrund-wei.top.zweitfarbe.royal-bg.radius.white {
  background-color: #d6a242;
}

.hintergrund-wei.none {
  background-color: #fff0;
}

.hintergrund-wei.text-center {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10%;
  padding-right: 10%;
}

.hintergrund-wei.text-center.bg-color {
  background-color: #f3f4f6;
}

.hintergrund-wei.text-center.bg-color.none {
  display: none;
}

.hintergrund-wei.text-center.hauptfarbe {
  background-color: #1e40af;
  border: 1px #000;
  padding-top: 100px;
  padding-bottom: 100px;
}

.hintergrund-wei.text-center.hauptfarbe.left {
  justify-content: flex-start;
  align-items: flex-start;
}

.mehr-erfahren2 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  line-height: 24px;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.mehr-erfahren2:hover {
  background-color: #2e2e2e;
}

.mehr-erfahren2.highlights {
  color: #000;
  background-color: #d6a242;
}

.mehr-erfahren2.highlights.heading-1 {
  color: #fff;
  border-radius: 0;
  line-height: 1.3;
}

.mehr-erfahren2.highlights.heading-1.adj {
  background-color: #d90f03;
  padding: 20px;
}

.mehr-erfahren2.highlights.heading-1.button-bg {
  color: #1e40af;
  background-color: #d6a242;
  border: 2px solid #1e40af;
  border-radius: 5px;
  transition: all .3s;
}

.mehr-erfahren2.highlights.heading-1.button-bg:hover {
  background-color: #aa8a22;
}

.mehr-erfahren2.highlights.heading-1.button-bg.w--current {
  background-color: #c7973f;
  margin-bottom: 10px;
}

.mehr-erfahren2.highlights.heading-1.button-bg.small {
  text-transform: capitalize;
}

.mehr-erfahren2.highlights.heading-1.button-bg.back {
  z-index: 10;
  background-color: #d6a242;
  width: 10vw;
  margin-top: 40px;
  margin-left: 60px;
  position: sticky;
  top: 0;
}

.mehr-erfahren2.highlights.heading-1.button-bg._1 {
  background-color: #d6a242;
}

.mehr-erfahren2.highlights.heading-1.button-bg._1:hover {
  background-color: #d4af37;
}

.mehr-erfahren2.highlights.heading-1.button-bg._2 {
  background-color: #d6a242;
  margin-bottom: 10px;
}

.heading-links1 {
  text-transform: uppercase;
  margin-top: 10px;
}

.heading-links1.heading-1 {
  display: block;
}

.heading-links1.heading-1.adj {
  font-size: 25px;
}

.heading-links1.heading-1.d-heading {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.heading-links1.heading-1.matte-grey {
  color: #cbd5e1;
}

.heading-links1.heading-1.dark-blue {
  color: #071426;
}

.heading-links1.heading-1.dark-blue.mittig {
  text-align: center;
}

.heading-links1.heading-1.small {
  margin-top: 20px;
  font-size: 25px;
}

.bild-cover-section1 {
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#fff, #0000), url('../images/5f6c6f8e6c7b2c2863366307_AdobeStock_117897349_visu_15f6c6f8e6c7b2c2863366307_AdobeStock_117897349_visu.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  background-clip: border-box;
  justify-content: flex-end;
  align-items: center;
  height: 45vh;
  padding: 5vh 10vw;
  display: flex;
}

.terminbutton-2 {
  text-align: center;
  text-transform: uppercase;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 22px;
}

.terminbutton-2:hover {
  background-color: #292929;
}

.terminbutton-2.hauptfarbe.heading-1 {
  justify-content: center;
  align-items: center;
  line-height: 1.3;
  display: flex;
}

.terminbutton-2.hauptfarbe.heading-1:hover {
  background-color: #9cbe74;
}

.footer-image {
  margin-right: 10px;
}

.footertext1 {
  color: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.footer-2 {
  justify-content: space-around;
  height: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.footer-2.hauptfarbe {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 40px;
  padding-left: 100px;
  padding-right: 100px;
}

.bild-cover-1 {
  background-image: linear-gradient(#ffffff4d, #ffffff4d), url('../images/flat-lay-natural-medicinal-herbs.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.div-block-wei-1 {
  background-color: #fffffff2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 60%;
  padding: 60px;
  display: flex;
}

.text-field-2 {
  height: 30px;
}

.select-field-2 {
  color: #949494;
  background-color: #fff;
}

.bodyblack {
  background-color: #000;
  overflow: hidden;
}

.titelvideo-unterseiten {
  height: 70vh;
  position: relative;
}

.text-block {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 25px;
}

.text-block.heading-3 {
  line-height: 1.3;
}

.dropdown-toggle {
  width: 100%;
}

.inhalt-abstand-rechts1 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.dropdown-list {
  background-color: #e0dada;
  position: static;
}

.dropdown-list.w--open {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  padding: 40px 10px;
}

.icon-6 {
  color: #fff;
  background-color: #ccc;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.inhalt-nebeneinander1 {
  justify-content: space-between;
  align-items: center;
  width: 75vw;
  display: flex;
}

.heading-klein-links {
  font-size: 25px;
  line-height: 30px;
}

.heading-klein-links.heading-2 {
  line-height: 1.3;
}

.dropdown {
  border-bottom: 1px solid #ccc;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

._3er-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 40px;
}

.kreis1 {
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
}

.text-mittig1 {
  text-align: center;
  font-size: 14px;
  line-height: 1.3;
}

.text-mittig1.flie-text {
  line-height: 1.3;
}

.heading-block1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  display: flex;
  position: relative;
}

.div-block-farbig1 {
  background-image: linear-gradient(#00000080, #00000080);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  display: flex;
}

.bildcover-black1 {
  color: #fff;
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/681998817c264650ac508e1b35b3e386.png');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  background-attachment: scroll, fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10vh 10vw;
  display: flex;
}

.galerie1-2 {
  height: 90vh;
}

.galerie-cloumn1 {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

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

.galerie-bild.klein {
  width: 50%;
}

.galerie-bild.klein2 {
  height: 50%;
}

.div-block-bilder-nebeneinander {
  flex-direction: row;
  width: 100%;
  height: 50%;
  display: flex;
}

.div-block-untereinander {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-farbig-1 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 20px;
  display: flex;
}

.div-block-farbig-1:hover {
  background-color: #f8f8f8;
}

.div-block-farbig-1.highlights {
  background-color: #c7973f;
  border-radius: 10px;
}

.div-block-farbig-1.hauptfarbe {
  border-radius: 20px;
}

.div-block-farbig-1.hauptfarbe:hover {
  background-color: #1e40af;
}

.text-field {
  height: 30px;
  margin-top: 5px;
}

.select-field {
  color: #949494;
  background-color: #fff;
  margin-top: 5px;
}

.maps1-2 {
  border-radius: 20px;
  width: 100%;
  overflow: hidden;
}

.form {
  flex-direction: column;
  align-items: center;
  padding: 20px;
  display: flex;
}

.form-block {
  margin-top: 0;
}

.form-block.flie-text {
  margin-top: 100px;
}

.icon-1 {
  object-fit: cover;
  width: auto;
  height: 50px;
  margin-bottom: 20px;
}

.icon-1.invert {
  filter: invert();
}

.success-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.heading-success {
  color: #cbd5e1;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Marcellus SC, sans-serif;
  font-size: 32px;
  line-height: 1.3;
}

.impdat-3 {
  padding: 100px 40px;
}

.impdat-3.flie-text {
  padding-top: 100px;
}

.schwarzer-button-2 {
  z-index: 1000;
  text-transform: uppercase;
  background-color: #000;
  margin-bottom: 0;
  padding: 10px 20px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: all .2s;
  position: fixed;
  inset: auto 0% 10% auto;
}

.schwarzer-button-2:hover {
  background-color: #d4af37;
}

.footer-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: start;
  width: 50%;
  margin-bottom: 40px;
  display: grid;
}

.div-block-footer1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.footer-1 {
  padding: 40px 140px;
}

.footer-1.hauptfarbe {
  color: #1e40af;
  background-color: #1e40af;
  border: 0 #000;
}

.heading-footer {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
}

.heading-footer.heading-3.matte-grey {
  color: #cbd5e1;
}

.whatsapp {
  position: fixed;
  inset: auto auto 0% 0%;
}

.navbar_placeholder {
  height: 180px;
}

.navigation-link {
  letter-spacing: 2px;
  text-transform: uppercase;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding-right: 15px;
  font-size: 40px;
  line-height: 50px;
  display: flex;
  position: relative;
}

.navigation-link.heading-1 {
  color: #000;
  text-decoration: none;
  transition: all .2s;
}

.navigation-link.heading-1:hover {
  transform: scale(1.1);
}

.navigation-line {
  width: 3px;
  height: 30px;
  margin-top: 1px;
  position: absolute;
  transform: skew(-15deg);
}

.top-title-text {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  font-size: 26px;
  line-height: 34px;
}

.navigation-text {
  z-index: 1;
  margin-left: 20px;
  line-height: 40px;
  position: relative;
}

.navigation {
  z-index: 10;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 0;
  padding: 20px 25px;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.text-field-3 {
  background-color: #fff;
  border: 1px solid #000;
  border-bottom-color: #e9e9f8;
  min-height: 40px;
}

.text-field-3.area {
  min-height: auto;
  padding-bottom: 55px;
}

.right-part-overlay {
  z-index: 1;
  width: 0%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.navigation-divider {
  width: 1px;
  height: 30px;
  margin-left: 18px;
  margin-right: 18px;
  transform: skew(-15deg);
}

.left-part {
  z-index: 3;
  float: left;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.field-label {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 11px;
}

.big-paragraph {
  margin-bottom: 0;
  font-size: 17px;
}

.line-first {
  background-color: #fff;
  border-radius: 5px;
  width: 22px;
  height: 2px;
  position: absolute;
}

.line-first.top {
  margin-top: -12px;
}

.line-first.bottom {
  margin-top: 12px;
}

.navigation-first {
  align-items: center;
  display: flex;
}

.top-title.half {
  margin-bottom: 60px;
}

.form-block-3 {
  width: 100%;
}

.navigation-menu {
  z-index: 9;
  width: 0%;
  position: fixed;
  inset: 0%;
}

.quote-wrapper {
  z-index: 9;
  opacity: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 450px;
  display: none;
  position: relative;
}

.button-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-wrapper.submit {
  width: 100%;
  margin-top: 15px;
  padding: 16px 30px;
}

.div-block-42 {
  width: 100%;
}

.right-part {
  z-index: 3;
  float: right;
  background-color: #f1f1f7;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 0%;
  height: 100%;
  display: flex;
  position: relative;
}

.navigation-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 350px;
  display: block;
}

.full-part {
  background-color: #fff;
  width: 0%;
  height: 100%;
  display: none;
}

.left-part-overlay {
  z-index: 1;
  width: 0%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.form-2 {
  width: 100%;
}

.hamburger-menu {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.maps-gro {
  width: 100%;
  height: 100%;
  min-height: 500px;
}

.maos-footer {
  justify-content: center;
  width: 100%;
  min-width: 250px;
  height: 120px;
  display: flex;
}

.checkbox-field-2 {
  text-align: left;
  margin-top: 20px;
}

.form-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  font-family: Roboto, sans-serif;
}

.text-field-4 {
  letter-spacing: 1px;
  cursor: pointer;
  border: 1px solid #e5e5e7;
  border-radius: 5px;
  height: 3rem;
  margin-bottom: 20px;
  padding: 18px 24px;
  transition: border .4s, color .4s;
  display: block;
}

.text-field-4:hover {
  border-color: #1d1f2e80;
}

.text-field-4:active, .text-field-4:focus {
  border-color: #1d1f2e;
}

.text-field-4::placeholder {
  color: #1d1f2e4d;
}

.text-field-4.cc-textarea {
  height: 6rem;
}

.error-message {
  color: #fff;
  background-color: #a25f4b;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.contact-form-success-message {
  background-color: #fafafa;
  border: 1px solid #ececed;
}

.contact-form-success-icon {
  margin-top: 0;
  margin-bottom: 10px;
}

.checkbox-2 {
  border-radius: 5px;
}

.form1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.link {
  color: #fff;
  text-decoration: none;
  display: block;
}

.link.dark {
  color: #333;
}

.link.matte-grey {
  color: #cbd5e1;
}

.link.small {
  width: 35px;
}

.impdat-2 {
  min-height: 80vh;
  padding: 100px 40px;
}

.impdat-2.flie-text {
  flex-direction: column;
  min-height: auto;
  padding: 0;
  display: flex;
}

.impdat-2.flie-text.matte-grey {
  color: #cbd5e1;
}

.impressum-link {
  color: #fff;
  text-decoration: none;
}

.impressum-link.matte-grey {
  color: #cbd5e1;
  margin-bottom: 5px;
}

.datenschutz-link {
  color: #fff;
  text-decoration: none;
}

.datenschutz-link.down-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.datenschutz-link.matte-grey {
  color: #cbd5e1;
  margin-bottom: 5px;
}

.html-embed-2 {
  height: 100%;
}

.div-block-43 {
  display: block;
}

.navlink3 {
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 10px;
}

.navlink3.flie-text {
  color: #1e40af;
}

.navlink3.flie-text._100 {
  width: 100%;
}

.men-3.hauptfarbe {
  background-color: #2a7ba6;
  align-items: center;
  display: flex;
}

.men-3.hauptfarbe-blue {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1e40af;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navlinks3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.navlinks3.hauptfarbe {
  color: #fff;
  background-color: #1e40af;
}

.navlinks3.hauptfarbe-blue {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  background-color: #1e40af;
  border-bottom: 5px #fff;
}

.abst-nde-logo3 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.logo-2 {
  justify-content: center;
  align-items: center;
  max-width: 220px;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  left: auto;
  overflow: visible;
}

.field-label-2, .field-label-3, .field-label-4, .field-label-5, .field-label-6, .field-label-7, .field-label-8, .field-label-9 {
  line-height: 1.3;
}

.textarea {
  height: 100px;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

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

.feature-image-120 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 120%;
}

.feature-image-120.left {
  object-position: 20% 50%;
}

.feature-image-120._100 {
  height: 100%;
}

.textarea-2 {
  line-height: 3;
}

.html-embed-6 {
  position: fixed;
  inset: auto 0% 10% auto;
}

.spacer {
  height: 20px;
}

.spacer._40px {
  height: 40px;
}

.paragraph-ablaufplan-2 {
  color: #5f5f5f;
  margin-bottom: 5px;
  font-family: Exo, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.paragraph-ablaufplan-2.listpara {
  font-size: 16px;
  line-height: 22px;
}

.paragraph-ablaufplan-2.infos {
  color: #575757;
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
}

.paragraph-ablaufplan-2.infos.abstand {
  margin-top: 10px;
  margin-bottom: 10px;
}

.paragraph-ablaufplan-2.center {
  text-align: center;
}

.link-11 {
  color: #d4af37;
  text-decoration: none;
}

.heading-90 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}

.close-pop-up {
  object-fit: contain;
  width: 30px;
  height: 30px;
  position: absolute;
  inset: 120px 120px auto auto;
}

.wrapy {
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.ablaufplan-spalteninhalt-2 {
  width: 100%;
}

.platzhalter-ablaufplan {
  width: 10px;
  height: 10px;
}

.dropdown-12 {
  z-index: 3;
  margin-left: 0;
  margin-right: 0;
}

.dropdown-12.wei-er-rand {
  z-index: 0;
  background-color: #fff;
  border-radius: 60px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 1px 1px 12px #0000001f;
}

.grid-links-programme {
  grid-column-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.dropdown-toggle-15 {
  color: #fff;
  background-color: #d4af37;
  border-radius: 50px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 30px;
  font-size: 24px;
  display: flex;
}

.dropdown-toggle-15:hover {
  transform: scale(1);
}

.div-block-172 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-172.shadow {
  align-items: stretch;
  padding: 20px;
  box-shadow: 1px 1px 12px #0000001f;
}

.div-block-169 {
  z-index: 0;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.div-block-171 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #f5f5f5;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding: 30px 20px;
  display: block;
}

.grid-ablaufplan {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .85fr;
  place-items: start stretch;
  width: 100%;
  display: grid;
}

.image-106 {
  object-fit: contain;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  max-height: 400px;
  margin-top: 20px;
}

.image-106.links {
  object-position: 70% 0%;
}

.ablaufplan-big-button-3 {
  z-index: 0;
  color: #fff;
  background-color: #d4af37;
  border-radius: 30px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 20px;
  text-decoration: none;
  transition: all .2s;
  position: relative;
}

.ablaufplan-big-button-3:hover {
  transform: scale(1.03);
}

.ablaufplan-big-button-3.dropdowntoogle.w--open {
  z-index: 4;
  color: #0000;
  background-color: #0000;
  background-image: url('../images/cancel.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  max-width: 40px;
  height: 40px;
  max-height: 40px;
  padding-left: 40px;
  padding-right: 0;
  transition-property: none;
  display: block;
  position: fixed;
  inset: 120px 130px auto auto;
  overflow: hidden;
}

.ablaufplan-big-button-3.heading-79.green {
  z-index: 0;
  background-color: #52cd60;
  position: relative;
}

.ablaufplan-big-button-3.black {
  z-index: 10000;
  color: #fff;
  background-color: #000;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 16px;
  position: fixed;
  inset: 80px auto auto 0%;
}

.ablaufplan-big-button-3.black:hover {
  transform: none;
}

.ablaufplan-big-button-3.black.ablaufplan {
  margin-top: -2px;
  top: 10px;
}

.ansprechpartner-paragraph-2 {
  color: gray;
  background-color: #0000;
  font-family: Exo, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}

.ansprechpartner-paragraph-2.special.klein {
  font-size: 15px;
}

.divblock-fortschritt {
  z-index: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.div-block-173 {
  z-index: 0;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.pop-up-div {
  z-index: 10;
  background-color: #00000080;
  width: 100%;
  height: 100%;
  padding: 100px;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop-up-div.info, .pop-up-div.einverst-ndnis {
  display: none;
}

.dropdown-list-11-copy {
  position: relative;
}

.dropdown-list-11-copy.w--open {
  background-color: #0000;
  padding: 40px 30px 20px;
}

.dropdown-list-11-copy.popup {
  background-color: #00000080;
  padding: 100px;
  position: fixed;
  inset: 0%;
}

.dropdown-list-11-copy.popup._2 {
  z-index: 1000;
  display: none;
  position: fixed;
}

.dropdown-list-11-copy.popup._2.w--open {
  z-index: 5;
  display: flex;
}

.button-ablaufplan-popup-2 {
  color: #fff;
  background-color: #d4af37;
  border-radius: 30px;
  margin-bottom: 10px;
  padding: 10px 20px;
  text-decoration: none;
}

.zahl {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 20px;
}

.dropdown-16 {
  z-index: 0;
  border-radius: 60px;
  width: 100%;
  margin-bottom: 40px;
  padding: 20px;
  transition: all .2s;
  display: block;
  box-shadow: 1px 1px 12px #0000001f;
}

.dropdown-16:hover {
  transform: scale(1.05);
}

.heading-91 {
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}

.heading-91.absolut {
  text-align: center;
  width: 200px;
  font-size: 18px;
  position: absolute;
  top: 20px;
}

.image-105 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.section-balken {
  padding: 300px 40px 40px;
}

.dropdown-17 {
  z-index: 5;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.div-block-175 {
  z-index: 500;
  background-color: #fff;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 60px 60px 50px;
  position: relative;
  overflow: auto;
}

.heading-ablaufplan-3 {
  height: 70px;
  font-family: Exo, sans-serif;
  font-weight: 300;
}

.heading-ablaufplan-3.special {
  height: auto;
  margin-left: 0;
  margin-right: 0;
}

.grid-20 {
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  align-items: start;
}

.haken {
  object-fit: contain;
}

.button-flex-popup-2 {
  z-index: 0;
  color: #d4af37;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 0;
  text-decoration: none;
  display: flex;
}

.button-flex-popup-2.w--open {
  z-index: 3;
  vertical-align: bottom;
  background-image: url('../images/cancel.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  max-width: 40px;
  height: 40px;
  padding-top: 30px;
  display: block;
  position: fixed;
  top: 220px;
  right: 320px;
  overflow: hidden;
}

.dropdown-list-17 {
  z-index: 100;
}

.dropdown-list-17.w--open {
  z-index: 100;
  background-color: #fff;
  border-radius: 40px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 10px;
  padding: 20px 25px 10px;
  display: flex;
  box-shadow: 1px 1px 20px #00000026, 1px 1px 20px #00000045;
}

.paragraph-63 {
  text-align: right;
  margin-left: 20px;
  font-size: 20px;
}

.balken-2 {
  background-image: linear-gradient(to right, #d4af37 4% 20%, #e7e7e7 20%);
  border-radius: 60px;
  width: 100%;
  height: 15px;
}

.balken-2._4 {
  background-image: linear-gradient(to right, #d4af37 65%, #e7e7e7 65%);
}

.balken-2._6 {
  background-image: linear-gradient(to right, #d4af37 100%, #e7e7e7);
}

.balken-2._3 {
  background-image: linear-gradient(to right, #d4af37 42%, #e7e7e7 42%);
}

.ablaufplan-spalte-2 {
  border: 2px solid gray;
  flex-flow: wrap;
  flex: 1;
  align-content: space-between;
  align-items: stretch;
  width: 48%;
  min-width: 300px;
  margin-bottom: 10px;
  padding: 30px;
  display: flex;
}

.ablaufplan-spalte-2.gold {
  border-color: #d4af37;
}

.ablaufplan-spalte-2.gold.speciale {
  width: auto;
}

.ablaufplan-spalte-2.gold._100 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.ablaufplan-spalte-2.gold._100.white {
  background-color: #fff;
  flex-flow: column;
}

.ablaufplan-spalte-2.gold._100.white.scroll {
  flex-flow: column;
  overflow: scroll;
}

.ablaufplan-spalte-2.gold._100.white.scroll.center {
  justify-content: flex-start;
  align-items: center;
}

.ablaufplan-spalte-2.gold._100.small {
  justify-content: center;
  align-items: center;
  height: 100%;
}

.ablaufplan-spalte-2.gold._100.small.white {
  background-color: #fff;
}

.ablaufplan-spalten-inhalt-3 {
  width: 100%;
  min-height: 400px;
  padding-bottom: 20px;
}

.heading-89 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}

.div-block-170 {
  display: none;
}

.bold-text-6 {
  font-weight: 400;
}

.dropdown-list-16 {
  width: 100%;
  position: relative;
}

.dropdown-list-16.w--open {
  background-color: #0000;
  padding: 30px 20px 20px;
}

.dropdown-list-16.max-height {
  z-index: 2;
}

.dropdown-list-16.max-height.w--open {
  max-height: 60vh;
  overflow: auto;
}

.grid-19 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  place-items: center end;
  position: absolute;
  inset: 0%;
}

.bubble {
  z-index: 2;
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/sprechblase.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 190px;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: -190px -120px auto auto;
  overflow: auto;
}

.lottie-info {
  height: 3rem;
}

.co-browser-popup-2 {
  z-index: 10;
  background-color: #00000080;
  width: 100%;
  height: 100%;
  padding: 100px;
  display: none;
  position: fixed;
  inset: 0%;
}

.circle-2 {
  background-color: #e7e7e7;
  border: 1px solid #d4af37;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 5px;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 12px #0000001f;
}

.circle-2.erl {
  background-color: #d4af37;
  transition: all .2s;
}

.section-58 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.download-hilfsprogramme {
  width: 40px;
  height: 40px;
}

.list-3 {
  color: silver;
  border: 1px solid #d1d1d1;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 20px 10px 35px;
}

.text-sprechblase {
  text-align: center;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Exo, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
}

.html-embed-10 {
  width: 100%;
}

._3er_grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  height: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
}

.section-even {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 10vh 15vw;
  display: flex;
}

.section-even.zweitfarbe {
  color: #071426;
  display: none;
}

.view-more {
  color: #333;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 25px;
  text-decoration: none;
}

.view-more.flie-text {
  transition: all .2s;
}

.view-more.flie-text:hover {
  letter-spacing: 5px;
}

.transp-divider {
  width: 100%;
  height: 40px;
}

.card {
  background-image: url('../images/Illustration.png');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding: 40px;
  transition: all .2s;
}

.card:hover {
  transform: scale(1.05);
}

.small-heading {
  font-size: 25px;
  line-height: 30px;
}

.small-heading.heading-2 {
  margin-top: 0;
}

.image {
  width: 60px;
  height: 60px;
}

.paragraph-links {
  font-size: 17px;
  line-height: 25px;
}

._4er-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 60px;
  position: relative;
}

.icon-invert {
  filter: invert();
  width: 60px;
  height: 60px;
}

.background-color-primary {
  color: #fff;
  background-color: #292929;
}

.content-small {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

.text-size-regular {
  font-size: 1rem;
}

.button {
  text-align: center;
  background-color: #292929;
  border-radius: .25rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button.is-brand {
  color: #000;
  background-color: #ffdc39;
}

.heading-style-h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.content-0 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

.padding-custom1 {
  padding: 6rem;
}

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

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.section-2 {
  padding: 100px;
  position: relative;
  overflow: hidden;
}

.section-2.paddings {
  padding: 100px 10%;
}

.section-2.paddings.zweitfarbe {
  flex-flow: column;
  display: flex;
}

.section-2.paddings.zweitfarbe.bg-color {
  background-color: #f3f4f6;
}

.section-2.paddings.zweitfarbe.bg-color.bg-colorr {
  background-color: #ededee;
}

.section-2.paddings.zweitfarbe.bg-color.bg-colorr.none {
  display: none;
}

.section-2.paddings.zweitfarbe.mittig {
  justify-content: center;
  align-items: center;
}

.section-2.paddings.bg-color {
  background-color: #f3f4f6;
}

.section-2.paddings.hauptfarbe {
  border: 5px #fff;
}

.heading {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px;
}

.heading.heading-1.small {
  margin-top: 0;
  font-size: 30px;
}

._3er-grid-2 {
  z-index: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 60px;
  position: relative;
}

.small-2er-grid {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 60px 1fr;
  place-items: start;
  transition: all .2s;
}

.small-2er-grid:hover {
  transform: translate(0, -2vh);
}

.text-block-2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 25px;
}

.inhalt {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-3 {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.termin-button {
  margin-top: 10px;
  margin-bottom: 10px;
}

.termin-button.heading-3.highlights {
  transition: all .2s;
}

.termin-button.heading-3.highlights:hover {
  transform: translate(0, -5px);
  box-shadow: 0 11px 20px 1px #00000080;
}

.img-100-cover1 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .6s;
}

.img-100-cover1:hover {
  transform: scale(1.1);
}

.heading-links-gro-1 {
  text-transform: none;
  margin-top: 10px;
  font-size: 35px;
}

.div-no-overflow {
  overflow: hidden;
}

.paragraph-links1 {
  font-size: 16px;
  line-height: 22px;
}

.paragraph-links1.flie-text {
  line-height: 1.5;
}

.big-column {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 80vh;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.big-column.hauptfarbe {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

._2er-grid-ohne-abstand1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  width: 100%;
}

.heading_wrap {
  color: #071426;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

._6er-grid1 {
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
}

.inhalt-untereinander1 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.inhalt-untereinander1.center {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.inhalt-untereinander1.flie-text.adj.no {
  margin-top: 10px;
}

.inhalt-untereinander1.flie-text.no {
  padding-left: 0;
}

.inhalt-untereinander1.flie-text.no.dark-blue {
  color: #071426;
}

.inhalt-untereinander1.flie-text.broder {
  border-bottom: 1px solid #ae8a35;
  border-left: 1px #ae8a35;
  padding-left: 0;
}

.inhalt-untereinander1.flie-text.mittig {
  text-align: center;
}

.inhalt-untereinander1.flie-text.mittig._2 {
  margin-top: 10px;
}

.div-block-grauer-rand1 {
  border: 1px solid #c7c7c7;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.div-block-grauer-rand1.white {
  background-color: var(--white);
  flex-flow: row;
}

.icon1 {
  opacity: .4;
  filter: brightness(0%) grayscale();
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.heading-linksb-ndig1 {
  margin-top: 0;
  font-size: 22px;
  line-height: 28px;
}

.heading-linksb-ndig1.heading-2 {
  line-height: 1.3;
}

._2er-grid1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-flow: row;
  place-items: center;
}

.section-gro-e-abst-nde1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10vh 15vw;
  display: flex;
}

.feature-image-mask-100 {
  z-index: 5;
  border-radius: 20px;
  justify-content: space-between;
  width: 100%;
  height: 60vh;
  padding-top: 60px;
  padding-bottom: 20px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.feature-image-mask-100.versetzt {
  height: 55vh;
}

.feature-image-mask-100.versetzt.links {
  top: 40px;
  left: 40px;
  right: auto;
}

.feature-image-mask-100.flex-vert {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
}

.feature-image-mask-100.height {
  width: 65%;
  height: 45vh;
}

.feature-image-mask-100.height.down {
  width: 32%;
  margin-bottom: 40px;
  position: static;
}

.feature-image-mask-100.image-width {
  height: 82vh;
}

.feature-image-mask-100._1 {
  width: auto;
  position: relative;
}

.feature-image-mask-100.flex {
  flex-flow: column;
  height: 100%;
}

.image-107 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.div-block-176 {
  width: 50%;
}

.link-12, .link-13 {
  color: #333;
  text-decoration: none;
}

.div-block-181 {
  height: auto;
  position: sticky;
  top: 10px;
}

.image-101 {
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
  height: 100%;
}

.div-block-182 {
  height: auto;
  position: sticky;
  top: 10px;
}

.image-108 {
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
  height: 100%;
}

.div-block-183 {
  height: 80vh;
  position: sticky;
  top: 10px;
}

.image-109 {
  object-fit: contain;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.div-block-184 {
  height: 80vh;
  position: sticky;
  top: 10px;
}

.image-110 {
  object-fit: contain;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.galerie3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  min-width: 100%;
}

.image-wrapper-2 {
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.image-111 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.image-111.conatin {
  object-fit: contain;
  background-color: #696969;
  height: 100%;
}

.image-111._80 {
  width: 100%;
}

.large-image-wrapper {
  width: 100%;
  min-height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.inhalt-gro-e-abst-nde {
  padding: 100px;
}

.subheadline-wrap {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.image-112 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.image-112.conatin {
  object-fit: contain;
  background-color: #696969;
  height: 100%;
}

.image-112._80 {
  width: 100%;
}

.label3 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  display: block;
  position: static;
}

.label3.heading-2.black {
  color: #000;
}

.wrap-inhalt3 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.image-wrapper-3 {
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.subheadline-deco-line {
  width: 30px;
  height: 1px;
  display: inline-block;
}

.subheadline-deco-line.highlights {
  margin-left: 5px;
  margin-right: 5px;
}

.image-113 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.image-113.conatin {
  object-fit: cover;
  height: 100%;
  overflow: hidden;
}

.image-113._80 {
  width: 100%;
}

.image-wrapper-4 {
  width: 100%;
  height: 70vh;
  margin-top: 0;
  margin-bottom: 0;
}

.gallery-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.gallery-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.gallery-full {
  height: 410px;
}

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

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

.gallery-col-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.lightbox-200h {
  height: 200px;
}

.link-14 {
  color: #333;
  text-decoration: none;
}

.small-text-link {
  color: #ae8a35;
  font-weight: 600;
  text-decoration: none;
}

.bold-text-10 {
  font-weight: 400;
}

.feature-card-description {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.small-icon {
  width: 42px;
}

.services-card {
  grid-column-gap: 0px;
  grid-row-gap: 36px;
  opacity: 1;
  border: 1px #000;
  border-radius: 10px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.card-button-wrapper {
  justify-content: center;
  display: flex;
}

.button-text-2 {
  z-index: 10;
  position: relative;
}

.card-circle {
  background-color: #983b35;
  border-radius: 100%;
  width: 6vw;
  max-width: 800px;
  height: 6vw;
  max-height: 800px;
  position: absolute;
  inset: -6vw -6vw auto auto;
}

.clip {
  position: relative;
  overflow: hidden;
}

.icon-9 {
  z-index: 10;
  background-color: #983b35;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  display: flex;
  position: relative;
}

._3er-grid-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
}

.text-mittig-3 {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}

.text-mittig-3.flie-text {
  text-align: left;
}

.feature-card-info {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-hover-item {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  border-top: 1px #f3f6fc;
  border-bottom: 1px #f3f6fc;
  border-radius: 10px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: flex-start stretch;
  margin-bottom: 0;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 5px 1px #cecece;
}

.button-2 {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #090b19;
  border: 1px solid #090b19;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 28px;
  font-size: 11px;
  text-decoration: none;
  transition: all .4s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-2:hover {
  color: #090b19;
  background-color: #e2e7f1;
  border-color: #e2e7f1;
}

.button-2.grey-outline {
  background-color: #983b35;
  border-color: #e2e7f1;
}

.button-2.grey-outline:hover {
  color: #fff;
  background-color: #090b19;
  border-color: #090b19;
}

.heading-mittig-klein1-2 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 25px;
  line-height: 30px;
}

.div-block-185 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.small-text-bold {
  font-weight: 700;
}

.left-arrow, .right-arrow, .slide-nav {
  display: none;
}

.slide {
  padding: 40px;
  overflow: scroll;
}

.slide.zweitfarbe {
  overflow: visible;
}

.slider {
  width: 100%;
  height: 100%;
  overflow: scroll;
}

.link-15 {
  color: #333;
  text-decoration: none;
}

.content-wrapper {
  background-image: linear-gradient(#00000080, #00000080);
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding: 40px;
  display: flex;
}

.content-wrapper.left {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.image_wrapper {
  width: 15rem;
}

.underline {
  background-color: #14275d;
  width: 100px;
  height: 3px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

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

.inhalt-mittig2 {
  color: #fff;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.card-image-2 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.secondary_text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.secondary_text._2 {
  grid-template-columns: 1fr 1fr;
  width: 80%;
  display: none;
}

.card-header-2 {
  background-color: #fff;
  border-bottom: 1px solid #a6a6a6;
  padding-top: 0;
}

.text-mittig-2 {
  text-align: center;
  text-transform: none;
  font-size: 16px;
  line-height: 140%;
}

.text-mittig1-2 {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}

.text-mittig1-2.flie-text {
  margin-bottom: 10px;
}

.img-box5-2 {
  z-index: 1;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.card-body-3 {
  background-color: #fff;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 20px;
  display: flex;
}

.card-block-2 {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 6px #a7a7a7;
}

._4er-grid-3 {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 20px;
}

._4er-grid-3.space {
  margin-top: 60px;
}

.section-gro-e-abst-nde1-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10vh 10vw;
  display: none;
}

.section-gro-e-abst-nde1-3.bg-grey {
  background-color: #efefef;
  flex-direction: column;
}

.section-gro-e-abst-nde1-3.bg-color {
  background-color: #f3f4f6;
  display: flex;
}

.section-gro-e-abst-nde1-3.bg-color.background {
  background-color: #1e40af;
  display: flex;
}

.card-content5-2 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-right: 0;
  padding: 20px;
  display: flex;
}

.card5-2 {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 80%;
  display: flex;
  position: relative;
}

.card5-2._100 {
  width: 100%;
  height: 100%;
  min-height: 350px;
}

.card5-2._100.zweitfarbe {
  background-color: #4f525d;
}

.heading-small {
  font-size: 20px;
}

.gallery-heading {
  color: #14275d;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 36px;
}

.heading-mittig1-2 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 25px;
  line-height: 30px;
}

.heading-mittig1-2.heading-2.farbe-der-headings.text-blue {
  color: #14275d;
}

.space {
  width: 5rem;
  height: 5rem;
}

.grid-wrapper {
  padding-left: 40px;
  padding-right: 40px;
}

.image-114 {
  width: 80px;
}

.content-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

._3er-grid2 {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.5fr .75fr;
  margin-top: 40px;
  position: relative;
}

._3er-grid2.outline {
  border: 1px solid #979797;
  align-items: center;
  width: 100%;
  padding: 20px;
}

.content-box {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 40px;
  display: block;
  position: relative;
}

.content-box.outline {
  border: 1px solid #979797;
  align-items: center;
  width: 100%;
  padding: 20px;
}

.hintergrund-wei-2 {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.hintergrund-wei-2.versetzt {
  background-color: #0000;
  padding-left: 40px;
}

.hintergrund-wei-2.versetzt.rechts {
  padding-left: 40px;
  padding-right: 0;
  right: -40px;
}

.hintergrund-wei-2.versetzt.center {
  text-align: center;
  background-color: #fff;
  justify-content: center;
  align-items: center;
}

.hintergrund-wei-2.resize {
  border-radius: 20px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 20px;
}

.hintergrund-wei-2._2 {
  border-radius: 20px;
  padding: 20px;
}

.hintergrund-wei-2.mittig {
  justify-content: center;
  align-items: center;
}

.lightbox-link {
  width: 100%;
  height: 100%;
}

.text-centered {
  text-align: center;
  text-transform: none;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 140%;
}

.text-centered.paragraph-font {
  color: #cbd5e1;
  text-align: left;
  font-family: Roboto, sans-serif;
  font-size: 14px;
}

.text-centered.paragraph-font.matte-grey {
  color: #333;
}

.text-centered.paragraph-font.white {
  color: #fff;
}

.inhalt-center-vertical {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.inhalt-center-vertical.zweitfarbe {
  background-color: #e7ebe3;
  border-radius: 0;
  justify-content: center;
  align-items: flex-start;
  margin: 0;
  padding-top: 30px;
  position: static;
}

.inhalt-center-vertical.zweitfarbe.width {
  background-color: #1e40af;
  width: 100%;
  padding-bottom: 30px;
  padding-left: 60px;
  padding-right: 60px;
}

.inhalt-center-vertical.zweitfarbe.width.radius {
  background-color: #d6a242;
  border-radius: 20px;
}

.button-9 {
  text-transform: uppercase;
  border-radius: 20px;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 25px;
  transition: all .2s;
}

.button-9:hover {
  transform: translate(0, -5px);
  box-shadow: 0 16px 20px 1px #00000080;
}

.heading-mittig1-5 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 30px;
  line-height: 35px;
}

.grid-21 {
  margin-top: 30px;
}

.grid-21.columns {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-21.columns._100 {
  width: 99.8886%;
}

.inhalt-top-vertical {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.inhalt-top-vertical.zweitfarbe {
  background-color: #e7ebe3;
  border-radius: 0;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0;
  padding-top: 30px;
  position: static;
}

.inhalt-top-vertical.zweitfarbe.royall-bg {
  background-color: #1e40af;
}

.inhalt-top-vertical.zweitfarbe.royall-bg.height {
  height: 40vh;
}

.inhalt-top-vertical.zweitfarbe.royall-bg.height.radus {
  border-radius: 20px;
}

.inhalt-top-vertical.zweitfarbe.royall-bg.radius {
  border-radius: 20px;
  justify-content: space-between;
}

.inhalt-top-vertical.zweitfarbe.royall-bg.radius.white {
  color: #333;
  background-color: #d6a242;
}

.inhalt-top-vertical.zweitfarbe.royall-bg.radius.highlights {
  background-color: #d6a242;
}

.inhalt-top-vertical.zweitfarbe.royall-bg.radius.highlights._100 {
  width: 100%;
}

.inhalt-top-vertical.zweitfarbe.matte-grey {
  background-color: #1e40af;
  display: none;
}

.inhalt-top-vertical.zweitfarbe.matte-grey._100 {
  width: 100%;
}

.div-block-186 {
  width: 100%;
  height: 90vh;
  padding-top: 2vh;
  display: none;
}

.background-video {
  z-index: 5;
  width: 100%;
  height: 100%;
}

.background-video.height {
  height: 30vh;
}

.grid-22 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 40px;
}

.div-block-187 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #1e40af;
  flex-flow: column;
  width: 100%;
  height: 80vh;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-187.radius {
  border-radius: 20px;
}

.div-block-187.radius.highlights {
  background-color: #d6a242;
}

.div-block-188 {
  color: #333;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 99.9998%;
  height: 16vh;
  padding: 20px;
  display: flex;
}

.div-block-189 {
  border-radius: 20px;
  width: 100%;
  height: 65vh;
  overflow: hidden;
}

.background-video-2 {
  width: 99.9998%;
  height: 100%;
}

.background-video-3 {
  width: 100%;
  height: 100%;
}

.background-video-4 {
  width: 99.9998%;
  height: 100%;
}

.background-video-5 {
  z-index: 5;
  width: 99.9998%;
  height: 100%;
}

.slide-2 {
  width: 100%;
  height: 100%;
}

.slider-2 {
  background-color: #ddd0;
  width: 100%;
  height: 100%;
}

.slide-nav-2 {
  display: none;
}

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

.background-video-6 {
  z-index: 5;
  width: 99.9998%;
  height: 100%;
}

.div-block-190 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 99.8818%;
  margin-top: 20px;
  display: flex;
}

.button-10 {
  color: #1e40af;
  background-color: #d6a242;
  border-radius: 5px;
  font-family: Roboto, sans-serif;
}

.button-10:hover {
  color: #1e40af;
  background-color: #aa8a22;
}

.button-11 {
  background-color: #ae8a35;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
}

.button-11:hover {
  color: #363636;
  background-color: #e7ebe3;
}

.button-11.button-bg {
  color: #1e40af;
  background-color: #d6a242;
  border-radius: 5px;
}

.button-11.button-bg:hover {
  background-color: #aa8a22;
}

.grid-21-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 30px;
}

.div-block-191 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.link-16 {
  color: #000;
  text-decoration: none;
}

.links {
  color: #fff;
  text-decoration: none;
}

.links.down-10 {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}

.links.down-10.matte-grey {
  color: #cbd5e1;
}

.links.down {
  margin-bottom: 10px;
  display: block;
}

.links.down.matte-grey {
  color: #cbd5e1;
}

.hintergrund-wei-3 {
  background-color: #0000;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 40px;
  display: flex;
}

.section-gro-e-abst-nde1-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 10%;
  display: flex;
}

.section-gro-e-abst-nde1-4.bg-color {
  background-color: #f3f4f6;
}

.section-gro-e-abst-nde1-4.bg-color.none {
  display: flex;
}

.section-gro-e-abst-nde1-4.hauptfarbe {
  -webkit-text-stroke-color: #1138cc;
  border: 0 #000;
}

.section-gro-e-abst-nde1-4.hauptfarbe.none {
  display: flex;
}

.heading-links1-4 {
  text-transform: uppercase;
  margin-top: 10px;
}

.heading-links1-4.heading-1 {
  color: #333;
}

.heading-links1-4.heading-1.dark-blue {
  color: #071426;
}

.heading-links1-4.heading-1.dark-blue.mittig {
  text-align: center;
  font-size: 25px;
}

.heading-links1-4.heading-1.matte-grey {
  color: #cbd5e1;
}

.heading-links1-4.heading-1.white {
  color: #fff;
}

.div-block-192 {
  width: 50%;
  height: 50%;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-192.top {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  inset: 0% 0% auto;
}

.div-block-192.top.color {
  background-color: #1e40af;
  border-top-left-radius: 100%;
}

.div-block-192-left {
  width: 50%;
  height: 50%;
  position: absolute;
  inset: auto 0% 0% 51%;
}

.div-block-192-left.top {
  inset: 0% 0% auto 51%;
}

.div-block-193 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 70%;
  display: flex;
}

.div-block-194 {
  width: 2.5em;
  height: 2.5em;
}

.div-block-194.relative {
  position: relative;
  left: 10px;
}

.div-block-194.relative.w--current {
  left: 10px;
}

.image-115 {
  opacity: 1;
  object-fit: contain;
  width: 99.9702%;
  height: 100%;
  position: relative;
}

.image-115.relative {
  left: -22%;
}

.image-115.invert {
  filter: none;
}

.div-block-195 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-196 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-197 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 99.8818%;
  display: flex;
}

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

.image-wrapper {
  height: 30vh;
}

.image-wrapper-copy {
  height: 20vh;
}

.nav-dropdown {
  color: #cbd5e1;
  background-color: #1e40af;
}

.nav-dropdown.w--open {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  left: -45px;
}

.div-img {
  color: #071426;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-117 {
  height: 35px;
}

.image-117.invert {
  filter: invert();
  mix-blend-mode: screen;
  height: 40px;
}

.matte-grey {
  color: #cbd5e1;
}

.link-17 {
  color: #cbd5e1;
  text-decoration: underline;
}

.div-grid-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 100px 10%;
  display: flex;
}

.div-grid-4.blue-back-ground {
  color: #fff;
  background-color: #1e40af;
  border: 5px #fff;
  border-style: none solid;
}

.div-grid-4.blue-back-ground._1 {
  padding-top: 0;
  padding-bottom: 0;
}

.div-grid-4.blue-back-ground.a, .div-grid-4.blue-back-ground.c, .div-grid-4.b, .div-grid-4.d {
  display: flex;
}

.div-grid-4.hauptfarbe {
  border: 1px #000;
  flex-flow: column;
  padding-top: 60px;
  position: relative;
}

.div-block-198 {
  background-color: #1e40af4f;
  width: 92%;
  height: 78%;
  margin-top: 22%;
  margin-left: 10px;
  display: flex;
}

.div-block-198.radiuse {
  border-top-left-radius: 100%;
}

.div-block-198.radiuse.adjust {
  border-top-left-radius: 0%;
  border-bottom-left-radius: 100rem;
  width: 92%;
  height: 66%;
  margin-top: 0%;
}

.div-block-198.radiuse.adjust-2 {
  border-top-left-radius: 0%;
  border-bottom-right-radius: 90%;
  width: 89%;
  height: 66%;
  margin-top: 0%;
  margin-left: 0;
}

.div-block-198.radiuse.adjust-3 {
  border-top-left-radius: 0%;
  border-top-right-radius: 100%;
  width: 90%;
  margin-left: 0;
}

.image-118.rotate {
  width: 100px;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: rotate(-145deg);
}

.image-118.rotate.adjustt {
  inset: auto auto 0% 0%;
  transform: rotate(-45deg);
}

.image-118.rotate.adjustt2 {
  inset: 0% 0% auto auto;
  transform: rotate(145deg);
}

.image-118.rotate.adjustt-3 {
  inset: 0% auto auto 0%;
  transform: rotate(35deg);
}

.div-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #d6a242;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
}

.div-block.transparent {
  background-color: #1e40af0d;
  border-radius: 20px;
}

.paragraph-64 {
  color: #cbd5e1;
  height: auto;
  display: block;
}

.paragraph-64.caps {
  text-transform: uppercase;
  margin-bottom: 0;
}

.paragraph-64.caps.color {
  margin-bottom: 0;
}

.paragraph-64.dark {
  color: #333;
  margin-bottom: 0;
}

.list-4 {
  color: #333;
}

.image-119, .div-block-199 {
  width: 30px;
}

.bold-text-11 {
  color: #cbd5e1;
}

.div-block-200 {
  height: 750vh;
}

.image-120 {
  width: 25px;
  height: 23px;
}

.image-120.invert {
  filter: invert();
}

.div-block-201 {
  color: #fff;
  background-color: #1138cc;
  border-radius: 20px;
  height: auto;
  margin-top: 10px;
  padding: 20px;
}

.div-block-201.white {
  color: #333;
  background-color: #fff;
}

.div-block-201._1, .div-block-201._3 {
  display: none;
}

.image-121 {
  width: 25px;
  display: none;
  transform: rotate(90deg);
}

.image-122 {
  width: 25px;
  transform: rotate(90deg);
}

.div-block-202 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-202.backgroung-grey {
  padding: 20px;
}

.div-block-203 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 100px 20px 20px;
  display: flex;
}

.div-block-203.align {
  justify-content: center;
  align-items: flex-start;
}

.div-block-203._2er-grid {
  padding-top: 20px;
}

.div-block-203._3 {
  padding-top: 60px;
}

.image-arrow-back {
  width: 25px;
  transform: rotate(-90deg);
}

.div-block-204 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  height: 55vh;
  display: grid;
}

.div-block-204.background {
  background-color: #f3f4f6;
  border-radius: 20px;
}

.image-wrapper-1 {
  border-radius: 20px;
  position: sticky;
  top: 20px;
}

.div-block-205 {
  width: 7%;
}

.div-block-206 {
  overflow: auto;
}

.image-123 {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.read-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.read-div.hauptfarbe {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  width: 11vw;
  padding: 10px;
}

.read-div.white {
  color: #1e40af;
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: stretch;
  padding: 10px;
}

.grid-23 {
  grid-template-rows: auto;
  display: none;
}

.image-wrapper-large {
  border-radius: 20px;
  height: 100%;
  overflow: hidden;
}

.grid-24 {
  grid-template-rows: auto;
  margin-top: 40px;
}

.image-wrapper-small {
  height: 60vh;
}

.hintergrund-wei-4 {
  background-color: #0000;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 40px;
  display: flex;
}

.hintergrund-wei-4.versetzt {
  background-color: #0000;
  padding-left: 40px;
}

.hintergrund-wei-4.versetzt.rechts {
  padding-left: 40px;
  padding-right: 0;
  right: -40px;
}

.hintergrund-wei-4.versetzt.center {
  text-align: center;
  background-color: #fff;
  justify-content: center;
  align-items: center;
}

.hintergrund-wei-4.zweitfarbe {
  background-color: #e7ebe3;
}

.hintergrund-wei-4.zweitfarbe.navy-blue {
  background-color: #1e40af;
}

.hintergrund-wei-4.zweitfarbe.navy-blue.radius {
  border-radius: 20px;
  margin-top: 20px;
  padding-left: 20px;
}

.hintergrund-wei-4.zweitfarbe.navy-blue.radius.white {
  background-color: #d6a242;
}

.hintergrund-wei-4.top.zweitfarbe.royal-bg {
  background-color: #1e40af;
}

.hintergrund-wei-4.top.zweitfarbe.royal-bg.radius {
  border-radius: 20px;
  padding-left: 40px;
}

.hintergrund-wei-4.none {
  background-color: #fff0;
}

.hintergrund-wei-4.text-center {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
}

.timeline-text {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
}

.div-block-179 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 10px 5px 5px;
  display: flex;
}

.div-block-179.zweitfarbe {
  border-radius: 10px;
  justify-content: center;
  align-items: flex-start;
  padding: 20px 15px 10px;
}

.terminbutton-3 {
  text-align: center;
  text-transform: uppercase;
  border-radius: 10px;
  padding: 15px 20px;
  line-height: 22px;
}

.terminbutton-3:hover {
  background-color: #292929;
}

.terminbutton-3.highlights {
  justify-content: center;
  align-items: center;
  padding: 15px 20px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 22px;
  display: flex;
}

.terminbutton-3.highlights:hover {
  background-color: #161616;
}

.terminbutton-3.highlights.heading-3 {
  padding: 10px 15px;
}

.div-block-207 {
  border-radius: 10px;
  padding: 20px;
}

._2er-grid-0 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
}

.grid-85 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 20px;
}

.heading-links {
  text-align: left;
  margin-top: 10px;
}

.heading-links.heading-1 {
  font-size: 38px;
  line-height: 1.3;
}

.heading-links.heading-1.farbe-der-headings {
  font-style: normal;
}

.heading-links.heading-1.dark-blue {
  color: #071426;
}

.div-block-208 {
  border-radius: 10px;
  width: 10vh;
  height: 10vh;
  margin-bottom: 20px;
  padding: 10px;
  overflow: hidden;
}

.div-block-180 {
  border-radius: 10px;
  overflow: hidden;
}

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

.image-100-2.invert {
  filter: invert();
}

.grid-86 {
  grid-template-rows: auto;
  margin-bottom: 20px;
}

.text-wrapper-1 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 20px 0;
  display: flex;
}

.bold-big {
  font-size: 20px;
}

.text-block-1 {
  color: #fff;
  background-color: #1138cc;
  border-radius: 20px;
  height: auto;
  margin-top: 10px;
  padding: 20px;
  display: none;
}

.text-block-1.white {
  color: #333;
  background-color: #fff;
}

.link-18 {
  color: #d4af37;
  text-decoration: none;
}

.heading-92 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}

.html-embed-11 {
  width: 100%;
}

.dropdown-19 {
  z-index: 3;
  margin-left: 0;
  margin-right: 0;
}

.dropdown-19.wei-er-rand {
  z-index: 0;
  background-color: #fff;
  border-radius: 60px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 1px 1px 12px #0000001f;
}

.div-block-209 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-209.shadow {
  align-items: stretch;
  padding: 20px;
  box-shadow: 1px 1px 12px #0000001f;
}

.div-block-210 {
  z-index: 0;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.div-block-211 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #f5f5f5;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding: 30px 20px;
  display: block;
}

.code-embed {
  width: 100%;
  height: 100%;
}

.image-124 {
  object-fit: contain;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  max-height: 400px;
  margin-top: 20px;
}

.image-124.links {
  object-position: 70% 0%;
}

.div-block-212 {
  z-index: 0;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.dropdown-20 {
  z-index: 0;
  border-radius: 60px;
  width: 100%;
  margin-bottom: 40px;
  padding: 20px;
  transition: all .2s;
  display: block;
  box-shadow: 1px 1px 12px #0000001f;
}

.dropdown-20:hover {
  transform: scale(1.05);
}

.heading-93 {
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}

.heading-93.absolut {
  text-align: center;
  width: 200px;
  font-size: 18px;
  position: absolute;
  top: 20px;
}

.image-125 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.dropdown-21 {
  z-index: 5;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.div-block-214 {
  z-index: 500;
  background-color: #fff;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 60px 60px 50px;
  position: relative;
  overflow: auto;
}

.grid-87 {
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  align-items: start;
}

.dropdown-list-18 {
  z-index: 100;
}

.dropdown-list-18.w--open {
  z-index: 100;
  background-color: #fff;
  border-radius: 40px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 10px;
  padding: 20px 25px 10px;
  display: flex;
  box-shadow: 1px 1px 20px #00000026, 1px 1px 20px #00000045;
}

.paragraph-65 {
  text-align: right;
  margin-left: 20px;
  font-size: 20px;
}

.heading-94 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}

.div-block-215 {
  display: none;
}

.grid-88 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  place-items: center end;
  position: absolute;
  inset: 0%;
}

.section-59 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.list-5 {
  color: silver;
  border: 1px solid #d1d1d1;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 20px 10px 35px;
}

.navbar-block {
  background-color: #d6a242;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.navbar-block.left {
  justify-content: flex-start;
  align-items: center;
}

.dropdown-toggle-16 {
  padding: 0 10px 0 0;
}

.none {
  display: none;
}

.div-block-216 {
  z-index: -1;
  background-color: #fff;
  width: 7px;
  height: 16vh;
  position: absolute;
  top: 63px;
  right: 49%;
}

.image-126 {
  width: 10vh;
  height: 10vh;
  transition: all .2s;
  position: absolute;
  inset: 43% 0% 0% 39%;
}

.image-126:hover {
  transform: scale(1.5);
}

.div-block-217 {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 95%;
  display: flex;
  position: absolute;
}

.code-embed-2 {
  width: 100%;
  height: 100%;
}

.div-block-218 {
  z-index: 10;
  background-color: #1138cc;
  position: sticky;
  inset: 0 auto 0% 0%;
}

.text-span {
  text-align: center;
  font-size: 16px;
}

.spacer-3 {
  height: 20px;
}

.block-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.div-block-219 {
  width: 100%;
  max-width: 960px;
  aspect-ratio: 16 / 9;
  margin-top: 20px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.code-embed-3 {
  width: 100%;
  height: 100%;
  display: block;
}

.code-embed-3 iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

.dropdown-toggle-17 {
  padding: 0;
}

.icon-10 {
  margin-right: 10px;
}

.dropdown-list-19.w--open {
  background-color: #1e40af;
  padding: 10px;
}

.div-block-220 {
  z-index: 99999;
  background-color: #00000080;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 10% 20%;
  display: none;
  position: absolute;
  inset: 0%;
}

.div-block-221 {
  background-color: #1e40af;
  padding: 60px;
  position: relative;
}

.div-block-222 {
  position: absolute;
  inset: 0% 0% auto auto;
}

.link-block {
  background-color: #fff;
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: 3% 1% auto auto;
}

.txt-link {
  text-decoration: none;
}

.big-bold {
  font-size: 18px;
  font-weight: 600;
}

.bold {
  font-weight: 500;
}

._2er-1 {
  margin-bottom: 20px;
}

.back-button {
  z-index: 10;
  color: #1e40af;
  text-align: center;
  text-transform: uppercase;
  background-color: #d6a242;
  border-radius: 5px;
  width: 10vw;
  margin-top: 40px;
  margin-left: 60px;
  font-family: Marcellus SC, sans-serif;
  font-weight: 400;
  position: sticky;
  top: 0;
}

.div-block-223, .div-block-224, .div-block-225, .div-block-226 {
  z-index: 10;
  background-color: #1138cc;
  position: sticky;
  inset: 0 auto 0% 0%;
}

.link-19 {
  color: #d6a242;
  font-weight: 700;
  text-decoration: none;
}

.arrow-left {
  background-color: #fff;
  border-radius: 1px;
  width: 30px;
  height: 3px;
  position: relative;
  left: 3px;
  transform: rotate(45deg);
}

.accordion-pane {
  background-color: #0000;
  overflow: hidden;
}

.accordion-question-header {
  color: #fff;
  text-align: left;
  width: 80%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.accordion-tab-button {
  cursor: pointer;
  background-color: #333;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: auto;
  padding-top: 11px;
  padding-bottom: 11px;
  transition: transform .2s;
  display: flex;
}

.accordion-item-wrapper {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
}

.arrow-right {
  background-color: #fff;
  border-radius: 1px;
  width: 30px;
  height: 3px;
  position: relative;
  right: 3px;
  transform: rotate(-45deg);
}

.accordion-pane-content {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-bottom: 5px;
  padding: 20px 0;
}

.arrow-div {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 29px;
  display: flex;
}

.arrow-div-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 20%;
  height: auto;
  display: flex;
}

.text-linksb-ndig1 {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.text-linksb-ndig1.paragraph-font {
  text-align: justify;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 1.3;
}

.list.text-links1.flie-text {
  margin-top: 10px;
  margin-bottom: 20px;
  list-style-type: disc;
}

@media screen and (min-width: 1440px) {
  .farbe-der-headings {
    color: #c49a45;
  }

  .heading-mittig.heading-1.left {
    text-align: left;
  }

  .section-gro-e-abst-nde1-2.zweitfarbe.left {
    justify-content: center;
    align-items: flex-start;
  }

  .mehr-erfahren2.highlights.heading-1.button-bg, .mehr-erfahren2.highlights.heading-1.button-bg.w--current, .mehr-erfahren2.highlights.heading-1.button-bg.back, .mehr-erfahren2.highlights.heading-1.button-bg._1, .mehr-erfahren2.highlights.heading-1.button-bg._2 {
    background-color: #c49a45;
  }

  .heading-links1.heading-1.adj {
    font-size: 25px;
  }

  .div-block-farbig-1.highlights {
    background-color: #c49a45;
  }

  .div-block-173 {
    z-index: 0;
  }

  .section-2 {
    padding-left: 15vw;
    padding-right: 15vw;
  }

  .heading.heading-1.small.farbe-der-headings {
    margin-right: 0;
  }

  .inhalt-untereinander1.flie-text {
    border-bottom: 1px solid #ae8a35;
    border-left: 1px #ae8a35;
    padding-left: 20px;
  }

  .inhalt-untereinander1.flie-text.adj {
    padding-left: 20px;
  }

  .inhalt-untereinander1.flie-text.adj.no {
    border-bottom-style: none;
    margin-top: 10px;
    padding-left: 0;
  }

  .inhalt-untereinander1.flie-text.no {
    border-bottom-style: none;
  }

  .inhalt-untereinander1.flie-text.mittig {
    border-bottom-style: none;
    border-left-style: none;
  }

  .card-body-3 {
    justify-content: space-between;
    height: 100%;
  }

  .content-box {
    margin-top: 20px;
  }

  .lightbox-link {
    width: 100%;
    height: 100%;
  }

  .text-centered.paragraph-font {
    text-align: left;
    font-family: Roboto, sans-serif;
    font-size: 14px;
  }

  .inhalt-center-vertical {
    position: static;
  }

  .inhalt-center-vertical.zweitfarbe {
    background-color: #e7ebe3;
    justify-content: center;
    align-items: flex-start;
    margin: 0;
    padding-top: 30px;
  }

  .inhalt-center-vertical.zweitfarbe.width.radius {
    background-color: #c49a45;
  }

  .grid-21 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    margin-bottom: 20px;
  }

  .inhalt-top-vertical {
    position: static;
  }

  .inhalt-top-vertical.zweitfarbe {
    background-color: #e7ebe3;
    justify-content: center;
    align-items: flex-start;
    margin: 0;
    padding-top: 30px;
  }

  .inhalt-top-vertical.zweitfarbe.royall-bg.radius.white, .inhalt-top-vertical.zweitfarbe.royall-bg.radius.highlights, .div-block-187.radius.highlights, .button-10, .button-11.button-bg {
    background-color: #c49a45;
  }

  .grid-21-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    margin-bottom: 20px;
  }

  .image-118 {
    width: 125px;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .image-118.rotate {
    transform-origin: 50%;
    transform: rotate(-145deg);
  }

  .image-118.rotate.adjust {
    transform: rotate(145deg);
  }

  .div-block {
    background-color: #c49a45;
  }

  .div-block-212 {
    z-index: 0;
  }

  .navbar-block {
    background-color: #c49a45;
  }

  .div-block-216 {
    top: 63px;
  }
}

@media screen and (max-width: 991px) {
  .heading-einstellungen {
    line-height: 42px;
  }

  .telefonnummer, .email {
    margin-bottom: 5px;
  }

  .divblock1 {
    padding-bottom: 20px;
  }

  .success {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .rahmen-unten {
    height: 10vh;
  }

  .titelvideo1-3 {
    justify-content: center;
    width: 100%;
    padding-bottom: 0;
  }

  .slogan1.heading-1 {
    margin-top: 10px;
    font-size: 45px;
    line-height: 50px;
  }

  .rahmen-oben {
    height: 10vh;
  }

  .wei-er-rahmen {
    width: 80%;
  }

  .div-block-video1 {
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
    inset: 0%;
  }

  .titelvideo-start-3 {
    height: 70vh;
  }

  .heading-mittig.heading-1 {
    font-size: 30px;
  }

  .section-gro-e-abst-nde1-2 {
    padding: 50px 5%;
  }

  .inhalt-mittig1 {
    padding-bottom: 20px;
  }

  .section1 {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .feature-image {
    height: 100%;
    margin-top: 0;
  }

  .image-big1 {
    height: 50vh;
  }

  ._4er-grid-2 {
    grid-column-gap: 15px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  ._2er-grid {
    grid-template-columns: 1fr;
  }

  ._2er-grid.outline {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .feature-image-mask {
    height: 30vh;
    margin-right: 0;
  }

  .feature-image-mask.versetzt {
    height: 55vh;
    top: auto;
    right: auto;
  }

  .feature-image-mask.versetzt.links {
    height: 55vh;
    top: auto;
    left: auto;
  }

  .hintergrund-wei.versetzt {
    padding-right: 0;
    right: auto;
  }

  .hintergrund-wei.versetzt.rechts {
    right: auto;
  }

  .footer-2.hauptfarbe {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-wei-1 {
    width: 80%;
    height: auto;
    padding: 40px;
  }

  .inhalt-abstand-rechts1 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .inhalt-nebeneinander1 {
    flex-direction: column;
    width: 90vw;
  }

  ._3er-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-farbig1.hauptfarbe {
    min-height: 40vh;
  }

  .bildcover-black1 {
    min-height: 70vh;
  }

  .galerie1-2, .galerie-cloumn1, .galerie-cloumn1._2 {
    height: auto;
  }

  .galerie-bild {
    height: 300px;
  }

  .galerie-bild.klein {
    width: 100%;
  }

  .galerie-bild.klein2 {
    height: 300px;
  }

  .div-block-bilder-nebeneinander {
    flex-direction: column;
  }

  .div-block-farbig-1 {
    padding-bottom: 20px;
  }

  .maps1-2 {
    height: 45vh;
  }

  .success-2 {
    height: 80vh;
  }

  .div-block-footer1, .footer-1.hauptfarbe {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-footer.heading-3 {
    font-size: 12px;
  }

  .error-message {
    width: auto;
  }

  .menu-icon-3 {
    color: #fff;
  }

  .men-button3.w--open {
    background-color: #fff;
  }

  .grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .feature-image-120 {
    height: 100%;
    margin-top: 0;
  }

  .paragraph-ablaufplan-2, .heading-90 {
    font-size: 18px;
  }

  .close-pop-up {
    top: 80px;
    right: 80px;
  }

  .wrapy {
    grid-template-columns: 50% 50%;
  }

  .ablaufplan-spalteninhalt-2 {
    padding-left: 10px;
  }

  .dropdown-toggle-15 {
    font-size: 18px;
  }

  .div-block-172 {
    margin-right: 0;
  }

  .div-block-171, .grid-ablaufplan {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .image-106 {
    object-fit: contain;
    object-position: 0% 50%;
    margin-top: 0;
  }

  .image-106.links {
    object-position: 0% 0%;
  }

  .ablaufplan-big-button-3.black {
    top: 20px;
  }

  .ablaufplan-big-button-3.black.ablaufplan {
    top: 70px;
  }

  .ansprechpartner-paragraph-2 {
    font-size: 18px;
  }

  .pop-up-div {
    padding: 60px;
  }

  .dropdown-16 {
    margin-bottom: 10px;
    padding: 20px;
  }

  .heading-91.absolut {
    width: 100%;
  }

  .section-balken {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-ablaufplan-3 {
    height: 70px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 26px;
    line-height: 30px;
  }

  .button-flex-popup-2 {
    justify-content: flex-start;
    align-items: center;
  }

  .paragraph-63 {
    font-size: 14px;
  }

  .ablaufplan-spalte-2 {
    display: block;
  }

  .ablaufplan-spalten-inhalt-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-89 {
    font-size: 18px;
  }

  .bubble {
    background-image: url('../images/sprechblase.png');
    width: 150px;
    right: -80px;
    overflow: visible;
  }

  .co-browser-popup-2 {
    padding: 60px;
  }

  .section-58 {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-sprechblase {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

  ._3er_grid {
    grid-column-gap: 15px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .section-even {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  ._4er-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .text-size-regular {
    text-align: left;
  }

  .heading-style-h2 {
    text-align: left;
    font-size: 2.5rem;
  }

  .padding-custom1 {
    padding-left: 2rem;
  }

  .section-2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .big-column.hauptfarbe {
    padding-left: 5%;
    padding-right: 5%;
  }

  .inhalt-untereinander1 {
    flex-direction: column;
  }

  ._2er-grid1 {
    grid-template-columns: 1fr;
  }

  .section-gro-e-abst-nde1 {
    padding: 50px 5%;
  }

  .feature-image-mask-100 {
    height: 30vh;
    margin-right: 0;
  }

  .feature-image-mask-100.versetzt {
    height: 55vh;
    top: auto;
    right: auto;
  }

  .feature-image-mask-100.versetzt.links {
    height: 55vh;
    top: auto;
    left: auto;
  }

  .galerie3 {
    grid-template-columns: 1fr 1fr;
  }

  .inhalt-gro-e-abst-nde {
    padding: 60px;
  }

  .subheadline-wrap {
    margin-bottom: 20px;
  }

  .label3.heading-2 {
    letter-spacing: 1px;
    line-height: 1.3;
  }

  .wrap-inhalt3 {
    width: 100%;
  }

  .services-card {
    padding: 36px 24px;
  }

  ._3er-grid-3 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  ._4er-grid-3 {
    grid-template-columns: 1fr 1fr;
  }

  .section-gro-e-abst-nde1-3 {
    padding: 50px 5%;
  }

  ._3er-grid2 {
    grid-template-columns: 1fr;
  }

  ._3er-grid2.outline {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-box {
    grid-template-columns: 1fr;
  }

  .content-box.outline {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hintergrund-wei-2.versetzt {
    padding-right: 0;
    right: auto;
  }

  .hintergrund-wei-2.versetzt.rechts {
    right: auto;
  }

  .section-gro-e-abst-nde1-4 {
    padding: 50px 5%;
  }

  .hintergrund-wei-4.versetzt {
    padding-right: 0;
    right: auto;
  }

  .hintergrund-wei-4.versetzt.rechts {
    right: auto;
  }

  .heading-92 {
    font-size: 18px;
  }

  .div-block-209 {
    margin-right: 0;
  }

  .div-block-211 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .image-124 {
    object-fit: contain;
    object-position: 0% 50%;
    margin-top: 0;
  }

  .image-124.links {
    object-position: 0% 0%;
  }

  .dropdown-20 {
    margin-bottom: 10px;
    padding: 20px;
  }

  .heading-93.absolut {
    width: 100%;
  }

  .paragraph-65 {
    font-size: 14px;
  }

  .heading-94 {
    font-size: 18px;
  }

  .section-59 {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .accordion-pane {
    width: 100%;
  }

  .accordion-item-wrapper {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .heading-einstellungen {
    font-size: 32px;
    line-height: 38px;
  }

  .heading-2 {
    font-size: 25px;
    line-height: 30px;
  }

  .divblock1 {
    height: auto;
  }

  .success {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .nav-menu-2.hauptfarbe {
    padding-top: 20vh;
  }

  .rahmen-unten {
    height: 50px;
  }

  .titelvideo1-3 {
    height: 100%;
  }

  .rahmen-oben {
    height: 50px;
  }

  .wei-er-rahmen {
    width: 400px;
  }

  .div-block-video1 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .titelvideo-start-3 {
    height: 60vh;
  }

  .lottie-animation {
    height: 150px;
  }

  .heading-mittig.heading-1 {
    margin-top: 0;
    font-size: 25px;
    line-height: 30px;
  }

  .inhalt-mittig1 {
    height: auto;
  }

  ._3er-grid-1 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .image-big1 {
    height: 45vh;
  }

  .heading-mittig-klein1 {
    font-size: 25px;
    line-height: 25px;
  }

  .heading-mittig-klein1.heading-2 {
    font-size: 22px;
  }

  ._4er-grid-2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  ._2er-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  ._2er-grid.outline {
    padding-top: 20px;
  }

  .feature-image-mask {
    height: 300px;
    margin-right: 0;
  }

  .feature-image-mask.versetzt {
    height: 45vh;
  }

  .hintergrund-wei.versetzt {
    padding-left: 10px;
    padding-right: 10px;
  }

  .hintergrund-wei.versetzt.rechts {
    padding-left: 0;
  }

  .heading-links1.heading-1 {
    font-size: 25px;
    line-height: 30px;
  }

  .footertext1 {
    margin-bottom: 10px;
  }

  .footer-2.hauptfarbe {
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .bild-cover-1 {
    height: auto;
    min-height: 500px;
  }

  .div-block-wei-1 {
    width: 90%;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading-links1-3.heading-1 {
    font-size: 25px;
    line-height: 30px;
  }

  .titelvideo-unterseiten {
    height: 60vh;
  }

  .inhalt-abstand-rechts1 {
    padding: 20px 10px;
  }

  ._3er-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .bildcover-black1 {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .galerie-bild {
    height: 40vh;
  }

  .div-block-bilder-nebeneinander {
    flex-direction: column;
  }

  .div-block-farbig-1 {
    height: auto;
  }

  .maps1-2 {
    height: 300px;
  }

  .success-2 {
    height: auto;
    padding: 40px;
  }

  .impdat-3 {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .impdat-3.flie-text {
    padding-top: 50px;
  }

  .footer-div {
    width: 100%;
  }

  .div-block-footer1 {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .maps-gro {
    height: 400px;
  }

  .maos-footer {
    height: 100px;
  }

  .text-field-4 {
    text-align: center;
    width: auto;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .text-field-4::placeholder {
    text-align: center;
  }

  .text-field-4.cc-textarea {
    margin-bottom: 20px;
  }

  .error-message {
    font-size: 14px;
    line-height: 22px;
  }

  .contact-form {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .grid {
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .close-pop-up {
    top: 40px;
    right: 40px;
  }

  .wrapy {
    grid-template-columns: 100%;
  }

  .ablaufplan-spalteninhalt-2 {
    min-height: 250px;
  }

  .dropdown-toggle-15 {
    flex-direction: column;
    padding: 10px 30px 10px 20px;
  }

  .div-block-172.shadow {
    max-width: none;
  }

  .div-block-171 {
    grid-column-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .ablaufplan-big-button-3.dropdowntoogle.w--open {
    top: 130px;
    right: 50px;
  }

  .divblock-fortschritt {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .pop-up-div {
    padding: 20px;
  }

  .zahl {
    font-size: 16px;
    line-height: 16px;
  }

  .heading-91.absolut {
    font-size: 14px;
    top: 10px;
  }

  .section-balken {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-174 {
    margin-left: 0;
  }

  .div-block-175 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-63 {
    margin-left: 0;
  }

  .balken-2 {
    height: 5px;
  }

  .balken-2._4 {
    height: 10px;
  }

  .ablaufplan-spalten-inhalt-3 {
    min-height: 250px;
  }

  .grid-19 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .co-browser-popup-2 {
    padding: 20px;
  }

  .circle-2, .circle-2.erl {
    width: 20px;
    height: 20px;
  }

  .section-58 {
    padding-left: 10px;
  }

  ._3er_grid {
    margin-top: 0;
    margin-bottom: 0;
  }

  ._4er-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .heading-style-h2 {
    font-size: 2rem;
  }

  .padding-custom1 {
    padding: 3rem;
  }

  .section-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  ._3er-grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .text-block-2.heading-3.farbe-der-headings {
    font-size: 18px;
  }

  .heading-links-gro-1.heading-1 {
    text-align: center;
    font-size: 25px;
    line-height: 1.3;
  }

  .paragraph-links1.flie-text {
    text-align: left;
    font-size: 14px;
  }

  .big-column.hauptfarbe {
    min-height: 70vh;
    padding-left: 10%;
    padding-right: 10%;
  }

  ._2er-grid-ohne-abstand1 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  ._6er-grid1 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .inhalt-untereinander1 {
    align-items: center;
    height: auto;
    padding: 20px 0;
  }

  ._2er-grid1 {
    grid-template-rows: auto auto;
    grid-template-columns: 1.5fr;
  }

  .feature-image-mask-100 {
    height: 300px;
    margin-right: 0;
  }

  .feature-image-mask-100.versetzt {
    height: 45vh;
  }

  .galerie3 {
    flex-flow: column;
    display: flex;
  }

  .image-wrapper-2._22rem {
    height: 22rem;
  }

  .image-111._80 {
    object-fit: contain;
    background-color: #696969;
  }

  .large-image-wrapper._22rem {
    height: 22rem;
    overflow: hidden;
  }

  .inhalt-gro-e-abst-nde {
    padding: 40px;
  }

  .image-112._80 {
    object-fit: contain;
    background-color: #696969;
  }

  .label3.heading-2 {
    font-size: 14px;
  }

  .wrap-inhalt3 {
    padding-left: 4%;
    padding-right: 4%;
  }

  .image-wrapper-3._22rem {
    height: 22rem;
  }

  .image-113._80 {
    object-fit: contain;
    background-color: #696969;
  }

  .image-wrapper-4._22rem {
    height: 22rem;
  }

  ._3er-grid-3 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .heading-mittig-klein1-2 {
    font-size: 25px;
    line-height: 25px;
  }

  .heading-mittig-klein1-2.heading-2 {
    font-size: 22px;
  }

  .inhalt-mittig2 {
    z-index: 10;
    background-color: #fffc;
    width: 100%;
    height: 100%;
    padding: 20px 50px;
  }

  ._4er-grid-3 {
    grid-template-columns: 1fr;
  }

  .heading-mittig1-2 {
    font-size: 25px;
    line-height: 25px;
  }

  ._3er-grid2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  ._3er-grid2.outline {
    padding-top: 20px;
  }

  .content-box {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .content-box.outline {
    padding-top: 20px;
  }

  .hintergrund-wei-2.versetzt {
    padding-left: 10px;
    padding-right: 10px;
  }

  .hintergrund-wei-2.versetzt.rechts {
    padding-left: 0;
  }

  .heading-mittig1-5 {
    font-size: 25px;
    line-height: 25px;
  }

  .heading-links1-4.heading-1 {
    font-size: 25px;
    line-height: 30px;
  }

  .hintergrund-wei-4.versetzt {
    padding-left: 10px;
    padding-right: 10px;
  }

  .hintergrund-wei-4.versetzt.rechts {
    padding-left: 0;
  }

  .heading-links.heading-1 {
    font-size: 25px;
    line-height: 30px;
  }

  .div-block-209.shadow {
    max-width: none;
  }

  .div-block-211 {
    grid-column-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .heading-93.absolut {
    font-size: 14px;
    top: 10px;
  }

  .div-block-213 {
    margin-left: 0;
  }

  .div-block-214 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-65 {
    margin-left: 0;
  }

  .grid-88 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .section-59 {
    padding-left: 10px;
  }

  .accordion-question-header {
    font-size: 1.4em;
  }

  .accordion-tab-button {
    width: 90vw;
  }

  .text-linksb-ndig1.paragraph-font {
    text-align: center;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 26px;
    line-height: 150%;
  }

  h2 {
    font-size: 24px;
    line-height: 150%;
  }

  h3 {
    font-size: 20px;
    line-height: 150%;
  }

  .heading-einstellungen {
    margin-top: 60px;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 28px;
  }

  .heading-2 {
    font-size: 22px;
    line-height: 26px;
  }

  .terminbutton.highlights {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }

  .success.highlights {
    padding: 20px;
  }

  .nav-menu-2.hauptfarbe {
    width: 50%;
    padding-left: 0;
    padding-right: 0;
  }

  .rahmen-unten {
    height: 30px;
  }

  .titelvideo1-3 {
    height: 100%;
  }

  .slogan1.heading-1 {
    font-size: 22px;
    line-height: 30px;
  }

  .rahmen-oben {
    height: auto;
    padding-top: 10px;
  }

  .wei-er-rahmen {
    width: 100%;
    max-width: 350px;
    padding-right: 20px;
  }

  .div-block-video1 {
    align-items: center;
    width: auto;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .titelvideo-start-3 {
    height: 350px;
  }

  .heading-mittig.heading-1 {
    font-size: 20px;
    line-height: 25px;
  }

  .section-gro-e-abst-nde1-2 {
    padding: 40px 20px;
  }

  .heading-mittig-klein1 {
    font-size: 20px;
    line-height: 20px;
  }

  .heading-mittig-klein1.heading-2 {
    font-size: 20px;
  }

  ._4er-grid-2 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 0;
    margin-bottom: 0;
  }

  .feature-image-mask.versetzt.links {
    height: 45vh;
  }

  .mehr-erfahren2 {
    min-width: 150px;
  }

  .heading-links1.heading-1 {
    text-align: center;
    font-size: 18px;
    line-height: 25px;
  }

  .terminbutton-2.hauptfarbe.heading-1 {
    font-size: 12px;
    line-height: 20px;
  }

  .bild-cover-1 {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block-wei-1 {
    width: 90%;
  }

  .heading-links1-3.heading-1 {
    font-size: 18px;
    line-height: 25px;
  }

  .text-block.heading-3 {
    letter-spacing: 1px;
    font-size: 12px;
  }

  .dropdown-toggle {
    padding-left: 10px;
    padding-right: 10px;
  }

  .inhalt-abstand-rechts1 {
    align-items: center;
    padding-right: 10px;
  }

  .dropdown-list.w--open {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .icon-6 {
    margin-right: 0;
  }

  .inhalt-nebeneinander1 {
    width: 90vw;
  }

  .heading-klein-links.heading-2 {
    width: 100%;
  }

  .heading-block1 {
    width: 100vw;
  }

  .div-block-farbig1.hauptfarbe {
    min-height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .galerie-bild {
    height: 250px;
  }

  .text-field, .select-field {
    margin-top: 0;
  }

  .icon-1.invert {
    height: 40px;
  }

  .heading-success {
    font-size: 20px;
    line-height: 30px;
  }

  .impdat-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .impdat-3.flie-text {
    padding-top: 50px;
  }

  .footer-div {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .div-block-footer1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .maps-gro {
    height: 300px;
  }

  .form-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .text-field-4 {
    width: 100%;
  }

  .impdat-2 {
    padding: 40px 10px;
  }

  .impdat-2.flie-text {
    min-height: auto;
  }

  .paragraph-ablaufplan-2 {
    font-size: 14px;
    line-height: 22px;
  }

  .heading-90 {
    font-size: 15px;
  }

  .ablaufplan-spalteninhalt-2 {
    padding-left: 0;
  }

  .dropdown-toggle-15 {
    text-align: center;
    white-space: normal;
  }

  .div-block-172.shadow {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-171 {
    grid-template-columns: 1fr;
    width: 99.9999%;
    padding: 10px;
  }

  .image-106 {
    width: 100%;
    min-width: auto;
    height: 80vw;
  }

  .ablaufplan-big-button-3 {
    white-space: normal;
    padding-left: 20px;
    padding-right: 20px;
  }

  .ablaufplan-big-button-3.dropdowntoogle.w--open {
    right: 40px;
  }

  .ablaufplan-big-button-3.black {
    top: 10px;
  }

  .ablaufplan-big-button-3.black.ablaufplan {
    top: 60px;
  }

  .ansprechpartner-paragraph-2 {
    font-size: 14px;
    line-height: 22px;
  }

  .ansprechpartner-paragraph-2.special.klein {
    font-size: 14px;
  }

  .dropdown-list-11-copy.w--open {
    padding: 120px 10px 10px;
  }

  .heading-91.absolut {
    font-size: 10px;
  }

  .heading-ablaufplan-3 {
    height: auto;
    font-size: 24px;
    line-height: 28px;
  }

  .heading-ablaufplan-3.special {
    font-size: 20px;
  }

  .grid-20 {
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 10px;
  }

  .paragraph-63 {
    text-align: center;
    margin-left: 0;
  }

  .ablaufplan-spalte-2 {
    flex: 0 auto;
    width: auto;
    min-width: auto;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .ablaufplan-spalten-inhalt-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-89 {
    font-size: 16px;
  }

  .dropdown-list-16.w--open {
    padding: 0;
  }

  .grid-19 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .bubble {
    width: 100px;
    height: 120px;
    top: -110px;
    right: -50px;
  }

  .list-3 {
    padding-left: 30px;
  }

  .text-sprechblase {
    font-size: 12px;
  }

  ._3er_grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 0;
    margin-bottom: 0;
  }

  .view-more.flie-text {
    font-size: 14px;
    line-height: 20px;
  }

  .transp-divider {
    height: 20px;
  }

  .card {
    padding: 20px;
  }

  .small-heading.heading-1 {
    margin-top: 10px;
  }

  .image {
    width: 40px;
    height: 40px;
  }

  .paragraph-links, .paragraph-links.flie-text {
    font-size: 14px;
    line-height: 20px;
  }

  .icon-invert {
    width: 40px;
    height: 40px;
  }

  .heading-style-h2 {
    text-align: left;
    font-size: 1.7rem;
  }

  .padding-custom1 {
    padding: 2rem;
  }

  .heading.heading-1 {
    font-size: 40px;
    line-height: 40px;
  }

  ._3er-grid-2 {
    grid-template-columns: 1fr;
  }

  .small-2er-grid {
    grid-template-columns: 30px 1fr;
  }

  .text-block-2.heading-3.farbe-der-headings {
    font-size: 15px;
    line-height: 20px;
  }

  .div-block-3 {
    width: 20px;
    height: 20px;
  }

  .heading-links-gro-1.heading-1, .paragraph-links1.flie-text {
    text-align: center;
  }

  .big-column.hauptfarbe {
    align-items: center;
  }

  ._6er-grid1 {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .inhalt-untereinander1 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-grauer-rand1 {
    padding: 20px;
  }

  .heading-linksb-ndig1.heading-2 {
    font-size: 18px;
    line-height: 25px;
  }

  .section-gro-e-abst-nde1 {
    padding: 40px 2%;
  }

  .feature-image-mask-100.versetzt.links {
    height: 45vh;
  }

  .image-wrapper-2._22rem, .large-image-wrapper._22rem {
    height: 20rem;
  }

  .inhalt-gro-e-abst-nde {
    padding-left: 20px;
    padding-right: 20px;
  }

  .label3.heading-2 {
    font-size: 14px;
  }

  .wrap-inhalt3 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .image-wrapper-3._22rem, .image-wrapper-4._22rem {
    height: 20rem;
  }

  .services-card {
    padding: 36px 18px;
  }

  .icon-9 {
    margin-bottom: 36px;
  }

  .heading-mittig-klein1-2 {
    font-size: 20px;
    line-height: 20px;
  }

  .heading-mittig-klein1-2.heading-2 {
    font-size: 20px;
  }

  .inhalt-mittig2 {
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  ._4er-grid-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-gro-e-abst-nde1-3 {
    padding: 40px 2%;
  }

  .card5-2 {
    width: 90%;
    height: 90%;
  }

  .gallery-heading {
    font-size: 30px;
  }

  .heading-mittig1-2 {
    font-size: 20px;
    line-height: 20px;
  }

  .inhalt-center-vertical {
    margin: 10px;
    padding: 10px;
  }

  .button-9 {
    padding: 10px 15px;
    font-size: 14px;
  }

  .heading-mittig1-5 {
    font-size: 20px;
    line-height: 20px;
  }

  .inhalt-top-vertical {
    margin: 10px;
    padding: 10px;
  }

  .section-gro-e-abst-nde1-4 {
    padding: 40px 2%;
  }

  .heading-links1-4.heading-1 {
    text-align: center;
    font-size: 18px;
    line-height: 25px;
  }

  .heading-links.heading-1 {
    font-size: 22px;
  }

  .heading-92 {
    font-size: 15px;
  }

  .div-block-209.shadow {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-211 {
    grid-template-columns: 1fr;
    width: 99.9999%;
    padding: 10px;
  }

  .image-124 {
    width: 100%;
    min-width: auto;
    height: 80vw;
  }

  .heading-93.absolut {
    font-size: 10px;
  }

  .grid-87 {
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 10px;
  }

  .paragraph-65 {
    text-align: center;
    margin-left: 0;
  }

  .heading-94 {
    font-size: 16px;
  }

  .grid-88 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .list-5 {
    padding-left: 30px;
  }

  .accordion-question-header {
    margin-right: 11px;
    padding-left: 5px;
    font-size: 1em;
  }

  .accordion-tab-button {
    padding-left: 10px;
  }

  .accordion-pane-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .arrow-div {
    margin-right: 0;
  }

  .arrow-div-wrapper {
    width: 15%;
    padding-right: 10px;
  }

  .text-linksb-ndig1 {
    font-size: 15px;
    line-height: 22px;
  }
}

#w-node-e2a4f374-4c05-8403-3a89-45d250447753-e79f7681 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_773e8c4e-8135-8c79-6164-4079ee963232-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee963239-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee963241-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee963249-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee9633ce-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee9633d5-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee9633dc-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee9633e3-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee9633f1-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee9633f8-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee9633ff-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee963406-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee963411-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee963418-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee96341f-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee963426-f1f3f2bf, #w-node-_19c20cfb-4c36-0efa-8c85-7446de673e7d-549330b8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_19c20cfb-4c36-0efa-8c85-7446de673e94-549330b8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d035b0b6-7168-25e6-7935-fe3208a23116-4b2f8fe1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d1f53d0c-c690-2c28-55ba-90e48922856e-4b2f8fe1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cc7d4aea-d444-fa3b-10c0-6a928a2dbe73-4b2f8fe1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-cc7d4aea-d444-fa3b-10c0-6a928a2dbe8a-4b2f8fe1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_01938924-b5a2-9bc0-6ec1-7e38288600d7-4b2f8fe1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_01938924-b5a2-9bc0-6ec1-7e38288600ee-4b2f8fe1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_893ec093-40b0-9d2d-298f-f65b64ebc546-4b2f8fe1, #w-node-fa4ac586-28a6-e465-acd8-00b9a9b49386-aeb660af {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (min-width: 1440px) {
  #w-node-_19c20cfb-4c36-0efa-8c85-7446de673e75-549330b8, #w-node-d035b0b6-7168-25e6-7935-fe3208a2310e-4b2f8fe1, #w-node-cc7d4aea-d444-fa3b-10c0-6a928a2dbe6b-4b2f8fe1, #w-node-_01938924-b5a2-9bc0-6ec1-7e38288600cf-4b2f8fe1, #w-node-_893ec093-40b0-9d2d-298f-f65b64ebc540-4b2f8fe1, #w-node-_302fa5e8-abc8-b846-9225-3841809c80c8-b5381801, #w-node-fa4ac586-28a6-e465-acd8-00b9a9b4934d-aeb660af {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_773e8c4e-8135-8c79-6164-4079ee963232-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee963239-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee963241-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee963249-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee9633ce-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee9633d5-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee9633dc-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee9633e3-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee9633f1-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee9633f8-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee9633ff-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee963406-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee963411-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee963418-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee96341f-f1f3f2bf, #w-node-_773e8c4e-8135-8c79-6164-4079ee963426-f1f3f2bf {
    grid-column: span 1 / span 1;
  }
}



/* === Korrekturrunde 19./20.09. – Zusatzklassen (statische Pflege) === */

/* Einheitliche Zwischenüberschriften (Optik via span.big-bold, hier nur Abstände) */
.zwischen-ueberschrift {
  margin-top: 24px;
  padding-bottom: 12px;
}

/* Kleines goldenes Herz-Icon (Inline-SVG) */
.herz-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.14em;
  margin-left: .35em;
  fill: #d6a242;
  flex: none;
}

/* Zentrierte Schlusszeile */
.schlusszeile-mittig {
  text-align: center;
  margin-top: 8px;
  padding-bottom: 20px;
}

/* Wort "aktuell" neben der Premiere-Kreisgrafik */
.premiere-grafik-wrap {
  align-items: center;
}

.aktuell-label {
  color: #d6a242;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 26px;
  line-height: 1;
  letter-spacing: .02em;
  white-space: nowrap;
  pointer-events: none;
  flex: none;
}

.aktuell-label.links {
  margin-right: 10px;
  transform: rotate(-12deg);
}

.aktuell-label.rechts {
  margin-left: 10px;
  transform: rotate(12deg);
}

.aktuell-label.oben {
  display: none;
}

@media screen and (max-width: 767px) {
  .premiere-grafik-wrap {
    flex-wrap: wrap;
  }

  .aktuell-label.links,
  .aktuell-label.rechts {
    display: none;
  }

  .aktuell-label.oben {
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 6px;
    transform: rotate(-7deg);
    display: block;
  }
}

/* Abstands-Hilfsklassen */
.eng-vor-liste {
  padding-bottom: 0;
}

.abstand-davor-gross {
  margin-top: 32px;
}

.abstand-davor-klein {
  margin-top: 8px;
}

.abstand-danach-klein {
  padding-bottom: 6px;
}

/* Premiere-Grafik in Textbreite, max. 560 px */
.premiere-grafik-inline {
  width: 100%;
  max-width: 560px;
  margin: 8px auto 24px;
  display: block;
}

.premiere-grafik-inline img {
  width: 100%;
  height: auto;
  display: block;
}

/* Bildunterschrift */
.bild-unterschrift {
  text-align: center;
  font-size: 15px;
  line-height: 1.5;
  margin: 10px 10px 0;
}

/* Aussage-Päckchen (universelle-heilschluessel.html):
   Abstand zwischen zwei Päckchen 3rem, Überschrift -> Text 0,75rem */
.inhalt-mittig1.flie-text.paeckchen-titel {
  margin-top: 1.75rem;
  padding-bottom: .75rem;
}

.text-links1.flie-text.paeckchen-liste {
  margin-top: 0;
  margin-bottom: 1.25rem;
}

/* Therapie-Toggles (weitere-angebote.html) */
.therapie-toggle {
  border-top: 1px solid rgba(214, 162, 66, .45);
  align-self: stretch;
  width: 100%;
  margin: 0;
}

.therapie-toggle:last-of-type {
  border-bottom: 1px solid rgba(214, 162, 66, .45);
}

.therapie-toggle > summary {
  cursor: pointer;
  list-style: none;
  color: #d6a242;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  padding: 16px 28px 16px 0;
  position: relative;
}

.therapie-toggle > summary::-webkit-details-marker {
  display: none;
}

.therapie-toggle > summary:after {
  content: "+";
  color: #d6a242;
  font-size: 22px;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
}

.therapie-toggle[open] > summary:after {
  content: "–";
}

.therapie-toggle > summary:focus-visible {
  outline: 2px solid #d6a242;
  outline-offset: 2px;
}

.therapie-toggle-inhalt {
  padding-bottom: 18px;
}

/* Foto + Bildunterschrift (uber-mich.html) */
.bild-sticky-wrap {
  min-width: 0;
  align-self: start;
  position: sticky;
  top: 0;
}

/* Einspaltiges Grid, nachdem das Bild entfernt wurde (die-wissenschaftliche-basis.html) */
._2er-grid.outline.einspaltig {
  grid-template-columns: 1fr;
}

/* uber-mich.html: Foto-Spalte auf schmalen Viewports untereinander,
   damit Foto und Bildunterschrift lesbar bleiben */
@media screen and (max-width: 767px) {
  .div-block-202.mit-bildunterschrift {
    grid-template-columns: 1fr;
  }
}

/* Hinweissatz direkt über den Therapie-Toggles */
.hinweis-ueber-toggles {
  align-self: stretch;
  width: 100%;
  margin-bottom: 24px;
}
/* Drei-Monats-Reise: let the content column shrink to the section width so
   the graphic and text fit narrow viewports (flex min-width:auto otherwise
   grows the column to its widest unbreakable word). */
.inhalt-mittig-untereinander-1.reise-inhalt {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.reise-bilderreihe {
  display: block;
  box-sizing: border-box;
  align-self: center;
  width: 100%;
  min-width: 0;
  max-width: 1080px;
  margin: 10px auto 60px;
  padding: 0 10px;
}
.reise-bilderreihe-img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  object-position: 50% 50%;
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .reise-bilderreihe {
    margin-bottom: 40px;
  }
}

/* === Korrekturrunde 25.09. (Prompt 2) === */

/* Einheitliche Goldschrift: reine Hervorhebung = normal,
   anklickbare Begriffe = kursiv + halbfett */
span.farbe-der-headings {
  font-style: normal;
}

a.txt-link.farbe-der-headings,
.link-formular.farbe-der-headings,
.therapie-inline > summary {
  font-style: italic;
  font-weight: 600;
}

/* Sichtbarer Abstand nach kursiven Gold-Links (Überhang der letzten Buchstaben) */
a.txt-link.farbe-der-headings {
  padding-right: .15em;
}

/* weitere-angebote.html: Therapie-Erklärungen inline im Fließtext */
.therapie-inline {
  display: inline;
}

.therapie-inline > summary {
  display: inline;
  list-style: none;
  cursor: pointer;
  color: #d6a242;
  line-height: 1.3;
}

.therapie-inline > summary::-webkit-details-marker {
  display: none;
}

.therapie-inline > summary::marker {
  content: "";
}

.therapie-inline > summary:focus-visible {
  outline: 2px solid #d6a242;
  outline-offset: 2px;
}

.therapie-inline[open] > .therapie-inline-inhalt {
  display: block;
  text-align: left;
  margin: 12px 0 16px;
  padding: 12px 0;
  border-top: 1px solid rgba(214, 162, 66, .45);
  border-bottom: 1px solid rgba(214, 162, 66, .45);
}

.therapie-inline-inhalt .text-links1.flie-text {
  margin-left: 0;
  margin-right: 0;
}

@media screen and (min-width: 1440px) {
  .therapie-inline > summary {
    color: #c49a45;
  }
}

/* Abschlusssatz am Seitenende (weitere-angebote.html) */
.text-links1.flie-text.abschluss-hinweis {
  margin-top: 16px;
}

/* universelle-heilschluessel.html: Abstände der Teilüberschriften und Päckchen */
.heading-mittig.heading-1.font-size.small.abschnitt-titel {
  margin-top: 48px;
}

.heading-mittig.heading-1.font-size.small.abschnitt-titel.mehr-abstand-danach-titel {
  margin-bottom: 1.5em;
}

.inhalt-mittig1.flie-text.paeckchen-titel.abstand-davor-eng {
  margin-top: .25rem;
}

.text-links1.flie-text.paeckchen-liste.mehr-abstand-danach {
  margin-bottom: 2.5rem;
}

/* === Korrekturrunde 28./29.09. === */

/* Laufband im dunkelblauen Balken unter der Navigation */
.section.laufband {
  overflow: hidden;
  white-space: nowrap;
  padding: 3px 0;
  line-height: 19px;
}
.laufband-track {
  display: inline-flex;
  flex-wrap: nowrap;
  will-change: transform;
  animation: laufband 40s linear infinite;
}
.laufband-text {
  flex: none;
  padding-right: .27em;
  color: #d6a242;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .02em;
}
@keyframes laufband {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .laufband-track {
    animation: none;
  }
}

/* Neue Premiere-Grafik "Herzliche Einladung" (Hochformat, Text im Bild):
   nie beschneiden, natürliches Seitenverhältnis, nie über 1080 px */
.premiere-grafik,
.premiere-grafik-inline img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}
.premiere-grafik-inline {
  box-sizing: border-box;
  max-width: min(560px, 100%);
}
.premiere-grafik-inline .premiere-grafik-link {
  display: block;
  width: 100%;
}
.premiere-grafik-wrap.klein.willkommen {
  align-self: stretch;
  padding: 0 0 24px;
}

/* we-geht-es-weiter.html: "Das kann" auf Höhe des Listentextes, Abstände */
.inhalt-mittig1.flie-text.einzug-vor-liste {
  text-align: left;
  align-self: stretch;
  padding-left: 30px;
}
.abstand-davor-xl {
  margin-top: 48px;
}
.abstand-davor-sehr-gross {
  margin-top: 56px;
}

/* drei-monats-reise.html: Bilderreihe etwas dunkler, nie hochskaliert */
.reise-bilderreihe-img {
  max-width: min(1080px, 100%);
  margin-left: auto;
  margin-right: auto;
  filter: brightness(.9) contrast(1.05);
}

/* weitere-angebote.html: Therapie-Namen ordentlich im linksbündigen Fließtext */
.text-links1.flie-text.center.therapie-fliesstext {
  text-align: left;
  hyphens: auto;
  -webkit-hyphens: auto;
}
.therapie-fliesstext .therapie-inline > summary {
  font-size: inherit;
  line-height: inherit;
  white-space: normal;
}

/* Gold-Unterstrich unter Hauptüberschriften: überall gleicher Abstand
   zur Überschrift und zum Text (plus eine Leerzeile) */
:is(h1, h2, h3, h4, h5, h6):has(+ .divider.highlights:not(.downn-0)),
.div-img:has(+ .divider.highlights:not(.downn-0)) > :is(h1, h2, h3, h4, h5, h6) {
  margin-bottom: 0;
}

/* drei-monats-reise.html: eine zusätzliche Leerzeile Abstand */
.abstand-davor-leerzeile {
  margin-top: 1.6em;
}

/* Einheitliche Gold-Hervorhebungen (seitenweit, Stand 29.09.):
   nur hervorgehoben = normal; anklickbar = kursiv + etwas fetter */
.farbe-der-headings,
.text-links1.flie-text.farbe-der-headings,
.link-19,
.link-formular.farbe-der-headings,
.therapie-inline > summary {
  color: #d6a242;
}
span.farbe-der-headings:not(.bold),
.farbe-der-headings.simple {
  font-style: normal;
  font-weight: inherit;
}
a.txt-link.farbe-der-headings,
a.link-19,
a .farbe-der-headings,
a span.farbe-der-headings:not(.bold),
.link-formular.farbe-der-headings,
.therapie-inline > summary {
  color: #d6a242;
  font-style: italic;
  font-weight: 600;
  text-decoration: none;
}
@media screen and (min-width: 1440px) {
  .farbe-der-headings,
  .therapie-inline > summary {
    color: #d6a242;
  }
}

/* lavylites-essenzen.html: Registrierungshinweise + Link erst nach Klick */
.lavylites-registrierung {
  display: block;
  width: 100%;
}
.button-10.w-button.lavylites-registrierung-button {
  display: block;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
  margin: 20px auto;
  list-style: none;
  cursor: pointer;
  text-align: center;
}
.lavylites-registrierung-button::-webkit-details-marker {
  display: none;
}
.lavylites-registrierung-button::marker {
  content: "";
}
.lavylites-registrierung-button:focus-visible {
  outline: 2px solid #d6a242;
  outline-offset: 3px;
}
.lavylites-registrierung-inhalt {
  width: 100%;
}
/* geschlossener Inhalt darf keinen Block-Zeilenumbruch erzeugen */
.therapie-inline:not([open])::details-content {
  display: none;
}
.therapie-fliesstext a.txt-link.farbe-der-headings {
  padding-right: 0;
}

/* === Korrekturrunde 01.10. (Prompt 1, 13 Punkte) === */

/* Aufgabe 1a – drei-monats-reise.html: Kreisgrafik ca. 15 % kleiner,
   zentriert; Container = Bildfläche, damit die vier Klickflächen
   (50 % x 50 %) exakt auf den vier Bereichen liegen und mitskalieren. */
.feature-image-mask-100._1.reise-kreis {
  position: relative;
  top: auto;
  display: block;
  box-sizing: border-box;
  flex: none;
  align-self: center;
  width: clamp(300px, calc((60vh - 80px) * .85), 640px);
  max-width: 100%;
  height: auto;
  aspect-ratio: 751 / 748;
  margin: 0 auto 40px; /* 40 px Abstand unter dem ersten Bild (Korrekturrunde 09.10.) */
  padding: 0;
  overflow: hidden;
  border-radius: 20px;
}
.feature-image-mask-100._1.reise-kreis > img.feature-image {
  display: block;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: none;
  filter: none;
  image-rendering: auto;
}
.reise-kreis .div-block-192,
.reise-kreis .div-block-192-left {
  width: 50%;
  height: 50%;
}
.reise-kreis .div-block-192-left,
.reise-kreis .div-block-192-left.top {
  left: 50%;
}
.reise-kreis .image-118.rotate {
  width: 40%;
  height: auto;
}
.reise-kreis .div-block-216 {
  top: .4%;
  right: 49.2%;
  width: 1.2%;
  height: 31%;
}
@media screen and (max-width: 991px) {
  .feature-image-mask-100._1.reise-kreis {
    width: 220px;
  }
}

/* Aufgabe 1b/1c – Bilderreihe: Bild unverändert (Licht/Filter wie bisher),
   die eingebrannten, ungleich großen Bildunterschriften werden durch
   einheitlichen, gestochen scharfen Live-Text ersetzt. */
.reise-bilderreihe-bild {
  width: 100%;
  aspect-ratio: 1080 / 471;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
}
.reise-bilderreihe-bild > .reise-bilderreihe-img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0;
  border-radius: 0;
  image-rendering: auto;
  transform: none;
}
.reise-captions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 1.6%;
  box-sizing: border-box;
  margin: 0;
  padding: 6px 2.2% 22px;
  background-color: #d1c1b8;
  border-radius: 0 0 20px 20px;
}
.reise-caption {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-family: inherit;
  font-size: clamp(12px, 1.35vw, 15px);
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  color: #3b3530;
}
.reise-caption-nr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.9em;
  height: 1.9em;
  margin-bottom: .35em;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
  line-height: 1;
}
.reise-caption-titel {
  margin-bottom: .2em;
  font-weight: 600;
  font-size: 1.15em;
  line-height: 1.3;
}
.reise-caption-text {
  max-width: 17em;
}
.reise-caption.c1 .reise-caption-nr { background-color: #55703f; }
.reise-caption.c1 .reise-caption-titel { color: #4c663a; }
.reise-caption.c2 .reise-caption-nr { background-color: #3a86c0; }
.reise-caption.c2 .reise-caption-titel { color: #2f78b0; }
.reise-caption.c3 .reise-caption-nr { background-color: #6c43a6; }
.reise-caption.c3 .reise-caption-titel { color: #633c9c; }
.reise-caption.c4 .reise-caption-nr { background-color: #cc7430; }
.reise-caption.c4 .reise-caption-titel { color: #b8641f; }
@media screen and (max-width: 599px) {
  .reise-captions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 16px;
    padding-top: 12px;
  }
  .reise-caption {
    font-size: 13px;
  }
}

/* Aufgabe 2 – we-geht-es-weiter.html: "Das kann" schräg eingerückt vor
   der Liste; gemeinsamer linker Rand, Einzug in em (mobil identisch).
   Rechte Kante von "Das kann" = Listentext-Anfang + 1,1 em, damit das
   letzte "n" genau über dem "i" von "Dich" steht (am Layout gemessen). */
.liste-mit-einleitung {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: center;
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
}
.liste-mit-einleitung > ul.text-links1 {
  box-sizing: border-box;
  max-width: 100%;
  margin-left: 0;
  padding-left: 2.5em;
}
.liste-mit-einleitung > .inhalt-mittig1.flie-text.einzug-vor-liste {
  align-self: stretch;
  box-sizing: border-box;
  width: auto;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: calc(2.5em + 1.1em);
  padding-right: 0;
  text-align: left;
}
.einzug-vor-liste .einzug-wort {
  display: inline-block;
  white-space: nowrap;
  transform: translateX(-100%);
}

/* weitere-angebote.html: Therapie-Namen im fortlaufenden Text als Links
   auf eigene Seiten (weitere-angebote-<slug>.html), gleiche Optik wie
   bisher, ohne Aufklapp-Zustand. */
.therapie-fliesstext a.therapie-umschalter {
  color: #d6a242;
  font-style: italic;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border-bottom: 1px dotted rgba(214, 162, 66, .6);
}
.therapie-fliesstext a.therapie-umschalter:hover {
  border-bottom-style: solid;
  border-bottom-color: #d6a242;
}
.therapie-fliesstext a.therapie-umschalter:focus-visible {
  outline: 2px solid #d6a242;
  outline-offset: 2px;
  border-radius: 2px;
}
/* Einzelseiten weitere-angebote-<slug>.html */
.therapie-seite-inhalt {
  box-sizing: border-box;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  text-align: left;
}
.therapie-seite-inhalt > :first-child {
  margin-top: 0;
}
.therapie-seite-inhalt .heading-links1.small {
  margin-top: 1em;
}
.therapie-zurueck {
  align-self: center;
  margin: 2em 0 1em;
  text-align: center;
}
a.therapie-zurueck-link {
  color: #d6a242;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid rgba(214, 162, 66, .6);
}
a.therapie-zurueck-link::before {
  content: "\2190\00a0";
}
a.therapie-zurueck-link:hover {
  border-bottom-color: #d6a242;
}
a.therapie-zurueck-link:focus-visible {
  outline: 2px solid #d6a242;
  outline-offset: 2px;
  border-radius: 2px;
}

/* Seitenkopf auf Seiten mit linksbündigem Inhaltscontainer
   (energetische-behandlung-von-objekten, angebote-fur-unternehmen-...) */
.seitenkopf-mittig {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  box-sizing: border-box;
  margin-right: -40px;
  text-align: center;
}
.seitenkopf-mittig > :is(h1, h2) {
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}
.seitenkopf-mittig + :is(p, .text-links1, .text-centered) {
  margin-top: 0;
}
/* Mobil: Seitenüberschrift über dem Gold-Strich darf sich nicht selbst
   überlappen oder seitlich herausragen, damit der Abstand zum Strich
   (12 px) auch mobil sichtbar gleich bleibt. */
@media screen and (max-width: 767px) {
  .div-img:has(+ .divider.highlights:not(.downn-0)) > .heading-mittig.heading-1.font-size {
    max-width: 100%;
    font-size: clamp(24px, 6.2vw, 40px);
    line-height: 1.2;
    overflow-wrap: break-word;
  }
}

/* Aufgabe 5 – Premiere-Grafik "Herzliche Einladung": abgerundete Ecken
   statt weißer, eckiger Ränder. Die Grafik enthält Text bis nah an den
   Rand -> kein Beschnitt, natürliches Seitenverhältnis (contain). */
.premiere-grafik-link,
.premiere-grafik-inline:has(> img.premiere-grafik) {
  display: block;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
  line-height: 0;
}
img.premiere-grafik,
.premiere-grafik-inline img.premiere-grafik {
  border-radius: 20px;
  object-fit: contain;
}
.premiere-grafik-link.klein,
.premiere-grafik-link.klein img.premiere-grafik {
  border-radius: 20px;
}
.premiere-grafik-link.klein {
  box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
}
/* drei-monats-reise.html: Einladung etwas größer (Text besser lesbar),
   nie über die 1080 px der Datei hinaus */
.premiere-grafik-inline.gross {
  max-width: min(680px, 100%);
}

/* Aufgabe 6 – streptokokkinum.html: "Lebensbaum der Potenzen" weich
   abgerundet wie die Premiere-Grafik (Text im Bild -> kein Beschnitt). */
.feature-image-mask-100._1.lebensbaum-bild {
  overflow: visible;
}
.lebensbaum-bild > .lightbox-link {
  display: block;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
  line-height: 0;
}
.lebensbaum-bild img.feature-image {
  display: block;
  border-radius: 16px;
  object-fit: contain;
}

/* Aufgabe 7 – lavylites-essenzen.html */
.text-links1.flie-text.videos-intro {
  display: block;
  margin: 0 auto 32px;
  text-align: center;
}
.text-links1.flie-text.vortrag-hinweis {
  display: block;
  box-sizing: border-box;
  max-width: 900px;
  margin: 40px auto 0;
  color: inherit;
  font-size: 19.2px; /* 120 % der Fließtextgröße (16px) */
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}
.vortrag-hinweis .vortrag-datum {
  color: #d6a242;
  white-space: nowrap;
}
/* Drei Einladungsflyer untereinander, zentriert; Klick öffnet die
   Webflow-Lightbox. Text im Bild -> kein Beschnitt (contain). */
.vortrag-flyer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  box-sizing: border-box;
  width: 100%;
  margin: 24px auto 0;
}
.vortrag-flyer-link {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 460px;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
  line-height: 0;
}
.vortrag-flyer img {
  display: block;
  width: 100%;
  max-width: 460px;
  height: auto;
  border-radius: 16px;
  object-fit: contain;
}
/* deutlicher Absatz vor dem bestehenden Schlusssatz */
.text-links1.flie-text.nach-vortrag {
  margin-top: 32px;
}
/* Satz + Videos näher an den Text darüber (halber Abstand), unter den
   Videos +40 px bis zur Vortragsankündigung, Registrierung deutlich
   abgesetzt vom Schlusssatz (gehört nicht zum Vortrag). */
.section-2.paddings.videos-bereich {
  padding-top: 50px;
}
.videos-bereich .text-links1.flie-text.vortrag-hinweis {
  margin-top: 80px;
}
.videos-bereich .lavylites-registrierung {
  padding-top: 40px;
}

/* Aufgabe 10 – Laufband "Bewusstseins-Medizin": größer, geschwungene
   Schreibschrift, Herz mit Sternchen als Trenner, mehr Abstand zu den
   Schaltflächen. Schrift: "Great Vibes" (OFL). Sobald die Datei
   fonts/GreatVibes-Regular.woff2 vorliegt, nur die url()-Quelle ergänzen:
   src: local("Great Vibes"), local("GreatVibes-Regular"),
        url("../fonts/GreatVibes-Regular.woff2") format("woff2");
   Bis dahin: lokal installierte Great Vibes bzw. ähnliche Systemschreibschrift. */
@font-face {
  font-family: "Great Vibes";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Great Vibes"), local("GreatVibes-Regular");
}
/* Abstand als farbige Ränder in der Farbe der Nachbarflächen (Navigation
   oben, nachfolgender Bereich unten) – keine weißen Streifen */
.section.laufband {
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px 0;
  line-height: 1.4;
  border-top: 30px solid #1e40af;
  border-bottom: 30px solid #1138cc;
}
.section.laufband:has(+ .section-gro-e-abst-nde1-2._1) {
  border-bottom-color: #1e40af;
}
.section.laufband:has(+ .impdat-3),
.section.laufband:has(+ .success-2) {
  border-bottom-color: #fff;
}
.laufband-track {
  align-items: center;
  animation: laufband 140s linear infinite;
}
.laufband-text {
  padding-right: .3em;
  color: #d6a242;
  font-family: "Playball", "Great Vibes", "Snell Roundhand", cursive;
  font-size: 38px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
}
.laufband-herz {
  display: inline-block;
  width: auto;
  height: 1em;
  margin: 0 .15em;
  vertical-align: -.15em;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .section.laufband {
    padding: 6px 0;
    border-top-width: 22px;
    border-bottom-width: 22px;
  }
  .laufband-text {
    font-size: 30px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .laufband-track {
    animation: none;
  }
}

/* === Korrekturrunde 01.10. (Prompt 2) === */

/* uber-mich.html: Fotos und Bildspalte – je EINE Regel pro Selektor
   (zusammengeführt aus den Runden 01.10. bis 09.10.; keine späteren
   Überschreibungen mehr). Natürliches Seitenverhältnis, kein Beschnitt,
   leicht abgerundete Ecken. */
.ueber-foto {
  box-sizing: border-box;
  margin: 24px 0;
  padding: 0;
}
.ueber-foto img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: contain;
  object-position: center top;
}
/* a) Dirigentin-Foto: siehe "Korrekturrunde 12.10." (Porträt oben). */
/* Kleines Foto im Listenpunkt "Humor": eigener Block, mittig
   (Korrekturrunde 12.10.) */
li > .ueber-foto.klein {
  max-width: min(200px, 60%);
  margin: 16px auto 20px;
}
/* b) Bildspalte: läuft normal mit (nicht sticky); das Naturfoto ist das
   große Hauptfoto in voller Spaltenbreite, vollständig, ohne Zuschnitt. */
.div-block-202.mit-bildunterschrift .bild-sticky-wrap {
  position: static;
  display: block;
  height: auto;
  min-height: 0;
}
.div-block-202.mit-bildunterschrift .bild-sticky-wrap > .feature-image-mask-100 {
  position: relative;
  top: auto;
  z-index: auto;
  display: block;
  flex: none;
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 0;
}
.div-block-202.mit-bildunterschrift .bild-sticky-wrap > .feature-image-mask-100 > img.feature-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: initial;
}
/* c) Humor-Foto: max. 320 px, mittig, mind. 80 px (6em) Abstand zum
   Naturfoto bzw. dessen Bildunterschrift darüber. */
.ueber-foto.gross {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: max(6em, 80px) auto 0;
}
.ueber-foto-unterschrift {
  margin: 10px 10px 0;
  color: #cbd5e1; /* wie die Bildunterschrift darüber */
  font-family: Roboto, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
}

/* === Korrekturrunde 02.10. === */

/* universelle-heilschluessel.html: "innere Ruhe" / "Weite des großen
   Ganzen" gerade, gold-gelb wie der Gold-Strich der Seite */
strong.schalter-gold,
.schalter-gold {
  color: #d6a242;
  font-weight: 600;
  font-style: normal;
}
@media screen and (min-width: 1440px) {
  strong.schalter-gold,
  .schalter-gold {
    color: #c49a45; /* wie .divider.highlights ab 1440 px */
  }
}

/* drei-monats-reise.html: Kreisgrafik oben deutlich größer (Desktop
   480 px, mobil volle Breite); die vier Klickflächen skalieren mit. */
.feature-image-mask-100._1.reise-kreis {
  width: 480px;
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .feature-image-mask-100._1.reise-kreis {
    width: 480px;
  }
}
@media screen and (max-width: 767px) {
  .feature-image-mask-100._1.reise-kreis {
    width: 100%;
  }
}
/* "Auf eine freudige Entdeckungsreise!" – 1,4-fach, fett, mittig,
   eingerahmt vom Herz mit Sternchen aus dem Laufband */
.inhalt-mittig1.flie-text.entdeckungsreise {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: .35em;
  box-sizing: border-box;
  max-width: 100%;
  margin-top: 24px; /* ca. 1,5 em der Fließtextgröße */
  font-size: 22.4px; /* 1,4 x 16 px */
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
}
.entdeckungsreise-text {
  min-width: 0;
  overflow-wrap: break-word;
}
.entdeckungsreise-herz {
  display: block;
  flex: none;
  width: 1.4em;
  height: 1.4em;
  object-fit: contain;
}
@media screen and (max-width: 479px) {
  .inhalt-mittig1.flie-text.entdeckungsreise {
    font-size: 20px;
  }
}

/* start.html: Premiere-Grafik ca. 20 % größer (220 -> 264 px), danach
   50 px bis zum zweiten Praxisschwerpunkt -- genauso viel wie vor
   "Näheres zu diesen drei Herzenssäulen ..." (20 + 10 + 20 px) */
.premiere-grafik-wrap.klein.willkommen .premiere-grafik-link.klein {
  max-width: min(264px, 100%);
}
.premiere-grafik-wrap.klein.willkommen {
  padding-bottom: calc(110px + 3rem); /* Feinschliff 11.10.: + ca. 3rem; Korrekturrunde 12.10.: nochmals + 60 px bis zum zweiten Praxisschwerpunkt */
}
.inhalt-mittig1.flie-text.abstand-herzenssaeulen {
  margin-top: 20px; /* + 20 px Innenabstand + 10 px Absatzabstand davor = 50 px */
}

/* === Korrekturrunde 06.10. === */

/* Aufgabe 1 – Überschrift + Gold-Unterstrich bilden einen mittigen
   Block (alle Seiten). Strichwerte siehe unten (Stand 09.10.). */
.ueberschrift-mit-strich {
  box-sizing: border-box;
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: center;
  align-self: center;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto; /* Abstand nach unten kommt allein vom Strich (34 px) */
}
.ueberschrift-mit-strich > :is(h1, h2, h3, h4, h5, h6),
.ueberschrift-mit-strich > .div-img > :is(h1, h2, h3, h4, h5, h6) {
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}
/* Goldstrich: Farbe, Höhe, Breite und Abstände siehe "Aufgabe 3"
   weiter unten (Stand Korrekturrunde 12.10.; feste 25vw-Breite entfällt). */
.ueberschrift-mit-strich + :is(p, .text-links1, .text-centered) {
  margin-top: 0;
}
/* Startseite: Block steht zwischen den beiden Zierbildern. Die
   Zierbilder bleiben auf Höhe der Überschrift
   (Zeilenhöhe der Überschrift + 4 px Strich + 34 px - 10 px). */
.div-block-193.willkommen-kopf {
  margin-bottom: 0;
}
.div-block-193.willkommen-kopf > .ueberschrift-mit-strich {
  flex: 0 1 auto;
  align-self: center;
  min-width: min-content;
  margin: 0;
}
.div-block-193.willkommen-kopf > .div-block-194 {
  margin-bottom: calc(var(--ueberschrift-groesse) * 1.3 * 0.7 + 28px);
}
/* Korrekturrunde 14.10.: Der Strich ist kürzer als der Text (je zwei
   Buchstaben stehen links und rechts über, "R" bis zweites "M"); der Block
   hält nur 6 px Luft zu den Zierbildern. */
.div-block-193.willkommen-kopf > .ueberschrift-mit-strich {
  box-sizing: content-box;
  padding-inline: 6px;
}
.div-block-193.willkommen-kopf > .div-block-194 {
  flex-shrink: 0;
}
/* drei-monats-reise.html: Abstand Strich -> Hauptbild jetzt einheitlich
   über --strich-text-abstand (Korrekturrunde 14.10. nachts). */

/* Aufgabe 2 – Lavylites: eine zusätzliche Leerzeile (ca. 1.5em) unter
   den Kurz-Videos. Die Abstände fallen mit den 80 px über dem
   Vortragshinweis zusammen, deshalb 80 px + 1.5em. */
.videos-bereich .w-layout-grid.grid-22 {
  margin-bottom: calc(80px + 1.5em);
}

/* Aufgabe 5 – Startseite: neuer Textblock vor der Premiere-Grafik,
   fett, 1.5em bis zur Grafik. */
.inhalt-mittig1.flie-text.neuer-textblock {
  font-weight: 700;
}
/* Korrekturrunde 09.10.: keine zusätzliche Leerzeile davor –
   kein Abstand oben, kein Innenabstand unten am Absatz davor. */
.inhalt-mittig1.flie-text.neuer-textblock.erster {
  margin-top: 0;
}
.inhalt-mittig1.flie-text:has(+ .neuer-textblock.erster) {
  padding-bottom: 0;
}
.inhalt-mittig1.flie-text.neuer-textblock.letzter {
  padding-bottom: 0;
  margin-bottom: 1.5em;
}

/* === Korrekturrunde 07.10. (2) === */
/* drei-monats-reise.html: eine Zeile mehr Abstand zwischen dem
   ersten großen Bild und dem Text darunter. */
.feature-image-mask-100._1.reise-kreis + p.abstand-davor-gross {
  margin-top: calc(32px + 1.5em);
}

/* Kontaktformular: Überschrift + Goldstrich wie auf allen anderen
   Seiten; Abstand zum Formular = --strich-text-abstand (Korrekturrunde
   14.10. nachts, vorher 34 px + 24 px). */
.form1 > .ueberschrift-mit-strich {
  align-self: center;
  align-items: center;
  margin: 0 auto 0;
}

/* === Korrekturrunde 08.10. === */
/* Zweizeilige Überschriften: Block nur so breit wie die längste Zeile
   (Umbruch bleibt an derselben Stelle).
   start.html/index.html: "Herzlich / willkommen" bricht ohne Scrollleiste
   unter 1124 px Fensterbreite um, mit Scrollleiste (bis ca. 17 px) etwas
   später; die Grenze liegt deshalb mit Reserve bei 1159 px.
   Mobil ragt "willkommen" sonst über den Block hinaus; min-content hält
   den Block mindestens so breit wie das Wort. */
@media screen and (max-width: 1159px) {
  .div-block-193.willkommen-kopf > .ueberschrift-mit-strich > h2.heading-mittig.heading-1.font-size {
    max-width: 7.6em;
  }
}
/* drei-monats-reise.html: Überschrift bricht je nach verfügbarer Breite
   unterschiedlich um. Der Überschriftenblock wird je nach Umbruch auf
   die längste Zeile begrenzt – gemessen an der Breite des Inhaltsblocks
   (Container-Query, unabhängig von Scrollleisten). Der Umbruch selbst
   bleibt an derselben Stelle. */
.inhalt-mittig-untereinander-1.reise-inhalt {
  container: reise-inhalt / inline-size;
}
.inhalt-mittig-untereinander-1.reise-inhalt > .ueberschrift-mit-strich {
  min-width: min-content;
}
.inhalt-mittig-untereinander-1.reise-inhalt > .ueberschrift-mit-strich > .div-img:has(+ .divider.highlights:not(.downn-0)) > h2.heading-mittig.heading-1.font-size {
  margin-left: auto;
  margin-right: auto;
}
/* zwei Zeilen "... in das | Christusbewusstsein" (längste Zeile 16.15em) */
@container reise-inhalt (min-width: 647px) and (max-width: 1135px) {
  .inhalt-mittig-untereinander-1.reise-inhalt > .ueberschrift-mit-strich > .div-img:has(+ .divider.highlights:not(.downn-0)) > h2.heading-mittig.heading-1.font-size {
    max-width: 16.5em;
  }
}
/* "... Reise in | das Christusbewusstsein" (längste Zeile 14em) */
@container reise-inhalt (min-width: 560px) and (max-width: 646.98px) {
  .inhalt-mittig-untereinander-1.reise-inhalt > .ueberschrift-mit-strich > .div-img:has(+ .divider.highlights:not(.downn-0)) > h2.heading-mittig.heading-1.font-size {
    max-width: 14.2em;
  }
}
/* mobil, drei Zeilen "Die Drei-Monats-Reise | in das | Christusbewusstsein" */
@container reise-inhalt (max-width: 552.98px) {
  .inhalt-mittig-untereinander-1.reise-inhalt > .ueberschrift-mit-strich > .div-img:has(+ .divider.highlights:not(.downn-0)) > h2.heading-mittig.heading-1.font-size {
    max-width: calc(11.45em + 44px);
  }
}

/* Aufgabe 4 – drei-monats-reise.html: eine weitere Leerzeile zwischen
   Kreisgrafik und erstem Text. */
.feature-image-mask-100._1.reise-kreis + p.abstand-davor-gross {
  margin-top: calc(32px + 1.5em + 2em);
}

/* === Feinschliff Layout 11.10. === */

/* Aufgabe 1a/1b – uber-mich.html: ersetzt durch das neue Layout der
   Korrekturrunde 12.10. (siehe Dateiende). */

/* Aufgabe 2 – Startseite: Foto (Stand Korrekturrunde 12.10.). */
/* Korrekturrunde 12.10.: nochmals ca. 10 % größer (Breite 35,2 % ->
   38,7 %, sichtbare Bildhöhe x 1,1 bei weiterhin 60 + 20 px Innenabstand)
   und deutlich abgerundete Ecken (20 px). */
.feature-image-mask-100.height.down {
  width: 38.7%;
  height: calc((49.5vh - 88px) * 1.1 + 80px);
}
.feature-image-mask-100.height.down > img.feature-image {
  border-radius: 20px;
  overflow: hidden;
}
/* Tablet/Mobil: 38,7 % der Spaltenbreite wären nur ein schmaler Streifen
   (mobil ca. 120 px); dort so breit, dass das Foto in seinem natürlichen
   Seitenverhältnis (1150 x 1500) erscheint, höchstens 77,4 % der Spalte. */
@media screen and (max-width: 991px) {
  .feature-image-mask-100.height.down {
    width: min(77.4%, calc((49.5vh - 88px) * 1.1 * 0.767));
  }
}

/* Aufgabe 3 (Stand Korrekturrunde 14.10.) – Unterstrich auf allen Seiten:
   Breite = unterste Überschriftenzeile OHNE je zwei Buchstaben links und
   rechts (Vorbild Startseite: vom "R" in "Herzlich" bis zum zweiten "M" in
   "Willkommen"; die Buchstaben stehen über den Strich hinaus), mittig. Abstand zwischen
   unterster Zeile und Strich = eine Leerzeile (1 x Zeilenhöhe der
   Überschrift). Der Strich wird als Pseudo-Element gezeichnet, damit er
   die Breite des Überschriftenblocks nicht beeinflusst.
   --strich-text-w / --strich-abstand setzt js/ueberschrift-strich.js;
   ohne Skript gilt die Blockbreite bzw. 1.3 x Überschriftengröße.
   Korrekturrunde 14.10. nachts: Strich etwas höher (0,7 x Zeilenhöhe statt
   1 x); Abstand Strich -> Folgetext auf allen Seiten = Wert der Startseite
   ("Herzlich willkommen": margin-bottom des Strichs 34 px, Folgeelement
   ohne margin-top), einzige Variable --strich-text-abstand. */
:root {
  --strich-text-abstand: 34px;
}
.ueberschrift-mit-strich > .divider:is(.highlights, .hauptfarbe):not(.downn-0) {
  position: relative;
  flex: none;
  align-self: stretch;
  box-sizing: border-box;
  width: auto;
  max-width: none;
  height: 4px;
  margin: calc(var(--strich-abstand, calc(var(--ueberschrift-groesse) * 1.3)) * 0.7) 0 var(--strich-text-abstand);
  padding: 0;
  background-color: transparent;
  --strich-farbe: #d6a242;
}
/* Mehrzeilige Überschriften mit Strich ausgewogen umbrechen, damit die
   unterste Zeile (Basis der Strichbreite) kein einzelnes kurzes Wort ist
   (z. B. mobil "Basis", "gerne", "(CQM)"). Die Drei-Monats-Reise behält
   ihren festgelegten Umbruch (Korrekturrunde 08.10.). */
.ueberschrift-mit-strich > :is(h1, h2, h3, h4, h5, h6),
.ueberschrift-mit-strich > .div-img > :is(h1, h2, h3, h4, h5, h6) {
  text-wrap: balance;
}
.reise-inhalt > .ueberschrift-mit-strich > .div-img > :is(h1, h2, h3, h4, h5, h6) {
  text-wrap: wrap;
}
/* Abstand Überschrift -> Strich kommt allein vom Strich (auch beim
   HWG-Hinweis, dessen Überschrift bisher 10 px Außenabstand hatte). */
.ueberschrift-mit-strich > :is(h1, h2, h3, h4, h5, h6):has(+ .divider:not(.downn-0)):not(#_),
.ueberschrift-mit-strich > .div-img:has(+ .divider:not(.downn-0)) > :is(h1, h2, h3, h4, h5, h6):not(#_) {
  margin-bottom: 0;
}
.ueberschrift-mit-strich > .divider.hauptfarbe:not(.downn-0) {
  --strich-farbe: #1138cc;
}
.ueberschrift-mit-strich > .divider:is(.highlights, .hauptfarbe):not(.downn-0)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: var(--strich-text-w, 100%);
  max-width: calc(100vw - 40px);
  height: 100%;
  transform: translateX(-50%);
  background-color: var(--strich-farbe);
  pointer-events: none;
}

/* Aufgabe 4 – Überschriften vereinheitlichen (Stand Korrekturrunde
   12.10.): eine Schrift, Größe, Schnitt und Farbe für alle
   Inhaltsüberschriften nach Vorbild "Bisheriges Wirken"
   (bisheriges-wirken.html, h6.heading-links.heading-1): Marcellus SC,
   700, 38 px, Zeilenhöhe 1.3, normale Groß-/Kleinschreibung. Marcellus SC
   ist eine Kapitälchen-Schrift: Großbuchstaben (der erste Buchstabe der
   Überschrift) stehen dadurch größer als die übrigen Buchstaben.
   :not(#_) hebt die Regel über die alten Sonderklassen
   (.font-size, .small, .dark-blue, .left.size, .gallery-heading ...).
   Fußzeile, Navigation und Schaltflächen bleiben unverändert. */
:root {
  --ueberschrift-groesse: 38px;
}
@media screen and (max-width: 991px) {
  :root {
    --ueberschrift-groesse: 34px;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --ueberschrift-groesse: clamp(24px, 6vw, 30px);
  }
}
:is(h1, h2, h3, h4, h5, h6):is(.heading-1, .heading-mittig, .gallery-heading, .heading-links, .heading-links1, .heading-mittig-klein1, .heading-3):not(.heading-footer):not(#_) {
  color: #fff;
  font-family: "Marcellus SC", sans-serif;
  font-size: var(--ueberschrift-groesse);
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;
  line-height: 1.3;
  letter-spacing: .02em;
  text-transform: none;
  overflow-wrap: break-word;
}
/* Korrekturrunde 14.10.: Auch Zwischenüberschriften (.small /
   .abschnitt-titel, z. B. HWG-Hinweis auf den Praxisangeboten und der
   Startseite, Teilüberschriften "Universelle Heilschlüssel") stehen in
   voller Größe wie "Bisheriges Wirken" – die frühere Verkleinerung auf
   0.75 (12.10.) entfällt. */
/* Helle Flächen (weiße Karten, hellgraue Abschnitte): dunkle Schrift,
   damit die Überschrift lesbar bleibt. */
:is(.card-body-3, .section-even.zweitfarbe, .bg-color) :is(h1, h2, h3, h4, h5, h6):is(.heading-1, .heading-mittig, .gallery-heading, .heading-links, .heading-links1, .heading-mittig-klein1, .heading-3):not(.heading-footer):not(#_) {
  color: #071426;
}
/* Schmale Kacheln (Meine Angebote, Kontakt, Lavylites-Videos): gleiche
   Schrift, die Größe wird nur so weit begrenzt, dass das längste Wort in
   die Kachel passt. */
._3er-grid > .div-block,
._3er-grid > .div-block-farbig-1,
.videos-bereich .div-block-188 {
  container-type: inline-size;
}
:is(._3er-grid > .div-block, ._3er-grid > .div-block-farbig-1) :is(h1, h2, h3, h4, h5, h6):is(.heading-1, .heading-mittig, .heading-links1, .heading-mittig-klein1):not(.heading-footer):not(#_) {
  font-size: min(var(--ueberschrift-groesse), 11cqi);
}
.videos-bereich .div-block-188 :is(h1, h2, h3, h4, h5, h6):is(.heading-1, .heading-mittig):not(#_) {
  font-size: min(var(--ueberschrift-groesse), 9cqi);
}
.videos-bereich .div-block-188 {
  height: auto;
  min-height: 16vh;
}
/* frühere Leerzeile unter "Aussprüche aus dem Volksmund" in der alten
   Pixelgröße halten (1.5em hätte sich mit der größeren Schrift
   vergrößert) */
.heading-mittig.heading-1.font-size.small.abschnitt-titel.mehr-abstand-danach-titel {
  margin-bottom: 37.5px;
}

/* Aufgabe 5 – Fließtext: die Texte unter "Angebote für Unternehmen" /
   "Energetische Behandlung von Objekten" (und alle weiteren
   .paragraph-font-Absätze) im Format des übrigen Fließtextes:
   Roboto 400, 16 px, Zeilenhöhe 1.5; auf Blau weiß statt Grau.
   Korrekturrunde 12.10.: :not(#_) hebt die Regel über alle älteren
   Webflow-Regeln und Breakpoints (Desktop, Tablet, Mobil). */
.text-centered.paragraph-font,
.text-linksb-ndig1.paragraph-font {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
/* Nur die beiden Fließtexte (Unternehmen/Institutionen, Objekte) werden
   über alle Breakpoints erzwungen; die Zitat-Kacheln anderer Seiten mit
   derselben Klasse behalten ihre Webflow-Werte. */
.paragraph-font.fliesstext-angeglichen:not(#_) {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.text-centered.paragraph-font:not(.matte-grey) {
  color: #fff;
}

/* Aufgabe 6 (Stand Korrekturrunde 12.10.) – zwischen Überschrift bzw.
   Unterstrich und dem folgenden Text genau eine Leerzeile = 1 x
   Zeilenhöhe der Textschrift (16 px x 1.5 = 24 px), seitenübergreifend.
   Gilt nur, wenn Text folgt: Der Strich verliert dann seinen
   Abstand nach unten (34 px), der Text bringt die 24 px mit. Folgen
   Bilder, Videos, Kacheln oder das Formular, bleibt der bisherige
   Abstand (34 px unter dem Strich) unverändert. */
:is(h1, h2, h3, h4, h5, h6):is(.heading-1, .heading-mittig, .gallery-heading, .heading-links, .heading-links1, .heading-mittig-klein1):not(.heading-footer):has(+ :is(p, ul, .text-links1, .text-centered)):not(#_) {
  margin-bottom: 0;
}
/* Überschrift OHNE Strich direkt vor Text: weiterhin eine Leerzeile */
:is(h1, h2, h3, h4, h5, h6):is(.heading-1, .heading-mittig, .gallery-heading, .heading-links, .heading-links1, .heading-mittig-klein1):not(.heading-footer) + :is(p, ul, .text-links1, .text-centered) {
  margin-top: 24px;
  padding-top: 0;
}
/* Korrekturrunde 14.10. nachts: nach dem Strich bringt allein der Strich
   den Abstand mit (--strich-text-abstand); das Folgeelement hat keinen
   eigenen Außenabstand oben – auf allen Seiten gleich. */
.ueberschrift-mit-strich + :not(#_),
.seitenkopf-mittig:has(> .ueberschrift-mit-strich:last-child) + :not(#_) {
  margin-top: 0;
}
.ueberschrift-mit-strich + :is(p, ul, .text-links1, .text-centered, .inhalt-mittig1, .liste-mit-einleitung, .therapie-seite-inhalt),
.seitenkopf-mittig:has(> .ueberschrift-mit-strich:last-child) + :is(p, ul, .text-links1, .text-centered) {
  padding-top: 0;
}
.ueberschrift-mit-strich + .therapie-seite-inhalt > :first-child {
  margin-top: 0;
  padding-top: 0;
}
.heading-mittig.heading-1.abschnitt-titel + p.inhalt-mittig1.flie-text.paeckchen-titel {
  margin-top: 24px;
}

/* === Korrekturrunde 12.10. === */

/* Aufgabe 4/5 – uber-mich.html: neues Layout.
   1. Porträt (Dirigentin) ganz oben, linksbündig, Bildtext rechts daneben
   2. "Zu mir" über die volle Inhaltsbreite
   3. "Meine Vorlieben": Liste links, rechts das große Humorfoto auf Höhe
      des kleinen Humorfotos (Versatz --humor-offset misst ein kleines
      Skript auf der Seite) und darunter das Naturfoto mit Bildtext
   4. Lebenslauf (weißes Feld) links, Patientenbrief (blau) rechts
   Mobil (bis 767 px) alles untereinander. */
.ueber-layout {
  display: flex;
  flex-direction: column;
  gap: 40px;
  box-sizing: border-box;
  width: 100%;
}
.ueber-layout > .hintergrund-wei {
  box-sizing: border-box;
  width: 100%;
}
/* früher trennte das Dirigentin-Foto die beiden Absätze: eine Leerzeile */
.ueber-zu-mir > p.text-links1 + p.text-links1 {
  margin-top: 24px;
}
.ueber-layout .hintergrund-wei > p.text-links1:last-child {
  margin-bottom: 0;
}
.ueber-portraet {
  display: flex;
  align-items: center;
  gap: 32px;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
}
.ueber-portraet > img {
  display: block;
  flex: 0 1 420px;
  width: 100%;
  min-width: 0;
  max-width: 420px;
  height: auto;
  border-radius: 12px;
  object-fit: contain;
}
.ueber-portraet-text {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  color: #cbd5e1; /* wie die übrigen Bildunterschriften der Seite */
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
}
.ueber-vorlieben {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  align-items: start;
  column-gap: 40px;
  row-gap: 32px;
}
.ueber-vorlieben-liste,
.ueber-vorlieben-bilder {
  min-width: 0;
}
.ueber-vorlieben-liste > ul.text-links1 {
  margin-bottom: 0;
}
.ueber-vorlieben-bilder {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
.ueber-vorlieben-bilder > .ueber-foto.gross {
  width: 100%;
  max-width: 320px;
  margin: var(--humor-offset, 260px) auto 0;
}
.ueber-vorlieben-bilder > .bild-sticky-wrap {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
}
.ueber-vorlieben-bilder > .bild-sticky-wrap > .feature-image-mask-100 {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 0;
}
.ueber-vorlieben-bilder > .bild-sticky-wrap > .feature-image-mask-100 > img.feature-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: initial;
}
.ueber-lebenslauf-reihe {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 40px;
}
.ueber-lebenslauf-reihe > .hintergrund-wei {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .ueber-layout {
    gap: 32px;
  }
  .ueber-portraet {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .ueber-portraet > img {
    flex: none;
  }
  .ueber-vorlieben,
  .ueber-lebenslauf-reihe {
    grid-template-columns: minmax(0, 1fr);
  }
  .ueber-vorlieben-bilder > .ueber-foto.gross {
    margin: 0 auto;
  }
  /* mobil mehr Breite für den Text: kein doppelter Innenabstand */
  .hintergrund-wei-2:has(> .ueber-layout) {
    padding-left: 0;
    padding-right: 0;
  }
  .ueber-layout .hintergrund-wei.zweitfarbe.navy-blue.radius {
    padding-right: 20px;
  }
}

/* Startseite: Teaser "Meine Angebote" und die Karten "Die Drei-Monats-Reise,
   mein Herzensanliegen" / "Weitere Angebote" waren im Webflow-Export per
   display:none ausgeblendet – wieder sichtbar (Korrekturrunde 12.10.). */
.section-even.zweitfarbe {
  display: flex;
}
.section-gro-e-abst-nde1-2 > .w-layout-grid.grid-23 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .section-gro-e-abst-nde1-2 > .w-layout-grid.grid-23 {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Zitat-/Gesetzes-Kacheln (die-weisheit-alter-kulturen, wortlose-
   kommunikation, zusatztexte): auf schmalen Bildschirmen einspaltig,
   damit lange Wörter die Seite nicht seitlich verschieben. */
@media screen and (max-width: 767px) {
  .w-layout-grid.grid-21 {
    grid-template-columns: minmax(0, 1fr);
  }
  .w-layout-grid.grid-21 > .inhalt-top-vertical:not(#_) {
    grid-column: auto;
    min-width: 0;
  }
  .w-layout-grid.grid-21 .paragraph-font {
    overflow-wrap: break-word;
    hyphens: auto;
  }
}

/* === Korrekturrunde 13.10. === */
/* universelle-heilschluessel.html: Überschrift immer genau dreizeilig
   ("Die zwei universellen Schlüssel" / "der Heilung" / "Spiritualität
   trifft Wissenschaft"). Jede Zeile bricht nicht weiter um; auf schmalen
   Bildschirmen wird nur diese Überschrift so weit verkleinert, dass die
   längste Zeile in die Spalte passt (Container: Abschnittsbreite). */
.section-gro-e-abst-nde1-2.heilschluessel-kopf {
  container-type: inline-size;
}
h2.drei-zeilen > .zeile {
  display: block;
  white-space: nowrap;
}
h2.drei-zeilen > br {
  display: none;
}
.heilschluessel-kopf h2.heading-mittig.heading-1.drei-zeilen:not(.heading-footer):not(#_) {
  font-size: min(var(--ueberschrift-groesse), 6.4cqi);
  text-wrap: wrap;
}

/* Überschriften vereinheitlichen (Korrekturrunde 13.10.): Stil "Bisheriges
   Wirken" (Marcellus SC 700, --ueberschrift-groesse, Zeilenhöhe 1.3,
   Kapitälchen = erster Buchstabe größer) auch für die bisher nicht
   erfassten Inhaltsüberschriften:
   - Dankesseite nach dem Kontaktformular (.heading-success; Farbe bleibt)
   - Rechtstexte (AGB, Datenschutz, Impressum, Widerruf): Seitentitel in
     voller Größe, Abschnittsüberschriften in 0.75 bzw. 0.6 der Größe,
     damit die Gliederung erkennbar bleibt; Farbe bleibt. */
h1.heading-success:not(#_) {
  font-family: "Marcellus SC", sans-serif;
  font-size: var(--ueberschrift-groesse);
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;
  line-height: 1.3;
  letter-spacing: .02em;
  text-transform: none;
  overflow-wrap: break-word;
}
.impdat-3 .w-embed :is(h1, h2, h3, h4, h5, h6):not(#_) {
  font-family: "Marcellus SC", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;
  line-height: 1.3;
  letter-spacing: .02em;
  text-transform: none;
  overflow-wrap: break-word;
  hyphens: auto;
}
.impdat-3 .w-embed h1:not(#_) {
  font-size: var(--ueberschrift-groesse);
}
.impdat-3 .w-embed h2:not(#_) {
  font-size: calc(var(--ueberschrift-groesse) * 0.75);
}
.impdat-3 .w-embed :is(h3, h4, h5, h6):not(#_) {
  font-size: max(calc(var(--ueberschrift-groesse) * 0.6), 17px);
}
/* Lavylites-Videos: das Webflow-Raster blieb auf allen Bildschirmen
   vierspaltig (mobil ca. 66 px breite Kacheln, Überschriften dadurch nur
   2–10 px groß). Tablet zwei, Mobil eine Spalte – die Überschriften
   erhalten so wieder eine lesbare Größe in der gemeinsamen Schrift. */
@media screen and (max-width: 991px) {
  .videos-bereich .w-layout-grid.grid-22 {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 479px) {
  .videos-bereich .w-layout-grid.grid-22 {
    grid-template-columns: 1fr;
  }
}

/* uber-mich.html (Korrekturrunde 13.10.)
   a) Großes Humorfoto AUSSERHALB des Kastens "Meine Vorlieben": eigene
      Spalte rechts daneben im blauen Seitenhintergrund, Größe unverändert
      (max. 320 px), auf Höhe des kleinen Humorfotos (--humor-offset setzt
      das Skript der Seite an .ueber-vorlieben-reihe). Mobil untereinander:
      erst der Kasten, dann das Humorfoto mittig. */
.ueber-vorlieben-reihe {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 320px);
  align-items: start;
  column-gap: 40px;
  row-gap: 32px;
  box-sizing: border-box;
  width: 100%;
}
.ueber-vorlieben-reihe > .ueber-vorlieben {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  container: ueber-vorlieben / inline-size;
}
.ueber-vorlieben-reihe > .ueber-foto.gross {
  width: 100%;
  max-width: 320px;
  margin: var(--humor-offset, 260px) auto 0;
}
/* Im Kasten: Liste links, Naturfoto mit Bildtext rechts daneben; wird der
   Kasten zu schmal, steht das Naturfoto unter der Liste. */
.ueber-vorlieben-bilder {
  gap: 0;
}
@container ueber-vorlieben (max-width: 680px) {
  .ueber-vorlieben-liste,
  .ueber-vorlieben-bilder {
    grid-column: 1 / -1;
  }
  .ueber-vorlieben-bilder > .bild-sticky-wrap {
    max-width: 420px;
    margin-inline: auto;
  }
}
@supports not (container-type: inline-size) {
  .ueber-vorlieben-reihe > .ueber-vorlieben {
    grid-template-columns: minmax(0, 1fr);
  }
}
.ueber-vorlieben:has(> .ueber-vorlieben-bilder) {
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
}
@media screen and (max-width: 991px) {
  .ueber-vorlieben-reihe {
    grid-template-columns: minmax(0, 1fr) minmax(0, 220px);
    column-gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  .ueber-vorlieben-reihe {
    grid-template-columns: minmax(0, 1fr);
  }
  .ueber-vorlieben-reihe > .ueber-foto.gross {
    margin: 0 auto;
  }
}
/* b) Kleines Humorfoto unter "Ich liebe Humor ...": mittig auf der
   Listenspalte (weißes Feld) statt nur im eingerückten Listenpunkt –
   der Einzug der Liste (links 40 px, rechts 20 px) wird ausgeglichen. */
.ueber-vorlieben-liste > ul.text-links1.flie-text.white {
  --liste-einzug-links: 40px;
  --liste-einzug-rechts: 20px;
  padding-left: var(--liste-einzug-links);
  padding-right: var(--liste-einzug-rechts);
}
/* Korrekturrunde 14.10.: Versatz exakt aus den beiden Einzügen berechnet
   (Mitte des weißen Listenfelds statt Mitte des eingerückten Punkts). */
.ueber-vorlieben-liste li > .ueber-foto.klein {
  display: block;
  position: relative;
  left: calc((var(--liste-einzug-rechts, 20px) - var(--liste-einzug-links, 40px)) / 2);
  margin-inline: auto;
}
/* c) Porträt ganz oben: Foto links, Bildtext RECHTS daneben – auf allen
   Bildschirmgrößen (mobil nicht mehr darunter); danach mehr Abstand zum
   Text "Zu mir". */
.ueber-layout > .ueber-portraet {
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .ueber-layout > .ueber-portraet {
    flex-direction: row;
    align-items: center;
    gap: 14px;
  }
  .ueber-layout > .ueber-portraet > img {
    flex: 0 0 58%;
    width: 58%;
  }
  .ueber-layout > .ueber-portraet > .ueber-portraet-text {
    flex: 1 1 0;
    font-size: 14px;
    line-height: 1.45;
    overflow-wrap: break-word;
    hyphens: auto;
  }
}
/* d) Laufender Text breiter über die Seite: seitlicher Innenabstand der
   Seite 5 % statt 10 % (mobil mind. 20 px), "Zu mir" rechts 20 px statt
   40 px Innenabstand. */
#d.div-grid-4.hauptfarbe:has(.ueber-layout) {
  padding-left: max(20px, 5%);
  padding-right: max(20px, 5%);
}
.ueber-layout > .hintergrund-wei.ueber-zu-mir {
  padding-right: 20px;
}
/* Rechtstexte: lange Links (Datenschutz-URLs) dürfen umbrechen, damit
   mobil keine waagerechte Scrollleiste entsteht. */
.impdat-3 .w-embed a {
  overflow-wrap: anywhere;
}
/* Kontakt: beide E-Mail-Adressen mobil einzeilig halten (Spalte bei 320px nur 200px breit). */
._1 > a.link[href="mailto:info@gabirohe.de"],
._1 > a.link[href="mailto:gabirohe@hotmail.de"] {
  max-width: none;
}
._1 > a.link[href="mailto:info@gabirohe.de"] > p.text-links1,
._1 > a.link[href="mailto:gabirohe@hotmail.de"] > p.text-links1 {
  white-space: nowrap;
}

/* uber-mich.html (Korrekturrunde 14.10. nachts)
   a) Ganz oben: Naturfoto (runde Ecken wie bisher) links, Bildtext rechts,
      vertikal zentriert; die Einheit sitzt mittig (max. 900 px).
      Mobil untereinander, zentriert. */
.ueber-layout > .ueber-natur-kopf {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  box-sizing: border-box;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
}
.ueber-natur-kopf > .feature-image-mask-100 {
  position: relative;
  top: auto;
  z-index: auto;
  display: block;
  flex: 0 1 420px;
  width: 100%;
  min-width: 0;
  max-width: 420px;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
}
.ueber-natur-kopf > .feature-image-mask-100 > img.feature-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: initial;
}
.ueber-natur-kopf > p.bild-unterschrift {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  text-align: left;
  font-size: 15px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .ueber-layout > .ueber-natur-kopf {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  .ueber-natur-kopf > .feature-image-mask-100 {
    flex: none;
    width: 80%;
    max-width: 420px;
  }
  .ueber-natur-kopf > p.bild-unterschrift {
    flex: none;
    width: 100%;
    max-width: 420px;
    text-align: center;
  }
}
/* Naturfoto steht nur noch oben: "Meine Vorlieben" einspaltig */
.ueber-vorlieben {
  grid-template-columns: minmax(0, 1fr);
}
/* c) Dirigentin-Foto klein und dezent im Text "Zu mir", mittig,
   ohne Bildunterschrift */
.ueber-zu-mir > .ueber-foto.klein.ueber-dirigentin {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 24px auto;
}
@media screen and (max-width: 767px) {
  .ueber-zu-mir > .ueber-foto.klein.ueber-dirigentin {
    max-width: 60%;
  }
}

/* Überschriften (Korrekturrunde 14.10. nachts): Marcellus SC gibt es nur im
   Schnitt 400 – keine künstliche Fettung mehr (runder, weicher). */
.mehr-erfahren2,
.mehr-erfahren2.highlights.heading-1 {
  font-weight: 400;
  font-synthesis: none;
}

/* Abstand Strich -> Folgeinhalt auch dort einheitlich, wo der Block mit
   Überschrift und Strich das letzte Element seines Rahmens ist
   (Korrekturrunde 14.10. nachts, --strich-text-abstand):
   - bisheriges-wirken.html: Video direkt unter dem Strich
   - aktuelles.html: Einladungsgrafik direkt unter dem Strich */
.text-wrapper-1:has(> .ueberschrift-mit-strich:last-child) + .div-block-219 {
  margin-top: 0;
}
.section-gro-e-abst-nde1-2:has(> .inhalt-mittig-untereinander-1:last-child > .ueberschrift-mit-strich:last-child):has(+ .premiere-grafik-wrap) {
  padding-bottom: 0;
}
.section-gro-e-abst-nde1-2:has(> .inhalt-mittig-untereinander-1:last-child > .ueberschrift-mit-strich:last-child) + .premiere-grafik-wrap {
  padding-top: 0;
}