/* OKOHO — generated from tokens.json */
:root, [data-theme="light"] {
  --blue-primary: #2C5697;
  --blue-deep: #0E4A7B;
  --blue-light: #6B9CD1;
  --blue-tint: #F2F6FB;
  --orange-accent: #FFA142;
  --orange-text: #A85200;
  --ink: #333333;
  --ink-muted: #5C5C5C;
  --surface: #FFFFFF;
  --surface-muted: #F5F5F5;
  --on-deep: #FFFFFF;
  --on-accent: var(--ink);
  --line: #D5DCE6;
  --line-strong: #7A8699;
  --focus-ring: var(--blue-primary);
  --focus-ring-deep: var(--orange-accent);
  --danger: #B3261E;
  --success: #2E6B45;
  --link: var(--orange-text);
  --shadow-float: 0 2px 8px rgba(14, 74, 123, 0.12);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --content-max: 1200px;
  --logo-min-digital: 120px;
  --touch-min: 48px;
  --font-display: "Montserrat", "Segoe UI", Arial, sans-serif;
  --font-body: "Open Sans", "Segoe UI", Arial, sans-serif;
}
.display { font-family: var(--font-display); font-size: 56px; line-height: 60px; font-weight: 800; letter-spacing: -0.01em; }
.h1 { font-family: var(--font-display); font-size: 40px; line-height: 48px; font-weight: 700; }
.h2 { font-family: var(--font-display); font-size: 32px; line-height: 40px; font-weight: 700; }
.h3 { font-family: var(--font-display); font-size: 24px; line-height: 32px; font-weight: 600; }
.h4 { font-family: var(--font-display); font-size: 20px; line-height: 28px; font-weight: 600; }
.label { font-family: var(--font-display); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.15em; }
.lead { font-family: var(--font-body); font-size: 20px; line-height: 32px; font-weight: 400; }
.body-lg { font-family: var(--font-body); font-size: 18px; line-height: 28px; font-weight: 400; }
.body { font-family: var(--font-body); font-size: 16px; line-height: 24px; font-weight: 400; }
.body-strong { font-family: var(--font-body); font-size: 16px; line-height: 24px; font-weight: 600; }
.small { font-family: var(--font-body); font-size: 14px; line-height: 20px; font-weight: 400; }
.caption { font-family: var(--font-body); font-size: 12px; line-height: 16px; font-weight: 400; }

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/schriften/montserrat-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/schriften/montserrat-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url(/assets/schriften/newsreader-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url(/assets/schriften/newsreader-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/assets/schriften/newsreader-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/assets/schriften/newsreader-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/schriften/opensans-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/schriften/opensans-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/schriften/opensans-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/schriften/opensans-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.r-d{--bg:var(--surface);--muted:var(--ink-muted);--primary:var(--blue-primary);--deep:var(--blue-deep);--orange:var(--orange-accent);--tint:var(--blue-tint);--hell:var(--blue-light);--on-primary:var(--on-deep);--focus:var(--focus-ring);--kopf-bg:var(--surface);--radius:var(--radius-md);--f-head:var(--font-display);--f-body:var(--font-body);--f-util:var(--font-display);--f-zitat:Newsreader,Georgia,serif}
/* Gemeinsames Gerüst aller drei Richtungen. Aussehen kommt aus a.css, b.css, c.css. */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--f-body)}
h1,h2,h3{font-family:var(--f-head);margin:0;line-height:1.12;text-wrap:balance;hyphens:auto;overflow-wrap:break-word}
h2{font-size:clamp(1.6rem,3.4vw,2.4rem)}
h3{font-size:1.2rem}
p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
img,svg{max-width:100%}
mark{background:none;color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.w{max-width:1120px;margin-inline:auto;padding-inline:20px}
main>section{padding-block:clamp(44px,7vw,92px)}
.stapel{display:flex;flex-direction:column;gap:var(--g,18px)}
.stapel>*{min-width:0}
.eyebrow{font:600 .76rem/1.2 var(--f-util);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.lauf{max-width:38em}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8em 1.3em;font:600 1rem/1.2 var(--f-body);text-decoration:none;border:2px solid var(--primary);border-radius:var(--radius);background:var(--primary);color:var(--on-primary)}
.btn.zwei{background:transparent;color:var(--primary)}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.q{font-family:var(--f-zitat,var(--f-head))}

/* Kopf */
.kopf{background:var(--kopf-bg);position:relative}
.kopf .w{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:12px}
.logo{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-decoration:none}
.logo img{height:62px;width:auto;display:block}
.logo .claim{font:500 .74rem/1.2 var(--f-body);color:var(--muted);padding-left:6px}
.nav-d{display:none;gap:24px;align-items:center;font-weight:500;font-size:.95rem}
.nav-d a{text-decoration:none}
.nav-d a[aria-current]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.nav-d .btn{padding:.55em 1em;font-size:.95rem}
.menue summary{list-style:none;cursor:pointer;border:1.5px solid currentColor;padding:8px 14px;border-radius:var(--radius);font-weight:600;font-size:.9rem}
.menue summary::-webkit-details-marker{display:none}
.menue nav{position:absolute;left:0;right:0;top:100%;background:var(--kopf-bg);padding:12px 20px 22px;display:flex;flex-direction:column;gap:14px;z-index:40;border-bottom:1px solid var(--line);font-weight:500}
.menue nav a{text-decoration:none}
@media(min-width:920px){.nav-d{display:flex}.menue{display:none}}
@media(max-width:480px){.logo img{height:44px}}

/* Startseite */
.hero .w{display:grid;gap:36px}
.hero h1{font-size:clamp(2.3rem,6.2vw,4.3rem)}
.hero .lead{font-size:1.14rem;max-width:36em}
.hero-text{--g:22px}
@media(min-width:920px){.hero .w{grid-template-columns:1.2fr .8fr;align-items:center;gap:56px}}
.beweis ul{display:flex;flex-wrap:wrap;gap:8px 30px;font-size:.92rem}
.navi .kopfz{--g:12px;margin-bottom:28px}
.navi .liste{display:grid;gap:0}
.satz{display:grid;gap:6px;padding-block:18px;text-decoration:none}
.satz .q{font-size:clamp(1.25rem,2.6vw,1.6rem);font-weight:700;line-height:1.2}
.satz .dh{color:var(--muted);font-size:.98rem}
.satz .dh b{display:block;font:600 .7rem/1.4 var(--f-util);letter-spacing:.08em;text-transform:uppercase}
.satz .hin{font-size:.85rem;font-weight:600;color:var(--primary)}
.leitfrage .nicht{font-size:clamp(1.2rem,2.6vw,1.6rem);opacity:.75}
.leitfrage .sondern{font:700 clamp(1.9rem,5vw,3.4rem)/1.1 var(--f-zitat,var(--f-head));text-wrap:balance}
.leitfrage .begleit{font-size:1.15rem;font-weight:600}
.boden .w{display:grid;gap:32px}
@media(min-width:920px){.boden .w{grid-template-columns:1fr 1fr;align-items:center;gap:56px}}
.schrauben{display:grid;gap:10px}
.schrauben li{padding:14px 18px;font-weight:600}
.tueren .raster{display:grid;gap:20px;margin-top:28px}
@media(min-width:820px){.tueren .raster{grid-template-columns:repeat(3,1fr)}}
.tuer{--g:10px;padding:24px}
.tuer .sach{font:600 .72rem/1.3 var(--f-util);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tuer .preis{font:600 1.05rem/1.3 var(--f-util);margin-top:auto;padding-top:10px}
.tuer a{font-weight:600}
.weiter{margin-top:22px;font-weight:600}
.leitsatz{text-align:left}
.leitsatz p.satz2{font:700 clamp(1.5rem,3.6vw,2.5rem)/1.15 var(--f-head);text-wrap:balance}
.nachweise .w{display:grid;gap:32px}
@media(min-width:920px){.nachweise .w{grid-template-columns:260px 1fr;gap:48px}}
.portrait{aspect-ratio:4/5;max-width:260px;background:var(--tint);display:grid;place-items:center;padding:16px;text-align:center}
.marken{display:flex;flex-wrap:wrap;gap:10px}
.marken li{padding:8px 14px;border:1.5px solid var(--line);border-radius:var(--radius);font-size:.92rem;font-weight:500}
.buch{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:start;font-size:.95rem}
.buch .cover{aspect-ratio:2/3;background:var(--tint);display:grid;place-items:center;text-align:center;padding:4px}
.frage h2{font-size:clamp(1.7rem,4vw,2.8rem);max-width:20em}
.fuss{padding-block:44px;font-size:.92rem}
.fuss .w{display:grid;gap:28px}
@media(min-width:820px){.fuss .w{grid-template-columns:1.3fr 1fr 1fr}}
.fuss img{height:50px;width:auto;align-self:flex-start}
.fuss a{text-decoration:none}
.fuss ul{display:grid;gap:6px}

/* Seite „Sie sagen“ */
.ss-kopf h1{font-size:clamp(2.1rem,6vw,4rem);font-family:var(--f-zitat,var(--f-head))}
.ss-text .w{display:grid;gap:36px}
.ss-text h2{font-size:1.25rem}
.ss-text .abs{--g:10px;max-width:40em}
.ss-text .abs p{font-size:1.1rem}
.karten .w{display:grid;gap:20px}
@media(min-width:820px){.karten .w{grid-template-columns:1fr 1fr}}
.karte{--g:12px;padding:26px}
.karte .meta{font:500 .8rem/1.4 var(--f-util);color:var(--muted)}
.karte .preis{font:600 1.2rem/1.3 var(--f-util)}
.teilen .w{display:grid;gap:22px}
@media(min-width:820px){.teilen .w{grid-template-columns:1fr 380px;align-items:center}}
.vorschau{border:1px solid var(--line);background:var(--surface);color:#1b1b1b;max-width:380px}
.vorschau .bild{aspect-ratio:1.91/1;display:grid;place-items:center;padding:22px;text-align:center;font:700 1.25rem/1.2 var(--f-zitat,var(--f-head));background:var(--teil-bg);color:var(--teil-fg)}
.vorschau .txt{padding:12px 14px;font:400 .82rem/1.35 system-ui,sans-serif}
.vorschau .txt b{display:block;font-size:.9rem}
.weitere ul{display:grid;gap:10px;margin-top:18px}
@media(min-width:820px){.weitere ul{grid-template-columns:1fr 1fr}}
.weitere li{font:600 1.1rem/1.3 var(--f-zitat,var(--f-head))}

/* Situationsseite */
.sit-kopf h1{font-size:clamp(2.4rem,7vw,4.6rem);font-family:var(--f-zitat,var(--f-head))}
.sit .w{display:grid;gap:22px}
.blk{--g:10px;min-width:0}
.blk h2{font-size:1.15rem}
.blk li{padding-left:1.1em;position:relative}
.blk li::before{content:"";position:absolute;left:0;top:.62em;width:.45em;height:.45em;background:currentColor;border-radius:50%;opacity:.55}
.blk .wort{font:600 1.3rem/1.3 var(--f-zitat,var(--f-head))}
.herkunft{font-size:.85rem;color:var(--muted)}
.anschluss .w{display:grid;gap:20px}
@media(min-width:820px){.anschluss .w{grid-template-columns:1fr 1fr;align-items:center}}

/* Angebotsseite */
.an-kopf h1{font-size:clamp(2.4rem,7vw,4.6rem)}
.an-kopf .bildname{font:500 1.1rem/1.2 var(--f-util);color:var(--muted)}
.an-kopf .kfrage{font:600 clamp(1.3rem,3vw,1.8rem)/1.2 var(--f-zitat,var(--f-head))}
.fakten{display:grid;gap:14px;margin-top:26px}
@media(min-width:820px){.fakten{grid-template-columns:repeat(3,1fr)}}
.fakten div{padding:16px 18px}
.fakten dt{font:600 .7rem/1.4 var(--f-util);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.fakten dd{font-weight:600;font-size:1.05rem}
.an-text .w{display:grid;gap:30px}
@media(min-width:920px){.an-text .w{grid-template-columns:1fr 1fr;gap:56px}}
.ablauf ol{display:grid;gap:18px;margin-top:26px;counter-reset:s}
.ablauf li{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;counter-increment:s}
.ablauf li::before{content:counter(s);grid-row:span 2;font:700 1.6rem/1 var(--f-util);min-width:1.4em}
.ablauf li h3{font-size:1.1rem;align-self:center}
.ablauf li p{grid-column:2;max-width:42em}
.garantie .kasten{--g:10px;padding:clamp(24px,4vw,44px)}
.garantie .kasten p.gross{font:700 clamp(1.4rem,3.2vw,2.1rem)/1.2 var(--f-head);text-wrap:balance}
.stufen ol{display:grid;gap:12px;margin-top:24px}
@media(min-width:980px){.stufen ol{grid-template-columns:repeat(5,1fr)}}
.stufe{--g:6px;padding:16px;min-width:0}
.stufe .nr{font:700 .78rem/1 var(--f-util);letter-spacing:.08em}
.stufe .name{font-weight:700;line-height:1.25;hyphens:auto}
.stufe .bild{font-size:.92rem}
.stufe .hoert{font-size:.9rem;font-style:italic;color:var(--muted)}
.trifft ul{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:14px}
.trifft li{font:600 1.2rem/1.3 var(--f-zitat,var(--f-head))}

/* Vorschau-Leiste und Marken: gehören nicht zum Design */
.p{background:#ffe45c;color:#222;font:600 .78rem/1.35 system-ui,sans-serif;padding:2px 6px;letter-spacing:0;text-transform:none}

.sit .links,.sit .rechts{display:contents}
.portrait.bild,.buch .cover.bild{padding:0;overflow:hidden;display:block}
.portrait.bild img,.buch .cover.bild img{width:100%;height:100%;object-fit:cover;display:block}
.buch{grid-template-columns:110px 1fr}
.siegel{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center}
.siegel img{height:96px;width:auto;display:block}
.siegel img.quer{height:74px}
.buecher{display:grid;gap:22px}
@media(min-width:820px){.buecher{grid-template-columns:1fr 1fr;gap:32px}}
.buch .cover.bild{aspect-ratio:auto;box-shadow:var(--shadow-float)}
.buch .cover.bild img{height:auto}

/* Richtung D „Praxisheft in OKOHO-Farben“: Ergebnis der Rollenprüfung.
   Aufbau von C (Satz der Kundin, Doppelseite), Erkennungszeichen der Firma von heute:
   Blau des Logos, Orange als Farbe der Handlung, Montserrat als Stimme von OKOHO.
   Neu ist nur die kursive Buchschrift, und sie gehört allein den Sätzen aus dem Betrieb. */
.r-d{--radius:var(--radius-md)}
.r-d h1,.r-d h2{font-weight:800;letter-spacing:-.02em;color:var(--primary)}
.r-d h3{font-weight:700}
.r-d .eyebrow{font-weight:700}
.r-d .q,.r-d .ss-kopf h1,.r-d .sit-kopf h1,.r-d .wort,.r-d .weitere li,.r-d .trifft li,.r-d .an-kopf .kfrage,.r-d .vorschau .bild,.r-d .leitfrage .sondern{font-style:italic;font-weight:500;letter-spacing:0}
.r-d .ss-kopf h1,.r-d .sit-kopf h1{color:var(--ink);line-height:1.04}
.r-d mark,.r-d .mk{background:linear-gradient(transparent 60%,var(--orange) 60%,var(--orange) 94%,transparent 94%)}
/* Orange bleibt, was es heute ist: die eine Handlung je Ansicht */
.r-d .nav-d .btn,.r-d .hero .btn:not(.zwei),.r-d .frage .btn,.r-d .karte.leistung .btn{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.r-d .kopf{border-bottom:1px solid var(--line)}
.r-d .hero h1{font-size:clamp(2.4rem,6.4vw,4.5rem);line-height:1.05}
.r-d .hero-art{border:1.5px solid var(--primary);border-radius:14px;padding:22px;display:grid;gap:14px;background:var(--surface);box-shadow:10px 10px 0 var(--tint)}
.r-d .hero-art .titel{font:500 italic 1.8rem/1.1 var(--f-zitat)}
.r-d .doppel{display:grid;grid-template-columns:1fr 1fr}
.r-d .doppel ul{display:grid;gap:8px;padding:4px 14px 4px 0}
.r-d .doppel ul+ul{padding:4px 0 4px 14px;border-left:1px dashed var(--muted)}
.r-d .doppel li{font:600 .82rem/1.3 var(--f-head);padding:8px 10px;background:var(--tint);border-radius:6px}
.r-d .doppel ul+ul li{background:var(--orange)}
.r-d .hero-art p{font-size:.92rem;color:var(--muted)}
.r-d .beweis{padding-block:16px;background:var(--tint);font-weight:600}
.r-d .beweis li+li{padding-left:30px;border-left:2px solid var(--orange)}
@media(max-width:700px){.r-d .beweis li+li{padding-left:0;border-left:0}}
/* Navigator als Inhaltsverzeichnis */
.r-d .navi .w{display:grid;gap:8px}
@media(min-width:920px){.r-d .navi .w{grid-template-columns:260px 1fr;gap:56px}.r-d .navi .kopfz{position:sticky;top:60px;align-self:start}}
.r-d .satz{padding-block:20px;border-bottom:1px solid var(--line)}
.r-d .satz:first-child{border-top:2px solid var(--primary)}
.r-d .satz .q{font-size:clamp(1.6rem,3.6vw,2.3rem)}
.r-d a.satz .q{background:linear-gradient(transparent 60%,var(--orange) 60%,var(--orange) 94%,transparent 94%);justify-self:start}
.r-d .leitfrage{background:var(--primary);color:var(--on-deep)}
.r-d .leitfrage .w{max-width:900px}
.r-d .leitfrage .nicht{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--orange);opacity:.9}
.r-d .leitfrage .sondern{font-size:clamp(2.2rem,6vw,4.2rem)}
.r-d .boden{background:var(--tint)}
.r-d .schrauben{gap:0;border-top:2px solid var(--primary)}
.r-d .schrauben li{padding:14px 0;border-bottom:1px solid var(--line);font:700 1.25rem/1.2 var(--f-head);color:var(--primary)}
@media(min-width:820px){.r-d .tueren .raster{gap:0}.r-d .tuer+.tuer{border-left:1px solid var(--line)}.r-d .tuer:first-child{padding-left:0}}
.r-d .tueren .raster{border-top:2px solid var(--primary)}
.r-d .tuer h3{font-size:1.45rem;color:var(--primary)}
.r-d .tuer .preis{font-weight:700}
.r-d .leitsatz p.satz2{font-weight:800;color:var(--primary);letter-spacing:-.02em}
.r-d .portrait,.r-d .buch .cover{border-radius:10px}
.r-d .frage{background:var(--deep);color:var(--on-deep)}
.r-d .frage h2{color:var(--on-deep)}
.r-d .frage .eyebrow{color:var(--orange)}
.r-d .fuss{background:var(--deep);color:var(--hell)}
.r-d .fuss b{color:var(--on-deep)}
.r-d .ss-kopf,.r-d .sit-kopf,.r-d .an-kopf{background:var(--tint)}
.r-d .ss-text .abs h2,.r-d .blk h2{font:700 .78rem/1.3 var(--f-head);letter-spacing:.09em;text-transform:uppercase}
.r-d .ss-text .abs p{font-size:1.15rem}
.r-d .karte{border:1.5px solid var(--line);border-radius:14px}
.r-d .karte:not(.leistung) h3{font:500 italic 1.9rem/1.1 var(--f-zitat)}
.r-d .karte.leistung{background:var(--primary);border-color:var(--primary);color:var(--on-deep)}
.r-d .karte.leistung h3{font-size:1.6rem}
.r-d .karte.leistung .meta,.r-d .karte.leistung .eyebrow{color:var(--hell)}
.r-d{--teil-bg:var(--primary);--teil-fg:var(--on-deep)}
.r-d .teilen{background:var(--tint)}
.r-d .vorschau{border-radius:10px;overflow:hidden}
.r-d .weitere li{font-size:1.35rem}
/* Situationsseite als Doppelseite: links verstehen, rechts handeln */
@media(min-width:900px){.r-d .sit .w{grid-template-columns:1fr 1fr;gap:0;position:relative}.r-d .sit .links,.r-d .sit .rechts{display:block}.r-d .sit .links{padding-right:44px}.r-d .sit .rechts{padding-left:44px}.r-d .sit .w::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed var(--muted)}}
.r-d .blk{padding-block:20px;border-top:1px solid var(--line)}
.r-d .blk.sicht .wort{font-size:1.6rem}
.r-d .blk.tun h2{align-self:flex-start;background:var(--orange);color:var(--ink);padding:5px 10px;border-radius:5px}
.r-d .fakten div{background:var(--surface);border-radius:10px}
.r-d .ablauf li::before{font-weight:800;color:var(--primary);font-size:1.9rem}
.r-d .garantie .kasten{background:var(--deep);color:var(--on-deep);border-radius:16px}
.r-d .garantie .eyebrow{color:var(--orange)}
.r-d .stufen{background:var(--tint)}
.r-d .stufen h2+ol .stufe,.r-d .stufe{background:var(--surface);border-radius:8px;border-top:3px solid var(--primary)}
.r-d .stufe .nr{color:var(--primary)}
.r-d .trifft li{font-size:1.5rem}
.r-d .anschluss{background:var(--tint)}

ol.vier li>span{display:block}.woran{display:block;margin-top:6px;font-size:.93rem;color:var(--muted);line-height:1.45}.woran b{display:block;font:700 .66rem/1.5 var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.heftzeile{font:500 italic 1.2rem/1.25 var(--f-zitat);color:var(--muted);padding-left:14px;border-left:2px solid var(--line)}.ss-text .abs .tab{max-width:none}
.ss-text.leistung .abs{max-width:none}.ss-text.leistung .abs>p,.ss-text.leistung .abs>ul,.ss-text.leistung .abs>ol{max-width:44em}.ss-text.leistung .vorspann p:first-child{font:500 italic clamp(1.25rem,2.4vw,1.6rem)/1.25 var(--f-zitat)}.ss-text.leistung .vorspann p:first-child b{font-weight:500}.tab{width:100%;border-collapse:collapse;font-size:.98rem;margin-block:6px}.tab th{text-align:left;font:700 .72rem/1.3 var(--f-head);letter-spacing:.07em;text-transform:uppercase;color:var(--primary);padding:10px 14px 10px 0;border-bottom:2px solid var(--primary);vertical-align:bottom}.tab td{padding:11px 14px 11px 0;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.5}.tab td:first-child{font-weight:600}@media(max-width:760px){.tab thead{display:none}.tab tr{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.tab td{display:block;padding:3px 0;border:0}.tab td::before{content:attr(data-k);display:block;font:700 .66rem/1.4 var(--f-head);letter-spacing:.07em;text-transform:uppercase;color:var(--primary)}.tab td[data-k=""]::before{display:none}}ol.schritte{display:grid;gap:14px;padding-left:1.4em}ol.schritte>li{padding-left:.3em}ol.schritte>li::marker{font:800 1rem var(--f-head);color:var(--primary)}ol.schritte li p{margin-bottom:6px}ul.punkte{display:grid;gap:9px;padding-left:1.2em;list-style:disc}ul.punkte li::marker{color:var(--orange)}
.fragenliste{display:grid;gap:8px 28px;margin-top:10px}@media(min-width:820px){.fragenliste{grid-template-columns:1fr 1fr}}.fragenliste a{text-decoration-thickness:1px;text-underline-offset:4px;font-weight:600}.fragen .abs:target h2{background:linear-gradient(transparent 62%,var(--orange) 62%,var(--orange) 92%,transparent 92%);justify-self:start}.fragen .abs{scroll-margin-top:20px}ol.vier{display:grid;gap:12px;padding-left:0;list-style:none;counter-reset:none}ol.vier li{display:grid;grid-template-columns:2.2em 1fr;gap:4px;font-size:1.05rem;line-height:1.45;padding-bottom:12px;border-bottom:1px solid var(--line)}ol.vier li::before{content:attr(value);font:800 1.05rem/1.45 var(--f-head);color:var(--primary)}.felder .feld .sachname{font-size:1.3rem}#blatt .kopfz{margin-bottom:18px}
/* Erkennbarkeit: Pfeil an jeder anklickbaren Zeile, nichts Unklickbares sieht aus wie eine Schaltfläche */
.r-d a.satz .q::after,.sitliste li.frei .q::after{content:"→";font:700 .55em/1 var(--f-head);font-style:normal;color:var(--primary);margin-left:.5em;white-space:nowrap;display:inline-block;transition:transform .15s}
.r-d a.satz:hover .q::after,.sitliste li.frei a:hover .q::after{transform:translateX(4px)}
.r-d a.satz{cursor:pointer}.r-d .satz:target{background:var(--tint);padding-inline:14px;border-radius:10px}
.r-d .hero-art.saetze a{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.r-d .hero-art.saetze a::after{content:"→";font:700 1rem/1 var(--f-head);font-style:normal;color:var(--primary);flex:none;margin-left:.4em}
.r-d .hero-art.saetze .feldname{font:700 .68rem/1.3 var(--f-head);letter-spacing:.1em;text-transform:uppercase;color:var(--primary);padding-top:14px;border-top:1.5px solid var(--primary)}
.r-d .hero-art.saetze .feldname+a{border-top:0;padding-top:8px}
.r-d .hero-art.saetze a{font-size:clamp(1.15rem,1.75vw,1.4rem);padding:11px 0}
.r-d .navi.zwei .w{display:block}.r-d .navi.zwei .kopfz{position:static;max-width:44em}
.felder{display:grid;gap:40px}@media(min-width:900px){.felder{grid-template-columns:1fr 1fr;gap:56px;align-items:start}}
.felder .eyebrow{display:block;margin-bottom:10px;font-size:.82rem;color:var(--primary)}
.r-d .navi.zwei .satz .q{font-size:clamp(1.3rem,2.1vw,1.62rem)}
.sitliste li.frei a{display:grid;gap:5px;justify-items:start;padding:14px 18px;border:1.5px solid var(--primary);border-radius:12px;background:var(--surface);text-decoration:none;width:100%;box-shadow:5px 5px 0 var(--tint);transition:box-shadow .15s,transform .15s}
.sitliste li.frei a:hover,.sitliste li.frei a:focus-visible{box-shadow:7px 7px 0 var(--orange);transform:translate(-1px,-1px)}
.sitliste li.frei{justify-items:stretch}.sitliste .marke.frei{background:none;color:var(--primary);padding:0}
.sitliste li.heft{padding-left:18px;border-left:2px solid var(--line)}.sitliste li.heft .q{color:var(--muted);font-size:clamp(1.15rem,2.2vw,1.4rem)}
@media(min-width:820px){.sitliste{grid-template-columns:1fr 1fr;gap:16px 28px;align-items:start}}
.feldkopf{font:800 clamp(1.5rem,3vw,2.1rem)/1.1 var(--f-head);color:var(--primary);padding-bottom:12px;border-bottom:2px solid var(--primary);margin-bottom:8px}
.phasenname{font:800 1.25rem/1.2 var(--f-head);color:var(--ink)}
.felderwahl{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.felderwahl a{font:700 .95rem/1 var(--f-head);text-decoration:none;padding:.7em 1.1em;border:1.5px solid var(--primary);border-radius:var(--radius);color:var(--primary);background:var(--surface)}
.felderwahl a:hover,.felderwahl a:focus-visible{background:var(--primary);color:var(--on-deep)}
.pfad{border-bottom:1px solid var(--line);font-size:.86rem;color:var(--muted)}.pfad .w{padding-block:9px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.pfad a{color:var(--primary);text-underline-offset:3px}.pfad .tr{color:var(--muted)}.pfad [aria-current]{min-width:0;overflow-wrap:anywhere}
.r-d .marken li{border:0;padding:0 0 0 14px;border-left:3px solid var(--orange);border-radius:0;font-weight:600}
.weitere li a::after{content:" →";font:700 .6em var(--f-head);font-style:normal;color:var(--primary)}
@media print{.pfad{display:none}}
.r-d .ss-text.fragen .abs h2{font:700 1.28rem/1.25 var(--f-head);text-transform:none;letter-spacing:0;color:var(--primary)}
.r-d .hero-art.saetze{gap:0;padding:20px 24px 8px}.r-d .hero-art.saetze .eyebrow{margin-bottom:10px}.r-d .hero-art.saetze a{display:block;text-decoration:none;color:var(--ink);font:500 italic clamp(1.35rem,2.2vw,1.7rem)/1.18 var(--f-zitat);padding:15px 0;border-top:1px solid var(--line);hyphens:auto;overflow-wrap:anywhere}.r-d .hero-art.saetze a:hover,.r-d .hero-art.saetze a:focus-visible{color:var(--primary);background:linear-gradient(transparent 62%,var(--orange) 62%,var(--orange) 92%,transparent 92%) no-repeat left/0 100%}.unter{position:relative;display:inline-flex;padding-block:10px}.unter-menue{position:absolute;top:100%;left:-16px;display:none;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px;min-width:190px;z-index:50;box-shadow:var(--shadow-float)}.unter:hover .unter-menue,.unter:focus-within .unter-menue{display:flex}.menue nav a.ein{padding-left:18px;font-weight:400}
@media(max-width:700px){.r-d .hero{padding-block:26px 30px}.r-d .hero .w{gap:0}.r-d .hero .lead{font-size:1rem;line-height:1.55}.r-d .hero-art{display:none}.r-d .hero .btns{display:grid;gap:10px}.r-d .hero .btns .btn{text-align:center}.r-d .beweis ul{gap:6px 18px}}
.r-d .karte h3.sachname{font:700 1.45rem/1.15 var(--f-head);font-style:normal;color:var(--primary)}
.r-d .karte.leistung h3.sachname{color:var(--on-deep)}
.karte,.dreier>*,.karten .w>*{min-width:0}
.karte h3,.karte p{hyphens:auto;overflow-wrap:anywhere}
.karte.leistung h3.sachname{color:var(--on-deep)}
.karten.drei .dreier{display:grid;gap:20px}
@media(min-width:900px){.karten.drei .dreier{grid-template-columns:repeat(3,1fr)}}
.phasen .w{display:grid;gap:0}
.phase{padding-block:24px;border-top:1px solid var(--line);--g:10px}
.phase:first-child{border-top:2px solid var(--primary)}
@media(min-width:900px){.phase{display:grid;grid-template-columns:260px 1fr;gap:6px 56px}.phase>.eyebrow{grid-column:1}.phase>h2{grid-column:1;grid-row:2/span 6}.phase>:not(.eyebrow):not(h2){grid-column:2;max-width:42em}}
.phase h2{font-size:1.6rem}
.sitlink .q{font:500 italic clamp(1.6rem,3.4vw,2.2rem)/1.15 var(--f-zitat);background:linear-gradient(transparent 60%,var(--orange) 60%,var(--orange) 94%,transparent 94%)}
.sitlink a{text-decoration:none}
.nachweise.einsp .w{display:block}
.stufen.neun ol{grid-template-columns:1fr}
@media(min-width:700px){.stufen.neun ol{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.stufen.neun ol{grid-template-columns:repeat(3,1fr)}}
.werdegang li{padding-left:1.1em;position:relative}
.werdegang li::before{content:"";position:absolute;left:0;top:.62em;width:.45em;height:.45em;background:var(--orange);border-radius:50%}
.weitere a,.trifft a{text-decoration-thickness:1px;text-underline-offset:5px}
.fuss .soz{display:flex;flex-wrap:wrap;gap:6px 16px}
.sitliste{display:grid;gap:14px;margin-top:6px}
.sitliste li{display:grid;gap:2px;justify-items:start}
.sitliste .q{font:500 italic clamp(1.35rem,2.8vw,1.8rem)/1.15 var(--f-zitat)}
.sitliste a{text-decoration-thickness:1px;text-underline-offset:6px}
.sitliste .marke{font:700 .68rem/1.3 var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sitliste .marke.frei{background:var(--orange);color:var(--ink);padding:2px 7px;border-radius:4px}
.sitliste .gilt{font-size:.88rem;color:var(--muted)}
.sprung-inhalt{position:absolute;left:-9999px}
.sprung-inhalt:focus{left:12px;top:12px;z-index:99;background:var(--surface);color:var(--ink);padding:10px 14px;border-radius:6px}
.r-d .navi.breit .w{display:block}
@media(min-width:900px){.r-d .satz.voll{grid-template-columns:1.25fr 1fr 1fr;gap:10px 36px;align-items:start}}
.r-d .satz.voll .q{font-size:clamp(1.4rem,2.6vw,1.8rem)}
.r-d a.satz .q{background:none}
.r-d a.satz:hover .q,.r-d a.satz:focus-visible .q{background:linear-gradient(transparent 60%,var(--orange) 60%,var(--orange) 94%,transparent 94%)}
.karten .w>.breit{grid-column:1/-1}
.adresse{font:800 clamp(1.5rem,4vw,2.2rem)/1.1 var(--f-head);color:var(--primary);user-select:all;overflow-wrap:anywhere}
.karte.leistung h3{color:var(--on-deep)}
.garantie .kasten a{color:inherit}
main>section.abbildung{padding-block:clamp(28px,4vw,48px) 0}
.saeulen{display:grid;gap:14px;padding-bottom:12px;border-bottom:10px solid var(--tint)}
@media(min-width:620px){.saeulen{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.saeulen{grid-template-columns:repeat(4,1fr)}}
.saeule{display:flex;flex-direction:column;min-width:0;border:1.5px solid var(--primary);border-radius:14px 14px 0 0;overflow:hidden;background:var(--surface)}
.saeule h3{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--primary);color:var(--on-deep);font:800 1.2rem/1.1 var(--f-head);hyphens:none}
.saeule svg,.haus{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.saeule svg{width:30px;height:30px;flex:none}
.saeule ul{padding:4px 18px 10px}
.saeule li{padding:13px 0}.saeule li+li{border-top:1px solid var(--line)}
.saeule a{display:block;font:700 1.02rem/1.25 var(--f-head);color:var(--primary);text-decoration:none;overflow-wrap:break-word;hyphens:manual}
.saeule a::after{content:" →";font-size:.8em;white-space:nowrap}
.saeule a:hover,.saeule a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.saeule span{display:block;margin-top:3px;font-size:.9rem;color:var(--muted)}
.bodenbild{display:grid;justify-items:center}
.haus{width:min(100%,320px);height:auto;color:var(--primary);display:block}
.r-d .bodenbild .schrauben{width:100%;gap:0;border-top:3px solid var(--primary);border-radius:0 0 14px 14px;overflow:hidden}
.r-d .bodenbild .schrauben li{padding:15px 20px;border-bottom:0}
.r-d .bodenbild .schrauben li:nth-child(1){background:var(--blue-tint);color:var(--deep)}
.r-d .bodenbild .schrauben li:nth-child(2){background:var(--hell);color:var(--deep)}
.r-d .bodenbild .schrauben li:nth-child(3){background:var(--primary);color:var(--on-deep)}
.r-d .bodenbild .schrauben li:nth-child(4){background:var(--deep);color:var(--on-deep)}
.zeitstrahl{display:grid;margin-top:30px;border-left:3px solid var(--primary)}
.zeitstrahl li{position:relative;padding:0 0 22px 22px;display:grid;gap:2px}
.zeitstrahl li:last-child{padding-bottom:0}
.zeitstrahl li::before{content:"";position:absolute;left:-9.5px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--surface);border:3px solid var(--primary);box-sizing:border-box}
.zeitstrahl li:nth-child(2)::before{background:var(--orange)}
.zeitstrahl .zeit{font:700 .7rem/1.4 var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);order:2}
.zeitstrahl b{font:800 1.15rem/1.2 var(--f-head);color:var(--primary)}
@media(min-width:860px){.zeitstrahl{grid-template-columns:repeat(5,1fr);border-left:0;border-top:3px solid var(--primary)}
.zeitstrahl li{padding:22px 14px 0 0}.zeitstrahl li::before{left:0;top:-9.5px}.zeitstrahl .zeit{order:0}}
.r-d .doppel.mini{padding:14px;border:1.5px solid var(--primary);border-radius:10px;background:var(--surface);box-shadow:6px 6px 0 var(--tint);max-width:420px}
.vierseiten{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:420px;margin-top:8px}
.vierseiten span{display:grid;place-items:center;text-align:center;min-height:92px;padding:12px;border:1.5px solid var(--primary);border-radius:12px;font:700 1rem/1.2 var(--f-head);color:var(--primary);background:var(--surface)}
.vierseiten span:nth-child(-n+2){align-items:start}.vierseiten span:nth-child(n+3){align-items:end}
.vierseiten i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:9px 14px;border-radius:999px;background:var(--orange);color:var(--ink);font:500 italic 1rem/1.1 var(--f-zitat);white-space:nowrap}
.ss-kopf.mitbild .w{display:grid;gap:28px;align-items:center}
@media(min-width:820px){.ss-kopf.mitbild .w{grid-template-columns:1fr 240px;gap:48px}}
.kopfbild{display:grid;gap:10px;max-width:240px}.kopfbild .portrait{max-width:none;width:100%}
.kopfbild figcaption{font-size:.88rem;line-height:1.45;color:var(--muted)}.kopfbild figcaption b{display:block;font:700 1rem/1.3 var(--f-head);color:var(--ink)}
@media(max-width:819px){.kopfbild{grid-template-columns:96px 1fr;align-items:center;max-width:none}}
.mitfoto .w{display:grid;gap:26px;align-items:center}
@media(min-width:900px){.mitfoto .w{grid-template-columns:1fr minmax(300px,400px);gap:56px}}
.foto{display:grid;gap:8px;min-width:0}
.foto img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px;box-shadow:10px 10px 0 var(--hell)}
.foto figcaption{font-size:.74rem;line-height:1.3;color:var(--muted)}
@media(max-width:899px){.foto img{aspect-ratio:2/1;box-shadow:6px 6px 0 var(--hell)}}
.an-kopf.mitfoto h1{font-size:clamp(2.2rem,5.2vw,3.6rem)}
.weg{display:grid;gap:16px}
@media(min-width:900px){.weg{grid-template-columns:repeat(3,1fr);gap:34px}}
.ss-text .weg .abs{position:relative;max-width:none;padding:22px 22px 24px;border:1.5px solid var(--primary);border-radius:14px;background:var(--surface);box-shadow:6px 6px 0 var(--tint);justify-content:flex-start}
.weg svg{width:34px;height:34px;fill:none;stroke:var(--primary);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.weg .abs+.abs::before{content:"↓";position:absolute;left:50%;top:-17px;transform:translate(-50%,-50%);font:800 1.15rem/1 var(--f-head);color:var(--primary)}
@media(min-width:900px){.weg .abs+.abs::before{content:"→";left:-18px;top:50%}}
.r-d .ss-text .abs.macht{max-width:none;padding:22px 24px;border-radius:14px;background:var(--primary);color:var(--on-deep)}
.r-d .ss-text .abs.macht h2{color:var(--hell)}.r-d .ss-text .abs.macht p{font:700 clamp(1.2rem,2.2vw,1.5rem)/1.3 var(--f-head)}
.gegen{display:grid;gap:16px}
@media(min-width:900px){.gegen{grid-template-columns:1fr 1fr;gap:20px}}
.ss-text .gegen .abs{max-width:none;padding:24px;border-radius:14px}
.ss-text .gegen .abs:first-child{background:var(--tint);color:var(--muted)}
.ss-text .gegen .abs:last-child{border:1.5px solid var(--primary);box-shadow:6px 6px 0 var(--tint)}
details.auf{border-top:1px solid var(--line)}details.auf:last-of-type{border-bottom:1px solid var(--line)}
.ss-text .w:has(details.auf){gap:0}.ss-text .w:has(details.auf)>.abs:not(details){padding-block:26px}
details.auf summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;cursor:pointer;list-style:none}
details.auf summary::-webkit-details-marker{display:none}
details.auf summary::after{content:"+";font:700 1.5rem/1 var(--f-head);color:var(--primary);flex:none}
details.auf[open] summary::after{content:"−"}
.r-d .ss-text details.auf summary h2{font:700 1.15rem/1.25 var(--f-head);text-transform:none;letter-spacing:0;color:var(--primary)}
details.auf .innen{display:grid;gap:10px;padding-bottom:20px}
@media print{details.auf .innen{display:grid!important}}
.zuranfrage{padding:0 16px 18px}
main>section.weiterzeile{padding-block:0 clamp(28px,4vw,48px)}
.hero-bild .foto img{box-shadow:10px 10px 0 var(--tint)}
@media(max-width:899px){.r-d .hero .hero-bild{margin-top:22px}}
.r-d .leitfrage .weiter a{color:var(--on-deep)}
.start-sit .karte:last-child{align-content:start}
.katalog{background:var(--tint)}
.wsliste{display:grid;gap:18px;margin-top:26px}
@media(min-width:700px){.wsliste{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.wsliste{grid-template-columns:repeat(4,1fr)}}
.ws{--g:12px;min-width:0;padding:22px;background:var(--surface);border:1.5px solid var(--primary);border-radius:14px;box-shadow:6px 6px 0 var(--hell)}
.ws.frei{border-style:dashed;box-shadow:none}
.ws h3{font:800 1.25rem/1.15 var(--f-head);color:var(--primary);hyphens:auto}
.ws dl,.stufe details dl{display:grid;gap:8px;margin:0}
.ws dt,.stufe details dt{font:700 .66rem/1.4 var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ws dd,.stufe details dd{margin:0;font-size:.95rem;line-height:1.4}
.ws .eyebrow{color:var(--primary);padding-top:10px;border-top:1px solid var(--line)}
.chips{display:grid;gap:6px}
.chips a{display:block;padding:.5em .7em;border-radius:8px;background:var(--tint);font-size:.9rem;line-height:1.3;text-decoration:none;color:var(--ink)}
.chips a b{display:inline-grid;place-items:center;width:1.6em;height:1.6em;margin-right:.35em;border-radius:50%;background:var(--primary);color:var(--on-deep);font:800 .8rem/1 var(--f-head)}
.chips a:hover,.chips a:focus-visible{background:var(--hell)}
.chips .oder{font:700 .66rem/1 var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-left:.7em}
a.mehr{text-decoration:none}a.mehr:hover,a.mehr:focus-visible{background:var(--primary);color:var(--on-deep)}
.r-d .stufen.neun .stufe{padding:0}
.stufe details summary{display:flex;flex-direction:column;gap:8px;padding:16px;cursor:pointer;list-style:none}
.stufe details summary::-webkit-details-marker{display:none}
.stufe details summary .name{font:800 1.12rem/1.2 var(--f-head);color:var(--primary)}
.stufe details summary .bild b{font-weight:700}
.mehr.auf{margin-top:6px}.mehr.auf::after{content:" +"}
details[open] .mehr.auf::after{content:" −"}
details summary:hover .mehr.auf{background:var(--primary);color:var(--on-deep)}
.stufe details dl{padding:14px 16px 18px;border-top:1px solid var(--line)}
.stufe details dd a{text-underline-offset:3px}
.steckbriefe{background:var(--tint)}
.briefe{display:grid;gap:18px;margin-top:28px}
@media(min-width:700px){.briefe{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.briefe{grid-template-columns:repeat(3,1fr)}}
a.brief{display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px;background:var(--surface);border:1.5px solid var(--primary);border-radius:14px;text-decoration:none;color:var(--ink);box-shadow:6px 6px 0 var(--hell);transition:transform .15s,box-shadow .15s}
a.brief:hover,a.brief:focus-visible{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--hell)}
a.brief .kopfz{display:flex;align-items:center;gap:10px}
a.brief svg{width:28px;height:28px;flex:none;fill:none;stroke:var(--primary);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
a.brief .eyebrow{color:var(--primary)}
a.brief h3{font:800 1.3rem/1.15 var(--f-head);color:var(--primary);hyphens:manual}
a.brief .kfrage{font:500 italic 1.2rem/1.2 var(--f-zitat)}
a.brief dl{display:grid;gap:8px;margin:0;padding-top:12px;border-top:1px solid var(--line)}
a.brief dt{font:700 .66rem/1.4 var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
a.brief dd{margin:0;font-size:.95rem;line-height:1.4}
.mehr{margin-top:auto;align-self:flex-start;font:700 .95rem/1 var(--f-head);color:var(--primary);padding:.7em 1em;border:1.5px solid var(--primary);border-radius:var(--radius)}
.mehr::after{content:" →"}
a.brief:hover .mehr,a.brief:focus-visible .mehr{background:var(--primary);color:var(--on-deep)}
.fokus .w{display:grid;gap:18px}
@media(min-width:820px){.fokus .w{grid-template-columns:3fr 2fr}}
.fokus .w>div{padding:26px;border-radius:14px;--g:14px}
.fokus .feld-a{background:var(--primary);color:var(--on-deep)}.fokus .feld-a .eyebrow{color:var(--hell)}
.fokus .feld-b{background:var(--surface);border:1.5px dashed var(--muted);color:var(--muted)}
.fokus ul{display:flex;flex-wrap:wrap;gap:8px}
.fokus li{padding:.45em .9em;border-radius:999px;font:700 1rem/1.2 var(--f-head)}
.fokus .feld-a li{background:var(--surface);color:var(--primary)}.fokus .feld-b li{border:1.5px solid var(--line);font-weight:600}
main>section.fokus{padding-block:clamp(28px,4vw,48px) 0}
.ss-text .abs.breiter{max-width:none}.ss-text .abs.breiter>p{max-width:44em}
.wirkung{display:grid;gap:30px;margin-block:8px}
@media(min-width:860px){.wirkung{grid-template-columns:1fr 1.3fr 1fr;gap:44px;align-items:stretch}}
.wirkung li{position:relative;display:grid;gap:8px;align-content:start;padding:20px;border-radius:14px;border:1.5px solid var(--primary);background:var(--surface)}
.wirkung li.mitte{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.wirkung b{font:800 1.25rem/1.1 var(--f-head);color:var(--primary)}.wirkung li.mitte b{color:var(--ink)}
.wirkung span{font-size:.98rem;line-height:1.45}
.wirkung li+li::before{content:"↓";position:absolute;left:50%;top:-15px;transform:translate(-50%,-50%);font:800 1.4rem/1 var(--f-head);color:var(--primary)}
@media(min-width:860px){.wirkung li+li::before{content:"→";left:-22px;top:50%}}
main>section.abbildung.unten{padding-block:clamp(44px,7vw,92px)}
.foto.reihe>div{display:grid;gap:12px}
@media(min-width:700px){.foto.reihe>div{grid-template-columns:repeat(3,1fr);gap:18px}}
.foto.reihe img{box-shadow:6px 6px 0 var(--tint)}.foto.reihe{margin-top:14px}
@media(max-width:699px){.foto.reihe>div{grid-template-columns:1fr 1fr}.foto.reihe img{aspect-ratio:3/2}.foto.reihe img:first-child{grid-column:1/-1;aspect-ratio:2/1}}
@media(min-width:900px){.weg.eins{grid-template-columns:minmax(0,44em)}}
.r-d .stufen.treppe .stufe{border-top:0;border-left:6px solid var(--primary)}
.r-d .stufen.treppe .stufe:nth-child(1){border-left-width:4px}.r-d .stufen.treppe .stufe:nth-child(2){border-left-width:8px}
.r-d .stufen.treppe .stufe:nth-child(3){border-left-width:12px;border-left-color:var(--orange)}
.r-d .stufen.treppe .stufe:nth-child(4){border-left-width:16px}.r-d .stufen.treppe .stufe:nth-child(5){border-left-width:20px;border-left-color:var(--deep)}
.stufen.treppe .stufe .nr{font-size:.72rem}.stufen.treppe .stufe .name{font:800 1.05rem/1.2 var(--f-head);color:var(--primary);hyphens:manual;overflow-wrap:break-word}
.r-d .stufen.treppe .stufe:nth-child(4){background:var(--primary);color:var(--on-deep)}
.r-d .stufen.treppe .stufe:nth-child(4) .nr,.r-d .stufen.treppe .stufe:nth-child(4) .name{color:var(--on-deep)}.r-d .stufen.treppe .stufe:nth-child(4) .hoert{color:var(--hell)}
@media(min-width:980px){.stufen.treppe ol{align-items:stretch;gap:10px;padding-top:8px;border-bottom:10px solid var(--primary)}
.r-d .stufen.treppe .stufe{border-left:0;border-top:6px solid var(--primary);border-radius:10px 10px 0 0;justify-content:flex-start}
.r-d .stufen.treppe .stufe:nth-child(1){margin-top:128px}.r-d .stufen.treppe .stufe:nth-child(2){margin-top:96px}
.r-d .stufen.treppe .stufe:nth-child(3){margin-top:64px;border-top-color:var(--orange)}
.r-d .stufen.treppe .stufe:nth-child(4){margin-top:32px}.r-d .stufen.treppe .stufe:nth-child(5){margin-top:0;border-top-color:var(--deep)}}
.leistung ol.schritte{list-style:none;counter-reset:schritt;padding-left:0;gap:0;margin-left:17px;border-left:3px solid var(--tint)}
.leistung ol.schritte>li{counter-increment:schritt;position:relative;padding:0 0 22px 34px}
.leistung ol.schritte>li:last-child{padding-bottom:0}
.leistung ol.schritte>li::before{content:counter(schritt);position:absolute;left:-19px;top:-3px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:var(--on-deep);font:800 .95rem/1 var(--f-head)}

.gh-svg{display:block;width:100%;max-width:680px;height:auto;margin-inline:auto}
.gh-svg a.feld:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.gh-svg a.feld{cursor:pointer}
.gh-liste{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.gh-liste a{display:grid;gap:3px;padding:14px 16px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);text-decoration:none;color:var(--ink)}
.gh-liste b{font:700 1.1rem/1.25 var(--f-head);color:var(--primary)}
@media(max-width:599px){.gh-grafik{display:none}}
@media(min-width:600px){.gh-liste{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
.gh-leitsatz{font:700 clamp(1.15rem,2vw,1.4rem)/1.3 var(--f-head);color:var(--primary);text-align:center}
.gh-weg{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;justify-content:center}.gh-weg .tr{color:var(--muted)}
.gh-anlaesse{display:grid;gap:10px;padding:0;list-style:none}.gh-anlaesse a{font:600 1.15rem/1.35 var(--f-head);color:var(--primary)}
.gh-karten{display:grid;gap:16px}@media(min-width:820px){.gh-karten{grid-template-columns:1fr 1fr}}
.gh-karte{text-decoration:none;color:var(--ink)}.gh-karte:hover,.gh-karte:focus-visible{border-color:var(--primary)}
.gh-spanne{grid-column:1/-1}
@media(max-width:700px){.r-d .hero-art.gh-anlass-box{display:grid;margin-top:20px}}
.gh-anlaesse li{border-top:1px solid var(--line);padding-top:10px}
.zusatz{display:block;font-size:.5em;font-weight:600;line-height:1.3;margin-top:.4em}
.gh-bausteine{font-weight:600;color:var(--primary)}
.gh-gruppe .eyebrow{font-size:.72rem}
/* Hauptmenü mit sieben Einträgen: kein Umbruch im Eintrag; bis 1179 px das aufklappbare Menü */
.nav-d a,.nav-d .unter{white-space:nowrap}
@media(min-width:920px) and (max-width:1179px){.nav-d{display:none}.menue{display:block}}
.gh-saetze{list-style:none;padding:0;margin:0;display:grid;gap:6px}.gh-saetze a{font:500 italic 1.05rem/1.35 var(--f-zitat);color:var(--ink)}
.r-d .an-kopf .btn.gh-ein,.r-d .ss-kopf .btn.gh-ein{background:var(--orange);border-color:var(--orange);color:var(--ink)}

/* Rückpaket 28.10.2026: Gestaltung nach den Entwürfen, nur Werte aus tokens.css */
/* Nach oben (29.10.2026): ohne JavaScript; erscheint erst nach einer Bildschirmhöhe, bleibt unten rechts stehen */
body{position:relative}
.ok-hoch{position:absolute;top:200vh;right:var(--space-4);bottom:var(--space-4);pointer-events:none;z-index:20}
.ok-hoch-knopf{position:sticky;top:calc(100vh - var(--touch-min) - var(--space-4));pointer-events:auto;display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);border-radius:var(--touch-min);background:var(--blue-primary);color:var(--on-deep);font:700 .9rem/1 var(--font-display);text-decoration:none;box-shadow:var(--shadow-float)}
.ok-hoch-knopf::before{content:"↑";font-size:1.15rem}
.ok-hoch-knopf:hover{background:var(--blue-deep)}.ok-hoch-knopf:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
.ok-fuss{padding-bottom:calc(var(--touch-min) + var(--space-6))}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media print{.ok-hoch{display:none}}
.r-d .nav-d .btn,.r-d .hero .btn:not(.zwei),.r-d .frage .btn,.r-d .an-kopf .btn.gh-ein,.r-d .ss-kopf .btn.gh-ein{background:var(--blue-primary);border-color:var(--blue-primary);color:var(--on-deep)}
.ok-stapel{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
.ok-kicker{display:inline-flex;align-items:center;gap:var(--space-2);font:600 .75rem/1.35 var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-muted)}
.ok-punkt::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--orange-accent);flex:none}
.ok-kopf{background:var(--blue-tint)}.ok-kopf .w{padding-block:var(--space-7) var(--space-8)}
.ok-kopf-raster{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:flex-start}.ok-kopf-raster>.ok-stapel{flex:999 1 520px}
.ok-kopf h1{margin:0;font:800 clamp(2.2rem,5vw,3rem)/1.15 var(--font-display);color:var(--blue-primary)}
.ok-kopf.ok-tief{background:var(--blue-deep);color:var(--on-deep)}.ok-tief h1,.ok-tief .ok-kicker,.ok-tief .ok-lead{color:var(--on-deep)}
.ok-tief .ok-zweit{color:var(--on-deep);border-color:var(--on-deep)}
.ok-tief .ok-primaer{background:var(--surface);color:var(--blue-deep);border-color:var(--surface)}
.ok-unterzeile{font:600 1.15rem/1.4 var(--font-display);color:var(--blue-primary);margin:0}
.ok-lead{font-size:1.2rem;line-height:1.55;margin:0}
.ok-kopfbild{flex:1 1 360px;max-width:520px;margin:0}.ok-kopfbild img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.ok-kopfbild figcaption{font-size:.85rem;color:inherit;margin-top:var(--space-2)}
.ok-fakten{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin:0}
.ok-fakten div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3)}
.ok-fakten dt{font:600 .7rem/1.3 var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-muted)}
.ok-fakten dd{margin:4px 0 0;font-weight:600;color:var(--ink)}
.ok-btns{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.ok-btn{display:inline-flex;align-items:center;min-height:var(--touch-min);padding:0 var(--space-4);border-radius:var(--radius-sm);font:700 1rem/1.2 var(--font-display);text-decoration:none;border:2px solid var(--blue-primary)}
.ok-primaer{background:var(--blue-primary);color:var(--on-deep)}.ok-zweit{background:transparent;color:var(--blue-primary)}
.ok-hell{background:var(--surface)}.ok-matt{background:var(--surface-muted)}.ok-tint{background:var(--blue-tint)}
.ok-s .w{padding-block:var(--space-8)}.ok-eng .w{padding-block:var(--space-5)}
@media(max-width:767px){.ok-s .w{padding-block:var(--space-7)}}
.ok-s h2{margin:0;font:700 clamp(1.6rem,3.4vw,2.2rem)/1.2 var(--font-display);color:var(--blue-primary)}
.ok-satzkopf{font-size:clamp(2rem,5vw,3rem)!important;font-weight:800!important;max-width:900px}
.ok-drei{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}
.ok-drei h3,.ok-karte h3{margin:0;font:600 1.35rem/1.3 var(--font-display);color:var(--blue-primary)}
.ok-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4)}
.ok-karten.ok-vier{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.ok-karten>*{min-width:0;overflow-wrap:break-word}
.ok-karte{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}
.ok-karte p{margin:0}.ok-link{text-decoration:none;color:var(--ink)}.ok-link:hover,.ok-link:focus-visible{border-color:var(--blue-primary)}
.ok-link b{color:var(--blue-primary)}.ok-anlass{font:600 1.15rem/1.35 var(--font-display);color:var(--ink)}
.ok-satz{font:700 1.2rem/1.35 var(--font-display);color:var(--blue-primary)}
.ok-weg .ok-kette{margin-top:var(--space-2)}
.ok-kette{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.ok-kette li{flex:1 1 140px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--surface);font:600 1rem/1.3 var(--font-display)}
.ok-kette li a{color:var(--blue-primary);text-decoration:none}.ok-kette li.ok-fokus{background:var(--blue-primary);border-color:var(--blue-primary)}
.ok-kette li.ok-fokus a{color:var(--on-deep)}
.ok-fragen{display:grid;gap:var(--space-2)}
.ok-frage{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-3) var(--space-4)}
.ok-frage summary{cursor:pointer;font:600 1.1rem/1.4 var(--font-display);color:var(--blue-primary);min-height:var(--touch-min);display:flex;align-items:center}
.ok-frage p{margin:var(--space-2) 0 0}
.ok-schluss{background:var(--blue-deep);color:var(--on-deep)}.ok-schluss .w{padding-block:var(--space-8)}
.ok-schluss-raster{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:center}.ok-schluss-raster>.ok-stapel{flex:999 1 480px}
.ok-schluss h2{margin:0;font:700 clamp(1.5rem,3vw,2rem)/1.25 var(--font-display);color:var(--on-deep)}.ok-schluss p{margin:0;font-size:1.1rem}
.ok-portrait{margin:0;flex:0 0 auto}.ok-portrait img{width:160px;height:160px;object-fit:cover;object-position:top;display:block;border-bottom:4px solid var(--orange-accent)}
.ok-btn.ok-hell{background:var(--surface);color:var(--blue-deep);border-color:var(--surface)}
.ok-bild{margin:0}.ok-bild img{width:100%;max-width:560px;aspect-ratio:3/2;object-fit:cover;display:block}
.ok-zwei{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:flex-start}.ok-zwei>.ok-stapel{flex:999 1 480px}.ok-zwei>.ok-bild{flex:1 1 320px}
.ok-sprung{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ok-sprung a{border:1px solid var(--blue-primary);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);text-decoration:none;font-weight:600}
.ok-saetze{list-style:none;padding:0;margin:0;display:grid;gap:6px}.ok-saetze a{font:600 1.05rem/1.35 var(--font-display)}
.ok-hinweis{background:var(--blue-tint);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3);margin:0}
.ok-kasten{background:var(--blue-tint);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);display:grid;gap:var(--space-2)}
.ok-kasten p{margin:0}
.ok-logoleiste{display:grid;gap:var(--space-3);margin-top:var(--space-4)}
.ok-logos{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:center}
.ok-logos img{height:56px;width:auto;max-width:180px;object-fit:contain;display:block}
.ok-tabelle-rahmen{overflow-x:auto}
.ok-dienste{table-layout:fixed}.ok-dienste td,.ok-dienste th{hyphens:auto;overflow-wrap:break-word}
.ok-offen{background:transparent;color:var(--danger);font-weight:700;outline:1px dashed var(--danger)}
@media(max-width:759px){.ok-dienste thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.ok-dienste,.ok-dienste tbody,.ok-dienste tr,.ok-dienste td{display:block;width:100%}.ok-dienste tr{border:1px solid var(--line);margin-bottom:var(--space-3)}.ok-dienste td::before{content:attr(data-feld);display:block;font-family:var(--font-display);font-size:.8rem;color:var(--ink-muted)}}.ok-tabelle{width:100%;border-collapse:collapse;font-size:.98rem}
.ok-tabelle th,.ok-tabelle td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);vertical-align:top}
.ok-tabelle thead th{background:var(--blue-deep);color:var(--on-deep);font-family:var(--font-display)}
.ok-tabelle tbody tr:nth-child(even){background:var(--surface-muted)}
.ok-vergleich .ok-mobil{display:none}@media(max-width:767px){.ok-vergleich .ok-tabelle{display:none}.ok-vergleich .ok-mobil{display:grid}}
.ok-bausteinliste{list-style:none;padding:0;margin:0 0 var(--space-4);display:grid;gap:var(--space-2)}
.ok-bausteinliste li{border-left:3px solid var(--blue-light);padding-left:var(--space-3)}.ok-bausteinliste span{color:var(--ink-muted)}
.ok-wegliste ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}
.ok-wegliste h3{font:600 .75rem/1.3 var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 var(--space-2)}
.ok-abb{margin:0}.ok-abb figcaption{font-size:.85rem;color:var(--ink-muted);margin-top:var(--space-2)}
.ok-reifegrad,.ok-phasen{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:var(--space-2)}.ok-phasen li{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.ok-reifegrad li,.ok-phasen li{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--blue-light);border-radius:var(--radius-sm);padding:var(--space-3);display:grid;gap:4px;font-weight:600;color:var(--blue-primary)}
.ok-reifegrad li:nth-child(5){border-top-color:var(--blue-primary)}.ok-phasen li span{font-weight:400;color:var(--ink)}
.ok-nr{font:600 .7rem/1.3 var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-muted)}
.ok-bl{display:inline-grid}.ok-bl-name{font:700 28px/32px var(--font-display);color:var(--blue-primary)}.ok-bl-sub{font-size:12px;color:var(--ink-muted)}
.ok-schon{margin:0}.ok-h3{font:600 1.35rem/1.3 var(--font-display)!important;color:var(--blue-primary)}
.ok-fuss{background:var(--surface);border-top:1px solid var(--line);color:var(--ink-muted);font-size:.9rem}
.ok-fuss-raster{display:flex;flex-wrap:wrap;gap:var(--space-5);justify-content:space-between;padding-block:var(--space-6)}
.ok-fuss a{color:var(--blue-primary)}.ok-fuss p{margin:0}.ok-fuss img{width:160px;height:auto}
.gh-liste span{color:var(--ink-muted)}

/* Förderprogramme (30.10.2026) */
.ok-badge{display:inline-flex;align-items:center;font:600 .75rem/1 var(--font-display);letter-spacing:.06em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--line-strong);color:var(--ink);background:var(--surface);white-space:nowrap}
.ok-badge-bafa{background:var(--blue-tint);border-color:var(--blue-primary);color:var(--blue-primary)}
.ok-badge-inqa{background:var(--blue-primary);border-color:var(--blue-primary);color:var(--on-deep)}
.ok-fig{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);min-width:0}.ok-fig-cap{display:grid;gap:var(--space-1)}
.ok-fig-nr{font:600 .75rem/1.35 var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--orange-text)}
.ok-fig-titel{font:600 1.05rem/1.4 var(--font-display);color:var(--ink)}
.ok-fig-body{border-top:1px solid var(--line);padding-top:var(--space-3)}.ok-fig-quelle{color:var(--ink-muted);font-size:.9rem;margin:0}
.ok-fp-sym{flex:none;color:var(--blue-primary)}
.ok-fp-stand{color:var(--ink-muted);font-size:.95rem;margin:0}
.ok-fp-kopf{gap:var(--space-2)}.ok-fp-kopf p{margin:0}
.ok-fp-kurz{display:grid;gap:var(--space-3);margin:0}
.ok-fp-kurz>div{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--blue-primary);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}
.ok-fp-kurz dt{font:700 1.05rem/1.4 var(--font-display);color:var(--blue-primary)}.ok-fp-kurz dd{margin:var(--space-1) 0 0}
.ok-fp-zwei{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--space-4)}
.ok-fp-vier{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:var(--space-4)}
.ok-fp-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--space-5)}
.ok-fp-titelzeile{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.ok-fp-titelzeile h3{min-width:0;overflow-wrap:anywhere}
.ok-fp-zeilen,.ok-fp-beispiele,.ok-fp-quellen ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}
.ok-fp-zeilen li,.ok-fp-beispiele li{display:flex;gap:var(--space-3);align-items:flex-start}.ok-fp-zeilen p{margin:0}
.ok-fp-h3{display:flex;align-items:center;gap:var(--space-2);margin:0;font:700 1.15rem/1.3 var(--font-display);color:var(--blue-deep)}
.ok-fp-nein .ok-fp-sym,.ok-fp-nein>.ok-fp-sym{color:var(--danger)}.ok-fp-ja .ok-fp-sym{color:var(--success)}
.ok-fp-block p{margin:0}
.ok-fp-st{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:600}
.ok-fp-st-ja,.ok-fp-st-ja .ok-fp-sym{color:var(--success)}.ok-fp-st-nein,.ok-fp-st-nein .ok-fp-sym{color:var(--danger)}.ok-fp-st-teils,.ok-fp-st-teils .ok-fp-sym{color:var(--ink-muted)}
.ok-fp-tabelle caption{text-align:left;font-weight:600;padding-bottom:var(--space-2);color:var(--ink)}
.ok-fp-tabelle tbody th{text-align:left;font-weight:600;color:var(--ink);background:var(--surface)}
.ok-fp-programmkopf{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--space-6);align-items:center}
.ok-fp-marke{display:flex;align-items:center;gap:var(--space-3)}
.ok-fp-programmkopf h2,.ok-fp-kopf h2,#quellen h2{overflow-wrap:break-word;hyphens:auto}
@media(max-width:420px){.ok-fp-programmkopf h2{font-size:1.35rem}}
.ok-fp-bild{margin:0;display:grid;gap:var(--space-2)}.ok-fp-bild img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-md)}
.ok-fp-bild figcaption{font-size:.85rem;color:var(--ink-muted)}
.ok-fp-abb{margin:0;display:grid;gap:var(--space-2)}.ok-fp-abb figcaption{font-size:.95rem;color:var(--ink-muted)}
.ok-fp-balken{display:flex;min-height:var(--touch-min);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line)}
.ok-fp-teil{display:flex;align-items:center;padding:0 var(--space-3);font:600 .9rem/1.2 var(--font-display)}
.ok-fp-zuschuss{background:var(--blue-primary);color:var(--on-deep)}.ok-fp-eigen{background:var(--blue-tint);color:var(--blue-deep)}
.ok-fp-kennzahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}
.ok-fp-kennzahlen>div{display:grid;gap:var(--space-1);border-top:2px solid var(--blue-primary);padding-top:var(--space-2)}
.ok-fp-zahl{font:800 1.6rem/1.1 var(--font-display);color:var(--blue-primary)}
.ok-fp-ablauf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--space-4)}
.ok-fp-ablauf li{display:grid;gap:var(--space-2);align-content:start;border-top:1px solid var(--line);padding-top:var(--space-3)}.ok-fp-ablauf p{margin:0}
.ok-fp-nr{display:flex;align-items:center;gap:var(--space-2)}
.ok-fp-nr span{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--blue-primary);color:var(--on-deep);font:700 .95rem/1 var(--font-display)}
.ok-fp-frist{font-weight:600;color:var(--blue-deep);margin:0}
.ok-fp-quellen a{display:inline-flex;align-items:center;gap:var(--space-2)}
.ok-fp-folge{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--space-3)}.ok-fp-folge .ok-fp-schritt{flex:1 1 260px}
.ok-fp-weiter{display:flex;align-items:center}
.ok-fp-schritttitel{font:700 1.25rem/1.3 var(--font-display);color:var(--blue-primary)}
.ok-fp-hinweis{display:flex;gap:var(--space-2);align-items:flex-start;margin:0}
.ok-fp-leistung h3{display:flex;gap:var(--space-2);align-items:center;font-size:1.1rem}
.ok-fp-leistung .ok-badge{align-self:flex-start}
.ok-fp-fragen{display:grid;gap:var(--space-2)}
.ok-fp-fragen details{border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);background:var(--surface)}
.ok-fp-fragen summary{cursor:pointer;font:600 1.05rem/1.4 var(--font-display);color:var(--blue-deep)}.ok-fp-fragen details p{margin:var(--space-2) 0 0}
.ok-fp-stelle{display:flex;gap:var(--space-3);text-decoration:none;color:var(--ink)}.ok-fp-stelle b{color:var(--blue-primary)}
.ok-fp-mehr{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--link);font-weight:600}
.ok-fp-preishinweis{font-size:.95rem;margin:0}
@media(max-width:599px){.ok-fp-kennzahlen{grid-template-columns:1fr}.ok-fp-weiter{transform:rotate(90deg);justify-content:center;width:100%}}

@media print{.kopf nav,.menue,.fuss,.frage,.teilen,.weitere,.anschluss .btns,.sprung-inhalt{display:none!important}
body{font-size:11pt}main>section{padding-block:10pt}a{text-decoration:none}
.r-d .sit .w{grid-template-columns:1fr 1fr;gap:0}.r-d .sit .links,.r-d .sit .rechts{display:block}.r-d .sit .links{padding-right:18pt}.r-d .sit .rechts{padding-left:18pt}}
button.btn{cursor:pointer}