/* Gesundheitsparadies 263: Informations- und Rechtseiten in einer visuellen Familie.
   Reine Design- und Layoutaenderungen. Alle bestehenden Rechtstexte bleiben unveraendert.
   Grundlage ist die Ueber-uns-Gestaltung aus Version 259/261. */
.gp-info-document {
  --gp-info-ink: #234d3d;
  --gp-info-ink-2: #2c6751;
  --gp-info-text: #485e54;
  --gp-info-muted: #5f746a;
  --gp-info-blue: #2e775f;
  --gp-info-blue-hover: #235943;
  --gp-info-soft-blue: #eaf4ee;
  --gp-info-soft-blue-2: #e4f0e8;
  --gp-info-line: #d9e6dd;
}
/* Identischer ruhiger Mintton statt abweichend blauer Rechtsseiten-Hero. */
.gp-info-document .gp-info-hero {
  padding-block: clamp(44px, 5vw, 74px);
  background: linear-gradient(135deg, #f2f8f3 0%, #ebf5ef 54%, #f9fcf9 100%);
  border-bottom-color: #dbe7de;
}
.gp-info-document .gp-info-hero::before {background: rgba(90,157,110,.075);box-shadow:0 0 0 34px rgba(90,157,110,.018)}
.gp-info-document .gp-info-hero::after {background: rgba(90,157,110,.06)}
.gp-info-document .gp-info-hero h1 {
  font-size: clamp(35px, 4.3vw, 63px);
  letter-spacing: -.045em;
}
.gp-info-document .gp-info-meta span {border-color:#d4e5d9;background:rgba(255,255,255,.83);color:#4b6d5b}
.gp-info-document .gp-info-summary,
.gp-info-document .gp-info-toc-card,
.gp-info-document .gp-info-card {box-shadow:0 8px 26px rgba(35,72,53,.045)}
.gp-info-document .gp-info-summary {border-color:rgba(35,85,55,.10)}
.gp-info-document .gp-info-summary-head {grid-template-columns:minmax(0,1fr)}
.gp-info-document .gp-info-summary-list li::before {box-shadow:0 0 0 6px rgba(46,119,95,.09)}
.gp-info-document .gp-info-card {scroll-margin-top:180px}
.gp-info-document .gp-info-card h2 {font-size:clamp(23px,2vw,29px)}
.gp-info-document .gp-info-card p,
.gp-info-document .gp-info-card li {max-width:72ch}
.gp-info-document .gp-info-card.is-highlight {
  border-color:#d3e5d8;
  background:linear-gradient(135deg,rgba(235,246,238,.96),rgba(255,255,255,.97));
}
.gp-info-document .gp-info-mini-card {border-color:#dbe9df;background:#fbfdfb}
.gp-info-document .gp-info-mini-card p {color:#536c5c}
.gp-info-document .gp-info-note {border-color:#d1e5d7;border-left-color:var(--gp-info-blue);background:#eff7f1}
.gp-info-document .gp-info-cookie-box {border-color:#d1e5d7;background:#eff7f1}
.gp-info-document .gp-info-button {box-shadow:0 8px 18px rgba(30,80,55,.1)}
.gp-info-document .gp-info-button.is-secondary {border-color:#bdd8c6}
.gp-info-document .gp-info-button:hover {box-shadow:0 10px 22px rgba(30,80,55,.13)}
/* Der Sidebar-Navigator folgt wie auf Ueber uns dem Inhaltsstrom, bleibt aber
   bei langen Datenschutz-Dokumenten innerhalb der verfuegbaren Viewporthoehe. */
@media (min-width:901px) {
  .gp-info-document .gp-info-toc {position:sticky;top:clamp(112px,12vw,138px);align-self:start}
  .gp-info-document .gp-info-toc-card {
    max-height:calc(100dvh - 164px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:#bdd3c4 transparent;
  }
  .gp-info-document .gp-info-toc-card a {scroll-margin-block:12px}
}
.gp-info-document .gp-info-toc-card a:hover,
.gp-info-document .gp-info-toc-card a:focus-visible {background:#eaf4ee;color:#235943}
/* Keine doppelten vertikalen Zwischenraeume: Card-Abstand wie bei Ueber uns. */
.gp-info-document .gp-info-content > .gp-info-card + .gp-info-card {margin-top:0}
/* Seite -> Newsletter: genau EIN kompakter Abschlussabstand, kein addierter
   84px-Innenraum plus globaler 44px-Hauptbereichsabstand. */
main.gp-main:has(> .gp-info) {padding-bottom:clamp(12px,1.5vw,22px)}
main.gp-main > .gp-info > .gp-info-body {padding-bottom:clamp(16px,1.6vw,24px)}
@media (max-width:900px) {
  .gp-info-document .gp-info-toc {position:static;top:auto}
  .gp-info-document .gp-info-toc-card {max-height:none;overflow:visible}
}
@media (max-width:720px) {
  .gp-info-document .gp-info-hero {padding-block:36px}
  main.gp-main > .gp-info > .gp-info-body {padding-bottom:18px}
  main.gp-main:has(> .gp-info) {padding-bottom:16px}
}
@media (max-width:440px) {
  /* Langer Rechtstitel muss auf 320px noch bequem passen. */
  .gp-info-document .gp-info-hero h1 {font-size:clamp(30px,8.6vw,34px);letter-spacing:-.03em}
}

/* Version 263: gemeinsame Seitengeometrie, ohne Abschnittsnummern.
   Der Hero bleibt eigenstaendig, doch der grosse doppelte Leerraum
   zwischen Hero und erster Inhaltskarte entfaellt. */
.gp-info .gp-info-hero {
  padding-top: clamp(34px, 3vw, 52px);
  padding-bottom: clamp(22px, 2vw, 32px);
}
main.gp-main > .gp-info > .gp-info-body {
  padding-top: clamp(22px, 2vw, 30px);
}
.gp-info .gp-info-section-head {
  gap: 0;
  align-items: center;
}
@media (max-width: 900px) {
  .gp-info .gp-info-hero {padding-top: 36px; padding-bottom: 25px;}
  main.gp-main > .gp-info > .gp-info-body {padding-top: 22px;}
}
@media (max-width: 720px) {
  .gp-info .gp-info-hero {padding-top: 32px; padding-bottom: 22px;}
  main.gp-main > .gp-info > .gp-info-body {padding-top: 20px;}
}
@media (max-width: 440px) {
  .gp-info .gp-info-hero {padding-top: 28px; padding-bottom: 19px;}
  main.gp-main > .gp-info > .gp-info-body {padding-top: 18px;}
}

/* Version 264: symmetrischer Uebergang vom Hero zum Hauptinhalt und
   vom Hauptinhalt zum Newsletter/Footer.
   Nur die aeusseren Abstaende erhalten den selben Token; Abstaende
   zwischen den redaktionellen Inhaltskarten bleiben unangetastet.
   Kein doppelter Abstand aus Body-Padding + Main-Padding mehr. */
main.gp-main:has(> .gp-info) {
  --gp-info-edge-gap: 28px;
  min-height: 0; /* Theme-Default 50vh wuerde auf kurzen Rechtseiten Leeraum erzwingen. */
  padding-bottom: var(--gp-info-edge-gap);
}
main.gp-main > .gp-info > .gp-info-body {
  padding-top: var(--gp-info-edge-gap);
  padding-bottom: 0;
}
@media (max-width: 1179px) {
  main.gp-main:has(> .gp-info) { --gp-info-edge-gap: 22px; }
}
@media (max-width: 720px) {
  main.gp-main:has(> .gp-info) { --gp-info-edge-gap: 18px; }
}