/* =============================================================================
   consent.css — Datenschutz-Einwilligung (einheitlich auf allen Formularen).
   Nur bestehende Tokens (--pink-hot, --text-dim, --ease-ui …). Ruhig, aber lesbar.
   ============================================================================= */
.consent-group{
  display:flex;
  flex-direction:column;
  gap:11px;
  margin:4px 0 2px;
}
.consent-item{
  display:flex;
  align-items:flex-start;
  gap:11px;
  cursor:pointer;
  font-size:.9rem;                 /* ~14.4px – klar & verständlich, nicht kleiner */
  line-height:1.5;
  color:var(--text-dim);
  padding:3px 0;                   /* vergrößert die Klick-/Touch-Fläche der ganzen Zeile */
  -webkit-tap-highlight-color:transparent;
}
.consent-item input[type="checkbox"]{
  flex:none;
  width:20px; height:20px;
  margin-top:1px;
  accent-color:var(--pink-hot);    /* Marken-Pink für den Haken */
  cursor:pointer;
}
.consent-item span{ min-height:20px; }
.consent-item a{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:2px;
  transition:color .3s var(--ease-ui);
}
@media (hover:hover){ .consent-item a:hover{ color:var(--pink-hot); } }

/* Pflichtfeld-Sternchen */
.consent-req{ color:var(--pink-hot); font-weight:800; text-decoration:none; }

/* Fehlerzustand (bestehende Fehlerfarbe der Seite = --pink-hot) */
.consent-item.is-error{ color:#fff; }
.consent-item.is-error input[type="checkbox"]{ outline:2px solid var(--pink-hot); outline-offset:2px; border-radius:4px; }
.consent-err{
  margin:0;
  color:var(--pink-hot);
  font-size:.82rem;
  font-weight:600;
  line-height:1.4;
}

/* Sichtbarer Fokus (Konsistenz mit :focus-visible der Seite) */
.consent-item input[type="checkbox"]:focus-visible{
  outline:3px solid var(--blue);
  outline-offset:2px;
  border-radius:4px;
}

/* Touch-Geräte: iOS-Zoom vermeiden + Zeile als komfortables Touch-Target */
@media (max-width:760px){
  .consent-item{ font-size:15px; padding:5px 0; }
}

/* Werbung-Buchungs-Wizard: etwas Luft zum Info-Text darüber */
.wb-consent-box{ margin-top:8px; }