/* Partimeter – gemeinsame Ergänzungen beider Seiten und der Hasskompass-Look.
   Uni-Look (Standard): steht direkt in den Seiten (Arial, #0064AD / #003064).
   Hasskompass-Look: html[data-look="hasskompass"], Farben aus dem Hasskompass-CI
   (Orange #FC6411, Dunkel #1A1D15, Creme #FAF3EB, Burnt #8B3A08; Schriften DIN Condensed
   für die Marke, IBM Plex Sans für Text). Schriften werden nur geladen, wenn der Look aktiv ist. */

@font-face{
  font-family:"DIN Condensed";
  font-style:normal;font-weight:700;font-display:swap;
  src:url("marke/fonts/DIN-Condensed-Bold.woff2") format("woff2");
}
@font-face{
  font-family:"IBM Plex Sans";
  font-style:normal;font-weight:100 700;font-display:swap;
  src:url("marke/fonts/IBMPlexSans-latin-var.woff2") format("woff2");
  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:"IBM Plex Sans";
  font-style:normal;font-weight:100 700;font-display:swap;
  src:url("marke/fonts/IBMPlexSans-latinext-var.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ---------- gemeinsam ---------- */
.marke{display:inline-flex;align-items:center;gap:8px;}
.hk-icon{display:none;width:26px;height:26px;}
.rechtliches{max-width:640px;margin:0 auto;padding:14px 16px calc(18px + env(safe-area-inset-bottom));font-size:12.5px;line-height:1.45;color:var(--grau);border-top:1px solid var(--rand);}
.rechtliches p{margin-bottom:6px;}
.rechtliches a{color:inherit;text-decoration:underline;}
/* Die Teilnahmeseite hat unter main bereits Abstand; der Fuß folgt darunter */
main + .rechtliches{margin-top:8px;}

/* ---------- Hasskompass-Look ---------- */
html[data-look="hasskompass"]{
  --blau:#FC6411;        /* Primärfarbe (Knöpfe, Auswahl) */
  --dunkel:#1A1D15;      /* Kopfzeile, Überschriften */
  --text:#1A1D15;
  --grau:#6B6157;
  --flaeche:#F3E7DA;
  --rand:rgba(26,29,21,.18);
  --ok:#1E7A46;
  --warn:#C0392B;
}
html[data-look="hasskompass"] body{
  font-family:"IBM Plex Sans","Segoe UI","Helvetica Neue",Arial,sans-serif;
  background:#FAF3EB;color:var(--text);
}
html[data-look="hasskompass"] header{background:#1A1D15;}
html[data-look="hasskompass"] header strong{
  font-family:"DIN Condensed","Arial Narrow",sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;font-size:22px;padding-top:.12em;color:#FC6411;
}
html[data-look="hasskompass"] .hk-icon{display:block;}
html[data-look="hasskompass"] #raumBadge,
html[data-look="hasskompass"] #code{background:#FC6411;color:#1A1D15;font-weight:700;}
html[data-look="hasskompass"] h1{color:#1A1D15;}
html[data-look="hasskompass"] .opt.an{border-color:#FC6411;background:#FFF0E6;}
html[data-look="hasskompass"] .knopf.zweit,
html[data-look="hasskompass"] .tasten button.zurueck{color:#8B3A08;border-color:#FC6411;}
html[data-look="hasskompass"] .knopf[disabled]{background:#F2B48F;}
html[data-look="hasskompass"] .rang .nr{color:#8B3A08;}
html[data-look="hasskompass"] .rest{background:#FAF3EB;}
html[data-look="hasskompass"] .folie{border-left-color:#FC6411;}