/* Alanyum Car Wash — Unterseiten (Datenschutz, Daten-Eingabe, Checkliste) */
:root{
  --noir:#0A0A0B; --noir-2:#101012; --char:#161619; --char-2:#1D1D21;
  --metal:#C88A4B; --metal-2:#E0A868; --metal-soft:rgba(200,138,75,.12); --metal-line:rgba(200,138,75,.30);
  --cream:#F2F1EE; --stone:#A6A29B; --stone-2:#8A867F;
  --line:rgba(225,220,210,.11); --line-2:rgba(225,220,210,.20);
  --wa:#25D366; --green:#2E9E5B; --amber:#C08A2E; --grey:#6a6a72;
  --serif:"Cormorant Garamond",Georgia,serif; --sans:"Jost",-apple-system,"Segoe UI",Roboto,sans-serif;
  --maxw:900px; --ease:cubic-bezier(.19,1,.22,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--noir);color:var(--cream);font-family:var(--sans);font-weight:300;line-height:1.75;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:var(--metal-2);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
::selection{background:var(--metal);color:var(--noir)}
:focus-visible{outline:2px solid var(--metal);outline-offset:3px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,5vw,40px)}
header.sub{position:sticky;top:0;z-index:50;background:rgba(10,10,11,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
header.sub .in{display:flex;align-items:center;justify-content:space-between;height:70px}
.brand{display:flex;align-items:center;gap:12px}
.brand .mono{width:38px;height:38px;color:var(--metal)}
.brand .mono rect{fill:none;stroke:currentColor}.brand .mono text{fill:currentColor;font-family:var(--serif);font-weight:700}
.brand .bn{font-family:var(--serif);font-weight:600;font-size:1.3rem;letter-spacing:.1em}
.brand .bs{font-family:var(--sans);font-size:.5rem;letter-spacing:.3em;color:var(--stone-2);text-transform:uppercase;display:block;margin-top:3px}
.back{font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--stone);border:1px solid var(--line-2);padding:10px 16px;transition:.25s}
.back:hover{border-color:var(--metal-line);color:var(--metal-2);text-decoration:none}
.doc{padding:clamp(48px,8vw,90px) 0}
.doc .label{font-family:var(--sans);font-size:.72rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--metal)}
.doc h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.2rem,5vw,3.4rem);margin:14px 0 10px;line-height:1.05}
.doc .lead{color:var(--stone);font-size:1.05rem;max-width:60ch;margin-bottom:10px}
.doc .langnote{color:var(--stone-2);font-size:.85rem;font-style:italic;font-family:var(--serif);margin-bottom:34px}
.doc h2{font-family:var(--serif);font-weight:600;font-size:1.5rem;margin:38px 0 12px;color:var(--cream);padding-top:10px;border-top:1px solid var(--line)}
.doc h3{font-family:var(--serif);font-weight:600;font-size:1.15rem;margin:22px 0 8px;color:var(--metal-2)}
.doc p,.doc li{color:var(--stone);margin-bottom:12px}
.doc ul,.doc ol{margin:0 0 14px 22px}
.doc li{margin-bottom:7px}
.doc strong,.doc b{color:var(--cream);font-weight:400}
.doc .ph{color:var(--amber);background:var(--metal-soft);padding:1px 6px;border-radius:2px;font-style:italic}
.doc .card{background:linear-gradient(180deg,var(--char),var(--noir-2));border:1px solid var(--line);padding:22px 24px;margin:18px 0}
.doc table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.94rem}
.doc th,.doc td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.doc th{background:var(--char);color:var(--metal-2);font-weight:500;font-family:var(--sans);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
footer.sub{border-top:1px solid var(--line);padding:34px 0;margin-top:20px}
footer.sub .in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}
footer.sub p{font-size:.78rem;color:var(--stone-2)}
footer.sub b{color:var(--metal-2)}
/* Checklist */
.chk{list-style:none;margin:0}
.chk li{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);margin:0}
.chk .st{flex:none;width:12px;height:12px;border-radius:50%;margin-top:7px}
.chk .st.done{background:var(--green);box-shadow:0 0 0 3px rgba(46,158,91,.15)}
.chk .st.wait{background:var(--amber);box-shadow:0 0 0 3px rgba(192,138,46,.15)}
.chk .st.opt{background:var(--grey)}
.chk .ct b{color:var(--cream);font-weight:400;font-family:var(--serif);font-size:1.1rem}
.chk .ct span{display:block;font-size:.9rem;color:var(--stone)}
.legend{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0 6px;font-size:.82rem;color:var(--stone)}
.legend span{display:inline-flex;align-items:center;gap:8px}
.legend i{width:11px;height:11px;border-radius:50%;display:inline-block}
/* Form */
.form-sec{margin:26px 0}
.form-sec h2{margin-bottom:16px}
.field{margin-bottom:15px}
.field label{display:block;font-family:var(--sans);font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--stone-2);margin-bottom:7px}
.control{width:100%;background:var(--noir-2);border:1px solid var(--line-2);padding:13px 14px;color:var(--cream);font-family:var(--sans);font-weight:300;transition:.2s}
.control:focus{outline:none;border-color:var(--metal);box-shadow:0 0 0 3px var(--metal-soft)}
textarea.control{min-height:90px;resize:vertical}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--sans);font-weight:500;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;padding:16px 30px;background:linear-gradient(120deg,var(--metal),var(--metal-2));color:var(--noir);border:none;transition:.25s;cursor:pointer}
.btn:hover{filter:brightness(1.08);text-decoration:none}
.btn.wa{background:var(--wa);color:#04210f}
.btn svg{width:18px;height:18px}
@media(max-width:600px){.grid2{grid-template-columns:1fr}header.sub .brand .bs{display:none}}