@font-face{font-family:"Space Grotesk";src:url(/assets/fonts/space-grotesk-latin-wght-normal.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url(/assets/fonts/ibm-plex-sans-latin-wght-normal.woff2) format("woff2");font-weight:100 700;font-display:swap}
@font-face{font-family:"IBM Plex Sans";font-style:italic;src:url(/assets/fonts/ibm-plex-sans-latin-wght-italic.woff2) format("woff2");font-weight:100 700;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/assets/fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2");font-weight:100 800;font-display:swap}

:root{
  --grund:#f3f5f1;--flaeche:#fff;--tinte:#16201b;--text-2:#2b3831;--grau:#55635b;--linie:#d4dcd6;
  --gruen:#1d6b45;--gruen-2:#15553a;--gruen-hell:#e1efe5;
  --bernstein:#9a5500;--bernstein-hell:#fbecd3;
  --nacht:#0f1713;--nacht-2:#1a2620;--phosphor:#8fdcaf;--amber:#f0b35a;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
  --sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --kopf:"Space Grotesk","IBM Plex Sans",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--grund);color:var(--tinte);font:400 1.03rem/1.72 var(--sans)}
img,svg{max-width:100%}
a{color:var(--gruen);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--bernstein)}
:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
strong{font-weight:600}

[data-ui="skip"]{position:absolute;left:-999px;top:8px;z-index:20;background:var(--amber);color:var(--nacht);padding:6px 12px;font-family:var(--mono)}
[data-ui="skip"]:focus{left:12px}

/* Kopfleiste */
[data-ui="topbar"]{background:var(--nacht);color:#cfdcd3;position:sticky;top:0;z-index:10;border-bottom:1px solid #26352d}
[data-ui="topbar-in"]{max-width:1360px;margin:0 auto;padding:0 20px;min-height:58px;display:flex;align-items:center;gap:6px 30px;flex-wrap:wrap}
[data-ui="brand"]{font:700 1.08rem var(--mono);color:#fff;text-decoration:none;display:inline-flex;align-items:center;padding:12px 0}
[data-ui="brand"]:hover{color:#fff}
[data-ui="brand"] b{color:var(--phosphor)}
[data-ui="caret"]{display:inline-block;width:.55em;height:1.05em;background:var(--amber);margin-left:4px;vertical-align:-.15em;animation:blinken 1.1s steps(1) infinite}
@keyframes blinken{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){[data-ui="caret"]{animation:none}}
[data-ui="mainnav"]{display:flex;gap:4px 20px;font:500 .9rem var(--mono);overflow-x:auto;max-width:100%}
[data-ui="mainnav"] a{color:#cfdcd3;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap}
[data-ui="mainnav"] a:hover,[data-ui="mainnav"] a[aria-current]{color:var(--phosphor);border-bottom-color:var(--phosphor)}
@media (max-width:560px){
  [data-ui="topbar"]{position:static}
  [data-ui="topbar-in"]{padding-bottom:8px}
  [data-ui="mainnav"]{flex-wrap:wrap;overflow:visible;gap:2px 16px;font-size:.84rem}
  [data-ui="brand"]{padding:12px 0 4px}
}
[data-ui="term"] a{white-space:nowrap}

/* Raster */
[data-ui="frame"]{max-width:1360px;margin:0 auto;padding:26px 20px 60px}
[data-ui="main"]{min-width:0;max-width:790px}
@media (min-width:1000px){
  [data-ui="frame"]{display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-areas:"tree main";column-gap:48px}
  [data-ui="main"]{grid-area:main}
  [data-ui="tree"]{grid-area:tree;position:sticky;top:80px;align-self:start;max-height:calc(100vh - 100px);overflow:auto;margin:0!important;padding:4px 6px 0 0!important;border:0!important}
}
@media (min-width:1280px){
  [data-ui="frame"][data-toc]{grid-template-columns:250px minmax(0,1fr) 210px;grid-template-areas:"tree main toc"}
  [data-ui="frame"][data-toc] [data-ui="toc"]{display:block}
}

/* Dateibaum */
[data-ui="tree"]{margin-top:56px;padding-top:24px;border-top:1px dashed #b8c4bb;font-size:.9rem}
[data-ui="tree-h"]{font:600 .72rem var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--grau);margin:0 0 10px}
[data-ui="tree-dir"]{margin-bottom:14px}
[data-ui="tree-folder"]{display:block;font:700 .88rem var(--mono);color:var(--gruen-2);text-decoration:none;padding:3px 0}
[data-ui="tree-folder"]::before{content:"▾ ";color:var(--bernstein)}
[data-ui="tree"] ul{list-style:none;margin:2px 0 0 5px;padding:0;border-left:1px solid var(--linie)}
[data-ui="tree"] li{position:relative;padding-left:12px}
[data-ui="tree"] li::before{content:"";position:absolute;left:0;top:.95em;width:8px;border-top:1px solid var(--linie)}
[data-ui="tree"] li a{display:block;padding:3px 8px;color:var(--text-2);text-decoration:none;line-height:1.4;border-radius:4px}
[data-ui="tree"] li a:hover{background:#e8eee9;color:var(--gruen-2)}
[data-ui="tree"] a[aria-current]{background:var(--gruen-hell);color:var(--gruen-2);font-weight:600}
[data-ui="tree-extra"]{font-family:var(--mono);font-size:.82rem;margin-top:18px!important}

/* Inhaltsverzeichnis rechts */
[data-ui="toc"]{display:none;grid-area:toc;position:sticky;top:80px;align-self:start;font-size:.84rem;border-left:1px solid var(--linie);padding-left:16px}
[data-ui="toc"] p{font:600 .7rem var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--grau);margin:0 0 8px}
[data-ui="toc"] ol{list-style:none;margin:0;padding:0}
[data-ui="toc"] li{margin:0 0 6px;line-height:1.35}
[data-ui="toc"] a{color:var(--text-2);text-decoration:none}
[data-ui="toc"] a:hover{color:var(--gruen)}

/* Typografie */
h1,h2,h3{font-family:var(--kopf);color:var(--tinte)}
h1{font-weight:700;font-size:clamp(1.8rem,1.15rem + 2.3vw,2.6rem);line-height:1.13;letter-spacing:-.022em;margin:.25em 0 .45em}
h2{font-weight:600;font-size:1.48rem;line-height:1.25;letter-spacing:-.012em;margin:2.1em 0 .6em}
h3{font-weight:600;font-size:1.14rem;margin:1.6em 0 .4em}
[data-ui="doc"] h2::before{content:"# ";font-family:var(--mono);font-weight:500;color:var(--gruen)}
p,ul,ol{margin:0 0 1em}
ul,ol{padding-left:1.35em}
li{margin:.3em 0}
ol li::marker{font-family:var(--mono);color:var(--gruen);font-weight:600}
ul li::marker{color:var(--bernstein)}
:not(pre)>code{font:.87em var(--mono);background:#e3e9e4;padding:.1em .36em;border-radius:4px;overflow-wrap:anywhere}

[data-ui="crumbs"]{font:.8rem var(--mono);color:var(--grau);display:flex;flex-wrap:wrap;gap:2px 8px}
[data-ui="crumbs"] a{color:var(--grau)}
[data-ui="crumbs"] a:hover{color:var(--gruen)}
[data-ui="meta"]{display:flex;flex-wrap:wrap;gap:4px 14px;font:.79rem var(--mono);color:var(--grau);margin:0 0 1.2em}
[data-ui="meta"]>*+*::before{content:"// ";color:#98a69d}
[data-ui="meta"] a{color:var(--gruen)}
[data-ui="lead"]{font-size:1.17rem;line-height:1.6;color:var(--text-2);margin:0 0 1.3em}

/* Code */
pre{background:var(--nacht);color:#dce8df;font:.86rem/1.62 var(--mono);padding:18px;border-radius:8px;border:1px solid #243329;overflow-x:auto;position:relative;margin:1.3em 0;tab-size:4}
pre[data-lang]{padding-top:30px}
pre[data-lang]::before{content:attr(data-lang);position:absolute;top:7px;right:12px;font-size:.68rem;color:var(--amber);text-transform:uppercase;letter-spacing:.1em}
pre code{font:inherit;background:none;padding:0}

/* Hinweiskasten */
[data-ui="note"]{background:var(--bernstein-hell);border-left:4px solid var(--bernstein);padding:14px 18px;border-radius:0 8px 8px 0;margin:1.6em 0}
[data-ui="note-t"]{font:700 .76rem var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--bernstein);margin:0 0 .35em}
[data-ui="note"] p:last-child{margin-bottom:0}

/* Tabellen */
[data-ui="table"]{overflow-x:auto;margin:1.4em 0;border:1px solid var(--linie);border-radius:8px;background:var(--flaeche)}
table{border-collapse:collapse;width:100%;font-size:.92rem;line-height:1.5}
th{font:600 .72rem var(--mono);text-transform:uppercase;letter-spacing:.06em;text-align:left;background:var(--gruen-hell);color:var(--gruen-2);padding:10px 12px;white-space:nowrap}
td{padding:9px 12px;border-top:1px solid var(--linie);vertical-align:top}
tbody tr:nth-child(even){background:#f8faf7}
td[data-ui="mono"]{font:.8rem var(--mono);color:var(--grau);white-space:nowrap}

/* Abbildungen */
[data-ui="fig"]{margin:1.6em 0;background:var(--flaeche);border:1px solid var(--linie);border-radius:10px;padding:12px}
[data-ui="fig"] img{display:block;max-height:540px;width:auto;height:auto;margin:0 auto;border-radius:6px}
[data-ui="fig"] svg{display:block;width:100%;height:auto}
figcaption{font-size:.86rem;color:var(--grau);margin-top:10px;line-height:1.5}
figcaption small{display:block;font-size:.75rem;margin-top:3px}
figcaption small a{color:inherit}

/* Blättern & Weiterlesen */
[data-ui="pager"]{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:3em 0 0}
[data-ui="pager"] a{display:block;border:1px solid var(--linie);background:var(--flaeche);border-radius:8px;padding:12px 16px;text-decoration:none;color:var(--tinte);font-weight:500;line-height:1.4}
[data-ui="pager"] a:hover{border-color:var(--gruen)}
[data-ui="pager"] small{display:block;font:.7rem var(--mono);color:var(--gruen);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}
[data-ui="pager"] [rel="next"]{grid-column:2;text-align:right}
@media (max-width:560px){[data-ui="pager"]{grid-template-columns:1fr}[data-ui="pager"] [rel="next"]{grid-column:auto}}
[data-ui="more"] h2{font-size:1.15rem;margin-top:2.2em}
[data-ui="cards"]{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
[data-ui="cards"] li{margin:0}
[data-ui="cards"] a{display:block;height:100%;padding:14px 16px;border:1px solid var(--linie);border-top:3px solid var(--gruen);border-radius:6px;background:var(--flaeche);text-decoration:none;color:var(--tinte);font-weight:500;line-height:1.4}
[data-ui="cards"] a:hover{border-color:var(--gruen)}
[data-ui="cards"] span{display:block;font:.7rem var(--mono);color:var(--grau);margin-bottom:6px}

/* Startseite */
[data-ui="term"]{background:var(--nacht);border:1px solid #26352d;border-radius:10px;overflow:hidden;margin:1.6em 0 2.2em;box-shadow:0 14px 32px -20px rgba(15,23,19,.6)}
[data-ui="term-bar"]{display:flex;align-items:center;gap:7px;padding:9px 14px;background:var(--nacht-2);font:.74rem var(--mono);color:#8ea196}
[data-ui="term-bar"] i{width:10px;height:10px;border-radius:50%;background:#3b4a42}
[data-ui="term-bar"] span{margin-left:8px}
[data-ui="term"] pre{margin:0;border:0;border-radius:0;white-space:pre-wrap;font-size:.9rem;padding:18px 20px 22px}
[data-ui="ps"]{color:var(--phosphor)}
[data-ui="term"] a{color:var(--amber)}
[data-ui="dirs"]{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:1.2em 0 2em}
[data-ui="dir"]{background:var(--flaeche);border:1px solid var(--linie);border-radius:10px;padding:18px}
[data-ui="dir"] h3{margin:0 0 .35em;font-size:1.12rem}
[data-ui="dir"] h3 a{color:var(--tinte);text-decoration:none}
[data-ui="dir"] h3 a:hover{color:var(--gruen)}
[data-ui="dir"]>p{font-size:.93rem;color:var(--text-2)}
[data-ui="dir-p"]{font:.76rem var(--mono)!important;color:var(--gruen)!important;margin:0 0 .5em}
[data-ui="dir"] ul{margin:.8em 0 0;padding:0;list-style:none;font-size:.9rem}
[data-ui="dir"] li{margin:0;padding:5px 0;border-top:1px dashed var(--linie);line-height:1.35}
[data-ui="glossar"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0 28px;margin:1em 0 2em}
[data-ui="glossar"] div{padding:10px 0;border-bottom:1px solid var(--linie)}
[data-ui="glossar"] dt{font:600 .9rem var(--mono);color:var(--gruen-2)}
[data-ui="glossar"] dd{margin:.2em 0 0;font-size:.93rem;line-height:1.55;color:var(--text-2)}
[data-ui="glossar"] dd a{font:.78rem var(--mono)}
[data-ui="tips"]{background:var(--flaeche);border:1px solid var(--linie);border-radius:10px;padding:4px 20px 8px;margin-top:2em}

/* Bereichsseiten */
h2[data-ui="sub"]{font:600 .8rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--grau);margin:2.4em 0 .4em}
[data-ui="index"]{list-style:none;padding:0;margin:0 0 1.5em;counter-reset:nr}
[data-ui="index"] li{counter-increment:nr;display:grid;grid-template-columns:2.8em 1fr;column-gap:10px;padding:16px 0;margin:0;border-top:1px solid var(--linie)}
[data-ui="index"] li::before{content:counter(nr,decimal-leading-zero);font:600 .9rem var(--mono);color:var(--bernstein);grid-row:span 3;padding-top:3px}
[data-ui="index"] a{font:600 1.12rem/1.35 var(--kopf);color:var(--tinte);text-decoration:none}
[data-ui="index"] a:hover{color:var(--gruen)}
[data-ui="index"] p{margin:.3em 0 .2em;font-size:.95rem;color:var(--text-2)}
[data-ui="index"] small{font:.74rem var(--mono);color:var(--grau)}

/* Kontakt & Recht */
[data-ui="mail"]{background:var(--nacht);color:#dce8df;font:.95rem var(--mono);padding:16px 20px;border-radius:8px;margin:1.2em 0 1.6em;overflow-wrap:anywhere}
[data-ui="mail"] a{color:var(--amber)}
[data-ui="plain"] h2{font-size:1.2rem;margin-top:1.8em}
[data-ui="plain"] li{overflow-wrap:anywhere}

/* Fuß */
[data-ui="foot"]{border-top:1px dashed #b8c4bb;background:#e9ede7}
[data-ui="foot-in"]{max-width:1360px;margin:0 auto;padding:26px 20px 34px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 40px;font-size:.88rem;color:var(--grau)}
[data-ui="foot-in"] p{margin:0}
[data-ui="foot-brand"]{max-width:380px}
[data-ui="foot-brand"] b{display:block;font-family:var(--mono);color:var(--gruen-2);margin-bottom:2px}
[data-ui="foot"] nav{display:flex;flex-wrap:wrap;gap:6px 18px;font:.82rem var(--mono)}
[data-ui="foot"] nav a{color:var(--tinte)}
[data-ui="foot-note"]{flex-basis:100%;font:.74rem var(--mono)}