/* Bauauftrag 13 · Opus’ Zielbild M01–M03. Letzte Stilschicht, nur öffentlich. */
body.wb-o-seite{
  /* Punkt 119 · gilt auch für Formular-, Hilfe- und Fehlerseiten. */
  --wb-o-hero:80px;--wb-o-hero-handy:44px;--wb-o-abschnitt:38px;--wb-o-kartentitel:25px;--wb-o-untertitel:22px;
  --wb-o-satz:23px;--wb-o-leitsatz:21px;--wb-o-text:19px;--wb-o-knopf:20px;--wb-o-meta:18px;--wb-o-etikett:17px;
  --wb-o-knopfhoehe:56px;--wb-o-feldhoehe:52px;
  --fw-size-body:var(--wb-o-text);--fw-size-lead:var(--wb-o-satz);--fw-size-h4:var(--wb-o-untertitel);--fw-size-small:var(--wb-o-etikett);--fw-size-caption:var(--wb-o-etikett);

  color-scheme:light;--wb-gelb:#F2C14E;--wb-o-shadow:0 16px 40px rgba(15,23,42,.10);
  --fw-blue:#1263FF;--fw-blue-hover:#0B4FD9;--fw-blue-ink:#0B4FD9;--fw-blue-soft:#EEF4FF;
  --fw-ink:#0F172A;--fw-text:#1E293B;--fw-text-2:#475569;--fw-muted:#52647A;
  --fw-bg:#FBFCFE;--fw-bg-deep:#F1F4F9;--fw-surface:#FFFFFF;--fw-surface-soft:#F1F4F9;
  --fw-line:#E2E8F0;--fw-line-strong:#CBD5E1;--fw-control-line:#7B8A9E;
  background:var(--fw-bg);color:var(--fw-text);font:400 var(--wb-o-text)/1.6 var(--fw-font-body)
}
:root[data-theme="dunkel"] body.wb-o-seite{
  color-scheme:dark;--wb-o-shadow:0 16px 40px rgba(0,0,0,.25);
  --fw-blue-hover:#0B4FD9;--fw-blue-ink:#9DBBFF;--fw-blue-soft:#1C2A45;
  --fw-ink:#F1F5FB;--fw-text:#DDE4EF;--fw-text-2:#B9C4D6;--fw-muted:#A9B5C8;
  --fw-bg:#13171E;--fw-bg-deep:#0F1218;--fw-surface:#1A1F28;--fw-surface-soft:#252D39;
  --fw-line:#2A313D;--fw-line-strong:#6B7A99;--fw-control-line:#8391AD
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="hell"]) body.wb-o-seite{
    color-scheme:dark;--wb-o-shadow:0 16px 40px rgba(0,0,0,.25);
    --fw-blue-hover:#0B4FD9;--fw-blue-ink:#9DBBFF;--fw-blue-soft:#1C2A45;
    --fw-ink:#F1F5FB;--fw-text:#DDE4EF;--fw-text-2:#B9C4D6;--fw-muted:#A9B5C8;
    --fw-bg:#13171E;--fw-bg-deep:#0F1218;--fw-surface:#1A1F28;--fw-surface-soft:#252D39;
    --fw-line:#2A313D;--fw-line-strong:#6B7A99;--fw-control-line:#8391AD
  }
}
.wb-o-seite *,.wb-o-seite *::before,.wb-o-seite *::after{box-sizing:border-box}
.wb-o-seite :is(h1,h2,h3){font-family:var(--fw-font-heading);color:var(--fw-ink);text-wrap:pretty;letter-spacing:-.025em}
.wb-o-seite :is(p,li){overflow-wrap:anywhere}
.wb-o-seite .w-wrap{width:calc(100% - 80px);max-width:1200px;padding:0;margin-inline:auto}
.wb-o-seite :focus-visible{outline:2px solid var(--fw-blue-ink);outline-offset:4px;box-shadow:none}
.wb-o-seite .w-kopf{background:var(--fw-bg);backdrop-filter:none;border-bottom:1px solid var(--fw-line)}
.wb-o-seite .w-kopf-in{height:72px;min-height:72px;gap:24px}
.wb-o-seite .marke{color:var(--fw-ink);gap:8px;text-decoration:none}
.wb-o-seite .marke>svg{width:32px;height:32px;flex:none}
.wb-o-seite .w-kopf .marke>span{display:flex;align-items:baseline;gap:10px}
.wb-o-seite .marke b{font:700 var(--wb-o-kartentitel)/1.2 var(--fw-font-heading);letter-spacing:-.04em}
.wb-o-seite .marke small{font-size:var(--wb-o-etikett)!important;color:var(--fw-text-2);font-weight:400}
.wb-o-seite .w-nav{margin-left:auto;gap:20px;align-self:stretch;align-items:stretch}
.wb-o-seite .w-nav a{display:flex;align-items:center;padding:0;position:relative;border-radius:0;font:400 var(--wb-o-text)/1.4 var(--fw-font-body);white-space:nowrap;background:none}
.wb-o-seite .w-nav a[aria-current="page"]{background:none;color:var(--fw-blue-ink)!important}
.wb-o-seite .w-nav a[aria-current="page"]::after{content:"";position:absolute;height:2px;background:var(--fw-blue-ink);bottom:0;left:0;right:0}
.wb-o-seite .w-kopf-rechts{gap:16px;margin-left:16px}
.wb-o-testphase{font-size:var(--wb-o-etikett);color:var(--fw-text-2);padding-right:16px;border-right:1px solid var(--fw-line)}
.wb-o-seite .w-anmelden{font-size:var(--wb-o-text);font-weight:400;padding:0}
.wb-o-seite .knopf{min-height:var(--wb-o-knopfhoehe);height:auto;padding:12px 24px;font:500 var(--wb-o-knopf)/1.4 var(--fw-font-body);border-radius:8px;white-space:normal;text-align:center;box-shadow:none;transform:none}
.wb-o-seite .knopf.haupt{background:var(--fw-blue);border-color:var(--fw-blue);color:#fff}
.wb-o-seite .knopf.haupt:hover{background:var(--fw-blue-hover);border-color:var(--fw-blue-hover);color:#fff}
.wb-o-seite .knopf.rahmen{background:transparent;border:1px solid var(--fw-control-line);color:var(--fw-text)}
.wb-o-seite .w-kopf .knopf{min-height:44px;font-size:var(--wb-o-text);padding:8px 16px}
.wb-o-seite .knopf-reihe .ico{display:none}
.wb-o-seite .w-menue summary{height:44px;min-width:44px;padding:8px;border-radius:8px;font-size:var(--wb-o-text)}
.wb-o-seite .w-menue-liste a[aria-current="page"]{background:none;border-radius:0;border-bottom:2px solid var(--fw-blue-ink);color:var(--fw-blue-ink)!important}
.wb-o-seite .w-held{padding:64px 0 32px;background:var(--fw-bg);overflow:visible}
.wb-o-seite .w-held-in{grid-template-columns:minmax(0,1fr);gap:40px}
.wb-o-seite .w-held-text{min-width:0}
.wb-o-seite .w-held h1,.wb-o-seite .w-textseite h1{font-size:var(--wb-o-hero);font-weight:700;line-height:1.05;letter-spacing:-.04em;margin:0 0 24px;max-width:none}
.wb-o-seite .w-kicker{font-size:var(--wb-o-text)!important;font-weight:500;line-height:1.5;letter-spacing:0;text-transform:none;margin:0 0 16px}
.wb-o-seite .w-lead{font-size:var(--wb-o-satz);line-height:1.55;color:var(--fw-text-2);max-width:80ch}
.wb-o-seite .w-held .knopf-reihe{margin-top:24px;gap:24px;align-items:center}
.wb-o-seite .wb-o-textlink{font-size:var(--wb-o-knopf);font-weight:500;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.wb-o-seite .wb-o-textlink:hover{text-decoration:underline}
.wb-o-seite .w-held-zusage{display:block;font-size:var(--wb-o-text);font-weight:400;margin:24px 0 0;line-height:1.6;color:var(--fw-text-2)}
.wb-o-seite .w-klein{font-size:var(--wb-o-meta)!important;color:var(--fw-text-2)}
.wb-o-seite .w-mark{background:none;color:inherit;padding:0}
.wb-o-portalbild{margin:0;min-width:0;border:1px solid var(--fw-line);border-radius:12px;overflow:hidden;box-shadow:var(--wb-o-shadow)}
.wb-o-seite .wb-o-portalbild img{display:block;width:100%;height:auto;filter:none}
.wb-o-seite .w-fakten.wb-o-fakten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 0;padding:16px 0;gap:0;background:none;border:0;border-radius:0;overflow:visible}
.wb-o-seite .wb-o-fakten li{background:none;padding:0 24px;text-align:center;display:grid;gap:8px}
.wb-o-seite .wb-o-fakten li+li{border-left:1px solid var(--fw-line)}
.wb-o-seite .wb-o-fakten b{font:700 54px/1.1 var(--fw-font-heading);color:var(--fw-blue-ink)}
.wb-o-seite .wb-o-fakten span{font-size:var(--wb-o-text);line-height:1.5;color:var(--fw-text-2)}
.wb-o-seite .w-abschnitt{padding:48px 0}
.wb-o-seite .w-abschnitt-kopf{max-width:none;margin:0 0 24px}
.wb-o-seite :is(.w-abschnitt,.w-schluss,.w-textseite) h2{font-size:var(--wb-o-abschnitt);font-weight:700;line-height:1.2;margin:0 0 16px}
.wb-o-seite :is(.w-abschnitt,.w-schluss) h3{font-size:var(--wb-o-untertitel);line-height:1.35}
.wb-o-seite .w-abschnitt :is(p,li){font-size:var(--wb-o-text)}
.wb-o-seite .w-karten>li{background:var(--fw-surface);border:1px solid var(--fw-line);border-radius:12px}
.wb-o-seite .wb-o-beispiele>li{padding:24px}
.wb-o-seite .wb-o-beispiele a{display:flex;gap:20px;align-items:flex-start;text-decoration:none;color:var(--fw-text)}
.wb-o-seite .wb-o-beispiele .ico{color:var(--fw-blue-ink);width:32px;height:32px;flex:none}
.wb-o-seite .wb-o-beispiele p{color:var(--fw-text-2);margin:0}
.wb-o-seite #nachmachen .w-kicker{display:none}
.wb-o-seite .wb-o-schritte{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.wb-o-seite .wb-o-schritte li{display:flex;align-items:flex-start;gap:12px;padding:0 16px;min-width:0}
.wb-o-seite .wb-o-schritte li:first-child{padding-left:0}
.wb-o-seite .wb-o-schritte li+li{border-left:1px solid var(--fw-line)}
.wb-o-seite .wb-o-schritte h3{font:500 var(--wb-o-text)/1.5 var(--fw-font-body);letter-spacing:0;margin:0}
.wb-o-seite .wb-o-schritte p{margin:8px 0 0;font-size:var(--wb-o-meta);color:var(--fw-text-2)}
.wb-o-nummer{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--fw-surface-soft);color:var(--fw-blue-ink);font-size:var(--wb-o-knopf);font-weight:600}
.wb-o-seite .w-etappen{gap:12px}
.wb-o-seite .wb-o-teil{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:20px 24px;border:1px solid var(--fw-line);border-radius:12px;background:var(--fw-surface)}
.wb-o-seite .wb-o-teil h3{font-size:var(--wb-o-untertitel);margin:0 0 4px}
.wb-o-seite .wb-o-teil p{margin:0;color:var(--fw-text-2)}
.wb-o-seite .wb-o-teil>a{font-size:var(--wb-o-text);text-decoration:none;margin-left:32px;min-height:44px;display:flex;align-items:center;gap:16px}
.wb-o-seite .etikett,.wb-o-seite .anzahl{font-size:var(--wb-o-etikett)!important}
.wb-o-seite .w-plaene.bg-zugang{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.wb-o-seite .bg-zugang .w-plan{display:flex;flex-direction:column;gap:16px;padding:32px;border:1px solid var(--fw-line);border-radius:12px;background:var(--fw-surface)}
.wb-o-seite .bg-zugang .w-plan>.ico{width:32px;height:32px;color:var(--fw-text-2);margin:0 0 8px}
.wb-o-seite .bg-zugang .w-plan h2{font-size:var(--wb-o-kartentitel);margin:0}
.wb-o-seite .bg-zugang .w-plan p{font-size:var(--wb-o-text);margin:0 0 16px;color:var(--fw-text-2)}
.wb-o-seite .bg-zugang .w-plan-knopf{font-size:var(--wb-o-knopf);margin-top:auto;width:100%}
.wb-o-seite .w-konto{background:var(--fw-bg);padding:64px 0}
.wb-o-seite .w-konto-in{display:block;min-height:0}
.wb-o-seite .w-konto-form{width:100%;max-width:480px;margin-inline:auto;padding:32px;border:1px solid var(--fw-line);border-radius:12px;background:var(--fw-surface);box-shadow:none}
.wb-o-seite .w-konto-form h1{font-size:var(--wb-o-abschnitt);line-height:1.2}
.wb-o-seite .w-konto-form .lead{font-size:var(--wb-o-text);color:var(--fw-text-2)}
.wb-o-seite .feld label{display:block;font-size:var(--wb-o-meta);margin-bottom:8px}
.wb-o-seite .feld :is(input:not([type="checkbox"]):not([type="radio"]),select){min-height:var(--wb-o-feldhoehe);font-size:var(--wb-o-text);border-color:var(--fw-control-line);background:var(--fw-surface);color:var(--fw-text)}
.wb-o-seite :is(.hilfe,.eingang-fuss,.zustimmung,.w-reiter button,.w-doc,.w-doc *, .szene-rahmen *, .w-bsp *, .w-einblick-leiste,.w-fotos small,.w-themen a){font-size:var(--wb-o-meta)!important}
.wb-o-seite small{font-size:var(--wb-o-meta)!important}
.wb-o-seite .w-fuss{background:#0F1B3D;color:#DDE4EF;padding:48px 0 24px}
.wb-o-seite .w-fuss .marke,.wb-o-seite .w-fuss .marke small{color:#DDE4EF}
.wb-o-seite .w-fuss :is(p,a,small){font-size:var(--wb-o-meta)!important;color:#DDE4EF}
.wb-o-seite .w-fuss h2{font-size:var(--wb-o-meta)!important;text-transform:none;letter-spacing:0;color:#fff}
.wb-o-seite .w-fuss .etikett{background:var(--wb-gelb);color:#0F172A;font-size:var(--wb-o-etikett)!important}
.wb-o-seite .w-schluss{background:var(--fw-surface);border-block:1px solid var(--fw-line);color:var(--fw-text);padding:48px 0}
.wb-o-seite .w-schluss h2{color:var(--fw-ink)}
.wb-o-seite .w-schluss .w-lead{color:var(--fw-text-2)}
.wb-o-seite .w-textseite :is(p,li,dd){font-size:var(--wb-o-text)}
@media(min-width:1200px){.wb-o-start .w-held-in{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px}}
@media(max-width:1199px){
  .wb-o-seite .w-nav,.wb-o-seite .w-kopf-rechts{display:none}.wb-o-seite .w-menue{display:block}
  .wb-o-seite .wb-o-schritte{grid-template-columns:1fr;gap:16px}
  .wb-o-seite .wb-o-schritte li{padding:16px 0;border-left:0!important;border-bottom:1px solid var(--fw-line)}
}
@media(max-width:719px){
  .wb-o-seite .w-wrap{width:calc(100% - 32px)}
  .wb-o-seite .w-kopf-in{gap:16px}.wb-o-seite .w-kopf .marke>span{display:block}.wb-o-seite .w-kopf .marke small{display:block;font-size:var(--wb-o-etikett)!important}
  .wb-o-seite .w-held{padding:40px 0 24px}
  .wb-o-seite .w-held h1,.wb-o-seite .w-textseite h1{font-size:var(--wb-o-hero-handy);line-height:1.05}
  .wb-o-seite .w-lead{font-size:var(--wb-o-satz)}.wb-o-umbruch{display:none}
  .wb-o-seite .w-abschnitt{padding:32px 0}
  .wb-o-seite .w-fakten.wb-o-fakten{grid-template-columns:1fr;gap:20px}
  .wb-o-seite .wb-o-fakten li+li{border-left:0;border-top:1px solid var(--fw-line);padding-top:20px}
  .wb-o-seite .wb-o-teil{grid-template-columns:44px minmax(0,1fr);padding:20px 16px;gap:12px}
  .wb-o-seite .wb-o-teil>.etikett{grid-column:2;justify-self:start}.wb-o-seite .wb-o-teil>a{grid-column:2;margin-left:0}
  .wb-o-seite .w-plaene.bg-zugang{grid-template-columns:1fr;gap:16px}
  .wb-o-seite .bg-zugang .w-plan{padding:24px}
  .wb-o-seite .w-konto{padding:32px 0}.wb-o-seite .w-konto-form{padding:24px 20px}
  .wb-o-seite .w-fuss-oben{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .wb-o-seite *,.wb-o-seite *::before,.wb-o-seite *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .wb-o-seite [data-parallaxe] img{transform:none!important}
}
/* Die alte Mindestschrift enthielt !important und sehr genaue Ausnahmen. */
body.wb-o-seite small:not(.dk small):not(.w-doc small){font-size:var(--wb-o-meta)!important}
body.wb-o-seite .marke small:not(.dk small):not(.w-doc small){font-size:var(--wb-o-etikett)!important}
.wb-o-seite .w-schluss-in>div>.knopf.haupt{background:var(--fw-blue);color:#fff}
.wb-o-seite .w-schluss-in>div>.knopf.haupt:hover{background:var(--fw-blue-hover);color:#fff}
.wb-o-seite :is(.w-bekommst,.w-galerie b,.w-anl-liste b,.w-vn-ergebnis figcaption,.w-fotoordner b,.w-film figcaption span,.install-video figcaption span,.w-anat-unter,.ip-kicker,th){font-size:var(--wb-o-meta)!important}
.wb-o-seite .w-etikett{font-size:var(--wb-o-etikett)!important}

/* Bauauftrag 20 · N03–N05. Bestehende Kontoansichten N01/N02 bleiben unverändert. */
.wb-o-seite .wb-o-formularseite{padding:64px 0;min-height:calc(100svh - 72px);display:grid;align-items:center}
.wb-o-seite .wb-o-formularkarte{max-width:480px;width:100%;min-width:0}
.wb-o-seite .wb-o-formularkarte .feld{min-width:0}
.wb-o-seite .wb-o-formularkarte :is(input,button){max-width:100%}
.wb-o-seite .wb-o-formularkarte .passwort-feld{position:relative}
.wb-o-seite .wb-o-formularkarte .passwort-feld input{width:100%;padding-right:56px!important}
.wb-o-seite .wb-o-formularkarte .passwort-feld button{position:absolute;inset:50% 4px auto auto;transform:translateY(-50%);width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;color:var(--fw-text-2);background:none;border:0;border-radius:6px}
.wb-o-seite .wb-o-formularkarte .fehlerliste{display:flex;gap:8px;align-items:start;font-size:var(--wb-o-meta)}
.wb-o-seite .wb-o-formularkarte .fehlerliste::before{content:"!";display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;font-weight:700}
.wb-o-seite .wb-o-erfolg{text-align:center}
.wb-o-seite .wb-o-erfolg h1{margin:28px 0 16px}
.wb-o-seite .wb-o-erfolg .knopf{margin-top:24px}
.wb-o-seite .wb-o-zustandsbild{display:grid;place-items:center;background:var(--wb-gelb);color:#1263FF;border-radius:10px;min-height:152px}
.wb-o-seite .wb-o-zustandsbild svg{width:144px;height:128px;display:block}
.wb-o-seite .wb-o-warteliste{max-width:480px;margin-inline:auto;padding:32px;border:1px solid var(--fw-line);border-radius:12px;background:var(--fw-surface);box-shadow:none}
.wb-o-seite .wb-o-warteliste h3{font-size:27px;line-height:1.3}
.wb-o-seite .wb-o-warteliste .wb-o-zustandsbild{margin-bottom:24px}
.wb-o-seite .wb-o-textheld .w-lead{font-size:var(--wb-o-leitsatz);font-weight:400}
.wb-o-seite .wb-o-hilfesuche{margin:28px 0 0;width:100%;max-width:none}
.wb-o-seite .wb-o-hilfesuche input{height:56px;min-height:56px;font-size:var(--wb-o-text);padding-left:52px;border-radius:8px!important}
.wb-o-seite .wb-o-suchstatus{font-size:var(--wb-o-meta);margin:8px 0 0;color:var(--fw-text-2)}
.wb-o-seite .wb-o-suchstatus:empty{display:none}
.wb-o-seite .wb-o-hilfe-inhalt{padding:0 0 64px}
.wb-o-seite .wb-o-hilfe-raster{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;align-items:start}
.wb-o-seite .wb-o-hilfe-raster .akkordeon{border:1px solid var(--fw-line);border-radius:10px;overflow:hidden;background:var(--fw-surface)}
.wb-o-seite .wb-o-hilfe-raster .akkordeon details{border:0;border-bottom:1px solid var(--fw-line);border-radius:0;margin:0;background:none}
.wb-o-seite .wb-o-hilfe-raster .akkordeon details:last-child{border-bottom:0}
.wb-o-seite .wb-o-hilfe-raster summary{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;font-size:var(--wb-o-knopf);font-weight:600;cursor:pointer;list-style:none}
.wb-o-seite .wb-o-hilfe-raster summary::-webkit-details-marker{display:none}
.wb-o-seite .wb-o-hilfe-raster summary .ico{flex:none}
.wb-o-seite .wb-o-hilfe-raster details[open]>summary>.ico{transform:rotate(180deg)}
.wb-o-seite .wb-o-hilfe-raster .antwort{padding:0 24px 24px;font-size:var(--wb-o-text);color:var(--fw-text-2)}
.wb-o-seite .wb-o-hilfe-raster .antwort p{margin:0}
.wb-o-seite .wb-o-kontakt{padding:24px;border:1px solid var(--fw-line);border-radius:10px;background:var(--fw-surface);scroll-margin-top:96px}
.wb-o-seite .wb-o-kontakt h2{font-size:27px;margin:0 0 12px}
.wb-o-seite .wb-o-kontakt p{font-size:var(--wb-o-text);margin:0 0 20px;color:var(--fw-text-2)}
.wb-o-seite .wb-o-weitere-fragen{margin-top:24px}
.wb-o-seite .wb-o-weitere-fragen>summary{padding-inline:0;font-size:var(--wb-o-text)}
.wb-o-seite .wb-o-hilfe-raster [hidden]{display:none!important}
.wb-o-seite .wb-o-fehler{max-width:1000px;margin-inline:auto;padding:96px 24px 80px;text-align:center;min-height:calc(100svh - 72px)}
.wb-o-seite .wb-o-fehler .wb-o-zustandsbild{width:224px;min-height:168px;margin:0 auto 40px}
.wb-o-seite .wb-o-fehler h1{font-size:49px;line-height:1.2;margin:0 0 20px;max-width:none}
.wb-o-seite .wb-o-fehler .lead{font-size:var(--wb-o-leitsatz);color:var(--fw-text-2);max-width:72ch;margin:0 auto}
.wb-o-seite .wb-o-fehler-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin:24px 0}
.wb-o-seite .wb-o-fehler-links a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--wb-o-knopf);text-decoration:underline}
.wb-o-seite .w-textseite>.w-wrap,.wb-o-seite.wb-o-leseseite main .w-wrap{max-width:720px}
.wb-o-seite.wb-o-leseseite :is(.w-geschichte,.w-personen,.w-karten){grid-template-columns:minmax(0,1fr)}
.wb-o-seite.wb-o-leseseite .w-held .w-lead{font-size:var(--wb-o-leitsatz)}
.wb-o-seite .w-textseite{padding-top:64px}
@media(max-width:959px){
  .wb-o-seite .wb-o-hilfe-raster{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:719px){
  .wb-o-seite .wb-o-formularseite{padding:32px 0;min-height:calc(100svh - 72px)}
  .wb-o-seite .wb-o-warteliste{padding:24px 20px}
  .wb-o-seite .wb-o-hilfe-raster summary{padding:16px;font-size:var(--wb-o-text)}
  .wb-o-seite .wb-o-hilfe-raster .antwort{padding:0 16px 20px}
  .wb-o-seite .wb-o-fehler{padding:48px 16px}
  .wb-o-seite .wb-o-fehler h1{font-size:var(--wb-o-abschnitt)}
  .wb-o-seite .w-textseite h1{font-size:var(--wb-o-hero-handy)}
}

/* Bauauftrag 21 · N01/N02: bestehende Felder und Einwilligung bleiben erhalten. */
.wb-o-einstieg{--wb-o-fehler:#B42336}
:root[data-theme="dunkel"] .wb-o-einstieg{--wb-o-fehler:#FF97A5}
@media(prefers-color-scheme:dark){:root:not([data-theme="hell"]) .wb-o-einstieg{--wb-o-fehler:#FF97A5}}
.wb-o-seite .wb-o-anmeldung{min-height:calc(100svh - 72px);padding:64px 0;display:grid;align-items:center}
.wb-o-seite .wb-o-kontofuss{max-width:480px;margin:20px auto 0;text-align:center;font-size:var(--wb-o-text);color:var(--fw-text-2)}
.wb-o-seite .wb-o-kontoanlage{padding:64px 0}
.wb-o-seite .wb-o-kontoraster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:80px;align-items:center}
.wb-o-seite .wb-o-kontotext h1{font-size:54px;line-height:1.15;max-width:440px;margin:16px 0 40px}
.wb-o-seite .wb-o-kontotext ul{list-style:none;margin:0;padding:0;display:grid;gap:24px}
.wb-o-seite .wb-o-kontotext li{display:flex;align-items:center;gap:20px;font-size:var(--wb-o-leitsatz);color:var(--fw-text-2)}
.wb-o-seite .wb-o-kontotext li>span{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--fw-blue-soft);color:var(--fw-blue-ink)}
.wb-o-seite .wb-o-kontotext .ico{width:24px;height:24px}
.wb-o-einstieg .wb-o-formularkarte h1{margin:0 0 8px}
.wb-o-einstieg .wb-o-formularkarte>.lead{margin:0 0 28px}
.wb-o-einstieg .wb-o-formularkarte .formular{display:flex;flex-direction:column;gap:20px;margin:0}
.wb-o-einstieg .wb-o-formularkarte .feld{display:flex;flex-direction:column;gap:6px;margin:0}
.wb-o-einstieg .wb-o-formularkarte .feld>label,.wb-o-einstieg .wb-o-passwortkopf label{font-size:var(--wb-o-meta);font-weight:500;color:var(--fw-ink)}
.wb-o-einstieg .wb-o-formularkarte .feld input{height:var(--wb-o-feldhoehe);min-height:var(--wb-o-feldhoehe);font-size:var(--wb-o-text);border-radius:8px}
.wb-o-einstieg .wb-o-passwortkopf{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.wb-o-einstieg .wb-o-passwortkopf a{min-height:44px;display:inline-flex;align-items:center;font-size:var(--wb-o-meta)}
.wb-o-einstieg .wb-o-formularkarte .zustimmung{min-height:44px;align-items:flex-start;gap:12px}
.wb-o-einstieg .wb-o-formularkarte .zustimmung input{flex:none;width:24px;height:24px;margin:2px 0}
.wb-o-einstieg .wb-o-formularkarte .eingang-fuss{margin:20px 0 0;text-align:center}
.wb-o-einstieg .wb-o-formularkarte [aria-invalid="true"]{border-color:var(--wb-o-fehler)}
.wb-o-seite .wb-o-feldfehler{display:flex;align-items:flex-start;gap:10px;margin:2px 0 0;font-size:var(--wb-o-meta);line-height:1.5;color:var(--fw-text-2)}
.wb-o-seite .wb-o-feldfehler>.ico{flex:none;width:22px;height:22px;margin-top:1px;color:var(--wb-o-fehler)}
.wb-o-seite .wb-o-feldinfo>.ico{color:var(--fw-blue-ink)}
@media(max-width:959px){
 .wb-o-seite .wb-o-kontoraster{grid-template-columns:1fr;gap:32px;max-width:600px}
 .wb-o-seite .wb-o-kontotext h1{font-size:40px;max-width:none;margin-bottom:24px}
 .wb-o-seite .wb-o-kontotext ul{gap:12px}
 .wb-o-seite .wb-o-kontotext li{font-size:var(--wb-o-text);gap:12px}
 .wb-o-seite .wb-o-kontoanlage{padding:32px 0}
}
@media(max-width:600px){
 .wb-o-seite .wb-o-anmeldung{padding:32px 0;align-items:start}
 .wb-o-einstieg .wb-o-formularkarte h1{font-size:31px}
 .wb-o-seite .wb-o-kontofuss{font-size:var(--wb-o-meta)}
}

/* Bau 28: Das geschlossene Menü belegt auch mobil keinen Platz neben der Seite. */
.wb-o-seite .w-menue:not([open]) .w-menue-liste{visibility:hidden;display:none}

/* Punkt 119 · Umbruch statt Überbreite, auch bei Teilnahmebestätigung. */
.wb-o-seite :is(h1,h2,h3,a,button,label,summary,b,strong){overflow-wrap:anywhere}
.wb-o-seite .knopf{max-width:100%;min-width:0}
.wb-o-seite .wb-o-hilfesuche input{font-size:var(--wb-o-text)!important}
.wb-o-seite :is(.etikett,.anzahl,.w-etikett){max-width:100%;white-space:normal}
.wb-o-seite :is(.wb-o-schritte li,.wb-o-beispiele a,.wb-o-kontotext li)>*{min-width:0}
@media(max-width:719px){
 body.wb-o-seite{--wb-o-text:18px;--wb-o-leitsatz:18px;--wb-o-satz:18px;--wb-o-knopf:18px}
}

body.wb-o-seite :is(.w-beispiel-hinweis,.dk-beispiel-hinweis){font-size:16px!important;line-height:1.5;color:var(--muted,#6A6E75);margin:16px 0}