/* Layout: Blaumann-blaue Tafel mit dem Betriebsprofil als Satz und den drei wichtigsten Punkten der Woche, darunter der gelbe Fristen-Zollstock über die volle Breite, dann Meldungen als Arbeitsaufträge mit Ampel-Spalte; ab 1060px läuft rechts ein Aufgaben-Panel mit. */
:root{
  --paper:#ECEFF3;--card:#FFFFFF;--soft:#F4F6F9;--ink:#13203A;--mute:#55627A;--line:#D2D8E1;
  --navy:#1C3260;--navy-2:#243E6E;--navy-line:#3B5588;--on-navy:#F4F6FB;--on-navy-mute:#B8C4DA;--twill:rgba(255,255,255,.035);
  --yellow:#F4C21B;--yellow-2:#E6B40E;--on-yellow:#151A28;--tick:rgba(21,26,40,.82);--joint:rgba(21,26,40,.30);
  --red:#BF2A2E;--amber:#9A5B00;--green:#23784A;
  --red-bg:#FBEAEA;--amber-bg:#FBF1DE;--green-bg:#E4F2E9;
  --r-hi:#FF9C92;--y-hi:#FFCB5C;--g-hi:#7CDDA9;
  --link:#1E4DAE;--focus:#1E4DAE;--shadow:rgba(13,19,34,.10);
  --folder:#EADCB9;--folder-2:#DCC99C;--folder-ink:#2B2416;--folder-mute:#4E4430;--stamp:#8E1218;
  --f-display:"DIN Condensed","Bahnschrift","Roboto Condensed",sans-serif-condensed,"Arial Narrow",sans-serif;
  --f-num:"DIN Alternate","Bahnschrift","Roboto","Segoe UI",system-ui,sans-serif;
  --f-body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --radius:6px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#0D1322;--card:#151E32;--soft:#1B263D;--ink:#E6EBF3;--mute:#9DAAC1;--line:#2A3651;
    --navy:#15264A;--navy-2:#1E3460;--navy-line:#30497A;--on-navy:#F4F6FB;--on-navy-mute:#AAB7D0;--twill:rgba(255,255,255,.03);
    --yellow:#F4C21B;--yellow-2:#DFAD0B;--on-yellow:#151A28;--tick:rgba(21,26,40,.82);--joint:rgba(21,26,40,.30);
    --red:#FF8D84;--amber:#F2B550;--green:#6FD29E;
    --red-bg:#3A1D26;--amber-bg:#372C18;--green-bg:#15322A;
    --r-hi:#FF9C92;--y-hi:#FFCB5C;--g-hi:#7CDDA9;
    --link:#94B5FF;--focus:#94B5FF;--shadow:rgba(0,0,0,.35);
    --folder:#2C281D;--folder-2:#3A3323;--folder-ink:#EFE6D2;--folder-mute:#C9BC9C;--stamp:#FF9C92;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --paper:#0D1322;--card:#151E32;--soft:#1B263D;--ink:#E6EBF3;--mute:#9DAAC1;--line:#2A3651;
  --navy:#15264A;--navy-2:#1E3460;--navy-line:#30497A;--on-navy:#F4F6FB;--on-navy-mute:#AAB7D0;--twill:rgba(255,255,255,.03);
  --yellow:#F4C21B;--yellow-2:#DFAD0B;--on-yellow:#151A28;--tick:rgba(21,26,40,.82);--joint:rgba(21,26,40,.30);
  --red:#FF8D84;--amber:#F2B550;--green:#6FD29E;
  --red-bg:#3A1D26;--amber-bg:#372C18;--green-bg:#15322A;
  --r-hi:#FF9C92;--y-hi:#FFCB5C;--g-hi:#7CDDA9;
  --link:#94B5FF;--focus:#94B5FF;--shadow:rgba(0,0,0,.35);
    --folder:#2C281D;--folder-2:#3A3323;--folder-ink:#EFE6D2;--folder-mute:#C9BC9C;--stamp:#FF9C92;
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.55 var(--f-body);-webkit-font-smoothing:antialiased}
.site{overflow-x:clip}
a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:1px}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.board :focus-visible,.foot :focus-visible{outline-color:var(--yellow)}
h1,h2,h3,h4,p,ol,ul{margin:0}
h1,h2,h3{text-wrap:balance}
button{font:inherit;color:inherit}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{max-width:1180px;margin-inline:auto;padding-inline:16px}
.sec{font:700 1.75rem/1.05 var(--f-display);font-stretch:condensed;text-transform:uppercase;letter-spacing:.02em}
.shp{display:block;width:1em;height:1em;flex:none}

/* Tafel */
.board{background-color:var(--navy);background-image:repeating-linear-gradient(135deg,var(--twill) 0 2px,transparent 2px 7px);color:var(--on-navy)}
.brandbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;padding-block:14px;border-bottom:1px solid var(--navy-line)}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.logo{position:relative;display:grid;place-items:center;width:46px;height:46px;flex:none;background:var(--yellow);color:var(--on-yellow);border-radius:4px;font:700 1.75rem/1 var(--f-num);padding-bottom:7px}
.logo::after{content:"";position:absolute;left:5px;right:5px;bottom:5px;height:6px;background:repeating-linear-gradient(90deg,var(--on-yellow) 0 1.5px,transparent 1.5px 5px)}
.brand b{display:block;font:700 1.75rem/1 var(--f-display);font-stretch:condensed;letter-spacing:.01em}
.brand small{display:block;margin-top:5px;font:600 .7rem/1.2 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--on-navy-mute)}
.stand{font:500 .85rem/1.3 var(--f-body);color:var(--on-navy-mute);font-variant-numeric:tabular-nums}
.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;padding-block:28px 34px}
.hero>*{min-width:0}
.eyebrow{font:700 .78rem/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--yellow)}
.hero h1{font:700 clamp(2.4rem,8.2vw,3.6rem)/.95 var(--f-display);font-stretch:condensed;text-transform:uppercase;letter-spacing:.005em;margin:.2em 0 .45em}
.hero h1 em{font-style:normal;color:var(--yellow)}
.sentence{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.45em;row-gap:2px;font:500 1.2rem/1.5 var(--f-body);color:var(--on-navy)}
.sentence select{appearance:none;-webkit-appearance:none;min-width:0;max-width:100%;min-height:44px;margin:0;padding:6px 1.35em 2px 2px;border:0;border-bottom:2px dashed var(--yellow);border-radius:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23F4C21B' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 2px center/13px 13px;color:var(--yellow);font:700 1.35rem/1.2 var(--f-display);font-stretch:condensed;letter-spacing:.01em;cursor:pointer;text-overflow:ellipsis}
.sentence select option{color:var(--ink);background:var(--card);font:500 1rem var(--f-body)}
.traits{border:0;margin:20px 0 0;padding:0;min-width:0}
.traits legend{padding:0;margin-bottom:8px;font:700 .74rem/1.3 var(--f-body);letter-spacing:.13em;text-transform:uppercase;color:var(--on-navy-mute)}
.trait-row{display:flex;flex-wrap:wrap;gap:8px}
.trait{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 14px 0 12px;border:1.5px solid var(--navy-line);border-radius:6px;background:transparent;color:var(--on-navy);font:600 .95rem/1.2 var(--f-body);cursor:pointer}
.trait::before{content:"";width:16px;height:16px;flex:none;border:1.5px solid currentColor;border-radius:3px}
.trait[aria-pressed="true"]{background:var(--yellow);border-color:var(--yellow);color:var(--on-yellow)}
.trait[aria-pressed="true"]::before{border-color:var(--on-yellow);background:var(--on-yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='%23F4C21B' stroke-width='2'/%3E%3C/svg%3E") center/12px no-repeat}
.pnote{margin-top:16px;max-width:54ch;font-size:.95rem;line-height:1.5;color:var(--on-navy-mute)}
.pnote b{color:var(--on-navy)}
.linkbtn{padding:0;border:0;background:none;color:var(--yellow);font:600 .95rem var(--f-body);text-decoration:underline;text-underline-offset:.18em;cursor:pointer;min-height:32px}
.week h2{margin-bottom:10px;font:700 .78rem/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--yellow)}
.week ol{list-style:none;padding:0;border-top:1px solid var(--navy-line)}
.wk{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;padding:14px 2px;border-bottom:1px solid var(--navy-line);color:var(--on-navy);text-decoration:none}
.wk-when{display:grid;justify-items:center;align-content:center;gap:3px;min-height:66px;padding:6px 4px;background:var(--navy-2);border-radius:4px;text-align:center}
.wk-when b{font:700 1.85rem/1 var(--f-num);color:var(--yellow);font-variant-numeric:tabular-nums}
.wk-when b.w{font-size:1.15rem}
.wk-when small{font:700 .66rem/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--on-navy-mute)}
.wsh{font-size:1.6rem}
.wsh.s-r,.wkm .s-r{color:var(--r-hi)}.wsh.s-y,.wkm .s-y{color:var(--y-hi)}.wsh.s-g,.wkm .s-g{color:var(--g-hi)}
.wk-t{display:block;font:600 1.05rem/1.3 var(--f-body);-webkit-hyphens:auto;hyphens:auto}
.wk:hover .wk-t{text-decoration:underline;text-underline-offset:.18em}
.wkm{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:5px;font:500 .82rem/1.3 var(--f-body);color:var(--on-navy-mute)}
.wkm .shp{font-size:.8rem}
@container main (min-width:820px){
  .hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:start;padding-block:40px 48px}
  .hero h1{font-size:clamp(2.8rem,5vw,4.4rem)}
  .sentence select{font-size:1.5rem}
  .week{padding-top:6px}
}

/* Fristen-Zollstock */
.zs{padding-block:30px 6px}
.zs-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin-bottom:12px}
.zs-head p{font-size:.92rem;color:var(--mute)}
.swipe{display:inline}
@container main (min-width:900px){.swipe{display:none}}
.zs-scroll{max-width:1180px;margin-inline:auto;padding:0 16px 10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.zs-ruler{position:relative;min-width:100%;height:150px}
.zs-band{position:absolute;left:0;right:0;bottom:22px;height:54px;overflow:hidden;border-radius:3px;background:var(--yellow);box-shadow:0 2px 0 var(--yellow-2),0 4px 10px var(--shadow)}
.zs-seg{position:absolute;top:0;bottom:0;background:var(--yellow-2)}
.zs-tk{position:absolute;top:0;width:1.5px;margin-left:-.75px;background:var(--tick)}
.zs-tk.w{height:8px}.zs-tk.h{height:14px}.zs-tk.m{height:26px;width:2px;margin-left:-1px}
.zs-mo{position:absolute;bottom:7px;padding-left:5px;font:700 .95rem/1 var(--f-num);letter-spacing:.06em;color:var(--on-yellow);white-space:nowrap}
.zs-jt{position:absolute;top:0;bottom:0;width:1px;background:var(--joint)}
.zs-hg{position:absolute;top:34px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--yellow);box-shadow:inset 0 0 0 2px var(--joint)}
.zs-yr{position:absolute;bottom:0;padding-left:5px;border-left:2px solid var(--line);font:700 .74rem/1.2 var(--f-num);letter-spacing:.06em;color:var(--mute);white-space:nowrap}
.zs-now{position:absolute;left:0;bottom:0;font:700 .72rem/1.2 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.zs-pin{position:absolute;bottom:76px;width:2px;margin-left:-1px;background:var(--ink)}
.zs-pin.approx{width:0;background:none;border-left:2px dashed var(--ink)}
.zs-dot{position:absolute;bottom:70px;width:12px;height:12px;margin-left:-6px;border-radius:50%;border:2px solid var(--card);z-index:2}
.zs-dot.s-r{background:var(--red)}.zs-dot.s-y{background:var(--amber)}.zs-dot.s-g{background:var(--green)}
.zs-lbl{position:absolute;bottom:92px;z-index:3;display:flex;align-items:baseline;gap:7px;white-space:nowrap;padding:5px 9px;background:var(--card);border:1px solid var(--line);border-radius:4px;box-shadow:0 1px 3px var(--shadow);color:var(--ink);text-decoration:none;font:500 .85rem/1.25 var(--f-body)}
.zs-lbl b{font:700 .9rem/1.25 var(--f-num);font-variant-numeric:tabular-nums}
.zs-lbl:hover{border-color:var(--ink)}
.zs-pin.faded{background:var(--mute)}.zs-pin.approx.faded{background:none;border-left-color:var(--mute)}
.zs-dot.faded{background:var(--mute)}
.zs-lbl.faded{color:var(--mute);background:var(--soft);border-style:dashed;box-shadow:none}
@media (prefers-reduced-motion:no-preference){
  .zs-ruler.intro .zs-band{animation:unroll .9s cubic-bezier(.2,.7,.2,1) both}
  .zs-ruler.intro .zs-lbl,.zs-ruler.intro .zs-dot{animation:drop .45s ease-out both;animation-delay:calc(.55s + var(--i,0) * 70ms)}
  @keyframes unroll{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
  @keyframes drop{from{transform:translateY(-8px)}to{transform:none}}
}
.fristen{list-style:none;padding:0;margin-top:8px;border-top:1px solid var(--line)}
.fristen a{display:grid;grid-template-columns:6.6em minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:10px 2px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:.95rem;line-height:1.35}
.fristen a:hover span{text-decoration:underline;text-underline-offset:.18em}
.fristen time{font:700 .95rem/1.35 var(--f-num);font-variant-numeric:tabular-nums}
.fristen .cd{font-weight:600;font-size:.88rem;color:var(--mute);white-space:nowrap}
.fristen .cd.soon{color:var(--red)}
.fristen li.faded a{color:var(--mute)}
@container main (min-width:760px){.fristen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}

/* Urteil der Woche: Aktendeckel mit Eingangsstempel */
.udw{padding-block:18px 6px}
.folder{max-width:920px}
.folder-tab{display:inline-block;padding:9px 18px 7px;background:var(--folder);color:var(--folder-ink);border-radius:8px 8px 0 0;font:700 1.2rem/1 var(--f-display);font-stretch:condensed;text-transform:uppercase;letter-spacing:.06em}
.folder-card{padding:16px 20px 20px;background:var(--folder);color:var(--folder-ink);border-radius:0 8px 8px 8px;box-shadow:0 2px 0 var(--folder-2),0 6px 18px var(--shadow)}
.folder-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding-bottom:12px;border-bottom:1px dashed var(--folder-mute)}
.file{font:600 .88rem/1.4 var(--f-num);letter-spacing:.02em;color:var(--folder-mute);min-width:0}
.stamp{display:inline-block;padding:4px 10px;border:2px solid var(--stamp);border-radius:4px;color:var(--stamp);font:700 .8rem/1.1 var(--f-num);letter-spacing:.14em;text-transform:uppercase;transform:rotate(-6deg)}
.folder-q{margin:14px 0 8px;max-width:30ch;font:700 clamp(1.6rem,4.6vw,2.35rem)/1.05 var(--f-display);font-stretch:condensed}
.folder-a{max-width:62ch;font-size:1.1rem;font-weight:700;line-height:1.4}
.folder-k{max-width:66ch;margin-top:8px;line-height:1.5;-webkit-hyphens:auto;hyphens:auto}
.folder-do{margin-top:14px}
.folder-do h4{font:700 .76rem/1.3 var(--f-body);letter-spacing:.11em;text-transform:uppercase;color:var(--folder-mute)}
.folder-do ul{margin:6px 0 0;padding-left:1.1em;display:grid;gap:4px;max-width:66ch}
.folder-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:16px}
.folder-links a{color:var(--folder-ink);font-weight:600}
.folder-links .btn{background:var(--folder-ink);border-color:var(--folder-ink);color:var(--folder)}
.badge.udwb{background:var(--folder);color:var(--folder-ink)}
.nw{white-space:nowrap}

/* Hauptbereich */
.layout{display:grid;gap:22px;padding-block:28px 36px}
.side{display:grid;gap:14px;align-content:start}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}
.ptitle{font:700 1.3rem/1.1 var(--f-display);font-stretch:condensed;text-transform:uppercase;letter-spacing:.03em}
.tally{display:flex;align-items:baseline;gap:8px;margin:10px 0 8px;color:var(--mute);font-size:.95rem}
.tally b{font:700 2.3rem/1 var(--f-num);color:var(--ink);font-variant-numeric:tabular-nums}
.bar{position:relative;height:10px;overflow:hidden;border-radius:2px;background:var(--line)}
.bar i{display:block;width:0;height:100%;background:var(--ink);transition:width .3s}
.bar::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 9px,var(--card) 9px 10px);opacity:.55}
.hint{margin:10px 0 12px;font-size:.88rem;line-height:1.45;color:var(--mute)}
.msg{margin-top:8px;font-size:.88rem;line-height:1.4;color:var(--green)}
.msg:empty{display:none}
.copybox{margin-top:8px}
.copybox textarea,.copybox input{width:100%;padding:8px 10px;border:1.5px solid var(--line);border-radius:4px;background:var(--soft);color:var(--ink);font:400 .9rem/1.4 var(--f-body)}
.legend-p{display:none}
.amp-list{list-style:none;padding:0;margin-top:12px;display:grid;gap:12px}
.amp-list li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;font-size:.92rem;line-height:1.4}
.amp-list .shp{font-size:18px;margin-top:2px}
.amp-list b{display:block;font-weight:700}
.c-r{color:var(--red)}.c-y{color:var(--amber)}.c-g{color:var(--green)}
.more-link{margin-top:12px;font-size:.9rem}
@container main (min-width:1000px){
  .layout{grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start}
  .feed-col{grid-column:1;grid-row:1}
  .side{grid-column:2;grid-row:1;position:sticky;top:calc(env(safe-area-inset-top,0px) + 16px)}
  .legend-p{display:block}
}
.feed-col{min-width:0}
.feed-head{display:grid;gap:14px;margin-bottom:16px}
.feed-head .sec{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.feed-head .sec small{font:500 .92rem/1.3 var(--f-body);text-transform:none;letter-spacing:0;color:var(--mute)}
.disclaimer{font-size:.9rem;line-height:1.45;color:var(--mute);max-width:70ch}
.status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.st{display:grid;gap:4px;justify-items:start;padding:10px 12px;background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);text-align:left;cursor:pointer;min-height:60px}
.st-top{display:flex;align-items:center;gap:8px}
.st .shp{font-size:18px}
.st b{font:700 1.6rem/1 var(--f-num);font-variant-numeric:tabular-nums}
.st-l{font:600 .8rem/1.2 var(--f-body);color:var(--mute)}
.st.s-r .shp{color:var(--red)}.st.s-y .shp{color:var(--amber)}.st.s-g .shp{color:var(--green)}
.st:hover{border-color:var(--mute)}
.st[aria-pressed="true"].s-r{background:var(--red-bg);border-color:var(--red)}
.st[aria-pressed="true"].s-y{background:var(--amber-bg);border-color:var(--amber)}
.st[aria-pressed="true"].s-g{background:var(--green-bg);border-color:var(--green)}
.tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.search{position:relative;flex:1 1 260px;min-width:0}
.search svg{position:absolute;left:12px;top:50%;width:18px;height:18px;margin-top:-9px;color:var(--mute);pointer-events:none}
.search input{width:100%;min-height:46px;padding:10px 12px 10px 40px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);font:400 1rem var(--f-body)}
.search input::placeholder{color:var(--mute)}
.types{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 13px;border:1.5px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:600 .9rem var(--f-body);cursor:pointer}
.chip small{font:600 .78rem var(--f-num);color:var(--mute)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--card)}
.chip[aria-pressed="true"] small{color:var(--card)}
.feed{display:grid;gap:12px}
.empty{padding:22px 18px;border:1.5px dashed var(--line);border-radius:var(--radius);color:var(--mute)}

/* Meldung */
.item{display:grid;grid-template-columns:46px minmax(0,1fr);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;scroll-margin-top:16px}
.sev{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 0;font:700 .66rem/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase}
.sev .shp{font-size:20px}
.sev span{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}
.item.s-r .sev{background:var(--red-bg);color:var(--red)}
.item.s-y .sev{background:var(--amber-bg);color:var(--amber)}
.item.s-g .sev{background:var(--green-bg);color:var(--green)}
.body{min-width:0;padding:15px 18px 6px}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;font:700 .74rem/1.3 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.meta .date{font-weight:500;letter-spacing:.01em;text-transform:none;font-size:.85rem}
.badge{display:inline-block;padding:2px 7px;border-radius:3px;font:700 .68rem/1.35 var(--f-body);letter-spacing:.09em}
.badge.new{background:var(--yellow);color:var(--on-yellow)}
.badge.chance{box-shadow:inset 0 0 0 1.5px var(--green);color:var(--green)}
.badge.ok{background:var(--green-bg);color:var(--green)}
.item h3{margin:7px 0 6px;font:700 1.55rem/1.08 var(--f-display);font-stretch:condensed;letter-spacing:.005em}
.kurz{max-width:66ch;-webkit-hyphens:auto;hyphens:auto}
.facts{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:.86rem;line-height:1.35;color:var(--mute)}
.stage{display:inline-flex;align-items:center;gap:8px}
.steps{display:inline-flex;gap:3px;flex:none}
.steps i{width:13px;height:6px;border-radius:1px;background:var(--line)}
.steps i.on{background:var(--ink)}
.why{margin-top:10px;font-size:.88rem;font-weight:600;color:var(--mute)}
.more{margin-top:12px;border-top:1px solid var(--line)}
.more>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;list-style:none;cursor:pointer;color:var(--link);font-weight:700;font-size:.98rem}
.more>summary::-webkit-details-marker{display:none}
.lbl{display:inline-flex;align-items:center;gap:10px}
.lbl::after{content:"";width:7px;height:7px;margin-top:-4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.more[open]>summary .lbl::after{margin-top:3px;transform:rotate(-135deg)}
.prog{font:600 .82rem/1.2 var(--f-num);color:var(--mute);font-variant-numeric:tabular-nums}
.more-in{display:grid;gap:14px;padding:2px 0 14px}
.more-in>p:first-child{max-width:66ch;-webkit-hyphens:auto;hyphens:auto}
.more-in h4{font:700 .76rem/1.3 var(--f-body);letter-spacing:.11em;text-transform:uppercase;color:var(--mute)}
.checks{list-style:none;padding:0;margin-top:4px;display:grid;gap:2px}
.checks label{display:flex;align-items:flex-start;gap:12px;padding:7px 0;line-height:1.4;cursor:pointer}
.checks input{width:22px;height:22px;margin:0;flex:none;accent-color:var(--ink)}
.checks input:checked+span{color:var(--mute);text-decoration:line-through;text-decoration-thickness:1.5px}
.risk{padding:10px 12px;border-radius:4px;background:var(--soft);font-size:.97rem;line-height:1.45}
.terms,.src{font-size:.9rem;line-height:1.45;color:var(--mute)}
.terms a,.src a{font-weight:600}
.share{display:flex;flex-wrap:wrap;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 15px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);font:600 .93rem var(--f-body);text-decoration:none;cursor:pointer}
.btn:hover{border-color:var(--ink)}
.btn.primary{width:100%;background:var(--ink);border-color:var(--ink);color:var(--card)}
.share .copybox{flex-basis:100%;margin-top:0}
.others{margin-top:18px}
.others>summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 14px;list-style:none;cursor:pointer;border:1.5px dashed var(--line);border-radius:var(--radius);color:var(--mute);font-weight:600;font-size:.95rem}
.others>summary::-webkit-details-marker{display:none}
.others>summary .lbl::after{margin-left:2px}
.others[open]>summary{margin-bottom:12px}
.others[open]>summary .lbl::after{margin-top:3px;transform:rotate(-135deg)}

/* Werkzeuge: Wegweiser und Fristenrechner */
.tool{padding-block:32px 34px;border-top:1px solid var(--line)}
.kicker{font:700 .78rem/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.tool .sec{margin-top:4px}
.ex{font-size:.84rem;line-height:1.4;color:var(--mute)}
.weg{display:grid;gap:20px;margin-top:16px}
.weg-side{display:grid;gap:14px;min-width:0;align-content:start}
@container main (min-width:960px){
  .weg{grid-template-columns:330px minmax(0,1fr);gap:36px;align-items:start}
  .weg-side{position:sticky;top:calc(env(safe-area-inset-top,0px) + 62px)}
}
.tool-card{min-width:0;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.tool-card>h3{margin-bottom:6px;font:700 .78rem/1.3 var(--f-body);letter-spacing:.11em;text-transform:uppercase;color:var(--mute)}
.tool-card>ul{margin:6px 0 0;padding-left:1.15em;display:grid;gap:8px;line-height:1.45}
.q{display:grid;gap:6px;margin-top:12px}
.q-l{font-weight:600;font-size:.95rem}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{min-height:42px;padding:0 13px;border:1.5px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font:600 .92rem/1.2 var(--f-body);cursor:pointer}
.seg button:hover{border-color:var(--mute)}
.seg button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--card)}
.weg-sum{padding:14px 16px;border-radius:var(--radius);background:var(--navy);color:var(--on-navy)}
.weg-sum h3{font:700 .76rem/1.3 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--yellow)}
.weg-sum p{margin-top:6px;line-height:1.45}
.weg-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.weg-facts span{padding:4px 9px;border-radius:4px;background:var(--navy-2);font:600 .82rem/1.3 var(--f-body)}
.route{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:14px;min-width:0}
.route::before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:repeating-linear-gradient(to bottom,var(--mute) 0 6px,transparent 6px 12px);opacity:.4}
.stn{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px}
.stn-n{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--line);border-radius:4px;background:var(--card);color:var(--mute);font:700 1.25rem/1 var(--f-num)}
.stn.jetzt .stn-n{background:var(--yellow);border-color:var(--yellow);color:var(--on-yellow)}
.stn.danach .stn-n,.stn.immer .stn-n{border-color:var(--ink);color:var(--ink)}
.stn.geklaert .stn-n{background:var(--green-bg);border-color:var(--green);color:var(--green)}
.stn-c{min-width:0;padding:12px 16px 14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.stn.jetzt .stn-c{border:2px solid var(--ink)}
.stn.entfaellt .stn-c,.stn.spaeter .stn-c{background:transparent;border-style:dashed}
.stn.entfaellt .stn-b,.stn.spaeter .stn-b{color:var(--mute)}
.stn-h{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:6px 12px}
.stn-h h3{font:700 1.45rem/1.1 var(--f-display);font-stretch:condensed}
.stn-when{margin-top:2px;font-size:.86rem;color:var(--mute)}
.stn-pill{flex:none;padding:3px 9px;border-radius:999px;background:var(--soft);color:var(--mute);font:700 .7rem/1.4 var(--f-body);letter-spacing:.07em;text-transform:uppercase}
.stn.jetzt .stn-pill{background:var(--yellow);color:var(--on-yellow)}
.stn.geklaert .stn-pill{background:var(--green-bg);color:var(--green)}
.stn.danach .stn-pill,.stn.immer .stn-pill{background:var(--soft);color:var(--ink)}
.paras{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.para{display:inline-flex;align-items:center;min-height:30px;padding:0 9px;border:1px solid var(--line);border-radius:4px;background:var(--soft);color:var(--ink);text-decoration:none;font:700 .8rem/1 var(--f-num);white-space:nowrap}
a.para:hover{border-color:var(--ink)}
.stn-b{display:grid;gap:8px;margin-top:10px;line-height:1.5;-webkit-hyphens:auto;hyphens:auto}
.stn-b ul{margin:0;padding-left:1.15em;display:grid;gap:4px}
.minitl{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.minitl li{display:grid;grid-template-columns:5.6em minmax(0,1fr);gap:10px;align-items:baseline;font-size:.95rem;line-height:1.4}
.minitl b{justify-self:start;padding:3px 7px;border-radius:3px;background:var(--soft);font:700 .78rem/1.2 var(--f-num);white-space:nowrap}
.linkish{min-height:32px;padding:0;border:0;background:none;color:var(--link);font:600 .95rem/1.3 var(--f-body);text-align:left;text-decoration:underline;text-underline-offset:.18em;cursor:pointer}
.calc{display:grid;gap:10px;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--soft)}
.calc h4{font:700 .76rem/1.3 var(--f-body);letter-spacing:.11em;text-transform:uppercase;color:var(--mute)}
.fields{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.fld{display:grid;gap:4px;min-width:0}
.fld>span{font-size:.85rem;font-weight:600;color:var(--mute)}
.fld input,.fld select{width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1.5px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font:400 1rem var(--f-body)}
.calc-out{display:grid;gap:3px;font-size:.95rem;line-height:1.4}
.calc-out .big{font:700 1.7rem/1.1 var(--f-num);font-variant-numeric:tabular-nums}
.weg-extra{display:grid;gap:14px;margin-top:22px}
@container main (min-width:900px){.weg-extra{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.weg-extra>#mustertexte{grid-row:span 2}}
.mt-out{width:100%;margin-top:12px;padding:12px;border:1.5px solid var(--line);border-radius:6px;background:var(--soft);color:var(--ink);font:400 .95rem/1.5 var(--f-body);resize:vertical}
.copyrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}
.btn.dark{background:var(--ink);border-color:var(--ink);color:var(--card)}
.rt-tabs{display:flex;gap:4px;margin-top:16px;overflow-x:auto;scrollbar-width:thin}
.rt-tab{flex:none;min-height:46px;padding:0 16px;border:1.5px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0;background:var(--soft);color:var(--ink);font:600 .95rem/1.2 var(--f-body);cursor:pointer}
.rt-tab[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--card)}
.rt-panel{padding:18px;border:1px solid var(--line);border-radius:0 6px 6px 6px;background:var(--card)}
.rt-grid{display:grid;gap:20px}
@container main (min-width:860px){.rt-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:30px;align-items:start}}
.rt-form{display:grid;gap:12px;min-width:0}
.rt-q{font:700 1.4rem/1.15 var(--f-display);font-stretch:condensed}
.chk-l{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;line-height:1.4;cursor:pointer}
.chk-l input{width:22px;height:22px;margin:0;flex:none;accent-color:var(--ink)}
.zettel{overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--card);box-shadow:0 2px 10px var(--shadow)}
.zettel-h{padding:8px 14px;background:var(--yellow);color:var(--on-yellow);font:700 .78rem/1.3 var(--f-body);letter-spacing:.13em;text-transform:uppercase}
.zettel-b{display:grid;gap:8px;padding:14px 16px 16px}
.z-date{font:700 clamp(2.2rem,7vw,3rem)/1 var(--f-display);font-stretch:condensed;font-variant-numeric:tabular-nums}
.z-wd{color:var(--mute);font-size:.95rem}
.z-cd{justify-self:start;padding:4px 10px;border-radius:999px;background:var(--soft);font:700 .85rem/1.3 var(--f-body)}
.z-cd.warn{background:var(--red-bg);color:var(--red)}
.z-cd.ok{background:var(--green-bg);color:var(--green)}
.z-why{font-size:.96rem;line-height:1.45}
.mr{position:relative;height:28px;margin-top:4px;overflow:hidden;border-radius:3px;background:var(--yellow)}
.mr .done{position:absolute;left:0;top:0;bottom:0;background:var(--yellow-2)}
.mr i{position:absolute;top:0;width:1.5px;height:12px;margin-left:-.75px;background:var(--tick)}
.mr .now{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;background:var(--on-yellow)}
.mr .now-l{position:absolute;bottom:3px;font:700 .68rem/1 var(--f-num);letter-spacing:.08em;text-transform:uppercase;color:var(--on-yellow);white-space:nowrap}
.mr-l{position:relative;height:1.3em;font:600 .78rem/1.3 var(--f-num);color:var(--mute)}
.mr-l span{position:absolute;top:0;white-space:nowrap}
.mr-l .l{left:0}.mr-l .r{right:0}.mr-l .m{transform:translateX(-50%)}
.rt-notes{margin:4px 0 0;padding-left:1.15em;display:grid;gap:6px;font-size:.93rem;line-height:1.45;color:var(--mute)}
.hinweis{display:grid;gap:8px;padding:10px 12px;border-radius:6px;background:var(--soft);font-size:.93rem;line-height:1.45}
.hinweis textarea{width:100%;padding:8px 10px;border:1.5px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font:400 .93rem/1.45 var(--f-body);resize:none}

/* Glossar, Über, Rechtliches */
.block{padding-block:10px 34px}
.lead{margin:8px 0 10px;color:var(--mute);max-width:62ch}
.terms-grid{display:grid;column-gap:28px}
@container main (min-width:760px){.terms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.term{border-bottom:1px solid var(--line);scroll-margin-top:16px}
.term>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;list-style:none;cursor:pointer;font-weight:700}
.term>summary::-webkit-details-marker{display:none}
.term>summary::after{content:"+";font:700 1.3rem/1 var(--f-num);color:var(--mute)}
.term[open]>summary::after{content:"–"}
.term p{padding-bottom:14px;max-width:60ch;font-size:.98rem;line-height:1.5}
.about{display:grid;gap:26px}
.about p{max-width:62ch;margin-top:12px}
.callout{padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--card)}
.sub{margin-top:4px;font:700 1.15rem/1.15 var(--f-display);font-stretch:condensed;text-transform:uppercase;letter-spacing:.04em}
.sub+*{margin-bottom:20px}
.stages{list-style:none;padding:0;margin-top:12px;display:grid;gap:12px}
.stages li{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:start;font-size:.92rem;line-height:1.4}
.stages .steps{margin-top:7px}
.stages b{display:block}
@container main (min-width:900px){.about{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px}}
.legal .panel{padding:20px 22px;font-size:.96rem;line-height:1.55}
.legal h3{margin:16px 0 4px;font-size:.98rem}
.legal p{max-width:70ch}
.ph{padding:0 4px;border-radius:3px;background:var(--yellow);color:var(--on-yellow)}
.reset{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.foot{background:var(--navy);color:var(--on-navy-mute);padding-block:24px 28px}
.foot .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;font-size:.9rem}
.foot b{color:var(--on-navy);font:700 1.25rem/1 var(--f-display);font-stretch:condensed}
.foot nav{display:flex;flex-wrap:wrap;gap:4px 18px}
.foot a{color:var(--on-navy)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ===== Mehrseitige Fassung: Menüband links, Seitenköpfe, Startseite, Mustertexte ===== */
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
:root{--side:#142A55;--side-line:#2E4677;--sbw:272px;--sbw-c:76px;--top-off:calc(env(safe-area-inset-top,0px) + 56px)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--side:#0E1B36;--side-line:#24365C}}
:root[data-theme="dark"]{--side:#0E1B36;--side-line:#24365C}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--top-off) + 12px)}
[hidden]{display:none!important}
.item,.term,.stn,.udw,.tool-body,#urteil-der-woche{scroll-margin-top:calc(var(--top-off) + 14px)}

/* Sprunglink */
.skip{position:absolute;left:12px;top:-80px;z-index:100;padding:10px 14px;border-radius:4px;background:var(--yellow);color:var(--on-yellow);font-weight:700;text-decoration:none}
.skip:focus{top:calc(env(safe-area-inset-top,0px) + 10px)}

/* Grundgerüst */
.app{min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
.main-wrap{min-width:0;container-type:inline-size;container-name:main;overflow-x:clip;display:flex;flex-direction:column;min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
.main-wrap>main{flex:1 0 auto;display:block}
main:focus{outline:none}
html.sb-lock,html.sb-lock body{overflow:hidden}

/* Menüband */
.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;width:min(304px,88vw);padding:calc(env(safe-area-inset-top,0px) + 12px) 10px calc(env(safe-area-inset-bottom,0px) + 12px);background-color:var(--side);background-image:repeating-linear-gradient(135deg,var(--twill) 0 2px,transparent 2px 7px);border-right:1px solid var(--side-line);color:var(--on-navy);transform:translateX(-100%);visibility:hidden;overflow:hidden}
.app.ready .sidebar{transition:transform .26s cubic-bezier(.2,.7,.2,1),visibility 0s linear .26s}
.app.sb-open .sidebar{transform:none;visibility:visible;box-shadow:10px 0 34px rgba(0,0,0,.35)}
.app.ready.sb-open .sidebar{transition:transform .26s cubic-bezier(.2,.7,.2,1),visibility 0s}
.sidebar :focus-visible,.topbar :focus-visible{outline-color:var(--yellow);outline-offset:-2px}
.sb-head{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:2px 2px 12px 4px;border-bottom:1px solid var(--side-line)}
.sb-brand{display:flex;align-items:center;gap:11px;min-width:0;color:inherit;text-decoration:none;border-radius:6px}
.logo.sm{width:40px;height:40px;font-size:1.5rem;padding-bottom:6px}
.logo.sm::after{left:4px;right:4px;bottom:4px;height:5px}
.logo.xs{width:32px;height:32px;font-size:1.2rem;padding-bottom:5px;border-radius:3px}
.logo.xs::after{left:3px;right:3px;bottom:3px;height:4px;background:repeating-linear-gradient(90deg,var(--on-yellow) 0 1px,transparent 1px 4px)}
.sb-text{min-width:0}
.sb-text b{display:block;font:700 1.32rem/1 var(--f-display);font-stretch:condensed;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-text small{display:block;margin-top:5px;font:600 .62rem/1.2 var(--f-body);letter-spacing:.15em;text-transform:uppercase;color:var(--on-navy-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:6px;background:transparent;color:var(--on-navy);cursor:pointer}
.sb-close:hover{background:rgba(255,255,255,.08)}
.sb-close svg,.menu-btn svg{width:24px;height:24px}
.sb-nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--side-line) transparent}
.sb-group{padding:12px 0 6px}
.sb-group+.sb-group{border-top:1px solid var(--side-line)}
.sb-label{padding:2px 10px 6px;font:700 .66rem/1.2 var(--f-body);letter-spacing:.15em;text-transform:uppercase;color:var(--on-navy-mute)}
.sb-link{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;margin-top:2px;padding:0 10px;border-radius:6px;color:var(--on-navy);text-decoration:none;font:600 .97rem/1.2 var(--f-body)}
.sb-link svg{width:22px;height:22px;flex:none;color:var(--on-navy-mute)}
.sb-link:hover{background:rgba(255,255,255,.07)}
.sb-link:hover svg{color:var(--on-navy)}
.sb-link[aria-current="page"]{background:var(--navy-2);box-shadow:inset 3px 0 0 var(--yellow)}
.sb-link[aria-current="page"] svg{color:var(--yellow)}
.sb-link.small{min-height:38px;font-size:.88rem;font-weight:500;color:var(--on-navy-mute)}
.sb-link.small svg{width:18px;height:18px}
.sb-foot{display:grid;gap:6px;padding-top:10px;border-top:1px solid var(--side-line)}
.sb-stand{padding:0 10px;font:500 .8rem/1.3 var(--f-body);color:var(--on-navy-mute);font-variant-numeric:tabular-nums}
.sb-toggle{display:none;align-items:center;gap:12px;min-height:44px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--on-navy-mute);font:600 .9rem/1.2 var(--f-body);text-align:left;cursor:pointer}
.sb-toggle svg{width:22px;height:22px;flex:none;transition:transform .2s}
.sb-toggle:hover{background:rgba(255,255,255,.07);color:var(--on-navy)}
.scrim{position:fixed;inset:0;z-index:55;background:rgba(9,14,26,.55)}

/* Kopfleiste auf schmalen Bildschirmen */
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;display:flex;align-items:center;gap:8px;min-height:56px;padding:0 12px 0 6px;background:var(--side);border-bottom:1px solid var(--side-line);color:var(--on-navy)}
.menu-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px 0 10px;border:0;border-radius:6px;background:transparent;color:var(--on-navy);font:600 .95rem/1 var(--f-body);cursor:pointer}
.menu-btn:hover{background:rgba(255,255,255,.08)}
.tb-sep{width:1px;height:26px;background:var(--side-line)}
.tb-brand{display:flex;align-items:center;gap:9px;min-width:0;padding:4px;border-radius:6px;color:var(--on-navy);text-decoration:none}
.tb-brand b{font:700 1.3rem/1 var(--f-display);font-stretch:condensed;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media (min-width:1024px){
  :root{--top-off:env(safe-area-inset-top,0px)}
  .topbar,.sb-close,.scrim{display:none!important}
  .sidebar{width:var(--sbw);transform:none;visibility:visible;box-shadow:none}
  .app.ready .sidebar{transition:none}
  .main-wrap{margin-left:var(--sbw)}
  .sb-toggle{display:flex}
  .app.sb-collapsed .sidebar{width:var(--sbw-c)}
  .app.sb-collapsed .main-wrap{margin-left:var(--sbw-c)}
  .app.sb-collapsed .sb-text,.app.sb-collapsed .sb-label,.app.sb-collapsed .sb-link span,.app.sb-collapsed .sb-stand,.app.sb-collapsed .tg-l{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .app.sb-collapsed .sb-head{justify-content:center;padding-inline:0}
  .app.sb-collapsed .sb-brand{justify-content:center}
  .app.sb-collapsed .sb-link,.app.sb-collapsed .sb-toggle{justify-content:center;padding:0}
  .app.sb-collapsed .sb-group{padding-top:8px}
  .app.sb-collapsed .sb-toggle svg{transform:rotate(180deg)}
  .app.sb-anim .sidebar{transition:width .2s ease}
  .app.sb-anim .main-wrap{transition:margin-left .2s ease}
}

/* Seitenkopf mit Zollstock-Kante */
.page-head{padding-block:26px 20px}
.page-head h1{margin-top:4px;font:700 clamp(2.1rem,7vw,3.7rem)/.95 var(--f-display);font-size:clamp(2.1rem,7cqi,3.7rem);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-stretch:condensed;text-transform:uppercase;letter-spacing:.005em;text-wrap:balance}
.page-head .lead{margin:12px 0 0;font-size:1.04rem;line-height:1.5;max-width:66ch}
.page-head .disclaimer{margin-top:8px}
.rule{height:16px;background-color:var(--yellow);background-image:repeating-linear-gradient(90deg,var(--tick) 0 2px,transparent 2px 100px),repeating-linear-gradient(90deg,var(--tick) 0 1.5px,transparent 1.5px 50px),repeating-linear-gradient(90deg,var(--tick) 0 1px,transparent 1px 10px);background-size:100% 11px,100% 8px,100% 4px;background-repeat:no-repeat;box-shadow:0 2px 0 var(--yellow-2)}
.tool-body{padding-block:24px 44px}

/* Start */
.hero h1{font-size:clamp(2.4rem,8.2vw,3.6rem);font-size:clamp(2.4rem,8.2cqi,3.6rem)}
@container main (min-width:820px){.hero h1{font-size:clamp(2.8rem,5cqi,4.4rem)}}
.hero-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.hero-tools a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1.5px solid var(--yellow);border-radius:6px;color:var(--yellow);text-decoration:none;font:600 .95rem/1.2 var(--f-body)}
.hero-tools a:hover{background:var(--yellow);color:var(--on-yellow)}
.hero-tools svg{width:18px;height:18px;flex:none}
.week-more{margin-top:12px;font-size:.92rem}
.week-more a{color:var(--yellow);font-weight:600}
.start{padding-block:26px 6px}
.start-grid{display:grid;gap:14px}
@container main (min-width:740px){.start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.start-grid>.udw-mini{grid-column:2;grid-row:span 2}}
@container main (min-width:900px){.start-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.start-grid>.udw-mini{grid-column:auto;grid-row:auto}}
.mini{display:flex;flex-direction:column;gap:10px;min-width:0;padding:16px 18px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.mini h2{font:700 1.3rem/1.1 var(--f-display);font-stretch:condensed;text-transform:uppercase;letter-spacing:.03em}
.mini .tally{margin:2px 0 0}
.mini p.small{font-size:.9rem;line-height:1.45;color:var(--mute)}
.go{margin-top:auto;padding-top:4px;font-weight:600}
.go a{text-decoration:none}
.go a:hover{text-decoration:underline}
.go a::after{content:" →"}
.udw-mini{background:var(--folder);border-color:var(--folder-2);color:var(--folder-ink);box-shadow:0 2px 0 var(--folder-2)}
.udw-mini .mini-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.udw-mini .file{font-size:.82rem}
.udw-mini .stamp{font-size:.68rem;padding:3px 8px;flex:none}
.udw-q{font:700 1.45rem/1.08 var(--f-display);font-stretch:condensed}
.udw-a{font-weight:600;line-height:1.45}
.udw-mini a{color:var(--folder-ink)}
.mini-fr{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.mini-fr a{display:grid;grid-template-columns:5.4em minmax(0,1fr);gap:4px 10px;padding:9px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:.93rem;line-height:1.35}
.mini-fr a:hover span{text-decoration:underline}
.mini-fr time{font:700 .93rem/1.35 var(--f-num);font-variant-numeric:tabular-nums}
.mini-fr .cd{grid-column:2;font-size:.8rem;font-weight:600;color:var(--mute)}
.mini-fr .cd.soon{color:var(--red)}
.areas{padding-block:26px 40px}
.areas>.sec{margin-bottom:14px}
.tiles{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
@container main (min-width:560px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container main (min-width:900px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.tiles .tile{flex-direction:column;gap:12px}}
.tile{display:flex;align-items:flex-start;gap:14px;min-width:0;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);text-decoration:none}
.tile:hover{border-color:var(--ink)}
.tile:hover b{text-decoration:underline;text-underline-offset:.15em}
.tile-i{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:6px;background:var(--yellow);color:var(--on-yellow)}
.tile-i svg{width:24px;height:24px}
.tile-b{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.tile-b b{font:700 1.25rem/1.1 var(--f-display);font-stretch:condensed;text-transform:uppercase;letter-spacing:.02em}
.tile-b .t-d{font-size:.92rem;line-height:1.4;color:var(--mute)}
.stat{margin-top:auto;padding-top:4px;font:700 .78rem/1.3 var(--f-num);letter-spacing:.05em;text-transform:uppercase;color:var(--ink)}
.stat:empty{display:none}
.cta-row{padding-block:6px 40px}
.cta-row .tile{max-width:640px;flex-direction:row}

/* Betriebsprofil als Leiste auf Unterseiten */
.selwrap{position:relative;display:inline-flex;align-items:center;max-width:100%;min-width:0}
.selwrap select{min-width:0;max-width:100%;padding-right:1.5em}
.sentence select{background-image:none!important}
.selwrap svg{position:absolute;right:2px;top:50%;width:14px;height:14px;margin-top:-6px;pointer-events:none;color:var(--yellow)}
.pbar{margin-top:20px}
.pbar-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:10px 12px 10px 16px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--yellow);border-radius:var(--radius)}
.pbar-k{min-width:0;flex:1 1 260px;font-size:.96rem;line-height:1.4}
.pbar-l{display:block;font:700 .68rem/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.pbar-t{font-weight:600}
.pbar-form{margin-top:8px;padding:16px 18px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.light .sentence{color:var(--ink);font-size:1.12rem}
.light .sentence select{color:var(--link);border-bottom-color:var(--link);font-size:1.3rem}
.light .selwrap svg{color:var(--link)}
.light .traits legend{color:var(--mute)}
.light .trait{border-color:var(--line);background:var(--card);color:var(--ink)}
.light .trait:hover{border-color:var(--mute)}
.light .trait[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--card)}
.light .trait[aria-pressed="true"]::before{border-color:var(--yellow);background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='%23151A28' stroke-width='2'/%3E%3C/svg%3E") center/12px no-repeat}
.light .pnote{color:var(--mute)}
.light .pnote b{color:var(--ink)}
.light .linkbtn{color:var(--link)}

/* Listen auf Unterseiten */
.feed-count{font:600 .9rem/1.3 var(--f-body);color:var(--mute)}
.feed-solo{max-width:900px;padding-block:22px 40px}
.layout{padding-block:22px 40px}
@container main (min-width:1000px){.side{top:calc(var(--top-off) + 16px)}}
@container main (min-width:960px){.weg-side{top:calc(var(--top-off) + 16px)}}
.zs{padding-block:22px 6px}
.udw{padding-block:22px 6px}
.rg-note{margin-top:4px;font-size:.88rem;color:var(--mute)}

/* Wegweiser: passende Mustertexte */
.weg-extra{grid-template-columns:minmax(0,1fr)}
@container main (min-width:740px){.weg-extra{grid-template-columns:repeat(3,minmax(0,1fr))}}
.linklist{list-style:none;margin:4px 0 0;padding:0}
.linklist li+li{border-top:1px solid var(--line)}
.linklist a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:6px 0;font-weight:600;text-decoration:none}
.linklist a::after{content:"→";flex:none;color:var(--mute)}
.linklist a:hover span{text-decoration:underline;text-underline-offset:.18em}

/* Mustertexte */
.mt-page{display:grid;gap:16px}
.mt-nav{display:none}
.mt-pick{max-width:560px}
.mt-pick .fld>span{color:var(--ink)}
@container main (min-width:900px){
  .mt-page{grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}
  .mt-pick{display:none}
  .mt-nav{display:block;position:sticky;top:calc(var(--top-off) + 16px);max-height:calc(100vh - var(--top-off) - 32px);overflow:auto;scrollbar-width:thin;padding-right:4px}
}
.tl-g+.tl-g{margin-top:14px}
.tl-k{padding:0 10px 6px;font:700 .68rem/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.tl-g ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.tl-item{display:block;padding:8px 10px;border-left:3px solid transparent;border-radius:4px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;line-height:1.3}
.tl-item:hover{background:var(--card)}
.tl-item[aria-current="true"]{background:var(--card);border-left-color:var(--yellow);box-shadow:0 1px 3px var(--shadow)}
.mt-ed{min-width:0;padding:18px 18px 20px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.tpl-t{margin-top:3px;font:700 clamp(1.55rem,5vw,2.4rem)/1 var(--f-display);font-size:clamp(1.55rem,5cqi,2.4rem);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-stretch:condensed;text-transform:uppercase;letter-spacing:.01em;text-wrap:balance}
.tpl-d{margin-top:8px;max-width:64ch;line-height:1.5}
.mt-ed .ex{margin-top:14px}
.mt-ed .fields{margin-top:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.fld-wide{grid-column:1/-1}
.fld textarea{width:100%;min-width:0;padding:8px 10px;border:1.5px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font:400 1rem/1.45 var(--f-body);resize:vertical}
.mt-ed .chk-l{min-height:44px;align-items:center}
.tpl-info{margin-top:12px;padding:10px 12px;border-left:4px solid var(--amber);border-radius:4px;background:var(--amber-bg);font-size:.93rem;line-height:1.45}
.tpl-info:empty{display:none}
.mt-out{font-size:.97rem;line-height:1.55;tab-size:4}
.tpl-notes{margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}
.tpl-notes h3{font:700 .76rem/1.3 var(--f-body);letter-spacing:.11em;text-transform:uppercase;color:var(--mute)}
.tpl-notes ul{margin:8px 0 0;padding-left:1.15em;display:grid;gap:7px;line-height:1.45}
.mt-ed .disclaimer{margin-top:16px}

/* Glossar */
.gl-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:12px}
.gl-tools .search{max-width:460px}
.gl-wrap{padding-block:22px 40px}
.term:target>summary,.term[open]>summary{color:var(--ink)}

/* Über, Rechtliches */
.about-wrap{padding-block:24px 40px}
.legal-wrap{padding-block:24px 44px}
.legal .panel{max-width:860px}
.legal .panel>h2{margin:18px 0 4px;font-size:1.02rem}
.legal .panel>h2:first-child{margin-top:0}

/* Ergänzungen */
.tool-card>h2{margin-bottom:6px;font:700 .78rem/1.3 var(--f-body);letter-spacing:.11em;text-transform:uppercase;color:var(--mute)}
.tool-card>.linklist{padding-left:0;gap:0}
.weg-main{min-width:0}
.inst{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}
.inst li{display:grid;gap:2px;font-size:.92rem;line-height:1.4}
.zs-list-t{margin:26px 0 6px;font-size:1.35rem}
.terms-grid>.empty{grid-column:1/-1}

/* Konto, Anmeldung und Sperre der Mustertexte */
.sb-acc{margin-bottom:2px}
.tb-acc{display:grid;place-items:center;width:44px;height:44px;margin-left:auto;flex:none;border-radius:6px;color:var(--on-navy)}
.tb-acc:hover{background:rgba(255,255,255,.08)}
.tb-acc svg{width:24px;height:24px}
#pvBar:empty{display:none}
.pv-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:18px;padding:12px 14px;border-left:4px solid var(--amber);border-radius:4px;background:var(--amber-bg);font-size:.93rem;line-height:1.45}
.pv-bar p{max-width:70ch;min-width:0}
.auth{display:grid;gap:14px;max-width:520px;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.auth-intro{display:flex;align-items:center;gap:10px;font-weight:600;line-height:1.35}
.auth-intro svg{width:22px;height:22px;flex:none;color:var(--amber)}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:8px;background:var(--soft)}
.auth-tab{min-height:42px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--mute);font:600 .95rem/1.2 var(--f-body);cursor:pointer}
.auth-tab[aria-selected="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px var(--shadow)}
.auth-form,.auth-sent{display:grid;gap:12px}
.auth-t{font:700 1.45rem/1.1 var(--f-display);font-stretch:condensed;text-transform:uppercase;letter-spacing:.02em}
.auth-t:focus{outline:none}
.auth-d{font-size:.95rem;line-height:1.45;color:var(--mute)}
.auth-note{font-size:.84rem;line-height:1.45;color:var(--mute)}
.auth-alt{font-size:.93rem}
.btn.wide{width:100%}
.btn:disabled{opacity:.65;cursor:progress}
.fld>label{font-size:.85rem;font-weight:600;color:var(--mute)}
.pw-wrap{position:relative;display:flex}
.pw-wrap input{padding-right:104px}
.pw-eye{position:absolute;top:5px;right:5px;bottom:5px;min-width:88px;padding:0 10px;border:0;border-radius:4px;background:var(--soft);color:var(--ink);font:600 .84rem/1 var(--f-body);cursor:pointer}
.form-msg{padding:10px 12px;border-radius:4px;font-size:.93rem;line-height:1.45}
.form-msg.err{background:var(--red-bg);color:var(--red)}
.form-msg.ok{background:var(--green-bg);color:var(--green)}
.form-msg.info{background:var(--soft);color:var(--ink)}
.acc{display:grid;gap:12px;max-width:640px}
.acc-card{display:grid;gap:10px;padding:18px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--yellow);border-radius:var(--radius)}
.acc-co{font:700 clamp(1.6rem,5vw,2.2rem)/1.05 var(--f-display);font-stretch:condensed;text-transform:uppercase;overflow-wrap:anywhere}
.acc-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;margin:0;font-size:.95rem}
.acc-dl dt{color:var(--mute);font-weight:600}
.acc-dl dd{margin:0;overflow-wrap:anywhere}
.acc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.acc-more{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.acc-more>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:0 16px;list-style:none;cursor:pointer;font-weight:700}
.acc-more>summary::-webkit-details-marker{display:none}
.acc-more>summary::after{content:"+";font:700 1.3rem/1 var(--f-num);color:var(--mute)}
.acc-more[open]>summary::after{content:"–"}
.acc-form{display:grid;gap:12px;padding:0 16px 16px}
.acc-danger>summary{color:var(--red)}
.btn.danger{border-color:var(--red);color:var(--red)}
.btn.danger:hover{background:var(--red-bg)}
.gate{display:grid;gap:24px}
.gate-auth .auth{max-width:none}
@container main (min-width:900px){.gate{grid-template-columns:minmax(0,1fr) 400px;align-items:start}.gate-auth{grid-column:2;grid-row:1;position:sticky;top:calc(var(--top-off) + 16px)}.gate-list{grid-column:1;grid-row:1}}
.gate-list>.sec{margin-bottom:12px}
.gl-g+.gl-g{margin-top:16px}
.gl-g .tl-k{padding-left:0}
.gl-ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.gl-ul li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;padding:10px 2px;border-bottom:1px solid var(--line)}
.gl-ul svg{width:18px;height:18px;margin-top:2px;color:var(--mute)}
.gl-ul b{display:block;font-weight:700}
.gl-ul span{display:block;font-size:.92rem;line-height:1.4;color:var(--mute)}
.mt-loading{padding:14px 0}