/* helloheidi.fans - eigene Gestaltung, keine Datei aus helloheidi.me geladen. Werte wie im Paket (hell/dunkel). */
@font-face{font-family:'Manrope';font-weight:200 800;font-display:swap;src:url(/schrift/manrope.woff2) format('woff2')}
:root{--bg:#F7F6F4;--flaeche:#FFFFFF;--text:#2F2A2A;--leise:#6E6A6A;--linie:#E9E6E2;--akzent:#9E3A49;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--bg:#26282C;--flaeche:#2E3035;--text:#F1ECE6;--leise:#B5AEAA;--linie:#3A3D43;--akzent:#D08A94}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.6}
a{color:var(--akzent);text-underline-offset:3px}
.kopf{max-width:760px;margin:0 auto;padding:22px 20px 6px}
.marke{font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--text);text-decoration:none}
.marke span{color:var(--akzent)}
main{max-width:760px;margin:0 auto;padding:10px 20px 40px}
h1{font-size:clamp(26px,6vw,36px);line-height:1.15;font-weight:800;letter-spacing:-.02em;margin:18px 0 14px}
h2{font-size:18px;font-weight:800;margin:28px 0 6px}
p,li{margin:0 0 12px;overflow-wrap:anywhere}
ul{padding-left:22px}
.lede{font-size:18px;color:var(--leise)}
.hinweis{display:flex;flex-direction:column;gap:2px;margin:22px 0;padding:16px 18px;border-radius:18px;background:var(--flaeche);border:1px solid var(--linie)}
.hinweis b{font-weight:800}
.hinweis span{color:var(--leise)}
.fuss{max-width:760px;margin:0 auto;padding:22px 20px 40px;border-top:1px solid var(--linie);font-size:14px;color:var(--leise)}
.fuss nav{display:flex;flex-wrap:wrap;gap:4px 6px;margin-bottom:10px}
.fuss nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;border-radius:12px;text-decoration:none}
.fuss nav a[aria-current=page]{background:var(--flaeche);color:var(--text)}
/* Ueberarbeitung 05.10.2026 (A-20261005-28): Knopf, Haekchen, Testansicht */
.knopf{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:0;border-radius:24px;background:var(--akzent);color:#fff;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}
@media (prefers-color-scheme:dark){.knopf{background:#A84452}}
.formular{display:flex;flex-direction:column;gap:12px;margin:18px 0}
.haken{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;min-height:44px;border:1px solid var(--linie);border-radius:14px;background:var(--flaeche);cursor:pointer}
.haken input{flex:none;width:24px;height:24px;margin:2px 0 0;accent-color:var(--akzent)}
.haken.fehlt{border-color:var(--akzent)}
.fehler{margin:0;padding:10px 14px;border-radius:12px;border:1px solid var(--akzent);color:var(--akzent);font-weight:700}
.fein{font-size:14px;color:var(--leise)}
.test-banner{display:flex;flex-direction:column;gap:4px;margin:12px 0 18px;padding:14px 16px;border-radius:14px;border:2px dashed #B8923A;background:color-mix(in srgb,#B8923A 12%,var(--bg))}
.test-banner b{font-weight:800;letter-spacing:.02em}
.kauf{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:8px 16px;margin:12px 0 16px}
.kauf dt{font-weight:800}
.kauf dd{margin:0;overflow-wrap:anywhere}
@media (max-width:480px){.kauf{grid-template-columns:1fr}.kauf dd{margin-bottom:8px}}
.protokoll li{margin-bottom:12px}