@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:100 900;src:url(schriften/display-latin-06b16db7a9.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:100 900;src:url(schriften/display-latin-ext-54d9a78b7f.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(schriften/text-latin-3100e775e8.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(schriften/text-latin-ext-34b9c504ca.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:100 800;src:url(schriften/mono-latin-18be452724.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:100 800;src:url(schriften/mono-latin-ext-79bfdab9ba.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
[hidden]{display:none!important}
:root{--violet:#6A30F5;--violet-hi:#9C42FD;--violet-deep:#4D1FC8;
  --bg:#FFFFFF;--mist:#F6F4FC;--surface:#FFFFFF;--surface-2:#FBFAFE;--fg:#17191D;--muted:#585A69;--line:#E5E2F0;--line-2:#D9D4EA;
  --violet-soft:#EFE9FE;--violet-ink:#5523D6;--band:#F3EFFE;--band-fg:#17191D;--band-muted:#585A69;--band-line:#DCD5F2;--band-eyebrow:#5523D6;
  --nav-bg:rgba(255,255,255,.86);--nav-fg:#17191D;--logo:#6A30F5;--nav-muted:#585A69;--nav-line:#E5E2F0;--hero-mark:#E7E0FB;--glow:rgba(106,48,245,.20);
  --h1-a:#7B3DFF;--h1-b:#4D1FC8;--ghost-hover:#E9E3FB;--ok:#1E8E52;--ok-soft:#E6F6EC;--warn:#9A6400;--warn-soft:#FFF4DF;--mark:#E4DAFF;--mark-fg:#2A0F7A;
  --code-bg:#17191D;--code-fg:#F2F1F7;--hinweis:#6A30F5;--tipp:#1E8E52;--achtung:#B37400;
  --f-display:"Montserrat","Segoe UI",system-ui,-apple-system,sans-serif;
  --f-body:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --r-s:8px;--r-m:14px;--r-l:22px;
  --shadow:0 1px 2px rgba(23,25,29,.06),0 14px 44px -14px rgba(54,20,140,.22);
  --shadow-lg:0 30px 80px -24px rgba(54,20,140,.35),0 0 0 1px rgba(23,25,29,.04);
  --kopf:65px}
@media (prefers-color-scheme:dark){:root:not([data-ff-theme="light"]){--bg:#0F1014;--mist:#15161C;--surface:#1A1B22;--surface-2:#20212A;--fg:#F2F1F7;--muted:#A6A4B6;--line:#2A2B35;--line-2:#363746;
  --violet-soft:#241A45;--violet-ink:#B79BFF;--band:#131418;--band-fg:#F5F4FA;--band-muted:#A8A6B8;--band-line:#2C2D38;--band-eyebrow:#BFA6FF;
  --nav-bg:rgba(19,20,24,.86);--nav-fg:#F5F4FA;--logo:#F5F4FA;--nav-muted:#A8A6B8;--nav-line:#2C2D38;--hero-mark:rgba(183,155,255,.06);--glow:rgba(106,48,245,.42);
  --h1-a:#B28CFF;--h1-b:#8A4BFF;--ghost-hover:#22232C;--ok:#3CC47E;--ok-soft:#14301F;--warn:#E3A83B;--warn-soft:#33270F;--mark:#3A2C6B;--mark-fg:#EDE5FF;
  --code-bg:#0B0C10;--code-fg:#E9E7F5;--hinweis:#B79BFF;--tipp:#3CC47E;--achtung:#E3A83B;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 16px 48px -16px rgba(0,0,0,.7);--shadow-lg:0 30px 80px -20px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.05);color-scheme:dark;}}
:root[data-ff-theme="dark"]{--bg:#0F1014;--mist:#15161C;--surface:#1A1B22;--surface-2:#20212A;--fg:#F2F1F7;--muted:#A6A4B6;--line:#2A2B35;--line-2:#363746;
  --violet-soft:#241A45;--violet-ink:#B79BFF;--band:#131418;--band-fg:#F5F4FA;--band-muted:#A8A6B8;--band-line:#2C2D38;--band-eyebrow:#BFA6FF;
  --nav-bg:rgba(19,20,24,.86);--nav-fg:#F5F4FA;--logo:#F5F4FA;--nav-muted:#A8A6B8;--nav-line:#2C2D38;--hero-mark:rgba(183,155,255,.06);--glow:rgba(106,48,245,.42);
  --h1-a:#B28CFF;--h1-b:#8A4BFF;--ghost-hover:#22232C;--ok:#3CC47E;--ok-soft:#14301F;--warn:#E3A83B;--warn-soft:#33270F;--mark:#3A2C6B;--mark-fg:#EDE5FF;
  --code-bg:#0B0C10;--code-fg:#E9E7F5;--hinweis:#B79BFF;--tipp:#3CC47E;--achtung:#E3A83B;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 16px 48px -16px rgba(0,0,0,.7);--shadow-lg:0 30px 80px -20px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.05);color-scheme:dark;}
:root[data-ff-theme="light"]{color-scheme:light}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--kopf) + 16px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 1rem/1.6 var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:var(--f-display);line-height:1.14;letter-spacing:-.015em;text-wrap:balance;margin:0;font-weight:700}
p{margin:0}
a{color:inherit}
img,svg{max-width:100%}
:focus-visible{outline:3px solid var(--violet-hi);outline-offset:3px;border-radius:6px}
::selection{background:var(--mark);color:var(--mark-fg)}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sym{width:20px;height:20px;flex:none}
.eyebrow{display:inline-block;font:500 .75rem/1.6 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--band-eyebrow)}
.grad{font-style:normal;background:linear-gradient(180deg,var(--h1-a) 0%,var(--h1-b) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.springen{position:absolute;left:16px;top:-60px;z-index:100;background:var(--violet);color:#fff;padding:.7rem 1rem;border-radius:12px;text-decoration:none;font-weight:600}
.springen:focus{top:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:600 .98rem/1 var(--f-body);padding:.9rem 1.3rem;border-radius:999px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn .sym{width:18px;height:18px}
.btn-primary{background:var(--violet);color:#fff;box-shadow:0 10px 30px -10px rgba(106,48,245,.7)}
.btn-primary:hover{background:var(--violet-deep)}
.btn-line{border-color:var(--line);color:var(--fg);background:var(--surface)}
.btn-line:hover{border-color:var(--violet)}
.btn-white{background:#fff;color:#2A0F7A}
.btn-white:hover{background:#F1ECFF}
.btn-glass{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.28)}
.btn-glass:hover{background:rgba(255,255,255,.2)}
.btn-sm{padding:.6rem .95rem;font-size:.88rem}

/* Kopf */
.nav{position:sticky;top:0;z-index:40;background:var(--nav-bg);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--nav-line);color:var(--nav-fg)}
.nav .wrap{display:flex;align-items:center;gap:1rem;min-height:64px}
.marke{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--logo);flex:none}
.wortmarke{height:22px;width:auto;display:block}
.marke-zusatz{font:600 .7rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--violet-ink);background:var(--violet-soft);border-radius:99px;padding:.38rem .6rem}
.nav-links{display:flex;gap:.15rem;list-style:none;margin:0 0 0 .5rem;padding:0;font-size:.92rem}
.nav-links a{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;color:var(--nav-muted);padding:.5rem .75rem;border-radius:99px}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--nav-fg);background:var(--ghost-hover)}
.werkzeuge{display:flex;align-items:center;gap:.5rem;flex:none;margin-left:auto}
.thema{display:inline-flex;border:1px solid var(--nav-line);border-radius:99px;padding:3px;gap:2px}
.thema button{width:30px;height:30px;border-radius:50%;border:0;background:none;color:var(--nav-muted);display:grid;place-items:center;cursor:pointer;padding:0}
.thema button .sym{width:16px;height:16px}
.thema button:hover{color:var(--nav-fg)}
.thema button[aria-pressed="true"]{background:var(--violet);color:#fff}
.sprachwahl{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;font:600 .78rem var(--f-mono);color:var(--nav-fg);border:1px solid var(--nav-line);border-radius:99px;padding:.5rem .7rem}
.sprachwahl .sym{width:15px;height:15px}
.nav-suche{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--nav-muted);border:1px solid var(--nav-line);border-radius:99px;padding:.42rem .5rem .42rem .7rem}
.nav-suche:hover{border-color:var(--violet);color:var(--nav-fg)}
.nav-suche .sym{width:16px;height:16px}
.nav-suche kbd{font:600 .68rem/1 var(--f-mono);border:1px solid var(--nav-line);border-radius:5px;padding:.18rem .36rem;color:var(--nav-muted)}
@media (max-width:640px){.nav-suche{padding:.5rem}.nav-suche kbd{display:none}}
.sprachwahl:hover{border-color:var(--violet)}
@media (max-width:900px){.nav-links{display:none}}
@media (max-width:480px){.nav .wrap{gap:.5rem}.werkzeuge{gap:.35rem}.wortmarke{height:19px}.sprachwahl{padding:.5rem .6rem}.sprachwahl .sym{display:none}}
@media (max-width:480px){.marke-zusatz{display:none}.nav .wrap{gap:.6rem}}

/* Hinweisleiste (Funnelforms 3): Empfehlung für das Update */
.leiste{background:linear-gradient(90deg,var(--violet-deep),var(--violet) 55%,var(--violet-hi));color:#fff}
.leiste .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;padding-block:.75rem;font-size:.92rem}
.leiste .wrap>span{display:inline-flex;align-items:center;gap:.6rem;flex:1 1 360px}
.leiste .sym{width:18px;height:18px}
.leiste b{font-weight:700}
.leiste .wege3{display:flex;flex-wrap:wrap;gap:.5rem}
.leiste span a{color:#fff}

/* Bühne */
.band{background:var(--band);color:var(--band-fg)}
.hero{position:relative;z-index:2;isolation:isolate}
.hero-deko{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.hero-deko::before{content:"";position:absolute;z-index:-1;inset:-30% -12% auto auto;width:70vw;height:70vw;max-width:920px;max-height:920px;background:radial-gradient(closest-side,var(--glow),rgba(106,48,245,0));pointer-events:none}
.hero-deko::after{content:"";position:absolute;z-index:-1;inset:auto auto -40% -18%;width:50vw;height:50vw;max-width:640px;max-height:640px;background:radial-gradient(closest-side,var(--glow),rgba(106,48,245,0));opacity:.55;pointer-events:none}
.hero-marke{position:absolute;z-index:-1;right:-5vw;bottom:-16vw;width:min(56vw,700px);height:auto;color:var(--hero-mark);pointer-events:none}
.hero-innen{position:relative;max-width:900px;margin:0 auto;text-align:center;padding-block:3.2rem 4.4rem;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:1.1rem}
.hero h1{font-size:clamp(2.15rem,5vw,3.9rem);font-weight:700;letter-spacing:-.025em;line-height:1.1}
.hero .lead{font-size:clamp(1.02rem,1.5vw,1.2rem);color:var(--band-muted);max-width:36em}
.hero.kompakt .hero-innen{padding-block:2.4rem 3.2rem;gap:.9rem}
.hero.kompakt h1{font-size:clamp(1.85rem,3.8vw,2.9rem)}
@media (max-width:640px){.hero-innen{padding-block:2.2rem 3rem}.hero-marke{width:90vw;bottom:-30vw;right:-25vw}}

/* Bereichswahl (Funnelforms 3, 4, 5) */
.bereiche{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:var(--surface);border:1px solid var(--band-line);box-shadow:var(--shadow);margin-bottom:.6rem;max-width:100%}
.bereiche a{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .95rem;border-radius:999px;text-decoration:none;font:600 .9rem/1 var(--f-body);color:var(--muted);white-space:nowrap}
.bereiche a:hover{color:var(--fg);background:var(--ghost-hover)}
.bereiche a[aria-current]{background:var(--violet);color:#fff;box-shadow:0 8px 22px -10px rgba(106,48,245,.9)}
.bereiche .neu{font:600 .62rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;padding:.28rem .42rem;border-radius:99px;background:var(--violet-soft);color:var(--violet-ink)}
.bereiche a[aria-current] .neu{background:rgba(255,255,255,.2);color:#fff}
@media (max-width:560px){.bereiche{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.bereiche a{justify-content:center;padding:.6rem .4rem;font-size:.84rem;flex-direction:column;gap:.15rem;white-space:normal;text-align:center;border-radius:18px}.bereiche .lang{display:block;font:500 .66rem/1.1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;opacity:.72}.bereiche .neu{display:none}}

/* Suche */
.suche{position:relative;width:100%;max-width:760px;text-align:left}
.suchfeld{position:relative;display:flex;align-items:center;background:var(--surface);border:1px solid var(--line-2);border-radius:20px;box-shadow:var(--shadow-lg);transition:border-color .15s ease,box-shadow .15s ease}
.suchfeld:focus-within{border-color:var(--violet);box-shadow:var(--shadow-lg),0 0 0 4px rgba(106,48,245,.18)}
.suchfeld>.sym{position:absolute;left:22px;width:22px;height:22px;color:var(--violet-ink);pointer-events:none}
.suchfeld .feld{position:relative;flex:1;min-width:0}
.suchfeld input,.suchfeld .geist{font:500 1.12rem/1.3 var(--f-body);letter-spacing:0;padding:1.3rem 3.6rem 1.3rem 3.6rem;margin:0;border:0;width:100%}
.suchfeld input{position:relative;z-index:1;text-overflow:ellipsis;background:transparent;color:var(--fg);outline:none;border-radius:20px;-webkit-appearance:none;appearance:none}
.suchfeld input::placeholder{color:var(--muted);opacity:1}
.suchfeld input::-webkit-search-cancel-button{display:none}
.suchfeld .geist{position:absolute;inset:0;z-index:0;white-space:pre;overflow:hidden;color:transparent;pointer-events:none}
.suchfeld .geist b{font-weight:inherit;color:var(--muted);opacity:.75}
.taste{position:absolute;right:18px;z-index:2;font:600 .78rem/1 var(--f-mono);color:var(--muted);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:7px;padding:.3rem .5rem;background:var(--surface-2);pointer-events:none}
.suche[data-offen] .taste,.suchfeld:focus-within .taste{opacity:0}
.suche.klein{max-width:none}
.suche.klein .suchfeld{border-radius:16px;box-shadow:var(--shadow)}
.suche.klein .suchfeld input,.suche.klein .suchfeld .geist{font-size:1rem;padding-block:1rem}
@media (max-width:640px){.suchfeld input,.suchfeld .geist{font-size:1rem;padding:1.1rem 1rem 1.1rem 3.2rem}.suchfeld>.sym{left:16px;width:20px;height:20px}.taste{display:none}}

.vorschlaege{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;text-align:left}
.vorschlaege .filter{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.75rem .9rem;border-bottom:1px solid var(--line);background:var(--surface-2)}
.vorschlaege .filter span{font:500 .7rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:.2rem}
.chip{font:500 .84rem/1 var(--f-body);border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:99px;padding:.48rem .8rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}
.chip:hover{border-color:var(--violet)}
.chip[aria-pressed="true"]{border-color:var(--violet);background:var(--violet-soft);color:var(--violet-ink)}
.vorschlaege .liste{max-height:min(62vh,520px);overflow:auto;padding:.4rem;overscroll-behavior:contain}
.gruppe{padding:.35rem 0}
.gruppe+.gruppe{border-top:1px solid var(--line)}
.gruppe h3{font:500 .7rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:.65rem .75rem .45rem}
.option{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:.15rem .8rem;padding:.6rem .75rem;border-radius:14px;color:var(--fg);text-decoration:none;cursor:pointer;position:relative}
.option .ic{grid-row:1 / span 2;grid-column:1;width:36px;height:36px;border-radius:10px;background:var(--violet-soft);color:var(--violet-ink);display:grid;place-items:center}
.option .ic .sym{width:18px;height:18px}
.option .t{grid-column:2;grid-row:1;font-weight:600;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.option .m{grid-column:2;grid-row:2;font-size:.82rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.option .los{grid-row:1 / span 2;grid-column:3;color:var(--muted);opacity:0}
.option[aria-selected="true"],.option:hover{background:var(--mist)}
.option[aria-selected="true"]::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--violet)}
.option[aria-selected="true"] .los{opacity:1;color:var(--violet-ink)}
.option .los .sym{width:16px;height:16px}
mark{background:var(--mark);color:var(--mark-fg);border-radius:4px;padding:0 .08em}
.vorschlaege .fuss{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;align-items:center;padding:.7rem .95rem;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted);background:var(--surface-2)}
.vorschlaege .fuss kbd,.tasten kbd{font:600 .7rem/1 var(--f-mono);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;padding:.15rem .35rem;background:var(--surface);color:var(--fg)}
.vorschlaege .fuss a{color:var(--violet-ink);font-weight:600;text-decoration:none}
.vorschlaege .leer{padding:1.4rem 1rem;color:var(--muted);text-align:center}
@media (max-width:640px){.vorschlaege .tasten{display:none}.vorschlaege .liste{max-height:58vh}}

.beliebt{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;max-width:min(860px,100%);margin-top:.4rem}
.beliebt>span{font:500 .72rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--band-muted);margin-right:.2rem}
.beliebt .chip{background:color-mix(in srgb,var(--surface) 72%,transparent);border-color:var(--band-line);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;line-height:1.1}

/* Abschnitte */
.abschnitt{padding-block:4.5rem}
.abschnitt.eng{padding-block:3rem}
.kopfzeile{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;margin-bottom:2rem}
.kopfzeile h2{font-size:clamp(1.6rem,2.9vw,2.25rem);font-weight:700;margin-top:.6rem}
.kopfzeile p{color:var(--muted);max-width:38em;margin-top:.6rem}
.kopfzeile .eyebrow{color:var(--violet-ink)}
.mehr{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--violet-ink);text-decoration:none}
.mehr:hover{text-decoration:underline;text-underline-offset:3px}
.mehr .sym{width:16px;height:16px}

/* Kategorie-Kacheln */
.kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;list-style:none;margin:0;padding:0}
@media (max-width:1020px){.kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.kacheln{grid-template-columns:minmax(0,1fr)}}
.kachel{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.5rem 1.5rem 1.3rem;display:flex;flex-direction:column;gap:.9rem;min-width:0;transition:border-color .15s ease,box-shadow .2s ease,transform .2s ease}
.kachel:hover{border-color:color-mix(in srgb,var(--violet) 55%,var(--line));box-shadow:var(--shadow);transform:translateY(-2px)}
.kachel .kk{display:flex;align-items:center;gap:.9rem}
.kachel .ic{width:46px;height:46px;border-radius:14px;background:var(--violet-soft);color:var(--violet-ink);display:grid;place-items:center;flex:none}
.kachel .ic .sym{width:22px;height:22px}
.kachel h3{font-size:1.12rem;font-weight:700;letter-spacing:-.01em}
.kachel h3 a{text-decoration:none}
.kachel h3 a::after{content:"";position:absolute;inset:0;border-radius:var(--r-l)}
.kachel .zahl{font:500 .74rem var(--f-mono);letter-spacing:.06em;color:var(--muted);margin-top:.3rem;display:block}
.kachel ul{list-style:none;margin:0;padding:0;display:grid;gap:.15rem;border-top:1px solid var(--line);padding-top:.8rem}
.kachel li a{position:relative;z-index:1;display:flex;gap:.5rem;align-items:baseline;text-decoration:none;color:var(--muted);font-size:.93rem;line-height:1.4;padding:.28rem 0}
.kachel li a::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--line-2);transform:translateY(-.15em)}
.kachel li a:hover{color:var(--fg)}
.kachel li a:hover::before{background:var(--violet)}
.kachel .alle{margin-top:auto;position:relative;z-index:1;font-size:.88rem}

/* Umstieg */
.umstieg{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(125deg,#3D16A8 0%,var(--violet-deep) 30%,var(--violet) 70%,var(--violet-hi) 100%);color:#fff;padding:clamp(1.8rem,4vw,3.2rem);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem 3rem;align-items:center;box-shadow:0 30px 80px -30px rgba(77,31,200,.7)}
.umstieg .hero-marke{color:rgba(255,255,255,.08);right:-60px;bottom:-140px;width:440px}
.umstieg .eyebrow{color:rgba(255,255,255,.78)}
.umstieg h2{font-size:clamp(1.6rem,2.9vw,2.25rem);font-weight:700;margin-top:.6rem;color:#fff}
.umstieg p{color:rgba(255,255,255,.85);margin-top:.8rem;max-width:32em}
.umstieg .wege{display:grid;gap:.8rem;position:relative}
.umstieg .weg{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.3rem 1rem;padding:1.05rem 1.2rem;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);text-decoration:none;color:#fff;transition:background .15s ease,transform .15s ease}
.umstieg .weg:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
.umstieg .weg .nr{grid-row:span 2;width:44px;height:44px;border-radius:12px;background:#fff;color:var(--violet-deep);display:grid;place-items:center;font:700 1.05rem var(--f-display)}
.umstieg .weg b{font-weight:700}
.umstieg .weg small{grid-column:2;color:rgba(255,255,255,.8);font-size:.86rem;line-height:1.4}
.umstieg .weg .sym{grid-row:span 2;grid-column:3;width:18px;height:18px}
@media (max-width:860px){.umstieg{grid-template-columns:minmax(0,1fr)}}

/* Ältere Versionen */
.versionen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.4rem}
.version-karte{display:flex;gap:1rem;align-items:center;padding:1.15rem 1.3rem;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-decoration:none;transition:border-color .15s ease}
.version-karte:hover{border-color:var(--violet)}
.version-karte .nr{width:44px;height:44px;border-radius:12px;background:var(--mist);border:1px solid var(--line);display:grid;place-items:center;font:800 1.15rem var(--f-display);color:var(--fg);flex:none}
.version-karte b{display:block}
.version-karte small{color:var(--muted);font-size:.86rem}
.version-karte .sym{margin-left:auto;color:var(--muted)}
@media (max-width:640px){.versionen{grid-template-columns:minmax(0,1fr)}}

/* Support */
.support{background:var(--mist);border-top:1px solid var(--line)}
.support .wrap{padding-block:4rem}
.support-gitter{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:2rem 3rem;align-items:start}
.support h2{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700;margin-top:.6rem}
.support .einl{color:var(--muted);margin-top:.7rem;max-width:26em}
.support-wege{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;margin:0;padding:0}
.support-wege li{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.25rem;display:grid;gap:.5rem;align-content:start}
.support-wege .ic{width:40px;height:40px;border-radius:12px;background:var(--violet-soft);color:var(--violet-ink);display:grid;place-items:center}
.support-wege b{font-family:var(--f-display);font-size:1rem;font-weight:600}
.support-wege p{color:var(--muted);font-size:.9rem;line-height:1.5}
.support-wege a{color:var(--violet-ink);font-weight:600;word-break:break-word}
@media (max-width:900px){.support-gitter{grid-template-columns:minmax(0,1fr)}.support-wege{grid-template-columns:minmax(0,1fr)}}

/* Fuß */
.fuss-seite{background:var(--band);color:var(--band-muted);border-top:1px solid var(--band-line);font-size:.9rem}
.fuss-seite .spalten{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:2rem;padding-block:3.2rem 2rem}
.fuss-seite .ueber{display:grid;gap:.9rem;align-content:start}
.fuss-seite .ueber .marke{color:var(--logo)}
.fuss-seite h2{font:500 .72rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--band-fg);margin:0 0 .8rem}
.fuss-seite ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.fuss-seite a{text-decoration:none}
.fuss-seite a:hover{color:var(--band-fg);text-decoration:underline;text-underline-offset:3px}
.fuss-seite .recht{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;border-top:1px solid var(--band-line);padding-block:1.3rem 2rem;font-size:.82rem}
.fuss-seite .recht div{display:flex;flex-wrap:wrap;gap:1.2rem}
@media (max-width:900px){.fuss-seite .spalten{grid-template-columns:repeat(2,minmax(0,1fr))}.fuss-seite .ueber{grid-column:1/-1}}

/* Brotkrumen und Abzeichen */
.krumen{font:500 .78rem/1.5 var(--f-mono);color:var(--band-muted);display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem .5rem;list-style:none;margin:0;padding:0}
.krumen li{display:inline-flex;gap:.5rem;align-items:center}
.krumen li+li::before{content:"/";opacity:.6}
.krumen a{text-decoration:none}
.krumen a:hover{color:var(--band-fg);text-decoration:underline;text-underline-offset:3px}
.abzeichen{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}
.marke-pill{display:inline-flex;align-items:center;gap:.35rem;font:600 .72rem/1 var(--f-mono);letter-spacing:.04em;padding:.42rem .62rem;border-radius:99px;background:var(--surface);border:1px solid var(--band-line);color:var(--fg);white-space:nowrap}
.marke-pill.pro{background:var(--violet);border-color:var(--violet);color:#fff}
.marke-pill.ok{background:var(--ok-soft);border-color:transparent;color:var(--ok)}
.pro-mini{display:inline-block;font:700 .62rem/1 var(--f-mono);letter-spacing:.06em;padding:.28rem .42rem;border-radius:99px;background:var(--violet);color:#fff;vertical-align:.15em;margin-left:.35rem}

/* Kategorie-Seite */
.zweispaltig{display:grid;grid-template-columns:260px minmax(0,1fr);gap:3rem;align-items:start}
@media (max-width:960px){.zweispaltig{grid-template-columns:minmax(0,1fr);gap:1.5rem}}
.seitennav{position:sticky;top:calc(var(--kopf) + 24px);display:grid;gap:.2rem}
.seitennav h2{font:500 .7rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .6rem .75rem}
.seitennav a{display:flex;align-items:center;gap:.7rem;padding:.55rem .75rem;border-radius:12px;color:var(--muted);text-decoration:none;font-size:.93rem;line-height:1.3}
.seitennav a .sym{width:18px;height:18px}
.seitennav a:hover{background:var(--mist);color:var(--fg)}
.seitennav a[aria-current]{background:var(--violet-soft);color:var(--violet-ink);font-weight:600}
.seitennav small{margin-left:auto;font:500 .72rem var(--f-mono);opacity:.8}
@media (max-width:960px){.seitennav{position:static;display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin}.seitennav h2{display:none}.seitennav a{flex:none;border:1px solid var(--line);border-radius:99px;padding:.45rem .8rem}.seitennav small{display:none}}
.artikelliste{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.artikelliste a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem 1.2rem;align-items:center;padding:1.15rem 1.3rem;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-decoration:none;transition:border-color .15s ease,box-shadow .2s ease}
.artikelliste a:hover{border-color:color-mix(in srgb,var(--violet) 55%,var(--line));box-shadow:var(--shadow)}
.artikelliste b{font:600 1rem/1.4 var(--f-display);letter-spacing:-.005em}
.artikelliste small{grid-column:1;color:var(--muted);font-size:.92rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.artikelliste .sym{grid-row:1 / span 2;grid-column:2;color:var(--muted)}
.artikelliste a:hover .sym{color:var(--violet-ink)}
.artikelliste .meta{grid-column:1;font:500 .72rem var(--f-mono);color:var(--muted);letter-spacing:.04em}

/* Artikel */
.artikel-kopf .hero-innen{max-width:860px}
.artikel-kopf .lead{font-size:1.1rem}
.meta-zeile{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.1rem;font:500 .76rem var(--f-mono);color:var(--band-muted)}
.artikel-gitter{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:4rem;align-items:start;max-width:1120px;margin:0 auto}
@media (max-width:1100px){.artikel-gitter{grid-template-columns:minmax(0,1fr);gap:0}}
.inhalt-verz{position:sticky;top:calc(var(--kopf) + 28px);font-size:.9rem;border-left:1px solid var(--line);padding-left:1.1rem}
.inhalt-verz h2{font:500 .7rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .8rem}
.inhalt-verz ol{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
.inhalt-verz a{display:block;padding:.35rem 0 .35rem .1rem;color:var(--muted);text-decoration:none;line-height:1.35;position:relative}
.inhalt-verz a:hover{color:var(--fg)}
.inhalt-verz a[aria-current]{color:var(--violet-ink);font-weight:600}
.inhalt-verz a[aria-current]::before{content:"";position:absolute;left:calc(-1.1rem - 1px);top:6px;bottom:6px;width:2px;background:var(--violet);border-radius:2px}
.inhalt-verz .zurueck-oben{margin-top:1rem;display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.84rem;text-decoration:none}
.inhalt-mobil{display:none;margin:0 0 1.6rem;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
.inhalt-mobil summary{cursor:pointer;padding:.9rem 1.1rem;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center}
.inhalt-mobil summary::-webkit-details-marker{display:none}
.inhalt-mobil summary::after{content:"+";font:500 1.2rem var(--f-mono);color:var(--muted)}
.inhalt-mobil[open] summary::after{content:"–"}
.inhalt-mobil ol{margin:0;padding:0 1.1rem 1rem 2.2rem;display:grid;gap:.35rem}
.inhalt-mobil a{color:var(--muted);text-decoration:none}
@media (max-width:1100px){.inhalt-verz{display:none}.inhalt-mobil{display:block}}
.artikel{min-width:0;font-size:1.06rem;line-height:1.75}
.artikel>*+*{margin-top:1.15rem}
.artikel h2{font-size:clamp(1.3rem,2.1vw,1.6rem);font-weight:700;margin-top:2.6rem;letter-spacing:-.01em;scroll-margin-top:calc(var(--kopf) + 20px)}
.artikel h3{font-size:1.1rem;font-weight:700;margin-top:2rem;letter-spacing:-.01em;scroll-margin-top:calc(var(--kopf) + 20px)}
.artikel h4,.artikel h5,.artikel h6{font-size:1.02rem;margin-top:1.6rem}
.artikel>h2:first-child,.artikel>h3:first-child{margin-top:0}
.artikel a{color:var(--violet-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.artikel a:hover{text-decoration-thickness:2px}
.artikel strong{font-weight:650}
.artikel ul{padding-left:1.3rem}
.artikel ul li{padding-left:.25rem}
.artikel ul li::marker{color:var(--violet)}
.artikel li+li{margin-top:.4rem}
.artikel ol{list-style:none;padding:0;counter-reset:schritt;display:grid;gap:.7rem}
.artikel ol[start="2"]{counter-reset:schritt 1}.artikel ol[start="3"]{counter-reset:schritt 2}.artikel ol[start="4"]{counter-reset:schritt 3}.artikel ol[start="5"]{counter-reset:schritt 4}.artikel ol[start="6"]{counter-reset:schritt 5}.artikel ol[start="7"]{counter-reset:schritt 6}.artikel ol[start="8"]{counter-reset:schritt 7}.artikel ol[start="9"]{counter-reset:schritt 8}.artikel ol[start="10"]{counter-reset:schritt 9}.artikel ol[start="11"]{counter-reset:schritt 10}.artikel ol[start="12"]{counter-reset:schritt 11}.artikel ol[start="13"]{counter-reset:schritt 12}.artikel ol[start="14"]{counter-reset:schritt 13}.artikel ol[start="15"]{counter-reset:schritt 14}.artikel ol[start="16"]{counter-reset:schritt 15}.artikel ol[start="17"]{counter-reset:schritt 16}.artikel ol[start="18"]{counter-reset:schritt 17}.artikel ol[start="19"]{counter-reset:schritt 18}.artikel ol[start="20"]{counter-reset:schritt 19}.artikel ol[start="21"]{counter-reset:schritt 20}.artikel ol[start="22"]{counter-reset:schritt 21}.artikel ol[start="23"]{counter-reset:schritt 22}.artikel ol[start="24"]{counter-reset:schritt 23}.artikel ol[start="25"]{counter-reset:schritt 24}.artikel ol[start="26"]{counter-reset:schritt 25}.artikel ol[start="27"]{counter-reset:schritt 26}.artikel ol[start="28"]{counter-reset:schritt 27}.artikel ol[start="29"]{counter-reset:schritt 28}.artikel ol[start="30"]{counter-reset:schritt 29}
.artikel ol>li{counter-increment:schritt;position:relative;padding:.85rem 1rem .85rem 3.4rem;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;margin:0}
.artikel ol>li::before{content:counter(schritt);position:absolute;left:.85rem;top:.8rem;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--violet);color:#fff;display:grid;place-items:center;font:700 .85rem/1 var(--f-mono)}
.artikel code{font:500 .86em var(--f-mono);background:var(--violet-soft);color:var(--violet-ink);padding:.12em .38em;border-radius:6px;word-break:break-word}
.code{position:relative}
.artikel pre{margin:0;background:var(--code-bg);color:var(--code-fg);border-radius:16px;padding:1.1rem 1.2rem;overflow-x:auto;font:500 .86rem/1.65 var(--f-mono);border:1px solid var(--line)}
.artikel pre code{background:none;color:inherit;padding:0;font-size:inherit;word-break:normal}
.kopieren{position:absolute;top:.55rem;right:.55rem;display:inline-flex;align-items:center;gap:.35rem;font:600 .74rem/1 var(--f-body);color:#E9E7F5;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:.45rem .6rem;cursor:pointer}
.kopieren:hover{background:rgba(255,255,255,.16)}
.kopieren .sym{width:14px;height:14px}
.artikel blockquote{margin:1.6rem 0;padding:1rem 1.2rem 1rem 1.2rem;border-radius:14px;background:var(--violet-soft);border:1px solid color-mix(in srgb,var(--hinweis) 30%,transparent);border-left:4px solid var(--hinweis);font-size:.98rem}
.artikel blockquote.tipp{background:var(--ok-soft);border-color:color-mix(in srgb,var(--tipp) 35%,transparent);border-left-color:var(--tipp)}
.artikel blockquote.achtung{background:var(--warn-soft);border-color:color-mix(in srgb,var(--achtung) 35%,transparent);border-left-color:var(--achtung)}
.artikel blockquote>*+*{margin-top:.6rem}
.artikel blockquote a{color:inherit}
.artikel figure.bild{margin:1.6rem 0}
.artikel img{display:block;max-width:100%;height:auto;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);box-shadow:0 1px 2px rgba(23,25,29,.06),0 8px 24px -12px rgba(23,25,29,.18)}
.artikel li img{margin-top:.7rem}
.bild-zoom{display:block;cursor:zoom-in;border-radius:12px}
.bild-zoom:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.zoom{border:0;padding:0;margin:auto;max-width:min(96vw,1600px);max-height:94vh;background:transparent;overflow:visible}
.zoom::backdrop{background:rgba(12,13,16,.82)}
.zoom img{display:block;max-width:min(96vw,1600px);max-height:90vh;width:auto;height:auto;border-radius:10px;cursor:zoom-out}
.zoom button{position:absolute;top:-2.6rem;right:0;display:inline-flex;align-items:center;gap:.35rem;font:600 .8rem/1 var(--f-body);color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:99px;padding:.5rem .75rem;cursor:pointer}
.artikel table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;font-size:.95rem;border:1px solid var(--line);border-radius:14px}
.artikel th,.artikel td{padding:.7rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.artikel th{font-weight:650;background:var(--mist)}
.artikel tr:last-child td{border-bottom:0}
.artikel hr{border:0;border-top:1px solid var(--line);margin:2.2rem 0}
.nachfolger{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem 1.25rem;border-radius:16px;border:1px solid color-mix(in srgb,var(--violet) 35%,var(--line));background:var(--violet-soft);margin-bottom:2rem;font-size:.97rem}
.nachfolger .sym{color:var(--violet-ink);margin-top:.15rem}
.nachfolger a{color:var(--violet-ink);font-weight:600}

/* Feedback und verwandte Artikel */
.feedback{margin-top:3.2rem;padding:1.3rem 1.4rem;border:1px solid var(--line);border-radius:18px;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;background:var(--surface-2)}
.feedback b{font-family:var(--f-display);font-size:1.02rem;font-weight:600}
.feedback .knoepfe{display:flex;gap:.5rem}
.feedback .danke{color:var(--muted);font-size:.95rem}
.feedback .danke a{color:var(--violet-ink)}
.feedback .frage{margin-left:auto;display:inline-flex;align-items:center;gap:.45rem;color:var(--violet-ink);font-weight:600;text-decoration:none;font-size:.95rem}
.feedback .frage:hover{text-decoration:underline}
.feedback .frage .sym{width:18px;height:18px}
.verwandt{margin-top:3rem}
.verwandt h2{font:500 .72rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}
.verwandt ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.8rem}
.verwandt a{display:grid;align-content:start;gap:.35rem;height:100%;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:16px;text-decoration:none;background:var(--surface)}
.verwandt a:hover{border-color:var(--violet)}
.verwandt b{font:600 .96rem/1.4 var(--f-display)}
.verwandt small{color:var(--muted);font-size:.86rem;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}

/* Suchergebnisse */
.treffer-kopf{display:flex;flex-wrap:wrap;gap:.8rem 1rem;align-items:center;justify-content:space-between;margin-bottom:1.4rem}
.treffer-kopf p{color:var(--muted)}
.treffer-filter{display:flex;flex-wrap:wrap;gap:.4rem}
.treffer{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.treffer a{display:grid;gap:.4rem;padding:1.15rem 1.3rem;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-decoration:none}
.treffer a:hover{border-color:var(--violet);box-shadow:var(--shadow)}
.treffer .ort{font:500 .72rem var(--f-mono);letter-spacing:.04em;color:var(--muted)}
.treffer b{font:600 1.04rem/1.4 var(--f-display)}
.treffer p{color:var(--muted);font-size:.93rem;line-height:1.55}
.hinweis-leer{padding:2rem;border:1px dashed var(--line-2);border-radius:18px;text-align:center;color:var(--muted)}
.hinweis-leer a{color:var(--violet-ink);font-weight:600}

/* 404 */
.fehlerseite .zahl{font:700 clamp(3.6rem,11vw,7rem)/1 var(--f-display);letter-spacing:-.03em}
.links-reihe{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.nav,.leiste,.suche,.feedback,.verwandt,.support,.fuss-seite,.inhalt-verz,.inhalt-mobil,.kopieren{display:none!important}.band{background:none}}