/* maidav.de: Papierweiss, Tinte, Kobalt, Kupfer. Newsreader (Titel und Lesetext), Schibsted Grotesk (Oberflaeche), Geist Mono (Zahlen). Alles lokal. */
@font-face{font-family:'Newsreader';src:url(/assets/fonts/newsreader-var-latin.woff2) format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Newsreader';src:url(/assets/fonts/newsreader-italic-var-latin.woff2) format('woff2');font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:'Schibsted Grotesk';src:url(/assets/fonts/schibsted-grotesk-var-latin.woff2) format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:'Geist Mono';src:url(/assets/fonts/geist-mono-var-latin.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --paper:#f4f2ed;--paper-2:#ebe7de;--card:#fbfaf7;--ink:#0e1622;--ink-2:#394352;--ink-3:#5f6876;
  --line:rgba(14,22,34,.12);--line-2:rgba(14,22,34,.2);--cobalt:#2346f5;--cobalt-2:#3b5bff;--copper:#b5562b;--night:#0b1220;--night-2:#141d30;
  --serif:'Newsreader',Georgia,'Times New Roman',serif;--sans:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'Geist Mono',ui-monospace,'SFMono-Regular',Consolas,monospace;
  --r:14px;--r-s:9px;--shadow:0 1px 2px rgba(14,22,34,.06),0 10px 30px -12px rgba(14,22,34,.22);--hue:var(--cobalt);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.55 var(--sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.is-locked{overflow:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
iframe{color-scheme:normal}
[hidden]{display:none!important}
button{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.015em;line-height:1.12;margin:0;font-optical-sizing:auto}
p{margin:0 0 1em}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.wrap--text{max-width:820px}.wrap--tool{max-width:1120px}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--ink);color:var(--paper);padding:.6rem 1rem;border-radius:8px}
.skip:focus{left:12px}
:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px;border-radius:4px}
.ic{width:20px;height:20px;flex:none}.ic--big{width:30px;height:30px}.ic--flip{transform:rotate(180deg)}
.kicker{font:600 .74rem/1.3 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .7rem;display:flex;align-items:center;gap:.5rem}
.kicker .ic{width:16px;height:16px}
.kicker--cat,.kicker--cat a{color:var(--hue);text-decoration:none}
.fmt{font:600 .66rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:.32rem .5rem;border-radius:99px;border:1px solid var(--line-2);color:var(--ink-2)}
.fmt--fokus{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.link{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--cobalt);text-decoration:none}
.link:hover{text-decoration:underline;text-underline-offset:3px}
.link .ic{width:16px;height:16px}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.2rem;border-radius:99px;font:600 .95rem/1 var(--sans);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s,background .2s,color .2s}
.btn .ic{width:18px;height:18px}
.btn--ink{background:var(--ink);color:var(--paper)}.btn--ink:hover{background:var(--cobalt);transform:translateY(-1px)}
.btn--line{border-color:var(--line-2);background:transparent}.btn--line:hover{border-color:var(--ink)}
.glass{background:rgba(251,250,247,.72);-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow)}
.lead{font:400 clamp(1.2rem,1.9vw,1.42rem)/1.55 var(--serif);color:var(--ink-2)}
.lead--wide{max-width:62ch;margin-bottom:2.2rem}
.small{font-size:.85rem;color:var(--ink-3)}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:.7rem 1.1rem;border-radius:99px;font-weight:600;font-size:.9rem;opacity:0;pointer-events:none;transition:.25s;z-index:90}
.toast.is-on{opacity:1;transform:translate(-50%,0)}
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.rv.is-in{opacity:1;transform:none}

/* Kopf */
.progress{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--hue);transform-origin:0 50%;transform:scaleX(0);z-index:60}
.topbar{background:var(--night);color:#c9cfda;font:500 .76rem/1 var(--mono);letter-spacing:.02em}
.topbar__in{display:flex;justify-content:space-between;align-items:center;gap:1rem;height:34px}
.topbar__link{display:inline-flex;align-items:center;gap:.4rem;color:#fff;text-decoration:none;font-family:var(--sans);font-weight:600}
.topbar__link .ic{width:15px;height:15px}.topbar__link:hover{color:#b9c6ff}
@media (max-width:700px){.topbar__claim{display:none}}
.hd{position:sticky;top:0;z-index:50;background:rgba(244,242,237,.86);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.hd.is-scrolled{border-color:var(--line);box-shadow:0 8px 24px -18px rgba(14,22,34,.35)}
.hd__bar{display:flex;align-items:center;gap:1.2rem;height:68px}
.logo{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink)}
.mark{width:30px;height:30px}.mark__box{fill:var(--ink)}.mark__m{stroke:var(--paper)}.mark__dot{fill:var(--cobalt-2)}
.logo__word{font:800 1.6rem/1 var(--sans);letter-spacing:-.045em;text-transform:none}
.nc{text-transform:none}
.hd__nav{flex:1;display:flex;justify-content:center}
.hd__nav ul{display:flex;gap:.25rem;list-style:none;margin:0;padding:0}
.hd__nav a{display:block;padding:.55rem .7rem;font:500 .95rem/1 var(--sans);text-decoration:none;color:var(--ink-2);border-radius:8px;position:relative}
.hd__nav a::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.2rem;height:2px;background:var(--hue,var(--cobalt));transform:scaleX(0);transform-origin:left;transition:transform .25s}
.hd__nav a:hover,.hd__nav a[aria-current]{color:var(--ink)}
.hd__nav a:hover::after,.hd__nav a[aria-current]::after{transform:scaleX(1)}
.hd__nav-tools{margin-left:.4rem;padding-left:.6rem;border-left:1px solid var(--line)}
.hd__act{display:flex;align-items:center;gap:.35rem;margin-left:auto}
.hd__btn{display:inline-flex;align-items:center;gap:.45rem;height:42px;min-width:42px;justify-content:center;padding:0 .6rem;border-radius:99px;border:1px solid var(--line);background:var(--card);cursor:pointer;text-decoration:none;position:relative}
.hd__btn:hover{border-color:var(--ink)}
.hd__btn kbd{font:500 .7rem/1 var(--mono);color:var(--ink-3)}
.hd__lang{font:700 .78rem/1 var(--sans);letter-spacing:.06em;text-decoration:none;color:var(--ink)}
.hd__count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:99px;background:var(--cobalt);color:#fff;font:700 .68rem/18px var(--sans);text-align:center;padding:0 4px}
.hd__menu{display:none}
@media (max-width:1100px){.hd__nav{display:none}.hd__menu{display:inline-flex}.hd__search kbd{display:none}}
.drawer{position:fixed;inset:0;z-index:80;background:rgba(11,18,32,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.drawer__panel{position:absolute;top:0;left:0;bottom:0;width:min(420px,92vw);background:var(--paper);padding:1.4rem 1.4rem 2rem;overflow:auto;box-shadow:var(--shadow)}
.drawer__close{position:absolute;top:1rem;right:1rem}
.drawer__brand{display:flex;flex-direction:column;gap:.4rem;margin:0 0 1.6rem;font:500 .85rem/1.3 var(--mono);color:var(--ink-3)}
.drawer__list{list-style:none;margin:0 0 1.6rem;padding:0;display:grid;gap:.2rem}
.drawer__list a{display:grid;grid-template-columns:auto 1fr;gap:.1rem .7rem;align-items:center;padding:.65rem .5rem;border-radius:10px;text-decoration:none}
.drawer__list a:hover{background:var(--paper-2)}
.drawer__list span{font-weight:600}.drawer__list small{grid-column:2;color:var(--ink-3);font-size:.8rem;line-height:1.35}
.drawer__list--small a{grid-template-columns:auto 1fr}
.dot{width:10px;height:10px;border-radius:3px;background:var(--hue)}
.drawer__foot{font-size:.9rem;color:var(--ink-3)}.drawer__foot a{color:var(--ink)}
.search{position:fixed;inset:0;z-index:85;background:rgba(11,18,32,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;padding:10vh 16px 16px}
.search__panel{width:min(720px,100%);background:var(--paper);border-radius:18px;box-shadow:0 30px 80px -20px rgba(0,0,0,.5);overflow:hidden}
.search__bar{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;border-bottom:1px solid var(--line)}
.search__bar input{flex:1;border:0;background:transparent;font:500 1.15rem/1.3 var(--sans);outline:none;min-width:0}
.search__res{list-style:none;margin:0;padding:.4rem;max-height:56vh;overflow:auto}
.search__res a{display:flex;gap:.8rem;align-items:center;padding:.6rem;border-radius:10px;text-decoration:none}
.search__res a.is-sel,.search__res a:hover{background:var(--paper-2)}
.search__res img{width:64px;height:40px;object-fit:cover;border-radius:6px;flex:none}
.search__ic{width:64px;height:40px;border-radius:6px;background:var(--paper-2);flex:none}
.search__res span{display:flex;flex-direction:column;min-width:0}
.search__res small{font:600 .7rem/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--cobalt)}
.search__res strong{font-family:var(--serif);font-size:1.08rem;font-weight:600}
.search__res em{font-style:normal;font-size:.85rem;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search__none{padding:1rem;color:var(--ink-3)}
.search__hint{margin:0;padding:.6rem 1rem;border-top:1px solid var(--line);font:500 .75rem/1.2 var(--mono);color:var(--ink-3)}

/* Abschnitte */
.sec{padding:clamp(3rem,7vw,5.5rem) 0}
.sec__head{margin-bottom:2rem;max-width:760px}
.sec__head--row{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap;max-width:none}
.sec__title{font-size:clamp(1.9rem,3.6vw,2.9rem)}
.sec__dek{color:var(--ink-2);font-size:1.08rem;max-width:60ch;margin-top:.8rem}
.sec__more{margin:2rem 0 0;text-align:center}
.grid{display:grid;gap:clamp(1rem,2.4vw,2rem)}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1000px){.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.grid--3{grid-template-columns:1fr}}
.grid:not(.is-all) .is-more{display:none}

/* Bilder */
.pic{margin:0;position:relative;overflow:hidden;background:linear-gradient(135deg,#dfe3ec,#efe9df)}
.pic img{width:100%;height:100%;object-fit:cover}
.pic--ph{display:flex;align-items:flex-end;padding:1rem;color:var(--ink-3);font-size:.8rem;background:repeating-linear-gradient(135deg,#e6e2d8 0 12px,#ece8df 12px 24px)}
.pic--ph span{max-width:40ch}

/* Karten */
.card{display:flex;flex-direction:column;background:var(--card);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);transition:transform .3s,box-shadow .3s}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.card__img .pic{aspect-ratio:3/2}
.card__img img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.card:hover .card__img img{transform:scale(1.04)}
.card__body{display:flex;flex-direction:column;flex:1;padding:1.1rem 1.2rem 1rem}
.card__body .kicker{justify-content:space-between}
.card__title{font-size:1.4rem;line-height:1.18;margin-bottom:.55rem}
.card__title a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .35s}
.card__title a:hover{background-size:100% 1px}
.card__dek{color:var(--ink-2);font-size:.96rem;margin-bottom:1rem}
.card__meta{margin:auto 0 0;display:flex;align-items:center;gap:.4rem;font:500 .8rem/1 var(--mono);color:var(--ink-3)}
.card__meta .ic{width:15px;height:15px}
.card__read{display:inline-flex;align-items:center;gap:.25rem;color:#0e8a62}
.save{margin-left:auto;width:36px;height:36px;border-radius:99px;border:1px solid var(--line);background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.save .ic{width:17px;height:17px}
.save[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.card--s .card__title{font-size:1.15rem}

/* Startseite: Titel */
.hero{position:relative;min-height:clamp(600px,88vh,880px);display:flex;color:#fff;overflow:hidden;background:var(--night)}
.hero__media{position:absolute;inset:-4% 0 0;will-change:transform}
.hero__pic{height:100%}
.hero__pic .ki-badge{bottom:auto!important;top:16px!important;right:16px!important}
.hero__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,24,.86) 0%,rgba(8,13,24,.55) 42%,rgba(8,13,24,.08) 75%),linear-gradient(0deg,rgba(8,13,24,.8) 0%,transparent 45%)}
.hero__curve{position:absolute;left:0;right:0;bottom:0;width:100%;height:32%;pointer-events:none}
.hero__curve path{fill:none;stroke:#7d93ff;stroke-width:2.2;opacity:.9;vector-effect:non-scaling-stroke}
.hero__curve .hero__curve2{stroke:#e0905f;stroke-width:1.6;opacity:.75}
.hero__curve path.is-drawn{transition:stroke-dashoffset 2.6s cubic-bezier(.3,.6,.2,1);stroke-dashoffset:0!important}
.hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:2rem;padding-top:4rem;padding-bottom:clamp(3rem,8vw,5.5rem);align-items:end}
.hero__story{display:block;max-width:760px;text-decoration:none;color:#fff}
.hero__story .kicker{color:#b9c6ff}
.hero__title{display:block;font:600 clamp(2.5rem,6.2vw,5.2rem)/1.02 var(--serif);letter-spacing:-.025em;margin-bottom:1.1rem;text-wrap:balance}
.hero__dek{display:block;font:400 clamp(1.1rem,1.6vw,1.32rem)/1.5 var(--serif);color:rgba(255,255,255,.86);max-width:58ch;margin-bottom:1.6rem}
.hero__go{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.25rem;border-radius:99px;background:#fff;color:var(--ink);font:600 .95rem/1 var(--sans);transition:background .2s,color .2s}
.hero__story:hover .hero__go{background:var(--cobalt-2);color:#fff}
.hero__min{font:500 .78rem/1 var(--mono);opacity:.6;margin-left:.3rem}
.hero__leit{align-self:end;justify-self:end;max-width:360px;padding:1.3rem 1.4rem;border-radius:var(--r);background:rgba(11,18,32,.42);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.16)}
.hero__leit .kicker{color:#e0a37d}
.hero__leit p:last-child{margin:0;font:italic 400 1.2rem/1.45 var(--serif)}
@media (max-width:900px){.hero__inner{grid-template-columns:1fr}.hero__leit{justify-self:start}.hero__veil{background:linear-gradient(0deg,rgba(8,13,24,.92) 0%,rgba(8,13,24,.55) 60%,rgba(8,13,24,.25) 100%)}}

/* Themen */
.sec--topics{background:var(--card);border-block:1px solid var(--line)}
.topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.topic{padding:1.6rem 1.6rem 1.8rem 0;border-bottom:1px solid var(--line);position:relative}
.topic:not(:nth-child(3n+1)){padding-left:1.6rem;border-left:1px solid var(--line)}
.topic::before{content:"";position:absolute;top:-1px;left:0;width:56px;height:3px;background:var(--hue)}
.topic:not(:nth-child(3n+1))::before{left:1.6rem}
.topic__head{display:flex;align-items:baseline;gap:.8rem;text-decoration:none;margin-bottom:.6rem}
.topic__n{font:500 .8rem/1 var(--mono);color:var(--hue)}
.topic__name{font:600 1.9rem/1.1 var(--serif)}
.topic__head .ic{margin-left:auto;opacity:0;transform:translateX(-6px);transition:.25s;color:var(--hue)}
.topic__head:hover .ic{opacity:1;transform:none}
.topic__short{color:var(--ink-3);font-size:.92rem;margin-bottom:1rem}
.topic__list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.topic__list a{font:500 1.05rem/1.35 var(--serif);text-decoration:none;display:block;padding-left:1rem;position:relative}
.topic__list a::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:2px;background:var(--hue)}
.topic__list a:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.topics{grid-template-columns:1fr 1fr}.topic,.topic:not(:nth-child(3n+1)){padding:1.4rem 1.2rem;border-left:0}.topic:nth-child(2n){border-left:1px solid var(--line)}.topic::before,.topic:not(:nth-child(3n+1))::before{left:1.2rem}}
@media (max-width:600px){.topics{grid-template-columns:1fr}.topic:nth-child(2n){border-left:0}.topic,.topic:not(:nth-child(3n+1)){padding:1.4rem 0}.topic::before,.topic:not(:nth-child(3n+1))::before{left:0}}

/* Kompass */
.kompass{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}
.kompass__roles{display:grid;gap:.6rem;margin-top:1.6rem}
.role{display:grid;gap:.2rem;text-align:left;padding:1rem 1.2rem;border-radius:var(--r);border:1px solid var(--line-2);background:var(--card);cursor:pointer;transition:.2s}
.role strong{font:600 1.15rem/1.2 var(--serif)}
.role span{font-size:.9rem;color:var(--ink-3)}
.role:hover{border-color:var(--ink)}
.role[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.role[aria-selected=true] span{color:#b8c0cc}
.kpath{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.2rem;box-shadow:var(--shadow);animation:kin .45s ease}
@keyframes kin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.kpath__list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.kpath__list a{display:grid;grid-template-columns:auto 96px 1fr;gap:1rem;align-items:center;padding:.6rem;border-radius:12px;text-decoration:none}
.kpath__list a:hover{background:var(--paper)}
.kpath__n{font:600 1.4rem/1 var(--mono);color:var(--hue);width:1.6rem;text-align:center}
.kpath__img .pic{aspect-ratio:3/2;border-radius:8px}
.kpath__img .pic--ph span,.toc__img .pic--ph span{display:none}
.kpath__body{display:grid;gap:.2rem}
.kpath__cat{font:600 .72rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--hue)}
.kpath__t{font:600 1.12rem/1.25 var(--serif)}
.kpath__tool{display:flex;align-items:center;gap:.8rem;margin-top:.8rem;padding:1rem 1.1rem;border-radius:12px;background:var(--paper-2);text-decoration:none;font-weight:600}
.kpath__tool span{display:grid;flex:1}.kpath__tool small{font:600 .7rem/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.kpath__tool:hover{background:var(--ink);color:var(--paper)}
@media (max-width:900px){.kompass{grid-template-columns:1fr}.kompass__roles{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.kompass__roles{grid-template-columns:1fr}.kpath__list a{grid-template-columns:auto 72px 1fr;gap:.7rem}}

/* Lesepfad */
.sec--pfad{background:var(--night);color:#e9ecf2}
.sec--pfad .kicker{color:#9fb0ff}.sec--pfad .sec__dek{color:#b7bfcc}
.pfad{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,4vw,4rem)}
.pfad__progress{margin-top:1.4rem;font:500 .9rem/1 var(--mono);color:#e0a37d}
.pfad__list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.14)}
.pfad__list li{border-bottom:1px solid rgba(255,255,255,.14)}
.pfad__list a{display:grid;grid-template-columns:3.4rem 1fr auto;gap:1rem;align-items:center;padding:1.15rem 0;text-decoration:none;transition:padding .25s}
.pfad__list a:hover{padding-left:.6rem}
.pfad__n{font:500 1.6rem/1 var(--mono);color:var(--hue);filter:brightness(1.6)}
.pfad__body{display:grid;gap:.25rem}
.pfad__cat{font:600 .7rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#8d97a7}
.pfad__t{font:600 1.3rem/1.2 var(--serif);color:#fff}
.pfad__d{font-size:.9rem;color:#a9b2c0;max-width:56ch}
.pfad__m{display:flex;align-items:center;gap:.4rem;font:500 .8rem/1 var(--mono);color:#8d97a7;white-space:nowrap}
.pfad__check{opacity:0;color:#4fd1a1}
.pfad__list li.is-read .pfad__check{opacity:1}
.pfad__list li.is-read .pfad__t{color:#c9d1dc}
@media (max-width:900px){.pfad{grid-template-columns:1fr}.pfad__d{display:none}}

/* Rechnen */
.rechnen{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}
.rechnen__tools{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:.3rem}
.rechnen__tools a{display:flex;align-items:center;gap:.7rem;padding:.7rem .2rem;border-bottom:1px solid var(--line);text-decoration:none;font-weight:600}
.rechnen__tools a span{flex:1}.rechnen__tools a:hover{color:var(--cobalt)}
@media (max-width:1000px){.rechnen{grid-template-columns:1fr}}

/* Koepfe, Briefing, Vertrauen */
.koepfe{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}
.koepfe__img .pic{aspect-ratio:4/3;border-radius:18px}
.koepfe__text p{color:var(--ink-2);font-size:1.05rem}
.koepfe__text .btn{margin:.3rem .4rem .3rem 0}
@media (max-width:900px){.koepfe{grid-template-columns:1fr}}
.sec--briefing{background:linear-gradient(135deg,var(--night) 0%,#13215a 100%);color:#fff}
.briefing{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}
.briefing .kicker{color:#b9c6ff}
.briefing__text p{color:#c3cad6;font-size:1.05rem}
.briefing__form{background:var(--card);border-radius:18px;padding:.8rem;min-height:120px;color:var(--ink)}
@media (max-width:900px){.briefing{grid-template-columns:1fr}}
.trust{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}
.trust li{display:grid;gap:.5rem;align-content:start;padding:1.4rem;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}
.trust .ic{color:var(--cobalt)}
.trust strong{font:600 1.2rem/1.2 var(--serif)}
.trust span{font-size:.92rem;color:var(--ink-2)}
@media (max-width:1000px){.trust{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.trust{grid-template-columns:1fr}}

/* Chips */
.chips{display:flex;gap:.4rem;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;padding:.5rem .85rem;border-radius:99px;border:1px solid var(--line-2);background:transparent;font:500 .88rem/1 var(--sans);text-decoration:none;cursor:pointer;transition:.2s}
.chip:hover{border-color:var(--hue,var(--ink))}
.chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chips--wrap{margin-top:.4rem}

/* Seitenkoepfe */
.phero{position:relative;min-height:clamp(380px,56vh,560px);display:flex;align-items:flex-end;overflow:hidden;background:var(--night)}
.phero--short{min-height:clamp(340px,46vh,460px)}
.phero__img{position:absolute;inset:0}
.phero__img .ki-badge{bottom:auto!important;top:14px!important}
.phero__veil{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,13,24,.7) 0%,rgba(8,13,24,.1) 60%)}
.phero__inner{position:relative;padding-bottom:2.4rem;padding-top:6rem}
.phero__card{max-width:640px;padding:1.6rem 1.8rem;border-radius:18px}
.phero__title{font-size:clamp(2.4rem,5.4vw,4.2rem);margin-bottom:.6rem}
.phero__dek{color:var(--ink-2);font-size:1.08rem;margin:0}
.phero__card .btn{margin-top:1.2rem}
.thero{padding:clamp(2.4rem,5vw,4rem) 0 1rem;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--card),var(--paper))}
.thero__title{font-size:clamp(2.2rem,5vw,3.8rem);display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.thero__title .ic{width:44px;height:44px;color:var(--hue)}
.thero__dek{font:400 1.25rem/1.5 var(--serif);color:var(--ink-2);max-width:60ch;margin:1rem 0 1.4rem}
.crumbs ol{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .5rem;font:500 .78rem/1.3 var(--sans);color:var(--ink-3)}
.crumbs li+li::before{content:"/";margin-right:.5rem;opacity:.5}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.crumbs li[aria-current]{max-width:40ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Werkzeug-Karten und Aufrufe */
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.tcard{display:flex;gap:1rem;align-items:flex-start;padding:1.4rem;border-radius:var(--r);background:var(--card);border:1px solid var(--line);text-decoration:none;transition:.25s;position:relative}
.tcard>.ic{color:var(--hue)}
.tcard__body{display:grid;gap:.3rem;flex:1}
.tcard__body .kicker{margin:0}
.tcard__body strong{font:600 1.25rem/1.2 var(--serif)}
.tcard__body span:last-child{font-size:.92rem;color:var(--ink-2)}
.tcard__arrow{align-self:center;transition:transform .25s}
.tcard:hover{border-color:var(--hue);transform:translateY(-2px);box-shadow:var(--shadow)}
.tcard:hover .tcard__arrow{transform:translateX(4px)}
.cta{display:grid;grid-template-columns:auto 1fr auto;gap:1.4rem;align-items:center;padding:1.8rem;border-radius:18px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--hue)}
.cta>.ic{color:var(--hue)}
.cta__title{font-size:1.6rem;margin-bottom:.3rem}
.cta p{margin:0;color:var(--ink-2)}
@media (max-width:700px){.cta{grid-template-columns:1fr}}
.sec--cta{padding:1rem 0 2rem}
.terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 2.4rem;margin:0}
.terms div{padding-top:1rem;border-top:1px solid var(--line)}
.terms dt a{font:600 1.15rem/1.3 var(--serif);text-decoration:none}.terms dt a:hover{color:var(--cobalt)}
.terms dd{margin:.3rem 0 0;color:var(--ink-2);font-size:.95rem}
@media (max-width:700px){.terms{grid-template-columns:1fr}}

/* Artikel */
.art__head{max-width:1000px;padding-top:clamp(2rem,4vw,3.2rem);padding-bottom:1.6rem}
.art__kick{display:flex;align-items:center;gap:.8rem;margin:0 0 1rem}
.art__kick .kicker{margin:0}
.art__title{font-size:clamp(2.3rem,5.2vw,4.4rem);line-height:1.04;letter-spacing:-.025em;text-wrap:balance;margin-bottom:1.1rem}
.art__dek{font:400 clamp(1.2rem,2vw,1.5rem)/1.45 var(--serif);color:var(--ink-2);max-width:62ch}
.art__meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.6rem;padding-top:1rem;border-top:1px solid var(--line)}
.art__by{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin:0;font:500 .82rem/1.3 var(--sans);color:var(--ink-3)}
.art__by span{display:inline-flex;align-items:center;gap:.35rem}
.art__by .ic{width:15px;height:15px}
.art__author{color:var(--ink);font-weight:600}
.art__act{display:flex;gap:.4rem;margin:0}
.act{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:99px;border:1px solid var(--line-2);background:transparent;font:600 .82rem/1 var(--sans);cursor:pointer}
.act .ic{width:16px;height:16px}.act:hover{border-color:var(--ink)}
.act[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.art__hero{max-width:1280px;margin:0 auto;padding:0 clamp(0px,2vw,24px)}
.art__img{aspect-ratio:16/9;border-radius:clamp(0px,1.4vw,18px)}
.art__layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);padding-top:clamp(2rem,4vw,3.4rem);padding-bottom:2rem;max-width:1160px}
.art__aside{position:sticky;top:96px;align-self:start;display:grid;gap:1.2rem;max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:thin}
.brief{padding:1.2rem;border-radius:var(--r);background:var(--card);border:1px solid var(--line);border-top:3px solid var(--hue)}
.brief ul{margin:0;padding:0;list-style:none;display:grid;gap:.7rem}
.brief li{font-size:.9rem;line-height:1.45;padding-left:1rem;position:relative;color:var(--ink-2)}
.brief li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:2px;background:var(--hue)}
.atoc ol{margin:0;padding:0;list-style:none;display:grid;gap:.15rem;counter-reset:t}
.atoc a{display:block;padding:.35rem .6rem;border-left:2px solid var(--line);font-size:.88rem;text-decoration:none;color:var(--ink-3);transition:.2s}
.atoc a:hover,.atoc a.is-on{color:var(--ink);border-color:var(--hue)}
.aside-tool{display:flex;align-items:center;gap:.8rem;padding:1rem;border-radius:var(--r);background:var(--ink);color:var(--paper);text-decoration:none}
.aside-tool span{flex:1;display:grid}.aside-tool .kicker{margin:0;color:#9fb0ff}.aside-tool strong{font:600 1.05rem/1.2 var(--serif)}
@media (max-width:980px){.art__layout{grid-template-columns:minmax(0,1fr)}.art__aside{position:static;max-height:none}.atoc{display:none}}
.art__body{min-width:0}
.prose{font:400 1.17rem/1.72 var(--serif);color:#1b2430;max-width:720px}
.prose>p,.prose>ul{margin:0 0 1.25em}
.prose .lead{font-size:1.32rem;color:var(--ink);margin-bottom:1.6em}
.prose h2{font-size:clamp(1.6rem,2.6vw,2rem);margin:2em 0 .7em;scroll-margin-top:96px}
.prose a{color:var(--cobalt);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose a:hover{text-decoration-thickness:2px}
.list{padding:0;list-style:none}
.list li{position:relative;padding-left:1.4rem;margin-bottom:.55em}
.list li::before{content:"";position:absolute;left:.1rem;top:.68em;width:7px;height:7px;border-radius:2px;background:var(--hue)}
.calc{margin:2em 0;padding:1.4rem 1.5rem 1.2rem;border-radius:var(--r);background:var(--card);border:1px solid var(--line);border-top:3px solid var(--hue);font-family:var(--sans)}
.calc figcaption{display:grid;gap:.1rem;margin-bottom:.9rem}
.calc figcaption .kicker{margin:0;color:var(--hue)}
.calc figcaption strong{font:600 1.25rem/1.25 var(--serif)}
.calc table{width:100%;border-collapse:collapse;font-size:.95rem}
.calc th{text-align:left;font-weight:500;color:var(--ink-2);padding:.55rem 1rem .55rem 0;border-bottom:1px solid var(--line)}
.calc td{text-align:right;font:500 .95rem/1.3 var(--mono);padding:.55rem 0;border-bottom:1px solid var(--line);white-space:nowrap}
.calc tr:last-child th,.calc tr:last-child td{border-bottom:0;font-weight:700;color:var(--ink)}
.calc p{margin:.9rem 0 0;font-size:.92rem;color:var(--ink-2);line-height:1.55}
@media (max-width:640px){.calc{padding:1.1rem 1rem 1rem}.calc table{table-layout:fixed}.calc th{width:52%;padding-right:.5rem;font-size:.88rem}.calc td{white-space:normal;overflow-wrap:anywhere;font-size:.86rem;padding-left:.4rem}}
.merk{margin:1.8em 0;padding:.2em 0 .2em 1.4rem;border-left:3px solid var(--hue)}
.merk p{margin:0;font:italic 500 clamp(1.4rem,2.4vw,1.8rem)/1.35 var(--serif);color:var(--ink);letter-spacing:-.01em}
.praxis{margin:2em 0;padding:1.3rem 1.4rem;border-radius:var(--r);background:var(--paper-2)}
.praxis .kicker{color:var(--ink);margin-bottom:.5rem}
.praxis p:last-child{margin:0;font-family:var(--sans);font-size:1rem;line-height:1.6}
.hinweis{display:flex;gap:.8rem;margin:2.4em 0 0;padding:1.1rem 1.2rem;border:1px solid var(--line-2);border-radius:var(--r);font:400 .9rem/1.55 var(--sans);color:var(--ink-2)}
.hinweis .ic{color:var(--copper);margin-top:.15rem}
.hinweis p{margin:0}
.faq h2,.gloss-mini h2,.sources h2{font-size:1.5rem}
.faq__item{border-bottom:1px solid var(--line);font-family:var(--sans)}
.faq__item summary{cursor:pointer;list-style:none;padding:1rem 2rem 1rem 0;font:600 1.05rem/1.4 var(--sans);position:relative}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";position:absolute;right:.2rem;top:.8rem;font:400 1.4rem/1 var(--mono);color:var(--hue);transition:transform .2s}
.faq__item[open] summary::after{transform:rotate(45deg)}
.faq__item p{margin:0 0 1.1rem;font-size:1rem;color:var(--ink-2);line-height:1.6}
.gloss-mini dl{margin:0;display:grid;gap:.9rem;font-family:var(--sans)}
.gloss-mini dt{font-weight:700}.gloss-mini dd{margin:.15rem 0 0;color:var(--ink-2);font-size:.98rem}
.sources ol{margin:0;padding-left:1.4rem;font:400 .95rem/1.5 var(--sans)}
.sources li{margin-bottom:.6rem}
.sources li span{display:block;font-size:.82rem;color:var(--ink-3)}
.transp{margin-top:2.4em;padding:1.2rem 1.3rem;border-radius:var(--r);background:var(--card);border:1px solid var(--line);font-family:var(--sans)}
.transp dl{margin:0 0 .8rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}
.transp dt{font:600 .7rem/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.transp dd{margin:.2rem 0 0;font-size:.92rem}
.transp p{margin:0;font-size:.9rem}
.art__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:2rem!important}
.tag{font:500 .75rem/1 var(--mono);padding:.4rem .6rem;border-radius:6px;background:var(--paper-2);color:var(--ink-2)}
.art__credit{font:400 .8rem/1.4 var(--sans);color:var(--ink-3)}
.art__nextprev{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:1rem;padding-bottom:1rem;max-width:1160px}
.art__nextprev a{display:flex;align-items:center;gap:.8rem;padding:1.1rem 1.2rem;border-radius:var(--r);border:1px solid var(--line);text-decoration:none;font:600 1.05rem/1.3 var(--serif)}
.art__nextprev a:last-child{justify-content:flex-end;text-align:right}
.art__nextprev small{display:block;font:600 .7rem/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.art__nextprev a:hover{border-color:var(--ink)}
@media (max-width:640px){.art__nextprev{grid-template-columns:1fr}}

/* Anzeige im Artikel: Handy 9:16, ab 701 px 16:9 mit Glasfeld links (Hausregel) */
.adv{margin:2.4em 0;font-family:var(--sans)}
.adv__label{font:600 .68rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .5rem}
.adv__card{position:relative;display:block;aspect-ratio:9/16;max-width:420px;margin:0 auto;border-radius:18px;overflow:hidden;text-decoration:none!important;color:#fff!important;background:var(--night)}
.adv__img{position:absolute;inset:0}
.adv__veil{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,13,24,.92) 10%,rgba(8,13,24,.2) 60%)}
.adv__body{position:absolute;left:1rem;right:1rem;bottom:1rem;display:grid;gap:.5rem;padding:1.2rem;border-radius:14px;background:rgba(11,18,32,.45);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18)}
.adv__brand{font:italic 500 .95rem/1.2 var(--serif);color:#e0a37d}
.adv__title{font:600 1.5rem/1.15 var(--serif)}
.adv__text{font-size:.9rem;line-height:1.5;color:#d4d9e2}
.adv__btn{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.9rem;color:#fff}
.adv__btn .ic{width:16px;height:16px}
@media (min-width:701px){
  .adv__card{aspect-ratio:16/9;max-width:none}
  .adv__img{left:38%}
  .adv__img img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
  .adv__veil{background:linear-gradient(90deg,var(--night) 30%,rgba(11,18,32,0) 70%)}
  .adv__body{top:1.2rem;bottom:1.2rem;left:1.2rem;right:auto;width:52%;align-content:center;padding:1.6rem}
  .adv__title{font-size:1.8rem}
}

/* Werkzeuge */
.sec--tool{padding-top:2rem}
.tool{border-radius:20px;padding:clamp(1.2rem,2.6vw,2rem);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.2rem,3vw,2.4rem);font-family:var(--sans);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none}
.tool__in{display:grid;gap:1.1rem;align-content:start}
.tool__res{display:grid;gap:1.2rem;align-content:start;min-width:0}
.tool__note,.tool__method{grid-column:1/-1}
@media (max-width:900px){.tool{grid-template-columns:1fr}}
.fld{border:0;margin:0;padding:0;min-width:0}
.fld__label{display:block;font:600 .88rem/1.3 var(--sans);margin-bottom:.45rem}
.fld__row{display:flex;align-items:center;gap:.8rem}
.fld__range{flex:1;min-width:0;accent-color:var(--cobalt);height:28px}
.fld__num{display:flex;align-items:center;gap:.3rem;padding:.35rem .6rem;border:1px solid var(--line-2);border-radius:10px;background:#fff}
.fld__num input{width:6.5rem;border:0;outline:none;font:500 1rem/1.2 var(--mono);text-align:right;background:transparent}
.fld__num:focus-within{border-color:var(--cobalt);box-shadow:0 0 0 3px rgba(35,70,245,.15)}
.fld__unit{font:500 .82rem/1 var(--mono);color:var(--ink-3);min-width:1.2rem}
.fld__hint{margin:.4rem 0 0;font-size:.8rem;color:var(--ink-3);line-height:1.4}
.seg{display:flex;gap:.3rem;flex-wrap:wrap}
.seg__opt{position:relative}
.seg__opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.seg__opt span{display:inline-block;padding:.55rem .9rem;border-radius:99px;border:1px solid var(--line-2);font:500 .88rem/1 var(--sans)}
.seg__opt input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.seg__opt input:focus-visible+span{outline:2px solid var(--cobalt);outline-offset:2px}
.res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem;margin:0}
.res{padding:.85rem .95rem;border-radius:12px;background:var(--paper);border:1px solid var(--line)}
.res{min-width:0}
.res dt{font:600 .7rem/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}
.res dd{margin:.35rem 0 0;font:600 1.12rem/1.2 var(--mono);letter-spacing:-.01em}
.res--key{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.res--key dt{color:#9fb0ff}
.res--key dd{font-size:1.3rem}
.tool__say{margin:0;font:400 1.05rem/1.5 var(--serif);color:var(--ink-2)}
.tool__why{margin:0;padding:0;list-style:none;display:grid;gap:.35rem;font-size:.88rem;color:var(--ink-2)}
.tool__why li{padding-left:1rem;position:relative}.tool__why li::before{content:"+";position:absolute;left:0;color:var(--cobalt);font-family:var(--mono)}
.tool__note{display:flex;gap:.6rem;margin:0;padding-top:1rem;border-top:1px solid var(--line);font-size:.84rem;color:var(--ink-3);line-height:1.5}
.tool__note .ic{width:17px;height:17px;margin-top:.1rem;color:var(--copper)}
.tool__method summary{cursor:pointer;font-weight:600;font-size:.9rem}
.tool__method .list{font-size:.88rem;color:var(--ink-2);margin:.8rem 0 0}
.tool--compact{grid-template-columns:1fr 1fr}
@media (max-width:700px){.tool--compact{grid-template-columns:1fr}}
.chart{margin:0}
.chart svg{width:100%;height:auto;overflow:visible}
.chart figcaption{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;font:500 .78rem/1 var(--mono);color:var(--ink-3);margin-top:.4rem}
.lg{display:inline-block;width:18px;height:3px;border-radius:2px;margin-right:-.6rem}
.lg--a{background:var(--cobalt)}.lg--b{background:var(--copper)}.lg--c{background:var(--ink-3)}
.ch__grid line{stroke:var(--line);stroke-width:1}
.ch__tick{font:500 11px var(--mono);fill:var(--ink-3)}
.ch__line{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ch__line--a{stroke:var(--cobalt)}.ch__line--b{stroke:var(--copper)}
.ch__area--a{fill:rgba(35,70,245,.16)}.ch__area--b{fill:rgba(181,86,43,.14)}
.ch__base{stroke:var(--ink-3);stroke-dasharray:4 4}
.ch__mark{stroke:var(--ink-3);stroke-dasharray:3 4}
.ch__dot{fill:var(--paper);stroke:var(--ink);stroke-width:2.5}
.ch__label{font:600 12px var(--mono);fill:var(--ink)}
@media (max-width:600px){.ch__tick{font-size:18px}.ch__label{font-size:19px}.res-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.res dd{font-size:1rem}.res--key dd{font-size:1.1rem}}
.gauge__track{position:relative;height:14px;border-radius:99px;overflow:hidden;display:flex;background:var(--paper-2)}
.gauge__zone{height:100%}.gauge__zone--a{width:25%;background:#f0d9c9}.gauge__zone--b{width:25%;background:#cfe6dc}.gauge__zone--c{width:50%;background:#dfe5fb}
.gauge__mark{position:absolute;top:-3px;width:6px;height:20px;border-radius:3px;background:var(--ink);transform:translateX(-50%);transition:left .35s cubic-bezier(.2,.7,.2,1)}
.gauge__scale{display:flex;justify-content:space-between;font:500 .72rem/1 var(--mono);color:var(--ink-3);margin-top:.4rem}
.table-wrap{overflow-x:auto}
.ytable{width:100%;border-collapse:collapse;font:500 .88rem/1.3 var(--mono)}
.ytable th{text-align:right;font:600 .7rem/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:.5rem;border-bottom:1px solid var(--line-2)}
.ytable td{text-align:right;padding:.5rem;border-bottom:1px solid var(--line)}
.ytable th:first-child,.ytable td:first-child{text-align:left}

/* Lexikon */
.lex__bar{position:sticky;top:76px;z-index:5;display:grid;gap:.8rem;padding:1rem;border-radius:16px;margin-bottom:1rem}
.lex__search{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border-radius:12px;background:#fff;border:1px solid var(--line-2)}
.lex__search input{flex:1;border:0;outline:none;font:500 1rem/1.3 var(--sans);background:transparent;min-width:0}
.lex__letters{display:flex;flex-wrap:wrap;gap:.2rem}
.lex__letters a{font:600 .8rem/1 var(--mono);padding:.35rem .45rem;border-radius:6px;text-decoration:none;color:var(--ink-2)}
.lex__letters a:hover{background:var(--ink);color:var(--paper)}
.lex__count{font:500 .8rem/1 var(--mono);color:var(--ink-3)}
.lex__list{margin:0}
.lex__letter{font:600 2rem/1 var(--serif);color:var(--cobalt);margin:2rem 0 .6rem;scroll-margin-top:220px}
.lex__item{padding:1rem 0;border-top:1px solid var(--line);scroll-margin-top:220px}
.lex__item.is-hit{background:linear-gradient(90deg,rgba(35,70,245,.08),transparent);padding-left:.6rem}
.lex__item dt{font:600 1.2rem/1.3 var(--serif);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.lex__cat{font:600 .64rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:.3rem .45rem;border-radius:99px;color:var(--hue);border:1px solid currentColor}
.lex__item dd{margin:.3rem 0 0;color:var(--ink-2);font-size:1rem;line-height:1.55}
.lex__item dd .link{font-size:.88rem}
.lex__empty{padding:1rem 0;color:var(--ink-3)}

/* Einfache Seiten */
.prose .formats{display:grid;gap:1rem;margin-top:1.6rem;font-family:var(--sans)}
.format{padding:1.4rem 1.5rem;border-radius:var(--r)}
.format h2{margin:.2rem 0 .5rem;font-size:1.5rem}
.format p:last-child{margin:0;font-size:1rem;line-height:1.6}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:1rem;font-family:var(--sans);margin-bottom:1rem}
.contact__card{display:grid;gap:.35rem;padding:1.4rem;border-radius:var(--r);text-decoration:none!important;color:var(--ink)!important}
.contact__card .ic{color:var(--cobalt)}
.contact__card strong{font:600 1.2rem/1.2 var(--serif)}
.contact__card span:last-child{font-size:.9rem;color:var(--ink-2)}
@media (max-width:640px){.contact{grid-template-columns:1fr}}
.form-fd{border-radius:18px;padding:.6rem}
.brief-page{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;font-family:var(--sans)}
.brief-page .lead{font-family:var(--serif)}
.brief-page__form{padding:.8rem;border-radius:18px}
@media (max-width:820px){.brief-page{grid-template-columns:1fr}}
.vanity__empty{color:var(--ink-3);font-family:var(--sans);font-size:1rem}
.prose .grid{font-family:var(--sans);margin-bottom:2rem}
.prose .card a{text-decoration:none;color:inherit}

/* Footer */
.ft{background:var(--night);color:#c3cad6;padding:clamp(3rem,6vw,4.5rem) 0 2rem;margin-top:0}
.ft a{color:#e9ecf2;text-decoration:none}.ft a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ft__top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem}
.logo--ft{color:#fff}.logo--ft .mark__box{fill:#fff}.logo--ft .mark__m{stroke:var(--night)}
.ft__claim{font:600 1.2rem/1.3 var(--serif);color:#fff;margin:1rem 0 .4rem}
.ft__brand p{font-size:.92rem;max-width:42ch}
.ft__contact{display:grid;gap:.5rem}
.ft__contact a{display:inline-flex;align-items:center;gap:.5rem}
.ft__contact .ic{width:16px;height:16px}
.ft__col h3{font:600 .74rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#8d97a7;margin-bottom:1rem}
.ft__col ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;font-size:.94rem}
.ft__note{display:flex;align-items:center;gap:.5rem;margin-top:2.2rem;font-size:.84rem;color:#8d97a7}
.ft__note .ic{width:16px;height:16px;color:#e0a37d}
.ft__bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.12);font:500 .78rem/1.3 var(--mono);color:#8d97a7}
@media (max-width:900px){.ft__top{grid-template-columns:1fr 1fr}.ft__brand{grid-column:1/-1}}
@media (max-width:520px){.ft__top{grid-template-columns:1fr}}

/* ki-badge anfang */
.ki-bild{position:relative}
.ki-badge{position:absolute!important;right:10px!important;bottom:10px!important;left:auto!important;top:auto!important;height:18px!important;width:auto!important;max-width:none!important;aspect-ratio:auto!important;min-height:0!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important;filter:none!important;border-radius:0!important;box-shadow:none!important;object-fit:contain!important;opacity:.92;z-index:3;pointer-events:none}
/* ki-badge ende */
@media print{.topbar,.hd,.ft,.art__aside,.adv,.art__act,.sec--related,.sec--briefing,.art__nextprev{display:none!important}.prose{max-width:none}}


.ftr__netz{margin-top:2.2rem;padding-top:1.6rem;border-top:1px solid currentColor;border-color:color-mix(in srgb,currentColor 18%,transparent)}
.ftr__netz-h{margin:0 0 .9rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-weight:600}
.ftr__netz-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem 1.4rem;grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:1000px){.ftr__netz-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.ftr__netz-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ftr__netz-list li{margin:0;padding:0}
.ftr__netz-list li::before{content:none}
.ftr__netz-list a{display:flex;flex-direction:column;gap:.1rem;text-decoration:none;line-height:1.3;padding:.15rem 0}
.ftr__netz-list a:hover b,.ftr__netz-list a:focus-visible b{text-decoration:underline}
.ftr__netz-list b{font-weight:600;font-size:.95rem}
.ftr__netz-list span{font-size:.78rem;opacity:.65}
.ftr__netz-dach{margin:1.2rem 0 0;font-size:.8rem;opacity:.7;max-width:62ch}
.ftr__netz-dach a{text-decoration:underline;text-underline-offset:2px}
@media (max-width:640px){.ftr__netz-list{gap:.5rem 1rem}}