/* Impressum und Datenschutz: gleiche Farben und Schriften wie die Startseite, nur ruhiger; hell und dunkel wie dort */
@font-face{font-family:"Inter";src:url(fonts/inter-400-800-latin.woff2) format("woff2");font-weight:400 800;font-display:swap;
  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";src:url(fonts/inter-400-800-latin-ext.woff2) format("woff2");font-weight:400 800;font-display:swap;
  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:"IBM Plex Mono";src:url(fonts/ibmplexmono-500-latin.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Archivo";src:url(fonts/archivo-latin-standard-normal.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
:root{--seite:#f4f4f8;--linie:#e3e3ec;--tinte:#17161e;--text:#3c3d48;--grau:#6c6e7b;--akzent:#6d45f0;
  --eloxal:linear-gradient(120deg,#8a4dff 0%,#5b5bff 50%,#2f8cff 100%);--rand:clamp(18px,5vw,40px);color-scheme:light}
/* Dunkel: gesetzt von design.js (Wahl auf der Startseite oder Einstellung des Geraets) */
:root[data-design="dunkel"]{--seite:#07060d;--linie:#1a1729;--tinte:#f7f5ff;--text:#c6c1e4;--grau:#8a84ad;--akzent:#a47bff;color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--seite);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--seite);color:var(--text);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--tinte);text-decoration-color:var(--akzent);text-underline-offset:3px}
:focus-visible{outline:2px solid var(--akzent);outline-offset:3px;border-radius:6px}
.innen{max-width:760px;margin:0 auto;padding:0 var(--rand)}
.kopf{border-bottom:1px solid var(--linie)}
.kopf .innen{display:flex;align-items:center;gap:16px;height:64px;max-width:1160px}
.marke{font-weight:800;font-size:20px;letter-spacing:-.035em;color:var(--tinte);text-decoration:none}
.marke i{font-style:normal;background:var(--eloxal);-webkit-background-clip:text;background-clip:text;color:transparent}
.zurueck{margin-left:auto;font-size:15px;color:var(--text);text-decoration:none}
.zurueck:hover{color:var(--tinte)}
/* Design-Schalter wie auf der Startseite: Mond im hellen, Sonne im dunklen Design; ohne JavaScript unsichtbar */
.design{display:none;place-items:center;width:38px;height:38px;flex:none;padding:0;border:0;border-radius:50%;background:rgba(23,22,30,.06);color:var(--tinte);cursor:pointer}
[data-design] .design{display:grid}
.design:hover{background:rgba(23,22,30,.11)}
.design svg{width:18px;height:18px}
.design .sonne,[data-design="dunkel"] .design .mond{display:none}
[data-design="dunkel"] .design .sonne{display:block}
[data-design="dunkel"] .design{background:rgba(255,255,255,.07)}
[data-design="dunkel"] .design:hover{background:rgba(255,255,255,.13)}
.text{padding-top:clamp(40px,7vw,80px);padding-bottom:clamp(56px,8vw,100px)}
.etikett{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:500;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--akzent);margin:0}
h1{font-family:"Archivo","Inter",sans-serif;font-stretch:125%;font-weight:800;font-size:clamp(36px,7vw,56px);line-height:1;letter-spacing:-.015em;color:var(--tinte);margin:14px 0 30px}
h2{font-size:17px;font-weight:700;color:var(--tinte);margin:32px 0 6px}
p{margin:0 0 10px}
b{color:var(--tinte)}
.fehlt{padding:12px 16px;border-radius:14px;border:1px solid rgba(214,150,0,.4);background:rgba(255,190,46,.14);color:#7a4d00;margin-bottom:10px}
[data-design="dunkel"] .fehlt{border-color:rgba(255,190,46,.35);background:rgba(255,190,46,.08);color:#ffd27a}
.stand{margin-top:30px;color:var(--grau);font-size:14px}
.fuss{border-top:1px solid var(--linie);padding:28px 0 calc(28px + env(safe-area-inset-bottom,0px))}
.fuss .innen{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:14px;max-width:1160px}
.fuss a{color:var(--text);text-decoration:none}
.fuss a:hover{color:var(--tinte)}
