/* SOTA-N/A: neun Gestaltungsregeln fuer ein einzelnes Bedienelement.
   Kein Werkzeug, keine Abhaengigkeit, keine Musterwahl.

   einwilligung.css — das Einwilligungs-Haekchen im Kontaktformular.

   WARUM ES DIESE DATEI GIBT
   Das Formular auf /nexus-seniorenprogramm hatte kein Haekchen zur
   Datenschutz-Einwilligung; die Formulare von novawohnraum.de und zanova.eu haben
   eins. Alexandre hat am 06.08.2026 entschieden, es zu ergaenzen.

   Das Stylesheet des April-Exports kennt keine einzige `.w-checkbox`-Regel
   (geprueft: 0 Treffer) — Webflows Grundgestaltung fuer Haekchen ist auf dieser
   Site nie geladen worden. Deshalb hier das Noetigste, in den Werten der Site.

   🔴 FARBE, gemessen und nicht am Namen abgelesen:
      Das Formular sitzt in `.contact-us-form` mit `background-color: var(--light-2)`.
      Die Variable heisst "light", ihr Wert ist aber `#3d3232` — ein DUNKLES Braun.
      Der Text muss also HELL sein. Ein Blick auf den Namen haette hier ein
      unlesbares Dunkelgrau auf Dunkelbraun ergeben.

   Uebernommene Werte der Site:
      --white   whitesmoke   Textfarbe im Formularblock (wie .text-block-4)
      --primary #dcf692      Haekchenfarbe, dieselbe wie der Absendeknopf
      --light-gray #d0d0d0   Rahmen im Ruhezustand
*/

.einwilligung {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  width: 100%;
  margin: 0.25rem 0 0.5rem;
  cursor: pointer;
}

.einwilligung input[type="checkbox"] {
  flex: 0 0 auto;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0.15rem 0 0;
  accent-color: #dcf692;
  cursor: pointer;
}

.einwilligung span {
  color: whitesmoke;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

.einwilligung a {
  color: inherit;
  text-decoration: underline;
}

/* Sichtbarer Fokusrahmen fuer Bedienung ohne Maus. Webflows Grundgestaltung
   bringt ihn sonst mit; hier fehlt sie. */
.einwilligung input[type="checkbox"]:focus-visible {
  outline: 2px solid #dcf692;
  outline-offset: 2px;
}