@font-face{font-family:"Schibsted Grotesk";font-weight:400;font-display:swap;src:url(../fonts/schibsted-grotesk-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Schibsted Grotesk";font-weight:500;font-display:swap;src:url(../fonts/schibsted-grotesk-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Schibsted Grotesk";font-weight:700;font-display:swap;src:url(../fonts/schibsted-grotesk-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Schibsted Grotesk";font-weight:800;font-display:swap;src:url(../fonts/schibsted-grotesk-latin-800-normal.woff2) format("woff2")}

:root{
  --bg:#F1F3F6;--karte:#FFFFFF;--karte-2:#F5F6F9;
  --tinte:#0E1320;--tinte-2:#394152;--tinte-3:#596173;
  --linie:#DFE3EA;--linie-2:#ECEFF3;
  --nacht:#0E1320;--nacht-2:#151C2B;--nacht-text:#F3F5F9;--nacht-text-2:#A9B1C2;
  --rot:#D33A2C;
  --k-aktuell:#B92E21;--k-neu:#0B7A6F;--k-ratgeber:#2453D6;--k-preise:#6A3FD0;--k-werkzeug:#A84D08;--k-forum:#8F5A00;
  --ok:#127A45;--einzel:#8F5A00;--offen:#596173;
  --ok-bg:#E2F3E9;--einzel-bg:#FBEFD8;--offen-bg:#ECEFF3;
  --seg-ok:#1E9156;--seg-einzel:#E0A126;--seg-offen:#C9CED8;
  --f:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-thema="hell"]){
    --bg:#0A0E16;--karte:#131926;--karte-2:#1A2232;
    --tinte:#E8ECF3;--tinte-2:#B8C0CF;--tinte-3:#8E97A8;
    --linie:#252E40;--linie-2:#1E2636;
    --nacht:#060910;--nacht-2:#0C111B;
    --k-aktuell:#FF8A7C;--k-neu:#4FD1C1;--k-ratgeber:#8FB0FF;--k-preise:#B9A2FF;--k-werkzeug:#FFB070;--k-forum:#F2C45A;
    --ok:#6FD39C;--einzel:#F0BE5C;--offen:#8E97A8;
    --ok-bg:rgba(111,211,156,.14);--einzel-bg:rgba(240,190,92,.14);--offen-bg:rgba(142,151,168,.14);
    --seg-ok:#3FB070;--seg-einzel:#D99A2B;--seg-offen:#3A4458;
    color-scheme:dark;
  }
}
:root[data-thema="dunkel"]{
  --bg:#0A0E16;--karte:#131926;--karte-2:#1A2232;
  --tinte:#E8ECF3;--tinte-2:#B8C0CF;--tinte-3:#8E97A8;
  --linie:#252E40;--linie-2:#1E2636;
  --nacht:#060910;--nacht-2:#0C111B;
  --k-aktuell:#FF8A7C;--k-neu:#4FD1C1;--k-ratgeber:#8FB0FF;--k-preise:#B9A2FF;--k-werkzeug:#FFB070;--k-forum:#F2C45A;
  --ok:#6FD39C;--einzel:#F0BE5C;--offen:#8E97A8;
  --ok-bg:rgba(111,211,156,.14);--einzel-bg:rgba(240,190,92,.14);--offen-bg:rgba(142,151,168,.14);
  --seg-ok:#3FB070;--seg-einzel:#D99A2B;--seg-offen:#3A4458;
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:64px}
body{margin:0;background:var(--bg);color:var(--tinte);font-family:var(--f);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,p,ol,ul,figure{margin:0}
ol,ul{padding:0;list-style:none}
a{color:inherit}
img{display:block;max-width:100%}
abbr[title]{text-decoration:none;cursor:help}
:focus-visible{outline:2px solid var(--k-ratgeber);outline-offset:3px}
.nur-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sprung{position:absolute;left:16px;top:-60px;z-index:60;background:var(--karte);color:var(--tinte);padding:10px 14px;border-radius:8px;text-decoration:none}
.sprung:focus{top:12px}
.rahmen{max-width:1360px;margin-inline:auto;padding-inline:clamp(16px,3vw,32px)}

.kicker{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.k-aktuell{color:var(--k-aktuell)}.k-neu{color:var(--k-neu)}.k-ratgeber{color:var(--k-ratgeber)}.k-preise{color:var(--k-preise)}.k-werkzeug{color:var(--k-werkzeug)}.k-forum{color:var(--k-forum)}
.balken-akzent{display:inline-block;width:4px;height:20px;border-radius:2px;flex:none}
.k-aktuell-bg{background:var(--rot)}.k-neu-bg{background:var(--k-neu)}.k-ratgeber-bg{background:var(--k-ratgeber)}.k-preise-bg{background:var(--k-preise)}.k-werkzeug-bg{background:var(--k-werkzeug)}.k-forum-bg{background:var(--k-forum)}

/* Kopf */
.kopf{background:var(--nacht);color:var(--nacht-text)}
.kopf-oben{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:14px}
.marke{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.marke-zeichen{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--rot);color:#fff;font-weight:800;font-size:17px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;flex:none}
.marke-zeichen::after{content:"";position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:#fff}
.marke-wort{font-weight:800;font-size:26px;letter-spacing:-.035em;line-height:1}
.marke-wort span{font-weight:500;color:var(--nacht-text-2);letter-spacing:-.01em}
.kopf-info{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--nacht-text-2)}
.trenner{width:4px;height:4px;border-radius:50%;background:var(--nacht-text-2)}
.kopf-werkzeuge{display:flex;align-items:center;gap:16px;font-size:13.5px}
.sprachen{display:flex;gap:10px}
.sprachen .aus{color:var(--nacht-text-2)}
.thema-knopf{font:inherit;font-weight:700;color:var(--nacht-text);background:transparent;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:6px 14px;min-height:34px;cursor:pointer}
.thema-knopf:hover{border-color:#fff}

.rubriken{position:sticky;top:0;z-index:40;background:var(--nacht);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 1px 0 rgba(0,0,0,.2)}
.rubriken ul{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.rubriken ul::-webkit-scrollbar{display:none}
.rubriken a{display:block;padding:13px 14px;font-size:15px;font-weight:700;color:var(--nacht-text-2);text-decoration:none;white-space:nowrap}
.rubriken a:hover{color:#fff}
.rubriken a[aria-current="true"]{color:#fff;box-shadow:inset 0 -3px 0 var(--rot)}

.themen{display:flex;align-items:center;gap:12px;padding-block:14px}
.themen-titel{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tinte-3);flex:none}
.themen ul{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;min-width:0;flex:1 1 auto}
.themen ul::-webkit-scrollbar{display:none}
.themen a{display:inline-block;padding:6px 13px;border:1px solid var(--linie);border-radius:999px;background:var(--karte);font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;color:var(--tinte-2)}
.themen a:hover{border-color:var(--tinte-2);color:var(--tinte)}
.vorschau-marke{margin-left:auto;font-size:12.5px;color:var(--tinte-3);white-space:nowrap;flex:none}
@media (max-width:1599px){.themen .vorschau-marke{display:none}.themen ul{-webkit-mask-image:linear-gradient(90deg,#000 94%,transparent);mask-image:linear-gradient(90deg,#000 94%,transparent);padding-right:28px}}

/* Drei Spalten */
.seite{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;grid-template-areas:"links mitte rechts";gap:24px;align-items:start;padding-bottom:24px}
.spalte-links{grid-area:links;position:sticky;top:64px;max-height:calc(100vh - 80px);overflow:auto;scrollbar-width:thin}
.spalte-mitte{grid-area:mitte;min-width:0}
.spalte-rechts{grid-area:rechts}

.karte{background:var(--karte);border:1px solid var(--linie);border-radius:14px;overflow:hidden}

/* Links */
.block-links{background:var(--karte);border:1px solid var(--linie);border-radius:14px;padding:14px 12px;margin-bottom:14px}
.block-titel{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tinte-3);padding:0 8px 8px}
.menue a{display:flex;align-items:center;gap:10px;padding:8px;border-radius:9px;font-size:15px;font-weight:500;color:var(--tinte-2);text-decoration:none}
.menue a:hover{background:var(--karte-2);color:var(--tinte)}
.menue svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.menue.schlicht a{padding:7px 8px;font-size:14.5px}
.dienste-liste li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 8px;border-top:1px solid var(--linie-2)}
.dienste-liste li:first-child{border-top:0}
.dienste-liste a{display:block;padding:7px 0;font-size:15px;font-weight:700;text-decoration:none}
.dienste-liste a:hover{text-decoration:underline}
.st{font-size:12.5px;font-weight:700;white-space:nowrap}
.st i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px}
.st.ok{color:var(--ok)}.st.ok i{background:var(--ok)}
.st.einzel{color:var(--einzel)}.st.einzel i{background:var(--einzel)}
.st.offen{color:var(--offen)}.st.offen i{border:1.5px solid var(--offen)}
.block-fuss{padding:8px 8px 0;font-size:12.5px;color:var(--tinte-3)}

/* Mitte */
.aufmacher-bild{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--nacht)}
.aufmacher-bild img,.karten-bild img,.neu-bild img,.forum-bild img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.aufmacher:hover .aufmacher-bild img,.bildkarte:hover .karten-bild img{transform:scale(1.025)}
.ki-marke{position:absolute;right:10px;bottom:10px;padding:3px 9px;border-radius:999px;background:rgba(8,10,16,.66);color:#fff;font-size:11px;font-weight:700;letter-spacing:.03em}
.aufmacher-text{padding:22px 26px 24px}
.aufmacher h2{font-size:clamp(28px,2.9vw,42px);font-weight:800;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}
.aufmacher h2 a,.meldungen h3 a{text-decoration:none}
.meldungen h3 a{display:block;padding:2px 0}
.aufmacher h2 a:hover,.meldungen h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--rot)}
.vorspann{margin-top:12px;font-size:18px;line-height:1.5;color:var(--tinte-2)}
.meta{margin-top:12px;font-size:13px;color:var(--tinte-3)}

.grafik{margin-top:18px;padding:20px 24px}
.grafik-kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.grafik-kopf .kicker{margin:0}
.grafik-titel{font-size:18px;font-weight:800;letter-spacing:-.01em}
.grafik-stand{margin-left:auto;font-size:13px;color:var(--tinte-3)}
.balken{display:flex;gap:3px;height:12px;margin:16px 0 10px;border-radius:6px;overflow:hidden}
.seg{flex:var(--w) 1 0;transform-origin:left center;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.seg.ok{background:var(--seg-ok)}.seg.einzel{background:var(--seg-einzel);transition-delay:.1s}.seg.offen{background:var(--seg-offen);transition-delay:.2s}
.legende{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--tinte-2);margin-bottom:12px}
.legende i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px;vertical-align:-1px}
.legende i.ok{background:var(--seg-ok)}.legende i.einzel{background:var(--seg-einzel)}.legende i.offen{background:var(--seg-offen)}
.belege{width:100%;border-collapse:collapse;font-size:14.5px}
.belege thead th{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tinte-3);text-align:left;padding:8px 0;border-bottom:1px solid var(--linie)}
.belege thead th:nth-child(2),.belege thead th:nth-child(3),.belege td:nth-child(2),.belege td:nth-child(3){text-align:center;width:72px}
.belege tbody th{text-align:left;font-weight:700;padding:9px 0}
.belege tbody th span{font-weight:400;color:var(--tinte-3);margin-left:6px}
.belege tbody tr{border-bottom:1px solid var(--linie-2)}
.belege .st{font-size:13px}
.punkt{display:inline-block;width:12px;height:12px;border-radius:50%;border:1.5px solid var(--tinte-3);vertical-align:middle;transition:transform .35s cubic-bezier(.3,1.4,.5,1) calc(var(--i,0) * 70ms + .35s)}
.punkt.voll{background:var(--tinte);border-color:var(--tinte)}
.quelle{margin-top:12px;font-size:12.5px;color:var(--tinte-3)}

.meldungen{margin-top:18px;padding:20px 24px 6px}
.karten-titel{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;margin-bottom:6px}
.meldungen li{display:grid;grid-template-columns:56px 1fr;padding:14px 0;border-top:1px solid var(--linie-2)}
.meldungen time{font-size:13px;font-weight:700;color:var(--tinte-3);font-variant-numeric:tabular-nums;padding-top:1px}
.meldungen .kicker{margin-bottom:3px}
.meldungen h3{font-size:17px;font-weight:700;line-height:1.3;letter-spacing:-.01em}

.rubrik{margin-top:40px}
.rubrik-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:16px}
.rubrik-kopf h2{font-size:26px;font-weight:800;letter-spacing:-.025em;line-height:1.15}
.rubrik-kopf p{flex-basis:100%;padding-left:16px;font-size:15px;color:var(--tinte-3)}

.neu-karte{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.neu-bild{position:relative;min-height:240px}
.neu-bild img{position:absolute;inset:0}
.neu-text{padding:22px 24px}
.neu-text h3{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:8px}
.neu-text>p{color:var(--tinte-2);font-size:15px}
.woche{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:16px}
.woche li{display:flex;flex-direction:column;align-items:center;padding:8px 0 10px;border-radius:10px;background:var(--karte-2);border:1px solid var(--linie-2)}
.woche b{font-size:13px}
.woche span{font-size:12.5px;color:var(--tinte-3);font-variant-numeric:tabular-nums}
.woche .heute{background:var(--k-neu);border-color:var(--k-neu)}
.woche .heute b,.woche .heute span{color:var(--karte)}

.karten-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.bildkarte{display:flex;flex-direction:column}
.karten-bild{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--karte-2)}
.karten-text{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.karten-text h3{font-size:19px;font-weight:800;line-height:1.22;letter-spacing:-.015em;margin-bottom:8px}
.karten-text>p{font-size:15px;color:var(--tinte-2)}
.haken li{position:relative;padding:4px 0 4px 26px;font-size:14.5px;color:var(--tinte-2)}
.haken li::before{content:"";position:absolute;left:0;top:8px;width:14px;height:14px;border:1.5px solid var(--tinte-3);border-radius:4px}
.pille{align-self:flex-start;display:inline-block;margin-top:auto;padding:4px 11px;border-radius:999px;border:1px solid var(--linie);background:var(--karte-2);color:var(--tinte-2)!important;font-size:12px!important;font-weight:700}
.karten-text .pille{margin-top:14px}

.tabelle-karte{padding:6px 22px 16px}
.tabelle-rahmen{overflow-x:auto}
.preise{width:100%;min-width:640px;border-collapse:collapse;font-size:15px}
.preise caption{caption-side:top;text-align:left;font-size:13px;color:var(--tinte-3);padding:12px 0 8px}
.preise thead th{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tinte-3);text-align:left;padding:8px 14px 8px 0;border-bottom:1px solid var(--linie)}
.preise td,.preise tbody th{padding:12px 14px 12px 0;border-bottom:1px solid var(--linie-2);text-align:left;vertical-align:middle}
.preise tbody th{font-weight:800;font-size:16px}
.preise .z{font-weight:700;text-align:right;padding-right:28px;white-space:nowrap}
.preise .leer{color:var(--tinte-3)}
.status-pille{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap}
.status-pille.ok{background:var(--ok-bg);color:var(--ok)}
.status-pille.einzel{background:var(--einzel-bg);color:var(--einzel)}
.status-pille.offen{background:var(--offen-bg);color:var(--offen)}
.fussnote{margin-top:12px;font-size:13px;color:var(--tinte-3)}

.rechner{padding:22px 24px 20px}
.rechner h3{font-size:22px;font-weight:800;letter-spacing:-.02em}
.rechner-intro{margin:6px 0 18px;color:var(--tinte-2);font-size:15px}
.rechner-spalten,.rechner-zeile{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.9fr) 44px;gap:10px;align-items:center}
.rechner-spalten{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tinte-3);margin-bottom:8px}
.rechner-zeile{margin-bottom:10px}
.rechner input,.rechner select{width:100%;height:44px;font:inherit;font-size:16px;color:var(--tinte);background:var(--karte-2);border:1px solid var(--linie);border-radius:10px;padding:0 12px}
.rechner input[inputmode="decimal"]{font-variant-numeric:tabular-nums;text-align:right}
.rechner input:focus,.rechner select:focus{border-color:var(--k-ratgeber);outline:2px solid var(--k-ratgeber);outline-offset:0}
.knopf-weg{display:grid;place-items:center;width:44px;height:44px;background:none;border:1px solid transparent;border-radius:10px;color:var(--tinte-3);cursor:pointer}
.knopf-weg:hover{border-color:var(--linie);color:var(--tinte)}
.knopf-leise{font:inherit;font-size:15px;font-weight:700;color:var(--k-ratgeber);background:none;border:0;padding:8px 0;min-height:40px;cursor:pointer}
.knopf-leise:hover{text-decoration:underline}
.rechner-ergebnis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.rechner-ergebnis>div{background:var(--karte-2);border:1px solid var(--linie-2);border-radius:12px;padding:12px 14px}
.rechner-ergebnis span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tinte-3)}
.rechner-ergebnis b{display:block;margin-top:4px;font-size:24px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.rechner-ergebnis .spar{background:var(--ok-bg);border-color:transparent}
.rechner-ergebnis .spar b,.rechner-ergebnis .spar span{color:var(--ok)}
.rechner-hinweis{margin-top:12px;font-size:13px;color:var(--tinte-3)}

.forum-karte{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
.forum-bild{position:relative;min-height:220px}
.forum-bild img{position:absolute;inset:0}
.forum-text{padding:20px 22px}
.bretter{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bretter li{background:var(--karte-2);border:1px solid var(--linie-2);border-radius:12px;padding:12px 14px}
.bretter h3{font-size:15.5px;font-weight:800;margin-bottom:2px}
.bretter p{font-size:14px;color:var(--tinte-2)}
.forum-regel{margin-top:12px;font-size:13px;color:var(--tinte-3)}

.grundsaetze{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.grundsaetze li{padding:18px 18px 20px}
.grundsaetze .nr{display:block;font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--k-aktuell);margin-bottom:8px}
.grundsaetze h3{font-size:17px;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}
.grundsaetze p{font-size:14.5px;color:var(--tinte-2)}

/* Rechts */
.widget{padding:16px 18px 18px;margin-bottom:14px}
.widget-titel{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;margin-bottom:8px}
.monitor li{display:grid;grid-template-columns:minmax(0,1fr) auto 12px;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--linie-2)}
.monitor span{font-size:14.5px;font-weight:700}
.monitor small{font-size:12.5px;font-weight:400;color:var(--tinte-3)}
.monitor b{font-size:14.5px;font-weight:700}
.monitor b.leer{color:var(--tinte-3)}
.monitor b .ab{font-size:12px;font-weight:400;color:var(--tinte-3);margin-right:4px}
.st-punkt{width:10px;height:10px;border-radius:50%}
.st-punkt.ok{background:var(--ok)}.st-punkt.einzel{background:var(--einzel)}.st-punkt.offen{border:2px solid var(--offen)}
.weiter{display:inline-block;margin-top:10px;padding:4px 0;font-size:14.5px;font-weight:700;color:var(--k-ratgeber);text-decoration:none}
.weiter::after{content:"\2192";margin-left:6px}
.weiter:hover{text-decoration:underline}
.widget-frage{font-size:16.5px;font-weight:800;letter-spacing:-.01em;line-height:1.3;margin-bottom:10px}
.schritte{counter-reset:s}
.schritte li{counter-increment:s;position:relative;padding:3px 0 3px 32px;margin-bottom:8px;font-size:14.5px;color:var(--tinte-2)}
.schritte li::before{content:counter(s);position:absolute;left:0;top:2px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--karte-2);border:1px solid var(--linie);font-size:12px;font-weight:800;color:var(--tinte)}
.schritte b{color:var(--tinte)}
.werkzeug-liste li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--linie-2);font-size:14.5px;font-weight:700}
.werkzeug-liste a{display:inline-block;padding:3px 0;text-decoration:none}
.werkzeug-liste a:hover{text-decoration:underline}
.werkzeug-liste span:first-child{color:var(--tinte-2)}
.pille.klein{margin:0;padding:2px 9px;font-size:11.5px!important}
.pille.jetzt{background:var(--ok-bg);border-color:transparent;color:var(--ok)!important}
.dunkel-widget{background:var(--nacht);color:var(--nacht-text);border-radius:14px;padding:20px}
.dunkel-widget .kicker{color:#FF9A8D}
.dunkel-widget h2{font-size:19px;font-weight:800;line-height:1.25;letter-spacing:-.015em}
.dunkel-widget p:not(.kicker){margin-top:6px;font-size:14.5px;color:var(--nacht-text-2)}
.dunkel-widget .weiter{color:#A9C1FF}
.knopf-hell{display:inline-block;margin-top:14px;padding:10px 16px;border-radius:999px;background:#fff;color:#0E1320;font-size:14px;font-weight:800;text-decoration:none}
.knopf-hell:hover{background:#E6E9EF}

/* Fuss */
.fuss{margin-top:56px;background:var(--nacht);color:var(--nacht-text);padding:44px 0 24px}
.fuss-raster{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:36px}
.fuss-marke p{margin-top:12px;font-size:15px;color:var(--nacht-text-2)}
.fuss h2{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--nacht-text-2);margin-bottom:8px}
.fuss nav a,.fuss .folgt{display:inline-block;padding:5px 0;font-size:15px;color:var(--nacht-text);text-decoration:none}
.fuss nav a:hover{text-decoration:underline}
.fuss .folgt{color:var(--nacht-text-2)}
.fuss-zeile{margin-top:32px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:var(--nacht-text-2)}

/* Bewegung nur, wenn das Skript sie einschaltet (fail-open) */
.auf{transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
html.fx .auf:not(.sichtbar){opacity:0;transform:translateY(12px)}
html.fx [data-grafik]:not(.sichtbar) .seg{transform:scaleX(0)}
html.fx [data-grafik]:not(.sichtbar) .punkt.voll{transform:scale(0)}
html.fx-start .auf,html.fx-start .seg,html.fx-start .punkt{transition:none!important}
@media (prefers-reduced-motion:reduce){.auf,.seg,.punkt,.aufmacher-bild img,.karten-bild img{transition:none!important}}

/* Breiten */
@media (max-width:1279px){
  .seite{grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:"links links" "mitte rechts"}
  .spalte-links{position:static;max-height:none;overflow:visible}
  .dienste-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px}
  .dienste-liste li:nth-child(-n+3){border-top:0}
  .spalte-links .block-links{margin:0}
  .spalte-links .block-links:first-child{display:none}
}
@media (max-width:960px){
  .dienste-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dienste-liste li:nth-child(3){border-top:1px solid var(--linie-2)}
  .seite{grid-template-columns:minmax(0,1fr);grid-template-areas:"mitte" "rechts" "links"}
  .spalte-rechts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .spalte-rechts .widget{margin:0}
  .kopf-info,.vorschau-marke{display:none}
  .fuss-raster{grid-template-columns:1fr 1fr}
  .fuss-marke{grid-column:1/-1}
}
@media (max-width:680px){
  .kopf-oben{padding-block:12px}
  .marke-wort{font-size:22px}
  .marke-zeichen{width:34px;height:34px;font-size:15px}
  .sprachen{display:none}
  .rubriken a{padding:12px 11px;font-size:14.5px}
  .rubriken ul{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:28px}
  .themen{padding-block:12px}
  .themen-titel,.vorschau-marke{display:none}
  .aufmacher-text{padding:18px 18px 20px}
  .vorspann{font-size:16.5px}
  .grafik,.meldungen,.rechner{padding-inline:16px}
  .belege{font-size:14px}
  .belege thead th:nth-child(2),.belege thead th:nth-child(3),.belege td:nth-child(2),.belege td:nth-child(3){width:50px}
  .belege tbody th span{display:block;margin-left:0}
  .neu-karte,.forum-karte{grid-template-columns:1fr}
  .neu-bild,.forum-bild{min-height:0;aspect-ratio:16/9}
  .karten-raster{grid-template-columns:1fr}
  .woche{gap:4px}
  .woche span{font-size:11.5px}
  .tabelle-karte{padding:4px 16px 14px}
  .tabelle-rahmen{overflow:visible}
  .preise{min-width:0}
  .preise thead th{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .preise tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"d p" "t s" "a w";column-gap:12px;row-gap:2px;padding:12px 0;border-bottom:1px solid var(--linie-2)}
  .preise td,.preise tbody th{padding:0;border:0}
  .preise tbody th{grid-area:d}
  .preise td:nth-child(2){grid-area:t;color:var(--tinte-2)}
  .preise td.z{grid-area:p;padding-right:0;font-size:16px}
  .preise td.st-zelle{grid-area:s;text-align:right}
  .preise td:nth-child(5){grid-area:a;font-size:13px;color:var(--tinte-3)}
  .preise td:nth-child(4){grid-area:w;font-size:13px;color:var(--tinte-3);text-align:right}
  .preise td:nth-child(4)::before{content:"Werbung: "}
  .rechner-spalten{display:none}
  .rechner-zeile{grid-template-columns:minmax(0,1fr) 128px 44px;padding-bottom:12px;border-bottom:1px solid var(--linie-2);margin-bottom:12px}
  .rechner-zeile .feld-name{grid-column:1/-1}
  .rechner-ergebnis{grid-template-columns:1fr 1fr}
  .rechner-ergebnis .spar{grid-column:1/-1}
  .bretter{grid-template-columns:1fr}
  .grundsaetze{grid-template-columns:1fr}
  .spalte-rechts{grid-template-columns:1fr}
  .dienste-liste{grid-template-columns:1fr}
  .dienste-liste li:nth-child(-n+3){border-top:1px solid var(--linie-2)}
  .dienste-liste li:first-child{border-top:0}
}
.preise tbody th,.preise td{overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto}
.preise tbody th{min-width:8.5rem}

/* Shared magazine footer: explicit colors keep every edition legible in both themes. */
.site-footer{margin-top:72px;background:#0e1320;color:#f3f5f9;border-top:4px solid #b9f36b;padding:0 0 28px}
.site-footer a{color:inherit;text-decoration:none}
.site-footer a:focus-visible{outline:3px solid #b9f36b;outline-offset:5px;border-radius:3px}
.footer-lead{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:56px 0 48px;border-bottom:1px solid #343d50}
.footer-eyebrow{margin:0 0 14px;color:#b9f36b;font-size:12px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.footer-lead h2{margin:0;font-size:clamp(30px,3.6vw,48px);line-height:1.1;letter-spacing:-.035em;max-width:650px;color:#f3f5f9}
.footer-lead h2+p{max-width:530px;margin:18px 0 0;color:#b9c2d3;font-size:16px;line-height:1.6}
.site-footer .footer-cta{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;border-radius:9px;background:#b9f36b;color:#14200b;font-size:15px;font-weight:750;min-height:58px;transition:background .15s}
.site-footer .footer-cta:hover{background:#d1ffa0}
.footer-cta span{font-size:24px;line-height:1}
.footer-directory{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:40px;padding:46px 0}
.footer-identity .marke{display:inline-flex}
.footer-identity .marke-wort{color:#f3f5f9}
.footer-identity .marke-wort>span{color:#b9c2d3}
.footer-identity p{max-width:250px;margin:16px 0 18px;color:#b9c2d3;line-height:1.6;font-size:15px}
.footer-edition{display:inline-block;border:1px solid #435069;border-radius:6px;padding:6px 10px;font-size:12px;color:#cbd3e1}
.footer-directory h3{margin:4px 0 14px;font-size:12px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:#a9b6cd}
.footer-directory ul{list-style:none;padding:0;margin:0}
.footer-directory li{margin:0}
.footer-directory nav a{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:7px 0;font-size:14px;line-height:1.5}
.footer-directory nav a:hover,.footer-bottom a:hover{color:#b9f36b;text-decoration:underline;text-underline-offset:4px}
.footer-current{color:#b9f36b;font-size:8px}
.footer-bottom{display:flex;align-items:center;gap:26px;border-top:1px solid #343d50;padding:22px 0 12px;font-size:13px;color:#b9c2d3}
.footer-bottom p{margin:0}.footer-bottom nav{display:flex;gap:22px;flex-wrap:wrap}.footer-bottom a{display:inline-block;padding:8px 0}.footer-top{margin-left:auto;white-space:nowrap}
.footer-disclosure{margin:0;font-size:12px;line-height:1.7;color:#a9b6cd}
@media(max-width:980px){.footer-directory{grid-template-columns:repeat(3,1fr);gap:30px}.footer-identity{grid-column:1/-1}.footer-identity p{max-width:none}.footer-lead{align-items:flex-start;gap:28px}.site-footer .footer-cta{font-size:14px;padding:16px}}
@media(max-width:680px){.site-footer{margin-top:44px}.footer-lead{flex-direction:column;padding:36px 0 30px;gap:24px}.footer-lead h2{font-size:34px}.footer-lead h2+p{font-size:15px}.site-footer .footer-cta{width:100%;min-height:56px}.footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding:32px 0}.footer-directory nav:last-child{grid-column:1/-1}.footer-directory nav:last-child ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.footer-directory nav a{min-height:44px;font-size:14px}.footer-bottom{flex-wrap:wrap;gap:4px 20px;padding-top:18px}.footer-bottom p{width:100%}.footer-top{margin-left:0}.footer-disclosure{margin-top:8px}.footer-identity p{margin-top:12px}}