/* MIG Erscheinungsbild, Fassung Oktober 2026
   Liegt über stil.css und den Stilen der einzelnen Seiten. Zwei Lagen auf einem Lichtgrund:
   Licht für den Normalfall, Nacht für Bühne, Film und Großfläche. Türkis für alles Bedienbare. */

@font-face{font-family:"Liberation Sans";src:url(fonts/LiberationSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Liberation Sans";src:url(fonts/LiberationSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  color-scheme:light;
  --cd-papier:#fcfcfa; --cd-tinte:#0b1f3a; --cd-leise:#4a5b72;
  --cd-nacht:#0c1a2e; --cd-nacht-karte:#13243b; --cd-nacht-text:#e8eef7; --cd-nacht-leise:#9db0c8;
  --cd-signal:#0fd4ce; --cd-signal-tief:#00706d; --cd-signal-hell:#7ff0ec;
  --cd-sonne:#ffc845; --cd-kiwi:#aedc52; --cd-rose:#ffafc9;
  --cd-glas:rgba(255,255,255,.62); --cd-glas-rand:rgba(255,255,255,.85); --cd-kante:rgba(11,31,58,.10);
  --cd-r-s:12px; --cd-r-m:20px; --cd-r-l:28px; --cd-r-xl:40px;
  --cd-licht-1:0 2px 6px rgba(11,31,58,.05);
  --cd-licht-2:0 12px 30px rgba(11,31,58,.08);
  --cd-licht-3:0 22px 54px rgba(11,31,58,.12);
  --cd-schein:0 8px 22px rgba(15,212,206,.38);
  --cd-sans:"Liberation Sans",Arial,Helvetica,sans-serif;
  --cd-g:max(16px,env(safe-area-inset-left,0px));
  --cd-abstand:clamp(12px,1.5vw,20px);
  --cd-innen:clamp(22px,3vw,40px);
  --cd-korn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23k)' opacity='0.42'/%3E%3C/svg%3E");

  /* gemeinsame Tokens der Website */
  --w-mid:#0b1f3a; --w-mid2:#13243b; --w-blue:#00706d; --w-blue2:#005a58;
  --w-gold:#00706d; --w-goldh:#0fd4ce;
  --w-grund:#fcfcfa; --w-feld:#ffffff; --w-feld2:#ffffff;
  --w-ink:#0b1f3a; --w-ink2:#0b1f3a; --w-muted:#4a5b72;
  --w-linie:#dfe4ea; --w-linie2:#eef2f4;
  --w-r:20px;
  --w-schatten:var(--cd-licht-2);
  --w-font:var(--cd-sans);
  --w-kopf:64px;

  /* Beitritt, Verwaltung, Abstimmung */
  --mid:#0b1f3a; --blue:#00706d; --gold:#00706d; --goldh:#0fd4ce; --gold-h:#0fd4ce;
  --ground:#fcfcfa; --grund:#fcfcfa; --panel:#ffffff; --panel2:#ffffff; --feld:#ffffff; --feld2:#ffffff;
  --ink:#0b1f3a; --ink2:#0b1f3a; --muted:#4a5b72;
  --line:#dfe4ea; --line2:#eef2f4; --linie:#dfe4ea; --linie2:#eef2f4;
  --radius:20px; --r:14px;
  --shadow:var(--cd-licht-2); --schatten:var(--cd-licht-2);
  --font:var(--cd-sans);

  /* Kachelgenerator */
  --accent:#00706d; --accent-soft:#dcf6f5; --gold-bright:#0fd4ce; --stage:#eef2f4;

  /* Diktiergerät */
  --d-font:var(--cd-sans);
  --d-screen:#0c1a2e; --d-screen-edge:#1d3350; --d-grid:#13243b; --d-lane:#1b3150;
  --d-wave:#0fd4ce; --d-wave-dim:#00706d;
}

html{background:var(--cd-papier)}
body{font-family:var(--cd-sans)}
body.wseite,body.cdl{font-size:16px;line-height:1.66;-webkit-font-smoothing:antialiased;color:var(--cd-tinte)}
::selection{background:rgba(15,212,206,.32)}

/* ---------- Lichtgrund mit Körnung ---------- */
body.cdl::before{content:"";position:fixed;inset:-12% -6%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(42% 36% at 10% 6%,rgba(15,212,206,.34),transparent 68%),
    radial-gradient(38% 32% at 90% 12%,rgba(255,200,69,.34),transparent 70%),
    radial-gradient(44% 38% at 78% 64%,rgba(255,175,201,.30),transparent 70%),
    radial-gradient(40% 34% at 18% 82%,rgba(174,220,82,.30),transparent 70%);
  filter:blur(30px);animation:cdatmen 54s ease-in-out infinite alternate}
body.cdl::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:var(--cd-korn);opacity:.42;mix-blend-mode:multiply}
@keyframes cdatmen{from{transform:translate3d(-1.6%,-1%,0) scale(1)}to{transform:translate3d(1.6%,1%,0) scale(1.07)}}
body.cdl{background:transparent}

/* ---------- Menü ---------- */
.wnav{background:rgba(252,252,250,.78);border-bottom:1px solid var(--cd-kante)}
@supports (backdrop-filter:blur(8px)){.wnav{background:rgba(252,252,250,.66);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5)}}
.wmarke{color:var(--cd-tinte)}
.wmarke span{color:var(--cd-leise)}
.wnav ul a{color:var(--cd-tinte);border-radius:999px}
.wnav ul a:hover{background:rgba(15,212,206,.12);color:var(--cd-tinte)}
.wnav ul a[aria-current="page"]{color:var(--cd-signal-tief);background:rgba(15,212,206,.14)}
.wnav .wcta,.wnav .wcta:visited{background:var(--cd-signal);color:var(--cd-tinte);border-radius:999px;
  box-shadow:0 6px 18px rgba(15,212,206,.34);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease-out}
.wnav .wcta:hover{filter:none;transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,212,206,.46)}
.wburger{border-color:var(--cd-kante);border-radius:999px;color:var(--cd-tinte);gap:0;min-height:44px;padding:9px 16px}
.wburger span{margin-right:-16px}
.wburger span:nth-child(3){margin-right:10px}
.wnav li.wintern a{color:var(--cd-leise)}
.wnav li.wintern a:hover{color:var(--cd-tinte)}
.wnav li.wgruendung span,.wgruendung-m{color:var(--cd-signal-tief);background:rgba(15,212,206,.14);border-color:rgba(15,212,206,.4)}
.wklapp{color:var(--cd-leise);border-radius:999px}
.wklapp:hover{background:rgba(15,212,206,.12);color:var(--cd-tinte)}
#wliste .wunter{background:#fff;border:1px solid var(--cd-kante);border-radius:var(--cd-r-m);box-shadow:var(--cd-licht-3);padding:8px}
#wliste .wunter a{border-radius:var(--cd-r-s)}
@media (max-width:960px){
  #wliste .wunter{background:transparent;border:0;border-left:2px solid rgba(15,212,206,.5);border-radius:0;box-shadow:none;padding:0 0 0 12px}
}

/* ---------- Kopfbereiche als Nachtmodul ---------- */
body.wseite > header,body.cdl > header.top{
  width:calc(100% - 2 * var(--cd-g));max-width:1180px;margin:var(--cd-abstand) auto 0;
  border-radius:var(--cd-r-xl);overflow:hidden;isolation:isolate;background-color:var(--cd-nacht);
  border:1px solid rgba(255,255,255,.10);box-shadow:var(--cd-licht-2)}
body.wseite > header > .wbahn{padding-left:clamp(22px,4.4vw,60px);padding-right:clamp(22px,4.4vw,60px)}
body.cdl > header.top{padding-left:clamp(22px,4.4vw,60px);padding-right:clamp(22px,4.4vw,60px)}
@media (max-width:640px){body.wseite > header,body.cdl > header.top{border-radius:var(--cd-r-l)}}
body.wseite > header .wauge,.wfilmteil .wauge,.wtermin .wauge{color:var(--cd-signal)}
.whero{padding:clamp(48px,6vw,84px) 0 clamp(44px,5.6vw,78px)}
.whero h1 b{color:var(--cd-signal)}
.whero .zus{color:var(--cd-nacht-leise)}
.whero p.sub{color:var(--cd-nacht-text)}
.wzahlen{border-top-color:rgba(232,238,247,.16)}
.wzahlen b{color:var(--cd-signal)}
.wzahlen span{color:var(--cd-nacht-leise)}
.pkopf .pstand{color:var(--cd-signal)}

/* ---------- Abschnitte als Module ---------- */
body.wseite .wabschnitt,body.wseite .wabschnitt.hell{background:transparent;padding:calc(var(--cd-abstand) / 2) var(--cd-g)}
body.wseite > header + .wabschnitt,body.wseite > header + section{padding-top:var(--cd-abstand)}
body.wseite .wabschnitt:last-of-type{padding-bottom:var(--cd-abstand)}
body.wseite .wabschnitt > .wbahn,body.wseite .wabschnitt > .weng{
  position:relative;background:var(--cd-glas);border:1px solid var(--cd-glas-rand);border-radius:var(--cd-r-l);
  box-shadow:var(--cd-licht-2);padding:var(--cd-innen);
  -webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5)}
body.wseite .wabschnitt > .weng{max-width:860px}
/* Wo gelesen wird, steht Weiß */
body.wseite .wabschnitt > .weng:has(form),
body.wseite .wabschnitt > .wbahn:has(.wzwei),
body.wseite .wabschnitt > .wbahn:has(.vregel){background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--cd-kante)}
/* Module, die selbst aus Modulen bestehen */
body.wseite .wabschnitt > .wbahn:has(> .wtermin),
body.wseite .wabschnitt > .weng.ffragen,
body.wseite .wabschnitt > .wbahn:has(> .wgitter:only-child){background:none;border:0;box-shadow:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}
/* Nachtlage für Film */
body.wseite .wabschnitt.wfilmteil{background:transparent;color:var(--cd-nacht-text)}
body.wseite .wfilmteil > .wbahn{background:var(--cd-nacht);border-color:rgba(255,255,255,.10);-webkit-backdrop-filter:none;backdrop-filter:none}
.wfilmteil .wlead,.wfilm p{color:var(--cd-nacht-leise)}
.wfilm video{border-radius:var(--cd-r-m)}

/* ---------- Typografie ---------- */
body.wseite :where(h1),body.wseite :where(h2){letter-spacing:-.02em}
.wauge,.marke-cd{font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--cd-signal-tief);margin-bottom:12px}
.wlinie{display:none}
.wlead{color:var(--cd-leise);font-size:clamp(17px,1.8vw,20px);line-height:1.58;max-width:60ch}
:where(body.wseite) p{color:var(--cd-tinte)}
body.wseite p a,body.wseite dd a,body.wseite .kschutz a{color:var(--cd-signal-tief)}
body.wseite a:focus-visible,body.cdl a:focus-visible,button:focus-visible{outline:3px solid var(--cd-tinte);outline-offset:3px}

/* ---------- Knöpfe ---------- */
.wknopf{border-radius:999px;min-height:48px;padding:13px 26px;letter-spacing:.03em;border-width:2px;
  transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease-out,background-color .2s ease-out}
.wknopf:hover{transform:translateY(-2px)}
.wknopf.voll,.wknopf.gold{background:var(--cd-signal);color:var(--cd-tinte);border-color:transparent;box-shadow:var(--cd-schein)}
.wknopf.voll:hover,.wknopf.gold:hover{filter:none;box-shadow:0 14px 34px rgba(15,212,206,.5)}
.wknopf.rand{background:transparent;color:var(--cd-tinte);border-color:var(--cd-tinte)}
.wknopf.rand:hover{background:rgba(11,31,58,.06)}
.wknopf.weiss{background:transparent;color:var(--cd-nacht-text);border-color:rgba(232,238,247,.55)}
.wknopf.weiss:hover{background:rgba(232,238,247,.10)}
.wmarker{background:rgba(15,212,206,.14);color:var(--cd-signal-tief);border-color:rgba(15,212,206,.4)}
.wmarker.gold{background:rgba(255,200,69,.22);color:var(--cd-tinte);border-color:rgba(255,200,69,.7)}
@media (prefers-reduced-motion:reduce){body.cdl::before{animation:none}.wknopf:hover,.wnav .wcta:hover,.cdreagiert:hover{transform:none}}

/* ---------- Karten ---------- */
.wkarte,.vkarte,.kweg,.ffrage,.wpost,.wkap,.wkanal{background:#fff;border:1px solid var(--cd-kante);border-radius:var(--cd-r-m);box-shadow:var(--cd-licht-1)}
.wkap,.wkanal,.ffrage,.vkarte,.wpost{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease-out,border-color .22s ease-out}
.wkap:hover,.wkanal:hover,.ffrage:hover,.vkarte:hover{transform:translateY(-4px);border-color:rgba(15,212,206,.7);box-shadow:var(--cd-licht-3),0 0 26px rgba(15,212,206,.22)}
.wkap b.nr{background:var(--cd-nacht);color:var(--cd-signal);border-radius:var(--cd-r-s)}
.wkanal em{color:var(--cd-signal-tief)}
.wkanal .sig,.wpost .pk .sig{border-radius:var(--cd-r-s)}
.wsaeule,.vregel div{border-left:0;padding-left:0;position:relative;padding-top:18px}
.wsaeule::before,.vregel div::before{content:"";position:absolute;left:0;top:0;width:12px;height:4px;border-radius:999px;background:var(--cd-signal)}
.wsaeule p,.vregel p{color:var(--cd-leise)}
.vkarte::before{display:none}
.vkarte .mono{background:var(--cd-nacht);color:var(--cd-signal);border-radius:var(--cd-r-m)}
.vkarte .amt{color:var(--cd-signal-tief)}
.vkarte .ph{border-color:var(--cd-kante)}
.vnote,.ihinweis{background:rgba(255,200,69,.18);border:1px solid rgba(255,200,69,.62);border-radius:var(--cd-r-m);color:var(--cd-tinte)}
.vnote b,.ihinweis b{color:var(--cd-tinte)}
.kweg .sym{background:rgba(15,212,206,.14);color:var(--cd-signal-tief);border-radius:var(--cd-r-s)}
.kschutz{background:#fff;border:1px dashed rgba(11,31,58,.18);border-radius:var(--cd-r-m)}
.kmeld.weis,.pkmeld.weis{background:rgba(255,200,69,.18);color:var(--cd-tinte);border-color:rgba(255,200,69,.62)}

/* Felder */
.kfeld input,.kfeld select,.kfeld textarea,.pkfeld input,.pkrahmen{background:#fff;border-color:rgba(11,31,58,.18);border-radius:var(--cd-r-s)}
.kfeld input,.kfeld select{min-height:48px}
.kfeld input:focus,.kfeld select:focus,.kfeld textarea:focus,.pkfeld input:focus,.pkrahmen:focus-within{outline:3px solid rgba(15,212,206,.55);outline-offset:1px;border-color:var(--cd-signal-tief)}

/* ---------- Startseite ---------- */
.wtermin{border-radius:var(--cd-r-l);background-color:var(--cd-nacht)}
.wuhr div{background:rgba(232,238,247,.08);border-radius:var(--cd-r-s)}
.wuhr b{color:var(--cd-signal)}
.wuhr span{color:var(--cd-nacht-leise)}
.wbild{border-radius:var(--cd-r-l);box-shadow:var(--cd-licht-2)}
.wbild figcaption{background:#fff;border-top-color:var(--cd-kante)}
.wposter{border-radius:var(--cd-r-m)}
.wposter:hover i,.wposter:focus-visible i{background:rgba(15,212,206,.85)}
.wposter:focus-visible{outline-color:var(--cd-signal)}
.wfilter button{border-color:rgba(11,31,58,.16);border-radius:999px;min-height:44px}
.wfilter button:hover{border-color:var(--cd-signal-tief)}
.wfilter button[aria-pressed="true"]{background:rgba(15,212,206,.16);border-color:rgba(15,212,206,.6);color:var(--cd-signal-tief);font-weight:700}
.wpost .txt b,.wsperre a,.wpost .fuss a{color:var(--cd-signal-tief)}
.wkachel{background:var(--cd-nacht);border-radius:0}
.wkachel.gold{background:var(--cd-signal);color:var(--cd-tinte)}
.wkachel.gold i{background:var(--cd-tinte)}
.wkachel i{background:var(--cd-signal)}
.wfaqteil h3{color:var(--cd-tinte);letter-spacing:-.02em}
.wfaqteil p{color:var(--cd-leise)}
.wfaqteil a,.wfaqalle{color:var(--cd-signal-tief)}
.wfaqfuss{border-top-color:var(--cd-kante)}
.wfaqknoepfe button{width:44px;height:44px;border-color:rgba(11,31,58,.16);background:#fff;color:var(--cd-tinte)}
.wfaqknoepfe button:hover{border-color:var(--cd-signal);color:var(--cd-signal-tief);box-shadow:0 0 0 3px rgba(15,212,206,.16)}
body .wlesen button{border-color:rgba(11,31,58,.16);color:var(--cd-signal-tief);min-height:40px}
body .wlesen button:hover{border-color:var(--cd-signal)}
body .wlesen button[aria-pressed=true]{background:var(--cd-signal);border-color:var(--cd-signal);color:var(--cd-tinte)}
body .wlesend{background:rgba(15,212,206,.22);box-shadow:-10px 0 0 rgba(15,212,206,.22),10px 0 0 rgba(15,212,206,.22)}

/* ---------- Grundsatzprogramm ---------- */
.pbahn{max-width:calc(1180px + 2 * var(--cd-g));padding:var(--cd-abstand) var(--cd-g) var(--cd-abstand);gap:var(--cd-abstand);grid-template-columns:280px minmax(0,1fr)}
@media (max-width:940px){.pbahn{grid-template-columns:minmax(0,1fr)}}
.pinhalt{background:var(--cd-glas);border:1px solid var(--cd-glas-rand);border-radius:var(--cd-r-l);box-shadow:var(--cd-licht-2);padding:20px 12px;
  -webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5)}
.pinhalt h4{color:var(--cd-signal-tief);letter-spacing:.24em;padding-left:11px}
.pinhalt a{color:var(--cd-tinte);border-radius:var(--cd-r-s)}
.pinhalt a .inr{color:var(--cd-signal-tief)}
.pinhalt a:hover{background:rgba(15,212,206,.10)}
.pinhalt a.aktiv{color:var(--cd-signal-tief);border-left-color:var(--cd-signal);background:rgba(15,212,206,.14)}
.pspalte{max-width:900px}
.ptext{background:#fff;border:1px solid var(--cd-kante);border-radius:var(--cd-r-l);box-shadow:var(--cd-licht-2);padding:clamp(22px,3.6vw,52px)}
.ptext h2 .knr{color:var(--cd-signal-tief);background:rgba(15,212,206,.14);border-color:rgba(15,212,206,.4);border-radius:999px;padding:3px 10px}
.ptext h3{color:var(--cd-signal-tief)}
.ptext .pmotto{border-left-color:var(--cd-signal);color:var(--cd-tinte)}
.pquellen p{border-top-color:var(--cd-kante)}
.pblaettern{border-top-color:var(--cd-kante)}
.pkomm{margin-top:var(--cd-abstand);background:#fff;border:1px solid var(--cd-kante);border-radius:var(--cd-r-l);box-shadow:var(--cd-licht-2);padding:clamp(20px,3vw,34px)}
.pkomm+.pkomm{margin-top:var(--cd-abstand)}
.pkliste>li,.pkantwort,.pkantwortform{border-color:var(--cd-kante);border-radius:var(--cd-r-m);background:#fff}
.pkliste>li{background:rgba(252,252,250,.9)}
.pkleiste{background:#fff}
.pkleiste button{border-radius:999px}
.pkleiste button:hover,.pkleiste button[aria-pressed="true"]{background:rgba(15,212,206,.12)}
.pkantw,.pkfadenknopf{color:var(--cd-signal-tief)}
.pkfaden{border-left-color:rgba(15,212,206,.45)}
.pkneu{box-shadow:0 0 0 2px var(--cd-signal)}

/* ---------- Fragen und Antworten ---------- */
.ffragen{gap:var(--cd-abstand)}
.ffrage summary{padding:20px 24px}
.ffrage summary::after{border-color:var(--cd-signal-tief)}
.ffrage summary h2{letter-spacing:-.01em}
.fantwort{padding:0 24px 20px}
.fantwort p{color:var(--cd-tinte)}
.fantwort .fmehr a{color:var(--cd-signal-tief)}

/* ---------- Impressum und Datenschutz ---------- */
body.wseite .ibahn{max-width:880px;margin:var(--cd-abstand) auto;width:calc(100% - 2 * var(--cd-g));
  background:#fff;border:1px solid var(--cd-kante);border-radius:var(--cd-r-l);box-shadow:var(--cd-licht-2);padding:clamp(24px,4vw,56px)}
.iblock .norm,.offen{color:var(--cd-signal-tief)}
.ireihe{border-top-color:var(--cd-kante)}
.izeiger a{border-color:rgba(11,31,58,.16);color:var(--cd-tinte);background:#fff;min-height:40px;display:inline-flex;align-items:center}
.izeiger a:hover{border-color:var(--cd-signal);color:var(--cd-signal-tief)}

/* ---------- Fußzeile als Nachtmodul ---------- */
.wfuss{width:calc(100% - 2 * var(--cd-g));max-width:1180px;margin:var(--cd-abstand) auto var(--cd-g);
  background:var(--cd-nacht);color:var(--cd-nacht-leise);border-radius:var(--cd-r-xl);overflow:hidden;
  border:1px solid rgba(255,255,255,.08);font-family:var(--cd-sans)}
@media (max-width:640px){.wfuss{border-radius:var(--cd-r-l)}}
.wfuss .winner{padding-left:clamp(22px,4.4vw,60px);padding-right:clamp(22px,4.4vw,60px)}
.wfuss h4{color:var(--cd-signal);font-size:11px;letter-spacing:.24em}
.wfuss p{color:var(--cd-nacht-leise)}
.wfuss .winner a{color:var(--cd-nacht-text)}
.wfuss .winner a:hover{color:var(--cd-signal-hell)}
.whinweis{color:var(--cd-signal)!important}
.wunten{border-top-color:rgba(232,238,247,.10)}
.wsozial a{width:40px;height:40px;border-radius:999px;background:rgba(232,238,247,.08)}
.wsozial a:hover{background:rgba(15,212,206,.22);color:var(--cd-signal-hell)}

/* ---------- Mitglied werden ---------- */
body.cdl > header.top{margin-bottom:0}
body.cdl .nav{background:rgba(252,252,250,.72);border:1px solid var(--cd-glas-rand);border-radius:999px;box-shadow:var(--cd-licht-2);
  width:calc(100% - 2 * var(--cd-g));max-width:1180px;margin:var(--cd-abstand) auto 0;top:calc(var(--w-kopf) + 8px);
  -webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5)}
body.cdl .nav .inner{padding:0 10px 0 22px}
body.cdl .fortschritt{height:3px;margin:0 28px 7px;border-radius:999px;overflow:hidden}
body.cdl .nav .burger{border-radius:999px;border-color:var(--cd-kante);min-height:40px}
@media (max-width:860px){body.cdl .nav{border-radius:var(--cd-r-l)}body.cdl .nav ul{border-radius:var(--cd-r-l);margin-top:6px;border:1px solid var(--cd-kante)}}
body.cdl .nav a{border-radius:999px;color:var(--cd-leise)}
body.cdl .nav a:hover{background:rgba(15,212,206,.12);color:var(--cd-tinte)}
body.cdl .nav a[aria-current="true"]{color:var(--cd-signal-tief);background:rgba(15,212,206,.14)}
body.cdl .nav a.erledigt .pkt{background:var(--cd-signal-tief)}
body.cdl .fortschritt{background:rgba(11,31,58,.08)}
body.cdl .fortschritt i{background:var(--cd-signal)}
body.cdl section.card{background:#fff;border-color:var(--cd-kante);border-radius:var(--cd-r-l);box-shadow:var(--cd-licht-2);padding:clamp(20px,3vw,34px);margin-bottom:var(--cd-abstand)}
body.cdl section.card > h2 b{color:var(--cd-signal-tief);font-size:11px;letter-spacing:.24em}
body.cdl .erk h3{color:var(--cd-tinte)}
body.cdl .erk span{color:var(--cd-signal-tief)}
body.cdl label.f{color:var(--cd-leise)}
body.cdl input[type=text],body.cdl input[type=email],body.cdl input[type=tel],body.cdl input[type=date],body.cdl input[type=number],body.cdl select{
  min-height:48px;border-color:rgba(11,31,58,.18);border-radius:var(--cd-r-s)}
body.cdl input:focus,body.cdl select:focus{border-color:var(--cd-signal-tief);box-shadow:0 0 0 3px rgba(15,212,206,.3)}
body.cdl .check input{accent-color:var(--cd-signal-tief)}
body.cdl .radio button{min-height:44px;border-color:rgba(11,31,58,.16)}
body.cdl .radio button[aria-pressed="true"]{background:var(--cd-signal);border-color:var(--cd-signal);color:var(--cd-tinte)}
body.cdl .beitrag{background:rgba(255,200,69,.18);border-radius:var(--cd-r-m)}
body.cdl .beitrag .zahl{color:var(--cd-tinte)}
body.cdl #pad{border-color:rgba(11,31,58,.22);border-radius:var(--cd-r-m)}
body.cdl .fertig{background:var(--cd-nacht);border-radius:var(--cd-r-l)}
body.cdl .fertig .btn{background:var(--cd-signal);border-color:var(--cd-signal);color:var(--cd-tinte)}
body.cdl .fertig .btn.ghost{background:transparent;color:var(--cd-nacht-text);border-color:rgba(232,238,247,.55)}
body.cdl .toast{background:var(--cd-nacht)}
body.cdl .meldbox,body.cdl .sheet{border-radius:var(--cd-r-l)}

/* ---------- Anwendungen: Verwaltung, Kachelgenerator, Abstimmung, Diktiergerät ---------- */
.btn{border-radius:999px;border-color:rgba(11,31,58,.16)}
.btn:hover{border-color:var(--cd-signal-tief)}
.btn.primary,.btn.haupt,.ab .btn.haupt,.nav .cta,.kt-knopf{background:var(--cd-signal);border-color:var(--cd-signal);color:var(--cd-tinte);border-radius:999px;box-shadow:0 6px 18px rgba(15,212,206,.3)}
.btn.primary:hover,.btn.haupt:hover,.ab .btn.haupt:hover{filter:none;box-shadow:0 10px 26px rgba(15,212,206,.44)}
.tabs button[aria-selected="true"]{background:var(--cd-signal);color:var(--cd-tinte)}
.reiter button{border-radius:999px}
.reiter button[aria-current="true"]{background:rgba(15,212,206,.14);color:var(--cd-signal-tief)}
.vwlageansicht button[aria-pressed=true],.ab .torwahl button[aria-pressed="true"]{background:var(--cd-nacht)}
.ab .wahl button[aria-pressed="true"]{border-color:var(--cd-signal-tief);background:rgba(15,212,206,.12);color:var(--cd-signal-tief)}
.viewswitch button[aria-pressed="true"]{background:var(--cd-tinte)}
.opt .mini{background:#0c1a2e}
.opt .mini i{background:#0fd4ce}

/* Startseite: Definition der inneren Migration mit Wahl der Fassung */
.wdefkopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:6px}
.wdefkopf h2{margin:0}
.wdefwahl{display:inline-flex;padding:4px;border-radius:999px;background:rgba(11,31,58,.05);border:1px solid var(--cd-kante)}
.wdefwahl button{font:inherit;font-size:14px;font-weight:700;letter-spacing:.02em;min-height:40px;padding:8px 18px;border:0;border-radius:999px;
  background:transparent;color:var(--cd-leise);cursor:pointer;transition:background-color .2s ease-out,color .2s ease-out,box-shadow .2s ease-out}
.wdefwahl button:hover{color:var(--cd-tinte)}
.wdefwahl button[aria-pressed="true"]{background:var(--cd-signal);color:var(--cd-tinte);box-shadow:0 6px 16px rgba(15,212,206,.32)}
.wdef .wlesen{margin:10px 0 16px}
.wdeftext p{color:var(--cd-tinte)!important;font-size:16.5px;line-height:1.7;margin:0 0 14px}
.wdef:not([data-ansicht="k"]) .wdef-k,.wdef[data-ansicht="k"] .wdef-e{display:none}
.wdef-k p{font-size:18px;line-height:1.65}
.wdef[data-ansicht="k"] .wstimme{display:none!important}

/* Miggy und Meaggy in der Kinderfassung */
.wtropfen{position:relative;float:right;width:min(240px,46%);margin:4px 0 12px 18px;padding-top:40px;shape-outside:margin-box}
.wtropfen svg{display:block;width:100%;height:auto;overflow:visible}
.wtfigur{cursor:pointer;outline:none}
.wtfigur:focus-visible{outline:3px solid var(--cd-tinte);outline-offset:4px}
.wtblase{position:absolute;bottom:calc(100% - 38px);max-width:190px;padding:7px 12px;border-radius:16px;background:#fff;border:1px solid var(--cd-kante);
  box-shadow:var(--cd-licht-2);font-size:13px;font-weight:700;line-height:1.3;color:var(--cd-tinte);white-space:normal;width:max-content;
  opacity:0;transform:translateY(6px) scale(.9);transition:opacity .25s ease-out,transform .25s ease-out;pointer-events:none;z-index:2}
.wtblase.an{opacity:1;transform:none}
.wtblase::after{content:"";position:absolute;bottom:-7px;width:12px;height:12px;background:#fff;border-right:1px solid var(--cd-kante);border-bottom:1px solid var(--cd-kante);transform:rotate(45deg)}
.wtbm{right:4px}.wtbm::after{right:44px}
.wtbe{left:0}.wtbe::after{left:30px}
.wtspritzer{animation:wtspritz 1.1s ease-out forwards}
@keyframes wtspritz{from{transform:translate(0,0);opacity:1}to{transform:translate(var(--wtx),calc(var(--wty) + 60px));opacity:0}}
@media (max-width:560px){.wtropfen{float:none;width:220px;margin:0 auto 6px;padding-top:36px}.wtblase{font-size:12px;max-width:140px}}
@media (prefers-reduced-motion:reduce){.wtblase{transition:none}.wtspritzer{animation:none;opacity:0}}
.wbild.hoch img{aspect-ratio:1000/1414;height:auto}

/* Grundsatzprogramm: Fassung für Kinder */
.wprogwahl{position:relative;isolation:isolate;margin:0 0 var(--cd-abstand);padding:14px 20px;border:1px solid var(--cd-glas-rand);border-radius:var(--cd-r-l);box-shadow:var(--cd-licht-2)}
.wprogwahl::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--cd-glas);
  -webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5)}
.wprogwahl .wdefkopf{margin:0}
.wprogwahl .wauge{margin:0}
.pkind{display:flow-root}
html:not(.wkinder) .pkind{display:none}
html.wkinder .ptext .pkap > :not(h2):not(.pkind):not(.wlesen){display:none!important}
html.wkinder #pquellen{display:none!important}
.pkind p{font-size:18px;line-height:1.7;margin:0 0 16px}
/* Menü mit dem Punkt News. Auf breiten Bildschirmen mehr Platz, darunter rückt das Menü enger. */
@media (min-width:1241px){.wnav .winner{max-width:1480px}}
@media (min-width:961px) and (max-width:1440px){.wnav li.wintern a span{display:none}}
@media (min-width:961px) and (max-width:1100px){.wnav .winner{gap:8px}.wnav ul a{padding:8px 4px;font-size:12.5px}.wnav li.wgruendung{margin-left:2px}.wnav li.wgruendung span{font-size:10px;padding:3px 7px;letter-spacing:.03em}}