/* feeless.money — gemeinsames Design (Vorschlag 19.10.2026, FM-REDESIGN).
   Hell/Dunkel nur ueber prefers-color-scheme (CSP: script-src none, also kein Umschalter-Skript).
   Schriften: Systemvorrat, kein Fremdaufruf (CSP font-src 'self'; Datenschutzentscheidung 25.08.).
   Farben: Logo-Vorgabe 19.10. (Navy #021A43, Blau #0086FE, Gruen #42AD1E; dunkel #0B1020/#16203D/#EEF2FF, Mint #6EE7C8). */
:root{color-scheme:light dark;
  --bg:#ffffff;--bg2:#f3f7fd;--fg:#021a43;--mut:#475775;--lin:#d9e3f2;
  --akz:#0067c7;--link:#0067c7;--brand:#0086fe;--gruen:#42ad1e;--mint:#08a98b;
  --flaeche:#ffffff;--band:#f3f7fd;--chip:#eaf1fb;--hdr:rgba(255,255,255,.88);
  --hoch:#2a7a12;--runter:#b3361f;--btn:#0067c7;--btntext:#ffffff;
  --glow:rgba(0,134,254,.13);--shadow:0 1px 2px rgba(2,26,67,.05),0 10px 28px rgba(2,26,67,.07);
  --grotesk:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--serif:var(--grotesk)}
@media (prefers-color-scheme:dark){
  :root{--bg:#0b1020;--bg2:#101733;--fg:#eef2ff;--mut:#a9b5d3;--lin:#26335c;
    --akz:#7db3ff;--link:#7db3ff;--brand:#4f8cff;--mint:#6ee7c8;
    --flaeche:#16203d;--band:#101733;--chip:#1b2850;--hdr:rgba(11,16,32,.86);
    --hoch:#6ee7c8;--runter:#ff9d8a;--btn:#4f8cff;--btntext:#06102a;
    --glow:rgba(79,140,255,.18);--shadow:none}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--grotesk);font-size:17px;line-height:1.6}
a{color:var(--link)}
.tat,.auskunft-knopf{background:var(--btn)!important;color:var(--btntext)!important;border-radius:.6rem!important}

/* Kopf: klebt oben (nur CSS sticky). Mobil: Menue ueber ein Kontrollkaestchen, ohne Skript. */
.kopf{position:sticky;top:0;z-index:50;background:var(--hdr);
  -webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);
  border-bottom:1px solid var(--lin)}
.kopfin{display:flex;align-items:center;gap:.9rem;min-height:3.5rem;max-width:68rem;margin:0 auto;padding:0 1.25rem}
.logo{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--fg);
  font-weight:700;font-size:1.08rem;letter-spacing:-.015em;white-space:nowrap}
.logo svg,.logo img{width:36px;height:36px;flex:none}
.logo img{border-radius:8px;background:#fff}
.logo b{color:var(--link);font-weight:700}
.hauptnav{margin-left:auto}
.hauptnav ul{display:flex;gap:.1rem;list-style:none;margin:0;padding:0}
.hauptnav a{display:block;padding:.45rem .65rem;border-radius:.5rem;color:var(--mut);
  text-decoration:none;font-size:.92rem;white-space:nowrap}
.hauptnav a:hover{color:var(--fg);background:var(--chip)}
.hauptnav a.hier{color:var(--fg);background:var(--chip);font-weight:600}
.sprachw{display:flex;font-size:.82rem;border:1px solid var(--lin);border-radius:.5rem;overflow:hidden;flex:none}
.sprachw a{padding:.28rem .55rem;color:var(--mut);text-decoration:none}
.sprachw a.hier{background:var(--fg);color:var(--bg);font-weight:600}
.mnchk{position:absolute;opacity:0;pointer-events:none}
.mnbtn{display:none;margin-left:auto;align-items:center;gap:.4rem;padding:.4rem .7rem;
  border:1px solid var(--lin);border-radius:.5rem;font-size:.9rem;color:var(--fg);cursor:pointer}
.mnchk:focus-visible+.mnbtn{outline:2px solid var(--brand);outline-offset:2px}
@media (max-width:100rem){
  .mnbtn{display:inline-flex}
  .hauptnav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;
    background:var(--bg);border-bottom:1px solid var(--lin);padding:.4rem 1rem 1rem;
    box-shadow:0 18px 30px rgba(0,0,0,.12)}
  .mnchk:checked~.hauptnav{display:block}
  .hauptnav ul{flex-direction:column}
  .hauptnav a{padding:.75rem .6rem;font-size:1.02rem}
}

/* Fuss fuer die Unterseiten */
.fussleiste{max-width:60rem;margin:3rem auto 0;padding:1.2rem 1.5rem 2.5rem;border-top:1px solid var(--lin);
  color:var(--mut);font-size:.88rem}
.fussleiste a{color:var(--mut);margin-right:1.1rem}
.fussleiste p{margin:.6rem 0 0}

/* Unterseiten (alte Klassen) bekommen ruhigere Flaechen */
.w{max-width:60rem}
h1{letter-spacing:-.02em}