/* ================================
   Wolf-Graphics – CF7 Feinschliff
   ================================ */

/* 1) Gesamtbreite & Ruhe */
.wpcf7 {
  max-width: 100%;
  margin: 0 auto;
}

/* 2) Dopplungs-Text optisch "leiser" (falls noch vorhanden) */
.wpcf7 p {
  margin: 0 0 12px;
}

/* 3) Labels klarer (ruhig, aber eindeutig) */
.wpcf7-form label,
.wpcf7-form .wg-label {
  display: inline-block;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 14px;
  color: rgba(0,0,0,0.78);
}

/* 4) Feldabstände gleichmäßiger (weniger zerrissen) */
.wpcf7-form .wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 16px;
}

/* 5) Inputs / Select / Textarea – einheitlich hochwertig */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form select,
.wpcf7-form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.14);
  background: #fff;
  color: rgba(0,0,0,0.86);
  font-size: 16px;
  line-height: 1.25;
  transition: border-color .18s ease, box-shadow .18s ease;
}

/* 6) Fokus-State (professionell, nicht schrill) */
.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
  outline: none;
  border-color: rgba(198, 138, 60, 0.75);  /* Akzent */
  box-shadow: 0 0 0 4px rgba(198, 138, 60, 0.14);
}

/* 7) Nachricht-Feld wichtiger machen */
.wpcf7-form textarea {
  min-height: 200px; /* mehr Gewicht, besser schreibbar */
  resize: vertical;
  margin-top: 10px;
}

/* 8) Hilfe-/Hinweistext (z.B. "Je konkreter...") sauber platzieren */
.wpcf7-form .wg-help,
.wpcf7-form small,
.wpcf7-form .help {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  color: rgba(0,0,0,0.5);
}

/* 9) DSGVO-Block als ruhige Box */
.wpcf7-form .wpcf7-acceptance,
.wpcf7-form .wpcf7-form-control.wp
::contentReference[oaicite:0]{index=0}

/* Deaktivierter Zustand */
.wpcf7-form input[type="submit"]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  background: #ccc;
}

/* Aktivierter Zustand */
.wpcf7-form input[type="submit"]:not(:disabled) {
  opacity: 1;
  cursor: pointer;
  background: rgba(198, 138, 60, 1); /* eure Akzentfarbe */
}

/* Hover nur wenn aktiv */
.wpcf7-form input[type="submit"]:not(:disabled):hover {
  filter: brightness(0.95);
}

/* ================================
   DSGVO + Button Interaction
   ================================ */

/* 1) DSGVO-Block klar als Pflichtpunkt */
.wpcf7-form .wpcf7-acceptance {
  margin: 16px 0 20px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.12);
  background: rgba(0,0,0,0.02);
  transition: border-color .2s ease, background .2s ease;
}

/* Checkbox-Text ruhig, gut lesbar */
.wpcf7-form .wpcf7-acceptance label {
  font-size: 13px;
  font-weight: 500;
  color: rgba(0,0,0,0.75);
  cursor: pointer;
}

/* Checkbox selbst minimal sauber ausgerichtet */
.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {
  margin-right: 10px;
  transform: translateY(1px);
}

/* 2) Wenn DSGVO NICHT akzeptiert → Button klar deaktiviert */
.wpcf7-form input[type="submit"]:disabled {
  opacity: 0.45;
  background: #d5d5d5;
  color: #777;
  cursor: not-allowed;
  box-shadow: none;
}

/* 3) Wenn DSGVO akzeptiert → Button klar aktiv */
.wpcf7-form input[type="submit"]:not(:disabled) {
  opacity: 1;
  background: rgba(198, 138, 60, 1); /* Akzentfarbe */
  color: #111;
  cursor: pointer;
}

/* Hover nur im aktiven Zustand */
.wpcf7-form input[type="submit"]:not(:disabled):hover {
  filter: brightness(0.95);
}

/* 4) Optional: DSGVO-Block leicht hervorheben, wenn aktiv */
.wpcf7-form .wpcf7-acceptance input[type="checkbox"]:checked + span,
.wpcf7-form .wpcf7-acceptance input[type="checkbox"]:checked {
  /* rein visuell – kein Muss */
}