/* Webseite Manager: Design der Webseite */
:root{--ws-primaer:#1A2A47;--ws-primaer-weich:#24385C;--ws-akzent:#5CA387;--ws-akzent-weich:#EAF5F1;--ws-text:#1A2A47;--ws-text-leise:#68778A;--ws-hintergrund:#F5F8FA;--ws-flaeche:#FFFFFF;--ws-linie:#DFE8EE;--ws-fehler:#B42318;--ws-erfolg:#167A52;--ws-schrift:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ws-schrift-titel:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ws-groesse:16px;--ws-rundung:24px;--ws-breite:1200px;--ws-abstand:88px;--ws-schatten:0 18px 50px rgba(26,42,71,.10);--ws-verlauf:1}
/* Theme (Dev-Mode): theme.css */
/* Vorlage „Betreuerpool Landingpage“: Stil der bisherigen Seite (alte main.css), als theme.css des Dev-Modes.
   Farben, Schrift und Rundung kommen aus dem Design (Webseiten → Design). Abschalten: Dev-Mode → Theme aus. */
.ws-knopf { font-weight: 900; }
main h2 { font-size: clamp(27px, 4vw, 48px); line-height: 1.08; letter-spacing: -.045em; }
main h3 { font-size: 22px; line-height: 1.08; }
.ws-mini-karte p { margin: 0; line-height: 1.6; }
.ws-knopf-primaer { background: var(--ws-akzent); border-color: var(--ws-akzent); }
.ws-knopf-primaer:hover, .ws-knopf-primaer:focus { background: var(--ws-akzent); filter: brightness(.94); }
.ws-knopf-rahmen { background: rgba(255, 255, 255, .82); border-color: var(--ws-linie); }
.ws-knopf-auf-dunkel.ws-knopf-hell, .ws-knopf-hell { color: var(--ws-primaer); background: #fff; border-color: #fff; }
.ws-b-hero { background: linear-gradient(145deg, #FFFFFF 0%, #EEF7F4 100%); }
.ws-b-hero h1 { font-size: clamp(38px, 6vw, 80px); line-height: 1.04; letter-spacing: -.06em; }
.ws-hero-karte { display: grid; gap: 20px; place-items: center; text-align: center; }
.ws-hero-karte img { width: min(100%, 330px); max-height: 260px; object-fit: contain; margin: 0; }
.ws-zitatband { margin-top: -12px; padding: clamp(22px, 3vw, 30px); color: var(--ws-primaer); background: var(--ws-akzent-weich); border-left: 6px solid var(--ws-akzent); border-radius: 20px; text-align: left; }
.ws-zitatband blockquote { margin: 0; font-size: clamp(18px, 2vw, 24px); font-weight: 900; line-height: 1.45; }
.ws-zitatband blockquote p { color: inherit; margin: 0; }
.ws-liste-karte { grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr); gap: 22px; align-items: stretch; }
.ws-liste-karte.ws-gespiegelt { grid-template-columns: minmax(300px, .8fr) minmax(0, 1fr); }
.ws-inhaltskarte-hell { background: linear-gradient(145deg, #FFFFFF, var(--ws-akzent-weich)); }
.ws-mini-karte { display: grid; gap: 8px; padding: 22px; border-radius: var(--ws-rundung); box-shadow: var(--ws-schatten); }
.ws-mini-karte strong { font-size: 19px; }
.ws-b-schritte { background: var(--ws-flaeche); }
.ws-schritt-nummer { display: none; }
.ws-b-formular .ws-formular-text { padding: clamp(22px, 4vw, 42px); background: var(--ws-flaeche); border: 1px solid var(--ws-linie); border-radius: var(--ws-rundung); box-shadow: var(--ws-schatten); }
.ws-b-formular .ws-form { margin-top: 18px; padding: 0; border: 0; box-shadow: none; background: transparent; }
.ws-b-formular .ws-form .ws-knopf { width: 100%; }
@media (max-width: 860px) {
    .ws-liste-karte, .ws-liste-karte.ws-gespiegelt { grid-template-columns: minmax(0, 1fr); }
}