/* Queue Studio -- Impressum und Datenschutz. Farben wie die Huelle. */
:root{ --bg-deep:#0e2038; --line:rgba(190,225,255,0.22); --accent:#6fd0ff; --text:#f4f9ff; --text-dim:#a9c4e0; --gelb:#ffd23f; }
*{ box-sizing:border-box; }
html,body{ margin:0; background:var(--bg-deep); color:var(--text);
  font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; line-height:1.55; }
body{ background:radial-gradient(120% 60% at 50% -10%, rgba(120,180,230,0.35), rgba(14,32,56,0) 60%), var(--bg-deep); min-height:100vh; }
.kopf{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 26px; border-bottom:1px solid var(--line); }
.kopf img{ height:40px; display:block; }
.kopf a{ color:var(--text-dim); font-size:13px; text-decoration:none; }
.kopf a:hover{ color:var(--text); }
main{ max-width:760px; margin:0 auto; padding:40px 20px 80px; }
h1{ font-size:28px; font-weight:800; font-style:italic; text-transform:uppercase; letter-spacing:.01em; margin:0 0 28px; }
h2{ font-size:16px; font-weight:700; margin:32px 0 8px; color:var(--accent); }
p, li{ font-size:15px; color:var(--text); }
p{ margin:0 0 12px; }
ul{ margin:0 0 12px; padding-left:20px; }
a{ color:var(--accent); }
.klein{ font-size:13px; color:var(--text-dim); }
/* Platzhalter: vor dem Veroeffentlichen ersetzen (gelb, damit sie nicht uebersehen werden) */
.offen{ background:rgba(255,210,63,0.18); outline:1px dashed var(--gelb); border-radius:3px; padding:0 3px; color:var(--gelb); }
@media (max-width:600px){ .kopf{ padding:12px 16px; } .kopf img{ height:32px; } main{ padding:28px 16px 60px; } h1{ font-size:22px; } }