/* pfaendler.ai v1.1 – Livegang-Kandidat. Nur Schwarz-Weiß (Logo-Regel 19.10.2026).
   Schrift: Inter (SIL OFL 1.1), lokal in /fonts. Keine externen Schriften, keine CDNs.
   Prinzipien (angelehnt an x.ai, nichts übernommen): wenige Elemente, große ruhige Typo, viel Weißraum, ein Schwarzraum. */
@font-face { font-family:"Inter"; src:url("../fonts/Inter-Variable-latin.woff2") format("woff2");
  font-weight:400 600; font-style:normal; font-display:swap; }
/* Fallback mit angepassten Metriken gegen Layout-Sprung beim Schriftwechsel */
@font-face { font-family:"Inter Fallback"; src:local("Arial"), local("Helvetica"), local("Liberation Sans"); size-adjust:107%; ascent-override:90%; descent-override:22%; line-gap-override:0%; }
:root { --s:#000; --w:#fff; --g:#f2f2f2; --max:72rem; --text:40rem; --r:999px; --kopf:4.5rem; color-scheme:light dark;
  --sl:env(safe-area-inset-left,0px); --sr:env(safe-area-inset-right,0px); --sb:env(safe-area-inset-bottom,0px); }
* { box-sizing:border-box; }
html { font-size:100%; -webkit-text-size-adjust:100%; text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:calc(var(--kopf) + 1rem); }
html.cookie-offen { scroll-padding-bottom:16rem; }
@media (min-width:120rem) { html { font-size:112.5%; } }
@media (min-width:160rem) { html { font-size:125%; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
body { margin:0; background:var(--w); color:var(--s);
  font-family:"Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:clamp(1rem,.96rem + .2vw,1.0625rem); line-height:1.6; font-feature-settings:"cv11","ss01";
  overflow-wrap:break-word; -webkit-font-smoothing:antialiased; }
strong, b { font-weight:600; }
p, li, label, dd, td { text-wrap:pretty; }
@media (max-width:35.99rem) { p, li, label, dd, td { hyphens:auto; -webkit-hyphens:auto; } }
img { max-width:100%; height:auto; display:block; }
a { color:inherit; text-underline-offset:.18em; text-decoration-thickness:1px; }
:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.skip { position:absolute; left:-999px; top:0; background:var(--s); color:var(--w); padding:.6rem 1rem; z-index:50; }
.skip:focus { left:.5rem; top:.5rem; }
.wrap { max-width:var(--max); margin:0 auto; padding:0 max(1.25rem,var(--sr)) 0 max(1.25rem,var(--sl)); }
@media (min-width:48rem) { .wrap { padding-left:max(2rem,var(--sl)); padding-right:max(2rem,var(--sr)); } }
@media (min-width:120rem) { :root { --max:80rem; } }
.schmal { max-width:var(--text); }
.nw { white-space:nowrap; }
.sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* Entwurf */
.entwurf { background:var(--s); color:var(--w); text-align:center; font-size:.8125rem; padding:.45rem 1rem; }
.offen { font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace; font-size:.8em; font-weight:400;
  border:1px dashed currentColor; padding:0 .3em; background:var(--g); color:var(--s); letter-spacing:0; overflow-wrap:anywhere; text-transform:none; }
.offen-block { border:1px dashed var(--s); padding:1rem 1.25rem; margin:1.5rem 0 0; background:var(--g); color:var(--s); border-radius:.75rem; }
.offen-block p { margin:.35rem 0; }

/* Kopf */
header.site { position:sticky; top:0; z-index:20; background:rgba(255,255,255,.96); border-bottom:1px solid var(--s); }
.kopf { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:var(--kopf); }
.marke { display:flex; align-items:center; gap:.75rem; text-decoration:none; min-height:44px; }
.marke picture { display:block; }
.marke img { height:1.5rem; width:auto; }
.marke .strich { width:1px; height:1.5rem; background:var(--s); }
.marke .name { font-weight:600; font-size:1.125rem; letter-spacing:-.01em; }
nav.haupt ul { list-style:none; margin:0; padding:0; display:flex; gap:1.75rem; }
nav.haupt a { text-decoration:none; font-size:.9375rem; display:inline-flex; align-items:center; min-height:44px; }
nav.haupt a:hover, nav.haupt a[aria-current] { text-decoration:underline; }
.nav-mobil { display:none; }
@media (max-width:63.99rem) {
  nav.haupt.desk { display:none; }
  .nav-mobil { display:block; border-top:1px solid var(--s); }
  .nav-mobil ul { list-style:none; margin:0; padding:0 max(1.25rem,var(--sr)) 0 max(1.25rem,var(--sl)); display:flex; flex-wrap:wrap; column-gap:1.25rem; }
  .nav-mobil a { display:flex; align-items:center; min-height:44px; text-decoration:none; font-size:.9375rem; white-space:nowrap; }
  .nav-mobil a[aria-current] { text-decoration:underline; }
}

/* Buttons (Pillen) */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; min-height:2.75rem; padding:.6rem 1.35rem;
  border-radius:var(--r); border:1px solid var(--s); background:var(--s); color:var(--w); font:inherit; font-size:.9375rem;
  font-weight:500; text-decoration:none; cursor:pointer; }
.btn:hover { background:var(--w); color:var(--s); }
.btn.hell { background:var(--w); color:var(--s); }
.btn.hell:hover { background:var(--s); color:var(--w); }
.btn.klein { min-height:44px; padding:.35rem 1.1rem; font-size:.875rem; }
.dunkel .btn { background:var(--w); color:var(--s); border-color:var(--w); }
.dunkel .btn:hover { background:var(--s); color:var(--w); }
.knoepfe { display:flex; flex-wrap:wrap; gap:.75rem; }

/* Abschnitte */
section { padding:4.5rem 0; }
section + section { border-top:1px solid var(--s); }
.eyebrow { font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace; font-size:.75rem; letter-spacing:.08em;
  text-transform:uppercase; margin:0 0 1rem; }
h1,h2,h3 { font-weight:500; letter-spacing:-.03em; margin:0; text-wrap:balance; }
h2, h3, .recht h1 { hyphens:auto; -webkit-hyphens:auto; }
.hero h1 { hyphens:manual; }
h1 { font-size:clamp(2.1rem,1.2rem + 5.4vw,5.5rem); line-height:1.03; }
h2 { font-size:clamp(1.75rem,1.2rem + 3vw,3.5rem); line-height:1.08; margin-bottom:1.25rem; }
h3 { font-size:1.25rem; letter-spacing:-.015em; line-height:1.25; margin-bottom:.5rem; }
.lead { font-size:clamp(1.0625rem,2.4vw,1.3125rem); line-height:1.5; max-width:38rem; }
.klein { font-size:.875rem; }
.mehr { margin-top:2rem; }

/* Hero */
.hero { padding:5rem 0 4rem; text-align:center; }
.hero h1 { max-width:min(62rem,100%); margin:0 auto; }
.hero .lead { margin:1.75rem auto 0; }
.hero .hinweis { margin:1rem auto 0; font-size:.9375rem; }
.hero .knoepfe { justify-content:center; margin-top:2.25rem; }
@media (min-width:48rem) { .hero { padding:8rem 0 6rem; } section { padding:6.5rem 0; } }

/* Kennzahlen (wie eine ruhige Zahlenleiste) */
.zahlen { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--s); }
.zahlen div { padding:1.5rem 1rem 1.5rem 0; border-bottom:1px solid var(--s); }
.zahlen div:nth-child(odd) { border-right:1px solid var(--s); }
.zahlen div:nth-child(even) { padding-left:1rem; }
.zahlen .wert { display:block; font-size:clamp(1.75rem,5vw,2.75rem); letter-spacing:-.03em; line-height:1.1; font-weight:500; }
.zahlen .wert .offen { font-size:.9rem; }
.zahlen .was { display:block; font-size:.875rem; margin-top:.35rem; }
@media (min-width:48rem) {
  .zahlen { grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--s); }
  .zahlen div { border-bottom:0; border-right:1px solid var(--s); padding:1.75rem 1.5rem; }
  .zahlen div:first-child { padding-left:0; } .zahlen div:last-child { border-right:0; }
}
.stand { font-size:.8125rem; margin-top:.9rem; min-height:3.2em; }
@media (min-width:48rem) { .stand { min-height:1.6em; } }

/* Logbuch */
.logbuch { list-style:none; margin:0; padding:0; border-top:1px solid var(--s); }
.eintrag { display:grid; gap:.5rem; padding:2rem 0; border-bottom:1px solid var(--s); }
.eintrag .tag { font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace; font-size:.8125rem; letter-spacing:.04em; }
.eintrag h3 { font-size:clamp(1.35rem,3.2vw,1.75rem); }
.eintrag p { margin:.25rem 0; max-width:40rem; }
.eintrag dl { display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; margin:.75rem 0 0; font-size:.875rem; }
.eintrag dl div { display:flex; gap:.4rem; } .eintrag dt { font-weight:600; } .eintrag dd { margin:0; }
@media (min-width:48rem) { .eintrag { grid-template-columns:12rem 1fr; gap:2rem; } }

/* So arbeitet A01 */
.schritte { list-style:none; margin:2.5rem 0 0; padding:0; display:grid; gap:1rem; counter-reset:s; }
.schritte li { counter-increment:s; border:1px solid var(--s); border-radius:1rem; padding:1.5rem; }
.schritte li::before { content:"0" counter(s); display:block; font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.8125rem; margin-bottom:2.5rem; }
@media (min-width:48rem) { .schritte { grid-template-columns:repeat(3,1fr); } .schritte li { min-height:14rem; } }

/* Schwarzraum: Manifest + Warteliste */
.dunkel { background:var(--s); color:var(--w); }
section.dunkel + section { border-top:0; }
.dunkel .logo-w { height:2.25rem; width:auto; margin-bottom:2.5rem; }
.zwei { display:grid; gap:3rem; }
@media (min-width:60rem) { .zwei { grid-template-columns:1fr 1fr; gap:5rem; align-items:start; } }
form { display:grid; gap:1.1rem; }
.feld label { display:block; font-weight:500; margin-bottom:.4rem; font-size:.9375rem; }
.zusatz { font-weight:400; }
input[type=email], input[type=text] { width:100%; font:inherit; font-size:max(1rem,16px); min-height:3rem; padding:.7rem 1rem; border-radius:.6rem;
  border:1px solid var(--w); background:var(--s); color:var(--w); }
.check { display:flex; gap:.8rem; align-items:flex-start; }
.check input { width:1.5rem; height:1.5rem; margin:.1rem 0 0; flex:none; accent-color:var(--w); cursor:pointer; }
.check label { cursor:pointer; }
.check label { font-weight:400; margin:0; font-size:.9375rem; }
.dunkel a { color:var(--w); }
.dunkel .klein { line-height:1.5; }

/* Kanäle */
.kanaele { list-style:none; margin:2rem 0 0; padding:0; display:grid; grid-template-columns:1fr; gap:.75rem; }
.kanaele a { display:flex; align-items:center; gap:.75rem; padding:1rem 1.1rem; border:1px solid var(--s); border-radius:1rem; text-decoration:none; min-height:3.5rem; }
.kanaele a:hover { background:var(--s); color:var(--w); } .kanaele a:hover img { filter:invert(1); }
.kanaele img { width:1.4rem; height:1.4rem; flex:none; }
.kanaele .offen { margin-left:auto; font-size:.65rem; }
@media (min-width:36rem) { .kanaele { grid-template-columns:repeat(2,1fr); } }
@media (min-width:60rem) { .kanaele { grid-template-columns:repeat(3,1fr); } }

/* Rechtsseiten */
.recht h1 { font-size:clamp(1.9rem,1.2rem + 3.4vw,3.5rem); margin-bottom:1.5rem; }
.recht h2 { font-size:1.375rem; letter-spacing:-.015em; margin:2.5rem 0 .6rem; }
.recht h3 { font-size:1.0625rem; margin:1.5rem 0 .3rem; }
.recht p, .recht li { max-width:42rem; }
table { border-collapse:collapse; width:100%; font-size:.9375rem; margin:1rem 0; }
th, td { text-align:left; border-bottom:1px solid var(--s); padding:.65rem .75rem .65rem 0; vertical-align:top; }
/* Tabellen auf schmalen Geräten als gestapelte Karten (Spaltenname aus data-label) */
@media (max-width:35.99rem) {
  table.stapel, .stapel tbody, .stapel tr, .stapel td { display:block; width:100%; }
  .stapel thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
  .stapel tr { border-bottom:1px solid var(--s); padding:.6rem 0; }
  .stapel td { border:0; padding:.2rem 0 .2rem 7.25rem; position:relative; }
  .stapel td::before { content:attr(data-label); font-weight:600; position:absolute; left:0; top:.2rem; width:6.5rem; }
}
.tabelle { overflow-x:auto; }

/* Fuß (Struktur: Marke | Seiten | Kanäle | Rechtliches, darunter Copyright-Zeile) */
footer.site { border-top:1px solid var(--s); padding:3.5rem 0 calc(2rem + var(--sb)); font-size:.9375rem; }
.fuss { display:grid; gap:2rem; grid-template-columns:1fr 1fr; }
.fuss .marke-block { grid-column:1 / -1; }
.fuss h2 { font-size:.75rem; font-family:ui-monospace,Menlo,Consolas,monospace; letter-spacing:.08em; text-transform:uppercase; font-weight:400; margin:0 0 .9rem; }
.fuss ul { list-style:none; margin:0; padding:0; display:grid; gap:0; }
.fuss a, .linkknopf { text-decoration:none; }
.fuss ul a, .linkknopf { display:inline-flex; align-items:center; min-height:44px; min-width:44px; } .fuss a:hover, .linkknopf:hover { text-decoration:underline; }
.linkknopf { background:none; border:0; padding:0; font:inherit; color:inherit; cursor:pointer; text-align:left; }
.fuss .icons { display:flex; flex-wrap:wrap; gap:0; margin-left:-.75rem; }
.fuss .icons a { justify-content:center; min-width:44px; }
.fuss .icons img { width:1.25rem; height:1.25rem; }
.unten { margin-top:3rem; padding-top:1.25rem; border-top:1px solid var(--s); display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; font-size:.8125rem; }
@media (min-width:48rem) { .fuss { grid-template-columns:2fr 1fr 1fr 1fr; } .fuss .marke-block { grid-column:auto; } }

/* Cookie-Banner (klein, unten; Ablehnen und Akzeptieren gleich gestaltet) */
.cookie { position:fixed; z-index:40; left:max(.75rem,var(--sl)); right:max(.75rem,var(--sr)); bottom:calc(.75rem + var(--sb)); max-height:calc(100dvh - 1.5rem); overflow-y:auto; background:var(--w); color:var(--s);
  border:1px solid var(--s); border-radius:1rem; padding:1.1rem 1.2rem; box-shadow:0 0 0 4px var(--w); max-width:28rem; margin-left:auto; }
.cookie[hidden] { display:none; }
.cookie h2 { font-size:1rem; letter-spacing:-.01em; margin:0 0 .4rem; font-weight:600; }
.cookie p { margin:0 0 .9rem; font-size:.875rem; line-height:1.5; }
.cookie .knoepfe { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; }
.cookie .btn { width:100%; background:var(--w); color:var(--s); }
.cookie .btn:hover { background:var(--s); color:var(--w); }
.cookie .links { margin:.4rem 0 0; font-size:.8125rem; }
.cookie .links a { display:inline-flex; align-items:center; min-height:44px; padding:0 .15rem; }

/* Eigenständige Links (allein im Absatz) als 44-px-Touch-Ziel */
.solo, p > a:only-child { display:inline-flex; align-items:center; min-height:44px; }
img { height:auto; }

/* Bewegung reduzieren */
@media (prefers-reduced-motion:reduce) { *, *::before, *::after { transition:none !important; animation:none !important; } }

/* Dunkelmodus: Schwarz/Weiß getauscht; Logos per <picture> (weiß auf dunkel, schwarz auf hell – Logo-Regel) */
@media (prefers-color-scheme:dark) {
  :root { --s:#fff; --w:#000; --g:#1c1c1c; }
  header.site { background:rgba(0,0,0,.96); }
  .kanaele img, .fuss .icons img { filter:invert(1); }
  .kanaele a:hover img { filter:none; }
}

/* Druck: hell, ohne Navigation, Banner und Formular-Bedienelemente */
@media print {
  :root { --s:#000; --w:#fff; --g:#fff; }
  html { font-size:11pt; }
  header.site { position:static; }
  .nav-mobil, nav.haupt, .kopf > .btn, .cookie, .skip, .knoepfe, .mehr .btn, form, .fuss .icons { display:none !important; }
  section { padding:1.5rem 0; break-inside:auto; }
  .hero { padding:1.5rem 0; text-align:left; }
  .hero .lead, .hero .hinweis, .hero h1 { margin-left:0; }
  .eyebrow { break-after:avoid; }
  .dunkel { background:#fff; color:#000; border-top:1px solid #000; }
  .dunkel a { color:#000; }
  h1, h2, h3 { break-after:avoid; }
  .eintrag, .schritte li { break-inside:avoid; }
  a[href^="http"]::after { content:" (" attr(href) ")"; font-size:.8em; }
}

/* ===== v1.2 Ergänzungen ===== */
/* Kopf: langer CTA passt auf 320 px → Schriftzug "Pfändler" nur ab 30rem im Kopf (im Fuß immer) */
@media (max-width:29.99rem) { header.site .marke .strich, header.site .marke .name { display:none; } .btn.klein { padding:.35rem .9rem; font-size:.8125rem; } }
.hero .live { margin:1.5rem auto 0; font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace; font-size:.75rem; letter-spacing:.04em; }
.hero.links { text-align:left; }
.hero.links .lead, .hero.links .hinweis { margin-left:0; }
.hero.links .knoepfe { justify-content:flex-start; }
.hero.links .klein { margin-top:1.5rem; }
.h1-m { font-size:clamp(2rem,1.2rem + 4vw,4.25rem); line-height:1.05; max-width:52rem; hyphens:manual; }
.h2-m { font-size:clamp(1.375rem,1.1rem + 1.4vw,2rem); margin:2.75rem 0 1rem; }
.schmal-l { max-width:52rem; }
.eintrag h2 a, .eintrag h3 a { text-decoration:none; } .eintrag h2 a:hover, .eintrag h3 a:hover { text-decoration:underline; }
.eintrag h2 { font-size:clamp(1.35rem,3.2vw,1.75rem); margin-bottom:.5rem; }
.status { display:inline-block; border:1px solid var(--s); border-radius:var(--r); padding:.3rem .9rem; font-size:.8125rem; }
/* Über Dennis */
.person { display:grid; gap:1.5rem; margin-top:2rem; align-items:start; }
.foto { width:10rem; height:10rem; border-radius:50%; border:1px dashed var(--s); background:var(--g); display:flex; align-items:center; justify-content:center; text-align:center; padding:1rem; }
.person h3 { margin-bottom:.75rem; }
.person p { max-width:40rem; margin:.4rem 0; }
@media (min-width:48rem) { .person { grid-template-columns:10rem 1fr; gap:2.5rem; } }
/* Karten */
.karten { display:grid; gap:1rem; margin:2rem 0 1.5rem; }
.karte { border:1px solid var(--s); border-radius:1rem; padding:1.5rem; }
.karte h3 { font-size:clamp(1.2rem,1rem + 1vw,1.5rem); margin-bottom:.9rem; }
.karte .eyebrow { margin-bottom:.75rem; }
.karte .mehr { margin-top:1rem; margin-bottom:0; }
@media (min-width:48rem) { .karten { grid-template-columns:repeat(2,1fr); } .karten:has(> :nth-child(3)) { grid-template-columns:repeat(3,1fr); } .karte { padding:2rem; } }
.liste { margin:0; padding-left:1.2rem; display:grid; gap:.5rem; }
.zitat { border-left:2px solid var(--s); padding-left:1rem; margin-top:1.5rem; }
/* FAQ ohne JavaScript */
.faq { border-top:1px solid var(--s); margin-top:1.5rem; }
.faq details { border-bottom:1px solid var(--s); }
.faq summary { cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:1rem; min-height:3.5rem; padding:.75rem 0; font-weight:500; font-size:1.0625rem; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; font-family:ui-monospace,Menlo,Consolas,monospace; font-size:1.25rem; flex:none; }
.faq details[open] summary::after { content:"–"; }
.faq details p { margin:0 0 1.25rem; max-width:40rem; }
/* Formular: Fehler direkt am Feld */
.fehler { margin:.45rem 0 0; font-size:.875rem; font-weight:500; }
.fehler::before { content:"! "; font-weight:600; }
input[aria-invalid=true] { outline:2px solid currentColor; outline-offset:2px; }
.dunkel .offen { background:#1c1c1c; color:#fff; }
.dunkel p { max-width:40rem; }
/* Kanäle im Fuß (ohne Link, solange keine URL bestätigt ist) */
.kanal-fuss { list-style:none; margin:0; padding:0; display:grid; gap:.6rem; }
.kanal-fuss .kanal, .kanal-fuss a { display:inline-flex; align-items:center; gap:.6rem; min-height:1.5rem; }
.kanal-fuss a { min-height:44px; }
.kanal-fuss img { width:1.1rem; height:1.1rem; }
.fuss > div > h2 { font-size:.75rem; font-family:ui-monospace,Menlo,Consolas,monospace; letter-spacing:.08em; text-transform:uppercase; font-weight:400; margin:0 0 .9rem; }
/* CTA-Block am Ende von Logbuch/DAY */
.cta-block { text-align:left; }
.cta-block h2 { max-width:44rem; }
.cta-block .knoepfe { margin-top:1.75rem; }
/* DAY-Seite */
.tag-seite .eyebrow a { text-decoration:none; } .tag-seite .eyebrow a:hover { text-decoration:underline; }
.tag-seite .eyebrow a { display:inline-flex; align-items:center; min-height:44px; }
.tag-seite .meta { font-size:.9375rem; margin:0 0 1rem; }
.tag-seite .text p { font-size:clamp(1.0625rem,1rem + .4vw,1.25rem); line-height:1.6; max-width:40rem; }
.tag-nav { margin-top:2.5rem; }
.btn.aus { opacity:1; border-style:dashed; cursor:default; }
.btn.aus:hover { background:var(--w); color:var(--s); }
/* Ablauf (Bestätigen) */
.ablauf { list-style:none; padding:0; margin:2rem 0; display:grid; gap:.6rem; }
.ablauf li { display:flex; align-items:center; gap:.9rem; }
.ablauf span { width:2rem; height:2rem; border-radius:50%; border:1px solid var(--s); display:inline-flex; align-items:center; justify-content:center; font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.8125rem; flex:none; }
.ablauf li[aria-current] { font-weight:600; } .ablauf li[aria-current] span { background:var(--s); color:var(--w); }
@media (max-width:29.99rem) { .knoepfe .btn { width:100%; } }
@media (prefers-color-scheme:dark) { .kanal-fuss img { filter:invert(1); } .dunkel .offen { background:#e6e6e6; color:#000; } }
@media print { .fehler, .cta-block { display:none !important; } }
.btn.klein { white-space:nowrap; }
@media (max-width:22.49rem) { .btn.klein { font-size:.75rem; padding:.35rem .75rem; } .kopf { gap:.5rem; } }
.tag-seite { padding:3.5rem 0 4.5rem; }
@media (min-width:48rem) { .tag-seite { padding:5rem 0 6rem; } }
@media (max-width:59.99rem) { .zwei { gap:1.25rem; } #anmelden .zwei { gap:2.5rem; } }
nav.haupt a, .nav-mobil a { white-space:nowrap; }

/* ---- links-v1: Kanal-Linkseite ---- */
.linkseite { padding:3rem 0 4rem; text-align:center; }
.linkseite .logo { height:3.5rem; width:auto; margin:0 auto 1.5rem; }
.linkseite h1 { font-size:clamp(1.9rem,1.2rem + 3vw,3rem); line-height:1.08; max-width:36rem; margin:1rem auto 0; }
.linkseite .name { font-weight:600; font-size:1.125rem; margin:0; }
.linkliste { list-style:none; margin:2.5rem auto 0; padding:0; display:grid; gap:.85rem; max-width:30rem; }
.linkliste a, .linkliste .folgt { display:flex; align-items:center; gap:.9rem; min-height:3.5rem; padding:.85rem 1.4rem;
  border:1px solid var(--s); border-radius:var(--r); text-decoration:none; font-size:1.0625rem; font-weight:500; text-align:left; }
.linkliste a { background:var(--s); color:var(--w); }
.linkliste a:hover { background:var(--w); color:var(--s); }
.linkliste a img { filter:invert(1); } .linkliste a:hover img { filter:none; }
.linkliste img { width:1.4rem; height:1.4rem; flex:none; }
.linkliste .folgt { border-style:dashed; background:var(--g); color:var(--s); cursor:default; }
.linkliste .marke-txt { flex:1; }
.linkliste .tag { font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.75rem; letter-spacing:.06em; text-transform:uppercase; border:1px solid currentColor; border-radius:var(--r); padding:.1rem .55rem; }
.links-fuss { display:flex; flex-wrap:wrap; justify-content:center; gap:0 1.5rem; }
.links-fuss a { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; }
.links-fuss a:hover { text-decoration:underline; }
@media (prefers-color-scheme:dark) { .linkliste a { background:var(--w); color:var(--s); } .linkliste a img { filter:none; } .linkliste a:hover { background:var(--s); color:var(--w); } .linkliste a:hover img { filter:invert(1); } .linkliste .folgt img { filter:invert(1); } .linkliste .folgt { background:#1a1a1a; color:var(--w); border-color:var(--w); } }