/* Druvis Website · Kontaktformular: Prüf-Check „Ich bin kein Roboter“, Hinweis „Bitte ohne Links“
   und die Fallen für Bots. Lädt nur auf /kontakt/ (nach site.css). Stand 26.10.2026. */

/* Zweite und dritte Falle: ganz unsichtbar, auch für das automatische Ausfüllen */
.hp--aus{display:none!important}

/* Hinweis „Bitte ohne Links“ wandert per Skript unter das betroffene Feld */
.link-hinweis{margin:0}
.link-hinweis[hidden]{display:none}
.link-hinweis code{font:inherit;font-weight:700;color:var(--c-danger);word-break:break-all}

/* Prüf-Check: Kasten mit Haken, Status (nur mit Skript) und Fortschrittsbalken */
.pruefcheck{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);background:var(--c-surface-2);border:1.5px solid var(--c-border-strong);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s ease,background-color .2s ease}
.pruefcheck__feld{display:inline-flex;align-items:center;gap:var(--space-3);font-weight:700;color:var(--c-text);cursor:pointer}
.pruefcheck__feld input{width:24px;height:24px;margin:0;flex-shrink:0;accent-color:var(--c-blue-strong);cursor:pointer}
.pruefcheck__status{display:none;align-items:center;gap:.5em;font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted)}
.formular[data-formschutz] .pruefcheck__status{display:inline-flex}
.pruefcheck__led{width:.65em;height:.65em;border-radius:50%;background:var(--c-border-strong)}
.pruefcheck__balken{position:absolute;inset:auto 0 0 0;height:3px;overflow:hidden}
.pruefcheck__balken::before{content:"";position:absolute;inset:0;background:var(--c-blue);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.pruefcheck[data-zustand=laeuft] .pruefcheck__led{background:var(--c-warning)}
.pruefcheck[data-zustand=laeuft] .pruefcheck__balken::before{transform:scaleX(.35)}
.pruefcheck[data-zustand=geprueft]{border-color:var(--c-success);background:var(--c-success-soft)}
.pruefcheck[data-zustand=geprueft] .pruefcheck__status{color:var(--c-success)}
.pruefcheck[data-zustand=geprueft] .pruefcheck__led{background:var(--c-success)}
.pruefcheck[data-zustand=geprueft] .pruefcheck__balken::before{transform:scaleX(1);background:var(--c-success)}
.pruefcheck[data-zustand=fehler]{border-color:var(--c-danger);background:var(--c-danger-soft)}
.pruefcheck[data-zustand=fehler] .pruefcheck__status{color:var(--c-danger)}
.pruefcheck[data-zustand=fehler] .pruefcheck__led{background:var(--c-danger)}
.pruefcheck__info{margin-top:calc(var(--space-3) * -1)}
@media (prefers-reduced-motion:no-preference){
  .pruefcheck[data-zustand=laeuft] .pruefcheck__led{animation:pruef-led .9s ease-in-out infinite}
  .pruefcheck[data-zustand=laeuft] .pruefcheck__balken::before{animation:pruef-lauf 1.1s ease-in-out infinite}
}
@keyframes pruef-led{50%{opacity:.35}}
@keyframes pruef-lauf{from{transform:translateX(-100%) scaleX(.35)}to{transform:translateX(100%) scaleX(.35)}}