/* Öffentliche Seiten glampr-neu (Preise, Sicherheit, Vergleiche, Ratgeber, Entwickler). Farbwelt „Mischung“, Satoshi + Inter. */
@font-face{font-family:"Satoshi";src:url(/neu/fonts/satoshi-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Satoshi";src:url(/neu/fonts/satoshi-700.woff2) format("woff2");font-weight:600 800;font-display:swap}
@font-face{font-family:"Inter";src:url(/neu/fonts/inter-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(/neu/fonts/inter-500.woff2) format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:"Inter";src:url(/neu/fonts/inter-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--bg:#F1F5F9;--fl:#FFFFFF;--fl2:#E6ECF1;--linie:#D6DDE3;--text:#1C1917;--leise:#55606A;--marke:#13302A;--marke2:#245244;--salbei:#8FB5A2;--kor:#E8735A;--korText:#A63A22;--korHell:#FCE7E1;--gruen:#245244;--gruenHell:#E0ECE7;--gelb:#8A5A00;--gelbHell:#FBF1D6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0F1614;--fl:#172220;--fl2:#1E2B28;--linie:#2C3B37;--text:#EDF2EF;--leise:#A3B1AB;--marke:#EAF2EC;--marke2:#8FB5A2;--kor:#F08A72;--korText:#F6B2A2;--korHell:#3A231D;--gruen:#9BC9B2;--gruenHell:#1D3029;--gelb:#E9C46A;--gelbHell:#332A12}}
:root[data-theme="dark"]{--bg:#0F1614;--fl:#172220;--fl2:#1E2B28;--linie:#2C3B37;--text:#EDF2EF;--leise:#A3B1AB;--marke:#EAF2EC;--marke2:#8FB5A2;--kor:#F08A72;--korText:#F6B2A2;--korHell:#3A231D;--gruen:#9BC9B2;--gruenHell:#1D3029;--gelb:#E9C46A;--gelbHell:#332A12}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,system-ui,sans-serif}
a{color:var(--marke2)}a:hover{color:var(--korText)}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
header.top{background:var(--fl);border-bottom:1px solid var(--linie);position:sticky;top:0;z-index:5}
header.top .wrap{display:flex;align-items:center;gap:18px;min-height:60px;flex-wrap:wrap}
.logo{display:flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--marke);font:800 1.3rem Satoshi,sans-serif;letter-spacing:-.02em}
.logo img{height:1.3em;width:calc(1.3em * 1.2267);display:inline-block;vertical-align:baseline}
:root[data-theme="dark"] .logo img{content:url(/neu/marke-hell.svg?v=3)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo img{content:url(/neu/marke-hell.svg?v=3)}}
nav.haupt{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
nav.haupt a{padding:8px 12px;border-radius:9px;text-decoration:none;color:var(--text);font-weight:500;font-size:.95rem}
nav.haupt a:hover,nav.haupt a[aria-current]{background:var(--fl2);color:var(--marke2)}
.zurueck{display:inline-flex;align-items:center;gap:6px;margin:18px 0 0;text-decoration:none;font-weight:600;color:var(--leise)}
h1,h2,h3{font-family:Satoshi,sans-serif;letter-spacing:-.02em;line-height:1.2;text-wrap:balance;color:var(--text)}
h1{font-size:clamp(1.9rem,4vw,2.7rem);margin:18px 0 10px}h2{font-size:1.5rem;margin:40px 0 12px}h3{font-size:1.15rem;margin:22px 0 8px}
.lead{font-size:1.12rem;color:var(--leise);max-width:68ch}
p,li{max-width:72ch}
.entwurf{background:var(--gelbHell);color:var(--gelb);border:1px solid currentColor;border-radius:12px;padding:12px 16px;margin:18px 0;font-weight:600}
.karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:18px 0}
.karte{background:var(--fl);border:1px solid var(--linie);border-radius:16px;padding:20px}
.karte h3{margin-top:0}.karte.hervor{border:2px solid var(--marke2)}
.preis{font:800 2.1rem Satoshi,sans-serif;color:var(--marke)}.preis small{font:500 .95rem Inter,sans-serif;color:var(--leise)}
.chip{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.03em;padding:3px 9px;border-radius:999px;background:var(--gruenHell);color:var(--gruen)}
.chip.kor{background:var(--korHell);color:var(--korText)}.chip.gelb{background:var(--gelbHell);color:var(--gelb)}
ul.haken{list-style:none;padding:0}ul.haken li{padding:5px 0 5px 26px;position:relative}
ul.haken li:before{content:"";position:absolute;left:4px;top:.75em;width:9px;height:5px;border-left:2px solid var(--gruen);border-bottom:2px solid var(--gruen);transform:rotate(-45deg)}
.tab{overflow-x:auto;border:1px solid var(--linie);border-radius:14px;background:var(--fl);margin:14px 0}
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--linie);vertical-align:top}
th{font-family:Satoshi,sans-serif;background:var(--fl2);font-weight:700}tr:last-child td{border-bottom:0}
.ja{color:var(--gruen);font-weight:700}.teil{color:var(--gelb);font-weight:700}.nein{color:var(--leise)}
.rechner{background:var(--fl);border:1px solid var(--linie);border-radius:16px;padding:20px;margin:18px 0}
.rechner label{font-weight:600;display:block;margin-bottom:6px}
.rechner input[type=range]{width:100%;accent-color:var(--marke2)}
.rechner .zeile{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.rechner input[type=number]{width:110px;padding:8px 10px;border:1px solid var(--linie);border-radius:9px;background:var(--fl);color:var(--text);font:inherit}
.segment{display:inline-flex;border:1px solid var(--linie);border-radius:10px;overflow:hidden}
.segment button{border:0;background:var(--fl);color:var(--text);padding:8px 14px;font:600 .95rem Inter,sans-serif;cursor:pointer}
.segment button[aria-pressed="true"]{background:var(--marke2);color:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .segment button[aria-pressed="true"]{color:#0F1614}}:root[data-theme="dark"] .segment button[aria-pressed="true"]{color:#0F1614}
.ergebnis{font:800 1.6rem Satoshi,sans-serif;color:var(--marke);margin-top:12px}
.hinweis{font-size:.9rem;color:var(--leise)}
.quellen{font-size:.88rem;color:var(--leise)}.quellen a{word-break:break-all}
pre,code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem}
pre{background:#13302A;color:#EAF2EC;padding:14px 16px;border-radius:12px;overflow-x:auto}
code{background:var(--fl2);padding:1px 6px;border-radius:6px}pre code{background:none;padding:0}
.knopf{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:11px;background:var(--kor);color:#1C1917;text-decoration:none;font-weight:700}
.knopf.leise{background:var(--fl);color:var(--text);border:1px solid var(--linie)}
footer.fuss{margin-top:56px;background:var(--fl);border-top:1px solid var(--linie);padding:28px 0;font-size:.92rem;color:var(--leise)}
footer.fuss nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:10px}footer.fuss a{color:var(--leise)}
:focus-visible{outline:3px solid var(--kor);outline-offset:2px;border-radius:4px}
@media (max-width:560px){nav.haupt{margin-left:0;width:100%;overflow-x:auto;flex-wrap:nowrap}nav.haupt a{white-space:nowrap}h2{font-size:1.3rem}th,td{padding:8px 10px}}

/* Faktenquelle 04.11.2026 */
.logo small{font:600 .72rem Inter,sans-serif;color:var(--leise);margin-left:6px;letter-spacing:.02em}
.aktionen{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap}
.aktionen .gast{color:var(--leise);text-decoration:none;font-size:.9rem;font-weight:600;padding:6px 8px;border-radius:9px}.aktionen .gast:hover{background:var(--fl2);color:var(--marke2)}
.aktionen .login{color:var(--text);text-decoration:none;font-size:.9rem;font-weight:600;padding:6px 8px;border-radius:9px;border:1px solid var(--linie)}
.knopf.klein{padding:7px 12px;font-size:.9rem}
header.top nav.haupt{margin-left:0}
footer.fuss nav[aria-label="Rechtliches"]{margin-top:-4px}
td small.hinweis{display:block;font-weight:400;max-width:48ch}
.preis.klein{font-size:1.25rem}
.aktionen a{white-space:nowrap}
@media (max-width:1100px){header.top nav.haupt{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px;scrollbar-width:none}header.top nav.haupt a{white-space:nowrap}.aktionen{margin-left:auto;flex-wrap:nowrap}}
@media (max-width:560px){.aktionen .login{display:none}.aktionen{gap:4px}.aktionen .gast{font-size:.8rem;padding:6px 2px}.knopf.klein{padding:6px 8px;font-size:.82rem}.logo small{display:none}header.top .wrap{gap:10px}}