@import url('../fonts/_fontface.css');

:root {

  --farbe-marke:       #440B52;
  --farbe-marke-hell:  #5D3971;
  --farbe-signal:      #F1C40F;
  --farbe-text:        #000000;
  --farbe-text-leise:  #555555;
  --farbe-weiss:       #FFFFFF;
  --farbe-text-hell:   #F0F0F0;
  --farbe-kopf:        #4D4D4D;
  --farbe-karte:       #F4F4F4;
  --farbe-grau-hell:   #E9E9E9;
  --farbe-grau-dunkel: #C6C3C3;
  --farbe-icon:        #69727D;
  --farbe-marke-blass: #B5AFCF;

  --schrift-text:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --schrift-display: 'Lato', 'Inter', system-ui, sans-serif;

  --fs-h1:      56px;
  --fs-h1-unter: 50px;
  --fs-h2:      45px;
  --fs-h3:      36px;
  --fs-h4:      28px;
  --fs-h5:      24px;
  --fs-lead:    20px;
  --fs-body:    19px;
  --fs-klein:   15px;
  --fs-mini:    14px;
  --fs-micro:   12px;

  --lh-body:   31.4px;
  --lh-h1:     78.4px;
  --lh-h1-unter: 70px;
  --lh-h2:     58.5px;
  --lh-h3:     46.8px;
  --lh-h4:     33.6px;
  --lh-h5:     28.8px;
  --lh-knopf:    20px;

  --breite-inhalt: 1140px;
  --breite-hero:   1200px;
  --rand-seite:      40px;
  --kopf-hoehe:     111px;

  --r-knopf:      30px;
  --r-knopf-klein: 50px;
  --r-band:       24px;
  --r-karte:      20px;
  --r-kasten:     16px;
  --r-klein:      12px;

  --p-knopf:       15px 45px;
  --p-knopf-mittel: 15px 30px;
  --p-knopf-klein: 12px 24px;
}

:where(h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote) {
  margin: 0;
}
:where(ul, ol) {
  padding-left: 0;
  list-style: none;
}
:where(img, picture, svg, video) {
  display: block;
  max-width: 100%;
  height: auto;
}
:where(a) {
  color: inherit;
  text-decoration: none;
}
:where(button, input, select, textarea) {
  font: inherit;
  color: inherit;
}
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: var(--schrift-text);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  font-weight: 400;
  color: var(--farbe-text);
  background: var(--farbe-weiss);
  -webkit-font-smoothing: antialiased;
}

.sprungmarke {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100;
  padding: 12px 20px;
  background: var(--farbe-weiss);
  color: var(--farbe-text);
  box-shadow: 0 0 0 2px var(--farbe-marke);
}
.sprungmarke:focus { left: 0; }

.band {
  padding-inline: var(--rand-seite);
}
.band__inhalt {
  max-width: var(--breite-inhalt);
  margin-inline: auto;
}
.band--breit .band__inhalt { max-width: var(--breite-hero); }

h1, .h1 {
  font-family: var(--schrift-display);
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  font-weight: 400;
  color: var(--farbe-marke);
}
h1.h1--unter, .h1--unter {
  font-size: var(--fs-h1-unter);
  line-height: var(--lh-h1-unter);
}
h2, .h2 {
  font-family: var(--schrift-display);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: 400;
  color: var(--farbe-text);
}
h3, .h3 {
  font-family: var(--schrift-display);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: 400;
}
h4, .h4 {
  font-family: var(--schrift-display);
  font-size: var(--fs-h4);
  line-height: var(--lh-h4);
  font-weight: 400;
}
h5, .h5 {
  font-family: var(--schrift-display);
  font-size: var(--fs-h5);
  line-height: var(--lh-h5);
  font-weight: 400;
}

.kicker {
  font-size: var(--fs-body);
  line-height: 19px;
  font-weight: 300;
  color: var(--farbe-marke);
}

strong, b { font-weight: 700; }

:where(.fliess) > * + * { margin-top: 1em; }

.knopf {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: var(--p-knopf);
  border: 0;
  border-radius: var(--r-knopf);
  background: var(--farbe-marke);
  color: var(--farbe-weiss);
  font-family: var(--schrift-display);
  font-size: var(--fs-lead);
  line-height: var(--lh-knopf);
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  transition: background-color .18s ease, transform .18s ease;
}
.knopf:hover  { background: var(--farbe-marke-hell); }
.knopf:active { transform: translateY(1px); }
.knopf:focus-visible {
  outline: 3px solid var(--farbe-marke);
  outline-offset: 3px;
}

.knopf--linie {
  background: transparent;
  color: var(--farbe-marke);
  box-shadow: inset 0 0 0 1px var(--farbe-marke);
}
.knopf--linie:hover {
  background: var(--farbe-marke);
  color: var(--farbe-weiss);
}

.knopf--mittel { min-height: 50px; padding: var(--p-knopf-mittel); }

.knopf--klein {
  min-height: 44px;
  padding: var(--p-knopf-klein);
  border-radius: var(--r-knopf-klein);
  font-family: var(--schrift-text);
}

.knopf--eckig {
  min-height: 50px;
  padding: var(--p-knopf-mittel);
  border-radius: 4px;
}

.knopf__pfeil {
  flex: none;
  width: 20px;
  height: 20px;
  margin-left: 20px;
  fill: currentColor;
}

.nur-vorlesen {
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.kopf {
  position: relative;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: var(--kopf-hoehe);
  padding-inline: 10px;
  background: var(--farbe-kopf);
  color: var(--farbe-weiss);
}
.kopf__inhalt {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
  max-width: 1420px;
  margin-inline: auto;
}
.kopf__logo img { width: 199px; height: 64px; object-fit: contain; }

.kopf__nav { margin-left: auto; }
.kopf__liste {
  display: flex;
  align-items: center;
  gap: 28px;
  margin: 0;
}
.kopf__liste a,
.kopf__liste summary {
  display: block;
  padding-block: 15px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  color: var(--farbe-weiss);
}
.kopf__liste summary { cursor: pointer; list-style: none; }
.kopf__liste summary::-webkit-details-marker { display: none; }
.kopf__liste a:hover,
.kopf__liste a[aria-current='page'] { text-decoration: underline; }

.kopf__sozial {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-left: 8px;
}
.kopf__sozial a { display: block; width: 20px; }
.kopf__sozial svg { width: 20px; height: 20px; fill: currentColor; }

.kopf__schalter { display: none; }

.nach-oben {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 30;
  display: grid;
  place-items: center;
  width: 32px; height: 32px;
  padding: 0;
  border: 0;
  border-radius: 2px;
  background: #000000;
  color: var(--farbe-weiss);
  cursor: pointer;
}
.nach-oben[hidden] { display: none; }
.nach-oben:focus-visible { outline: 3px solid var(--farbe-marke); outline-offset: 2px; }

.fuss {
  padding: 60px var(--rand-seite);
  background: linear-gradient(135deg, var(--farbe-grau-hell) 0%, var(--farbe-grau-dunkel) 100%);
  color: var(--farbe-text);
}
.fuss__inhalt {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
  max-width: var(--breite-inhalt);
  margin-inline: auto;
}
.fuss__logo img { width: 300px; height: 64px; object-fit: contain; }
.fuss__sozial {
  display: flex;
  gap: 20px;
  margin-top: 24px;
}
.fuss__sozial a { color: var(--farbe-icon); }
.fuss__sozial svg { width: 20px; height: 20px; fill: currentColor; }
.fuss ul > li + li { margin-top: 4px; }
.fuss a:hover { text-decoration: underline; }

.hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 630px;
  padding-inline: var(--rand-seite);

  background: url('/assets/img/seite/img-0969.webp') center / cover no-repeat;
  isolation: isolate;
  overflow: hidden;
}
.hero__video {
  position: absolute;
  inset: 0;

  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (prefers-reduced-motion: reduce) {
  .hero__video { display: none; }
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--farbe-weiss);
  opacity: .65;
  z-index: -2;
}
.hero__inhalt {
  width: 100%;
  max-width: var(--breite-hero);
  margin-inline: auto;
}
.hero__titel {
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  color: var(--farbe-marke);
}
.hero__text {
  margin-top: 17px;
}
.hero__knoepfe {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 58px;
}

.aktion { padding-block: 60px; }
.aktion__karte {
  max-width: 760px;
  padding: 40px;
  border-radius: var(--r-karte);
  background: var(--farbe-weiss);
  box-shadow: 0 12px 40px rgb(0 0 0 / .10);
}
.aktion__titel {
  font-size: 26px;
  line-height: 33.8px;
  font-weight: 800;
  color: var(--farbe-marke);
}
.aktion__karte > * + * { margin-top: 20px; }
.aktion__eckdaten {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 18px 20px;
  border-radius: var(--r-klein);
  background: rgb(93 57 113 / .05);
  font-size: var(--fs-klein);
  line-height: 24.8px;
}
.aktion__eckdaten > div { display: flex; gap: 8px; }
.aktion__eckdaten dt { font-weight: 700; color: #2C2C2C; }
.aktion__eckdaten dd { margin: 0; font-weight: 600; color: #2C2C2C; }
.aktion__punkte {
  font-size: 14.5px;
  line-height: 20.3px;
  color: var(--farbe-text-leise);
}
.aktion__punkte > li + li { margin-top: 16px; }
.aktion__punkte strong { color: var(--farbe-marke); }

.neues { padding-block: 120px 60px; background: var(--farbe-weiss); }
.neues__karte {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 569px;
  min-height: 442px;
  border-radius: var(--r-band);
  background: linear-gradient(135deg, var(--farbe-marke) 0%, var(--farbe-marke-hell) 100%);
  overflow: hidden;
  color: var(--farbe-weiss);
}
.neues__text { padding: 60px; }
.neues__kicker {
  display: inline-block;
  padding: 6px 14px;
  border-radius: var(--r-knopf-klein);
  background: rgb(255 255 255 / .10);
  font-family: var(--schrift-text);
  font-size: var(--fs-micro);
  line-height: 19.8px;
  font-weight: 800;
  letter-spacing: .04em;
}
.neues__titel {
  margin-top: 25px;
  font-family: var(--schrift-display);
  font-size: 48px;
  line-height: 55.2px;
  font-weight: 800;
  color: var(--farbe-weiss);
}
.neues__signal { color: var(--farbe-signal); }
.neues__flies {
  margin-top: 15px;
  font-size: 18px;
  line-height: 27px;
  color: var(--farbe-text-hell);
}
.neues__fokus {
  padding: 60px;
  background: rgb(0 0 0 / .15);
}
.neues__fokustitel {
  font-size: var(--fs-lead);
  line-height: 26px;
  font-weight: 700;
  color: var(--farbe-weiss);
}
.neues__liste {
  margin-top: 44px;

  margin-bottom: 19px;
  padding-left: 20px;
}
.neues__liste > li + li { margin-top: 20px; }
.neues__kasten {
  display: flex;
  gap: 12px;
  padding: 18px;
  border-radius: var(--r-kasten);
  background: rgb(255 255 255 / .05);
  font-size: var(--fs-klein);
  line-height: 22.5px;
}
.neues__symbol {
  flex: 0 0 auto;
  width: 20px; height: 20px;
  margin-top: 2px;
  color: var(--farbe-signal);
}
.neues__kasten strong { color: var(--farbe-weiss); }
.neues__kasten p { color: var(--farbe-text-hell); }

.praxis {
  padding-block: 120px;
  background:
    url('/assets/img/seite/logo-hintergrund.webp') center / contain no-repeat,
    var(--farbe-weiss);
}
.praxis__inhalt {
  display: grid;
  grid-template-columns: 580px 560px;
  align-items: start;
}
.praxis__bilder { position: relative; padding-bottom: 320px; }
.praxis__bild1 {
  width: 540px; height: 360px;
  object-fit: cover;
  border-radius: var(--r-karte);
}
.praxis__bild2 {
  position: absolute;
  top: 260px; left: 260px;
  width: 280px; height: 420px;
  object-fit: cover;
  border-radius: var(--r-karte);
}

.praxis__text > p        { margin-top: 18px; }
.praxis__text > p:has(.knopf) { margin-top: 31px; }

.leistungen { margin-top: 180px; }

.leistungen > * + *   { margin-top: 20px; }
.leistungen > h2 + p  { margin-top: 29px; }
.leistungen__liste { padding-left: 20px; list-style: disc; }
.leistungen__liste > li + li { margin-top: 0; }

.bildband {
  position: relative;
  display: block;
  margin-top: 30px;
  border-radius: var(--r-karte);
  overflow: hidden;
  isolation: isolate;
}
.bildband img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.bildband::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgb(0 0 0 / .28);
}
.bildband__inhalt {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.bildband__titel {
  margin: 0;
  font-weight: 400;
  font-family: var(--schrift-display);
  text-align: center;
  font-size: 23px;
  line-height: 29.9px;
  color: var(--farbe-weiss);
}

.zielgruppe {
  position: relative;
  padding-block: 120px;
  background: linear-gradient(135deg, var(--farbe-grau-hell) 50%, var(--farbe-grau-dunkel) 100%);
  isolation: isolate;
}

.zielgruppe::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url('/assets/img/seite/2.webp') center / cover no-repeat;
  opacity: .5;
}
.zielgruppe__inhalt {
  display: grid;
  grid-template-columns: 520px minmax(0, 520px);
  gap: 100px;
  align-items: center;
}
.zielgruppe__text > * + * { margin-top: 24px; }
.zielgruppe__liste { margin-top: 24px; }
.zielgruppe__liste > li {
  position: relative;
  padding-left: 31px;
  font-size: 24px;
  line-height: 39.6px;
}
.zielgruppe__liste > li + li { margin-top: 14px; }
.zielgruppe__liste > li::before {
  content: '';
  position: absolute;
  left: 0; top: 12px;
  width: 18px; height: 18px;
  border-radius: 50%;
  background: var(--farbe-marke);
  box-shadow: inset 0 0 0 3px var(--farbe-weiss), inset 0 0 0 4px var(--farbe-marke);
}
.zielgruppe__bild {
  width: 520px; height: 347px;
  object-fit: cover;
  border-radius: var(--r-karte);
}

.lst {
  position: relative;
  padding-block: 120px;
  padding-inline: var(--rand-seite);
  background: url('/assets/img/seite/img-1497.webp') center / cover no-repeat;
  isolation: isolate;
}
.lst::before {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--farbe-weiss);
  opacity: .65;
  z-index: -1;
}
.lst__inhalt {
  display: grid;
  gap: 20px;
  max-width: var(--breite-inhalt);
  margin-inline: auto;
}
.lst__zeile {
  display: grid;
  grid-template-columns: 429px minmax(0, 1fr);
  gap: 10px;
  align-items: stretch;
}

.lst__zeile:nth-child(even) { grid-template-columns: minmax(0, 1fr) 429px; }
.lst__zeile:nth-child(even) .lst__karte { order: 2; }
.lst__zeile:nth-child(even) .lst__foto  { order: 1; }

.lst__karte {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px;
  border-radius: var(--r-karte);
  background: var(--farbe-weiss);
}
.lst__titel {
  font-family: var(--schrift-display);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: 400;
  color: var(--farbe-text);
  text-align: center;
}

.lst__karte .knopf { margin-top: 32px; }
.lst__foto {
  width: 100%;
  height: 229px;
  object-fit: cover;
}

.seitenkopf {
  position: relative;

  min-height: var(--kopf-hoehe-band, 675px);
  padding-block: var(--kopf-oben, 257px) 0;
  padding-inline: var(--rand-seite);

  background: var(--kopfbild) center / cover no-repeat;
  isolation: isolate;
}
.seitenkopf::before {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--farbe-weiss);

  opacity: var(--kopf-deckung, .85);
  z-index: -1;
}
.seitenkopf__inhalt {
  width: 100%;

  max-width: var(--kopf-inhalt, var(--breite-inhalt));
  margin-inline: auto;
}
.seitenkopf__titel {
  font-family: var(--schrift-display);
  font-size: var(--kopf-h1, var(--fs-h1-unter));
  line-height: var(--kopf-h1-lh, var(--lh-h1-unter));
  font-weight: 400;
  color: var(--farbe-marke);
}
.seitenkopf__unter { margin-top: 30px; }

.thp {

  padding-block: 0 var(--thp-unten, 120px);
  background: var(--farbe-weiss) url('/assets/img/seite/logo-hintergrund.webp') center / cover no-repeat;
}
.thp__inhalt {
  display: grid;
  grid-template-columns: 466px minmax(0, 524px);
  gap: 90px;
  justify-content: start;
  align-items: start;
}
.thp__foto {
  width: 466px;
  max-width: 100%;
  height: 698px;
  margin-top: -70px;
  object-fit: cover;
}

.thp__text { padding-top: var(--thp-oben, 104px); }
.thp__text h2 {
  font-family: var(--schrift-display);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: 400;
  color: var(--farbe-marke);
}
.thp__lead { margin-top: 23px; }

.thp__text > p + p { margin-top: 19px; }

.thp__text > .thp__lead + p { margin-top: 35px; }

.thp__text > p:last-child { margin-bottom: 19px; }

.thl {
  padding: 72px;
  background: var(--farbe-weiss);
}
.thl__titel {
  font-family: var(--schrift-display);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: 400;
  color: var(--farbe-text);
  text-align: center;
}
.akkordeon {

  width: var(--akk-breite, 713px);
  max-width: 100%;
  margin: 80px auto 0;
}
.akk + .akk { margin-top: 20px; }
.akk__titel {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
  border: 1px solid #D5D8DC;
  background: var(--farbe-weiss);
  color: #1F2124;
  cursor: pointer;
  list-style: none;
}
.akk__titel::-webkit-details-marker { display: none; }
.akk__titel:focus-visible { outline: 3px solid var(--farbe-marke); outline-offset: 2px; }
.akk__symbol { display: flex; flex: none; }

.akk[open] .akk__strich { display: none; }
.akk__feld {
  padding: 30px;
  border: 1px solid #D5D8DC;
  border-top: 0;
  background: var(--farbe-weiss);
}

.akk__feld > p { margin-bottom: 19px; }
.thl__knopf { margin-top: 51px; text-align: center; }

.frg { padding: 60px 120px; }
.frg__inhalt { max-width: none; margin-inline: 0; }
.frg__titel {
  font-family: var(--schrift-display);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: 400;
  color: var(--farbe-text);
}
.frg__lead { margin-top: 20px; }
.frg .akkordeon { margin-top: 41px; }

.uup {
  position: relative;

  padding: 120px var(--rand-seite) 311px;
  background: var(--farbe-weiss);
  isolation: isolate;
}

.uup::before,
.uuw::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('/assets/img/seite/2.webp') center / cover no-repeat;
  opacity: .5;
  z-index: -1;
}
.uup__inhalt {
  display: grid;
  grid-template-columns: 578px 578px;
  gap: 44px;
  justify-content: center;
  max-width: 1200px;
  margin-inline: auto;
}
.uup__links h2 {
  font-family: var(--schrift-display);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: 400;
  color: var(--farbe-text);
}
.uup__zeile  { margin-top: 16px; }
.uup__rechts > p + p { margin-top: 19px; }
.uup__foto {
  position: absolute;
  top: 531px;
  left: 50%;
  transform: translateX(-50%);
  width: 768px;
  max-width: 100%;
  height: 512px;
  object-fit: cover;
  border-radius: var(--r-karte);
}

.uuz {

  padding-block: 340px 61px;
  background: linear-gradient(135deg, var(--farbe-grau-hell) 0%, var(--farbe-grau-dunkel) 100%);
}
.uuz__inhalt {
  display: flex;
  justify-content: center;
  gap: 60px;
  margin: 0;
}
.uuz__wert {
  font-size: 69px;
  line-height: 69px;
  font-weight: 600;
  color: var(--farbe-marke);
  text-align: center;
}
.uuz__label {
  margin: 0;
  line-height: 47.5px;

  text-align: left;
}

.uuw {
  position: relative;
  padding: 120px var(--rand-seite);
  background: var(--farbe-weiss);
  isolation: isolate;
}
.uuw__titel {
  font-family: var(--schrift-display);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: 400;
  color: var(--farbe-text);
  text-align: center;
}
.uuw__spalten {
  display: grid;
  grid-template-columns: repeat(3, 387px);
  gap: 20px;
  justify-content: center;
  margin-top: 33px;
}
.uuw__schritt {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  border-radius: 24px;
  text-align: center;
}
.uuw__symbol { width: 48px; height: 48px; color: var(--farbe-marke); }
.uuw__name {
  margin: 19px 0 0;
  font-weight: 400;
  font-family: var(--schrift-display);
  font-size: 32px;
  line-height: 38.4px;
}
.uuw__schritt p { margin-top: 16px; }
.uuw__knopf { margin-top: 31px; text-align: center; }

.uum {
  padding: 120px var(--rand-seite);
  background: linear-gradient(135deg, var(--farbe-grau-hell) 0%, var(--farbe-grau-dunkel) 100%);
}
.uum__karten {
  display: grid;
  grid-template-columns: repeat(2, 500px);
  gap: 20px;
  justify-content: center;
}
.uum__karte {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px;
  border-radius: 15px;

  background: linear-gradient(135deg, rgb(76 74 73) 0%, rgb(16 16 16) 100%);
  color: var(--farbe-weiss);
  text-align: center;
}
.uum__symbol { width: 95px; height: 95px; }
.uum__titel {
  margin-top: 9px;
  color: var(--farbe-weiss);
  font-family: var(--schrift-display);
  font-size: var(--fs-h5);
  line-height: var(--lh-h5);
  font-weight: 400;
}
.uum__karte p { margin-top: 40px; }
.uum__knopf { margin-top: 120px; text-align: center; }

.uut {

  padding: 120px var(--rand-seite) 142px;
  background: var(--farbe-weiss) url('/assets/img/seite/logo-hintergrund.webp') center / cover no-repeat;
}
.uut__titel {
  font-family: var(--schrift-display);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: 400;
  text-align: center;
}
.uut__unter { margin-top: 39px; text-align: center; }
.uut__liste {
  display: grid;
  grid-template-columns: repeat(4, 270px);
  gap: 36px 20px;
  justify-content: center;
  margin-top: 108px;
}
.uut__foto {
  width: 270px;
  height: 270px;
  border-radius: 50%;
  object-fit: cover;
}

.uut__foto--leer {
  display: grid;
  place-items: center;
  background: var(--farbe-karte);
  color: var(--farbe-marke);
  font-family: var(--schrift-display);
  font-size: 96px;
  line-height: 1;
}
.uut__name {
  display: block;
  margin: 20px 0 0;
  font-weight: 400;
  font-family: var(--schrift-display);
  font-size: var(--fs-h4);
  line-height: var(--lh-h4);
}
.uut__rolle { display: block; margin-top: 6px; }

.uuk {
  padding: 120px var(--rand-seite);
  background: linear-gradient(135deg, var(--farbe-grau-hell) 0%, var(--farbe-grau-dunkel) 100%);
}
.uuk__inhalt {
  display: grid;
  grid-template-columns: 545px 545px;
  gap: 55px;
  justify-content: center;
  align-items: start;
}
.uuk__foto {
  width: 545px;
  max-width: 100%;
  height: 817px;
  object-fit: cover;
  border-radius: var(--r-karte);
}
.uuk__text h2 {
  font-family: var(--schrift-display);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: 400;
  color: var(--farbe-marke);
}
.uuk__text > p    { margin-top: 20px; }
.uuk__text > p + p { margin-top: 19px; }

.uuk__text > .uuk__knopf { margin-top: 69px; }

.ktk {
  position: relative;

  padding: 120px var(--rand-seite) 130px;
  background: var(--farbe-weiss);
  isolation: isolate;
}

.ktk::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('/assets/img/seite/logo-hintergrund.webp') center / cover no-repeat;
  opacity: .5;
  z-index: -1;
}
.ktk__karten {
  display: grid;
  grid-template-columns: repeat(3, 367px);
  gap: 20px;
  justify-content: center;
}
.ktk__karte {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 32px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgb(76 74 73) 0%, rgb(16 16 16) 100%);
  color: var(--farbe-weiss);
  text-align: center;
}
.ktk__symbol {
  display: grid;
  place-items: center;
  width: 55px; height: 55px;
  border-radius: 50%;
  background: var(--farbe-marke-blass);
  color: var(--farbe-weiss);
}
.ktk__titel {
  margin: 19px 0 0;
  font-weight: 400;
  font-family: var(--schrift-display);
  font-size: 32px;
  line-height: 38.4px;
}
.ktk__zeilen { margin-top: 13px; }
.ktk__nummer { margin-top: 35px; }
.ktk__nummer b { font-weight: 700; }

.ktw {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: var(--breite-inhalt);
  margin: 130px auto 0;
}
.ktw__text { max-width: 540px; padding-left: 10px; }
.ktw__text h2 {
  font-family: var(--schrift-display);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: 400;
}

.ktw__text > p        { margin-top: 20px; }
.ktw__text > p ~ p    { margin-top: 18px; }
.ktw__text > .ktw__gruss { margin-top: 22px; }
.ktw__text > .ktw__knopf { margin-top: 38px; }
.ktw__nr { text-decoration: underline; }
.ktw__wa { flex: none; margin-right: 10px; fill: currentColor; }
.ktw__foto { justify-self: center; width: 157px; max-width: 100%; height: 353px; object-fit: contain; }

.kta {
  padding: 60px var(--rand-seite);
  background: linear-gradient(135deg, var(--farbe-grau-hell) 0%, var(--farbe-grau-dunkel) 100%);
}
.kta__titel {
  font-family: var(--schrift-display);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: 400;
  text-align: center;
}
.kta__unter { margin-top: 29px; text-align: center; }
.kta__karte {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  max-width: var(--breite-inhalt);
  margin: 118px auto 0;
  padding: 32px 40px;
  border-radius: var(--r-band);
  background: var(--farbe-weiss);
}
.kta__adresse { line-height: var(--lh-body); }
.kta__knopf   { margin: 0; }

.bwb { padding: 125px var(--rand-seite) 77px; }
.bwb__titel {
  font-family: var(--schrift-display);
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  font-weight: 700;
  color: var(--farbe-text);
  text-align: center;
}
.bwb__hinweis {
  margin-top: 43px;
  line-height: 19px;
  text-align: center;
}
.bwb__meldung {
  max-width: var(--breite-inhalt);
  margin: 24px auto 0;
  padding: 16px 20px;
  border-radius: 4px;
  background: var(--farbe-karte);
  text-align: center;
}
.bwb__form {
  max-width: var(--breite-inhalt);
  margin: 37px auto 0;
  padding: 30px;
}

.bwb__falle {
  position: absolute;
  left: -9999px;
  width: 1px; height: 1px;
  overflow: hidden;
}
.bwb__punkte {
  display: flex;
  gap: 494px;
  justify-content: space-between;
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}
.bwb__punkt {
  display: grid;
  place-items: center;
  width: 30px; height: 30px;
  border-radius: 50%;
  background: var(--farbe-weiss);
  box-shadow: inset 0 0 0 1px var(--farbe-marke);
  color: var(--farbe-marke);
  font-size: var(--fs-mini);
}
.bwb__punkt--aktiv { background: var(--farbe-marke); color: var(--farbe-weiss); }
.bwb__stufe { margin: 0; padding: 0; border: 0; }

.bwb__feld  { margin-top: 10px; }
.bwb__feld:first-of-type { margin-top: 0; }
.bwb__label {
  display: block;
  font-size: var(--fs-lead);
  line-height: 20px;
  font-weight: 600;
  color: #666666;
}
.bwb__eingabe {
  display: block;
  width: 100%;
  min-height: 40px;
  margin-top: 10px;
  padding: 8px 14px;
  border: 1px solid #D5D8DC;
  border-radius: 4px;
  background: var(--farbe-weiss);
  font-size: var(--fs-body);
}
.bwb__eingabe:focus-visible { outline: 3px solid var(--farbe-marke); outline-offset: 2px; }
.bwb__fehler { display: block; margin-top: 6px; color: #B00020; font-size: var(--fs-mini); }
.bwb__zustimmung { display: flex; gap: 12px; align-items: flex-start; }
.bwb__zustimmung a { text-decoration: underline; }
.bwb__knopfzeile { margin-top: 10px; }
.bwb__weiter {
  display: block;
  width: 100%;
  min-height: 40px;
  padding: 0 30px;
  border: 0;
  border-radius: var(--r-knopf);
  background: var(--farbe-marke);
  color: var(--farbe-weiss);
  font-family: var(--schrift-display);
  font-size: var(--fs-lead);
  line-height: 20px;
  cursor: pointer;
}
.bwb__weiter:hover { background: var(--farbe-marke-hell); }

.dnk {
  padding: 70px var(--rand-seite);
  background: #F2F2F2;
  text-align: center;
}
.dnk__titel {
  color: var(--farbe-text);
  font-family: var(--schrift-display);
  font-size: var(--fs-h1-unter);
  line-height: var(--lh-h1-unter);
  font-weight: 400;
}
.dnk__titel--zwei { margin-top: 20px; }
.dnk__bild {
  width: 403px;
  max-width: 100%;
  height: auto;
  margin: 54px auto 0;
  border-radius: var(--r-karte);
}
.dnw {
  padding: 100px var(--rand-seite) 42px;
  background: var(--farbe-weiss);
}
.dnw__inhalt {
  display: grid;
  grid-template-columns: 550px 550px;
  gap: 20px;
  justify-content: space-between;
  max-width: var(--breite-inhalt);
  margin-inline: auto;
}
.dnw__text h2 {
  color: #606060;
  font-family: var(--schrift-display);
  font-size: var(--fs-h1-unter);
  line-height: 65px;
  font-weight: 400;
}
.dnw__text p { margin-top: 20px; font-size: var(--fs-lead); line-height: 33px; }
.dnw__karte {
  padding: 24px;
  border-radius: 4px;
  background: #FAFAFA;
}
.dnw__adresse { text-align: left; }
.dnw__knopf { margin-top: 16px; }
.dnk__schluss {
  max-width: var(--breite-inhalt);
  margin: 60px auto 100px;
  padding-inline: var(--rand-seite);
  font-size: var(--fs-lead);
  line-height: 33px;
  text-align: center;
}

.recht {
  padding: 60px var(--rand-seite) 74px;
  background: var(--farbe-weiss);
}
.recht__inhalt {
  max-width: var(--breite-inhalt);
  margin-inline: auto;

  overflow-wrap: break-word;
}

.recht__inhalt > * + * { margin-top: 19px; }

.recht__inhalt ul { padding-left: 20px; list-style: disc; }
.recht__inhalt li + li { margin-top: 4px; }
.recht__abstand { margin-top: 51px !important; }
.recht__titel {
  margin-top: 40px;
  font-family: var(--schrift-display);
  font-size: var(--fs-h4);
  line-height: var(--lh-h4);
  font-weight: 400;
  color: var(--farbe-marke);
}
.recht__inhalt a { text-decoration: underline; }

.recht--lang .recht__h2 {
  margin-top: 0;
  font-family: var(--schrift-display);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: 400;
  color: var(--farbe-text);
}
.recht--lang .recht__h2 + p { margin-top: 20px; }

.stimmen { padding-block: 120px 100px; background: var(--farbe-weiss); }
.stimmen__titel { text-align: center; }
.stimmen__inhalt {
  display: grid;
  grid-template-columns: 245px minmax(0, 1fr);
  gap: 56px;
  align-items: center;
  max-width: 1380px;
  margin: 77px auto 0;
}
.stimmen__note { text-align: center; }
.stimmen__label {
  display: block;
  font-size: 24px;
  line-height: 33.6px;
  font-weight: 600;
  letter-spacing: .02em;
}
.stimmen__sterne { display: flex; justify-content: center; gap: 2px; margin-top: 8px; }
.stimmen__sterne .stern { width: 30px; height: 30px; }
.stimmen__basis {
  margin-top: 10px;
  font-size: var(--fs-mini);
  line-height: 19.6px;
}
.stimmen__basis strong { font-weight: 600; }
.stimmen__quelle {
  margin-top: 44px;
  text-align: center;
  font-size: var(--fs-mini);
  line-height: 19.6px;
  color: var(--farbe-text-leise);
}
.stern { fill: #FBBC04; }
.stern--halb { fill: #DADCE0; }

.stimmen__leiste {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 12px;
}
.stimmen__leiste:focus-visible { outline: 3px solid var(--farbe-marke); outline-offset: 4px; }

.stimme {
  flex: 0 0 374px;
  scroll-snap-align: start;
  padding: 20px;
  border-radius: var(--r-klein);
  background: var(--farbe-karte);
}
.stimme__kopf { display: flex; align-items: center; gap: 12px; }
.stimme__initial {
  display: grid;
  place-items: center;
  width: 40px; height: 40px;
  border-radius: 50%;
  background: var(--farbe-marke);
  color: var(--farbe-weiss);
  font-size: var(--fs-lead);
  line-height: 1;
}
.stimme__name {
  display: block;
  font-size: var(--fs-klein);
  line-height: 21px;
  font-weight: 600;
}
.stimme__datum {
  display: block;
  font-size: 13px;
  line-height: 18.2px;
  color: #767676;
}
.stimme__sterne { display: flex; gap: 1px; margin-top: 14px; }

.stimme__text--geklemmt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.stimme__text--offen { -webkit-line-clamp: unset; }
.stimme__mehr {
  margin-top: 9px;
  padding: 0;
  border: 0;
  background: none;
  font-size: 13.5px;
  line-height: 19px;

  color: var(--farbe-text);
  text-align: left;
  text-decoration: underline;
  cursor: pointer;
}
.stimme__sterne .stern { width: 17px; height: 17px; }
.stimme__text {
  margin-top: 12px;
  font-size: var(--fs-klein);
  line-height: 21.8px;
}

@media (max-width: 1240px) {
  .fuss__inhalt      { max-width: 100%; }
  .praxis__inhalt    { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .praxis__bild1     { width: 100%; height: auto; aspect-ratio: 3 / 2; }
  .praxis__bild2     { position: static; width: 60%; height: auto; aspect-ratio: 2 / 3; margin: -80px 0 0 auto; }
  .praxis__bilder    { padding-bottom: 0; }
  .zielgruppe__inhalt { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; }
  .zielgruppe__bild  { width: 100%; height: auto; aspect-ratio: 3 / 2; }
  .neues__karte      { grid-template-columns: minmax(0, 1fr) minmax(0, 420px); }
  .neues__text,
  .neues__fokus      { padding: 40px; }

  .uup__inhalt    { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .uuw__spalten   { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .uum__karten    { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .uut__liste     { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .uut__foto      { width: 100%; max-width: 270px; height: auto; aspect-ratio: 1; }
  .uuk__inhalt    { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .uuk__foto      { width: 100%; }
  .ktk__karten    { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dnw__inhalt    { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lst__zeile     { grid-template-columns: minmax(0, 429px) minmax(0, 1fr); }
  .lst__zeile:nth-child(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 429px); }
  .thp__inhalt    { grid-template-columns: minmax(0, 466px) minmax(0, 1fr); }
  .thp__foto      { width: 100%; height: auto; aspect-ratio: 466 / 698; }
  .akkordeon      { width: 100%; max-width: var(--akk-breite, 713px); }
  .ktw            { max-width: 100%; }
  .ktw__text      { max-width: none; }
}

@media (max-width: 1024px) {

  .neues__karte       { grid-template-columns: minmax(0, 1fr); }
  .stimmen__inhalt    { grid-template-columns: minmax(0, 1fr);

                        gap: 78px;
                        margin-top: 43px; }
  .praxis            { padding-block: 80px; }
  .zielgruppe        { padding-block: 80px; }
  .stimmen           { padding-block: 80px 64px; }
}

@media (max-width: 900px) {
  :root {
    --fs-h1:      36px;
    --lh-h1:    50.4px;
    --fs-h1-unter: 32px;
    --lh-h1-unter: 41.6px;
    --fs-h2:      32px;
    --lh-h2:    41.6px;
    --fs-h3:      28px;
    --lh-h3:    36.4px;
    --fs-h5:      22px;
    --lh-h5:    26.4px;
    --fs-body:    18px;
    --lh-body:  29.7px;
    --rand-seite: 30px;
    --kopf-hoehe: 100px;
  }
  .kopf__nav { display: none; }
  .kopf__nav--offen {
    display: block;
    position: absolute;
    left: 0; right: 0; top: 100%;
    padding: 16px 20px;
    background: var(--farbe-kopf);
  }
  .kopf__nav--offen .kopf__liste { flex-direction: column; align-items: flex-start; gap: 14px; }
  .kopf__schalter { display: inline-flex; margin-left: auto; }
  .fuss__inhalt { grid-template-columns: minmax(0, 1fr); gap: 28px; text-align: center; }
  .fuss__logo img { margin-inline: auto; }
  .fuss__sozial { justify-content: center; }

  .hero { min-height: 0; padding-block: 120px; }

  .hero__knoepfe { margin-top: 30px; }
  .hero__titel {
    font-size: 30px;
    line-height: 42px;
    text-align: center;
  }
  .hero__text {
    font-size: 16px;
    line-height: 26.4px;
  }

  .hero__text br { display: none; }
  .hero__knoepfe .knopf {
    min-height: 53px;
    font-size: 17px;
    line-height: 17px;
  }

  .neues { padding-block: 60px 0; }
  .neues__titel { font-size: 32px; line-height: 36.8px; }
  .neues__flies { font-size: 16px; line-height: 24px; }
  .neues__fokustitel { font-size: 20px; line-height: 26px; }
  .praxis__inhalt,
  .zielgruppe__inhalt { grid-template-columns: minmax(0, 1fr); }

  .praxis__inhalt     { gap: 20px; }
  .zielgruppe__inhalt { gap: 61px; }

  .zielgruppe__text > * + *      { margin-top: 30px; }
  .zielgruppe__liste             { margin-top: 30px; }
  .zielgruppe__liste > li + li   { margin-top: 15px; }

  .praxis__bild1 { width: 310px; }
  .praxis__bild2 { width: 165px; margin-top: -30px; }
  .praxis { padding-block: 60px; background-size: 140% auto; }

  .zielgruppe { padding-block: 60px; }
  .stimmen    { padding-block: 60px 104px; }
  .leistungen { margin-top: 56px; }
  .leistungen > * + *  { margin-top: 18px; }
  .leistungen > h2 + p { margin-top: 40px; }
  .bildband { margin-top: 70px; }

  .lst { padding-block: 60px; padding-inline: 20px; }
  .lst__zeile,
  .lst__zeile:nth-child(even) { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .lst__zeile:nth-child(even) .lst__karte { order: 0; }
  .lst__zeile:nth-child(even) .lst__foto  { order: 0; }

  .lst__karte  { padding: 45px 0; border-radius: 20px 20px 0 0; }
  .lst__titel  { font-size: 28px; line-height: 36px; }
  .lst__foto   { height: 250px; max-width: 100%; }
  .lst__karte .knopf { margin-top: 20px; }

  .seitenkopf        { min-height: var(--kopf-hoehe-band-schmal, 352px);
                       padding: var(--kopf-oben-schmal, 100px) 30px 0; }
  .seitenkopf__titel { font-size: var(--kopf-h1-schmal, 30px);
                       line-height: var(--kopf-h1-lh-schmal, 42px); }
  .seitenkopf__unter { margin-top: 30px; }

  .thp          { padding-block: 0 var(--thp-unten-schmal, 78px); }
  .thp__inhalt  { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .thp__foto    { width: 100%; height: auto; aspect-ratio: 330 / 495; margin-top: -41px; }
  .thp__text    { padding-top: 0; }
  .thp__text h2 { font-size: 32px; line-height: 41.6px; }

  .thl         { padding: 39px 19.5px; }
  .thl__titel  { font-size: 32px; line-height: 41.6px; }
  .akkordeon   { width: 100%; margin-top: var(--akk-oben-schmal, 60px); }
  .akk__text   { font-size: 19px; line-height: 31.4px; }
  .thl__knopf  { margin-top: 30px; }

  .frg            { padding: 60px 20px; }
  .frg__titel     { font-size: 32px; line-height: 41.6px; }
  .frg__lead      { margin-top: 21px; }
  .frg .akkordeon { margin-top: 38px; }

  .uup            { padding: 60px 30px 232px; }
  .uup__inhalt    { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .uup__links h2  { font-size: 32px; line-height: 41.6px; }
  .uup__zeile     { margin-top: 16px; }
  .uup__rechts    { margin-top: 28px; }
  .uup__foto      { top: 733px; width: 330px; height: 220px; }

  .uuz            { padding-block: 100px 51px; }
  .uuz__inhalt    { flex-direction: column; gap: 61px; align-items: center; }
  .uuz__block     { width: 342px; max-width: 100%; }

  .uuz__label     { font-size: 19px; }

  .uuw            { padding: 93px 30px 62px; }
  .uuw__titel     { font-size: 32px; line-height: 41.6px; }
  .uuw__spalten   { grid-template-columns: minmax(0, 1fr); gap: 19px; margin-top: 30px; }
  .uuw__schritt   { border-radius: 12px; }
  .uuw__name      { font-size: 24px; line-height: 28.8px; margin-top: 19px; }
  .uuw__knopf     { margin-top: 63px; }

  .uum            { padding: 60px 30px; }
  .uum__karten    { grid-template-columns: minmax(0, 1fr); gap: 19px; }
  .uum__karte     { padding: 60px 20px; }
  .uum__symbol    { width: 102px; height: 102px; }
  .uum__titel     { font-size: 26px; line-height: 31.2px; margin-top: 8px; }
  .uum__knopf     { margin-top: 45px; }

  .uut            { padding: 60px 30px 74px; }
  .uut__titel     { font-size: 32px; line-height: 41.6px; }
  .uut__unter     { margin-top: 30px; }
  .uut__liste     { grid-template-columns: minmax(0, 1fr); gap: 57px; margin-top: 68px; }

  .uut__foto      { width: 100%; max-width: 330px; height: auto; aspect-ratio: 1; }
  .uut__foto--leer { font-size: 120px; }
  .uut__name      { font-size: 22px; line-height: 26.4px; margin-top: 20px; }

  .uuk            { padding: 60px 30px; }
  .uuk__inhalt    { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .uuk__foto      { width: 100%; max-width: 330px; height: auto; aspect-ratio: 330 / 495; }

  .ktk            { padding: 60px 30px 34px; }
  .ktk__karten    { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .ktk__karte     { padding: 24px; border-radius: 12px; }
  .ktk__symbol    { width: 40px; height: 40px; }
  .ktk__titel     { margin-top: 14px; }
  .ktk__titel     { font-size: 24px; line-height: 28.8px; }

  .ktw            { grid-template-columns: minmax(0, 1fr); gap: 40px; margin-top: 60px; }
  .ktw__text      { max-width: none; padding-left: 0; }

  .bwb            { padding: 63px 30px 17px; }
  .bwb__titel     { font-size: 36px; line-height: 50.4px; }
  .bwb__hinweis   { margin-top: 41px; font-size: 18px; line-height: 18px; }
  .bwb__form      { margin-top: 38px; padding: 30px 15px; }
  .bwb__punkte    { gap: 0; }
  .bwb__label     { font-size: 15px; }
  .dnk            { padding: 45px 10px 45px; }
  .dnk__titel     { font-size: 33px; line-height: 46.2px; }
  .dnk__titel--zwei { font-size: 21px; line-height: 29.4px; margin-top: 21px; }
  .dnk__bild      { width: 100%; max-width: 300px; margin-top: 54px; }
  .dnw            { padding: 110px 10px 0; }
  .dnw__inhalt    { grid-template-columns: minmax(0, 1fr); gap: 40px; text-align: center; }
  .dnw__text h2   { font-size: 30px; line-height: 39px; }
  .dnk__schluss   { margin-block: 60px 80px; font-size: 16px; line-height: 26.4px; }

  .recht          { padding: 60px 30px 74px; }
  .recht__inhalt > * + * { margin-top: 18px; }
  .ktw__foto      { width: 155px; max-width: 100%; height: auto; aspect-ratio: 155 / 349; margin-inline: auto; }
  .kta            { padding: 60px 30px; }
  .kta__titel     { font-size: 32px; line-height: 41.6px; }
  .kta__karte     { margin-top: 60px; padding: 24px; }

  .stimme { flex-basis: min(330px, calc(100vw - 60px)); }
  .bildband img { height: 400px; }
  .zielgruppe__liste > li { font-size: var(--fs-lead); line-height: 32px; }
  .aktion__karte { padding: 24px; }

  .neues__fokus { padding: 30px; margin-inline: 1px; }

  .neues__text  { padding: 30px 30px 46px; }
}

@media (max-width: 360px) {
  .kopf__logo img { width: 160px; height: auto; }
  .stimme { flex-basis: 280px; }
  .hero__knoepfe .knopf { width: 100%; }
}