@charset "UTF-8";
/* ============================================================
   WorkZen – Leadstrecke "Glas-Karte" (Entwurf Variante D)
   Ersetzt den Quick-Start auf allen 6 Quick-Start-Seiten.
   Custom CSS Class (Formular-Einstellungen): wz-form-leadstrecke
   Präfix dieses Moduls: --wzlg- (Leadstrecke Glas; --wzls- ist durch die Lösungsseite belegt)
   ------------------------------------------------------------
   Aufbau:
   - Die Glas-Karte ist der äußere gform_wrapper (_wrapper-Klasse).
     Hintergrundbild + Verlauf liefert die Elementor-Section, ohne
     Bild dahinter wirkt der Weichzeichner nicht.
   - Kopf je Schritt (Frage, "Schritt X von 4", Fortschritt) steckt
     in je einem HTML-Feld (Klasse wz-lg-header).
   - Kacheln: Checkbox/Radio mit Klasse wz-lg-tiles. Das echte
     Eingabefeld bleibt für Tastatur und Screenreader erhalten,
     ist aber unsichtbar; das <label> ist die Kachel.
   - Echo-Text, "Ihr Vorhaben"-Zeile, Fußzeile und deaktivierter
     Weiter-Button kommen aus workzen-leadstrecke.js.
   - Die globale workzen-gravityforms.css setzt Buttons, Inputs und
     Labels für ALLE Formulare (mit !important). Darum hier durchweg
     doppelte Klassen + !important.
   ============================================================ */
:root{
  --wzlg-glass-bg: rgba(36,82,79,.78);
  --wzlg-glass-border: rgba(143,211,196,.4);
  --wzlg-mint: #8FD3C4;
  --wzlg-ink: #1B2024;
  --wzlg-white: #ffffff;
  --wzlg-soft: #cfe6e0;
  --wzlg-label: #d9efe9;
  --wzlg-tile-bg: rgba(255,255,255,.08);
  --wzlg-tile-bg-hover: rgba(255,255,255,.13);
  --wzlg-tile-border: rgba(255,255,255,.22);
  --wzlg-input-border: rgba(255,255,255,.25);
  --wzlg-placeholder: #a9c2bd;
  --wzlg-error: #F2B8B5;
  --wzlg-radius: 12px;
  --wzlg-font: 'Montserrat', sans-serif;
}

/* ------------------------------------------------------------
   1) GLAS-KARTE
   ------------------------------------------------------------ */
.wz-form-leadstrecke_wrapper.wz-form-leadstrecke_wrapper,
.gform_confirmation_wrapper.wz-form-leadstrecke.wz-form-leadstrecke{
  width: 100% !important;
  max-width: 600px !important;
  margin: 0 auto !important;
  padding: 28px 30px 22px !important;
  box-sizing: border-box !important;
  background: var(--wzlg-glass-bg) !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  border: 1px solid var(--wzlg-glass-border) !important;
  border-radius: 22px !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.45) !important;
  color: var(--wzlg-white) !important;
  font-family: var(--wzlg-font) !important;
}
.wz-form-leadstrecke_wrapper.wz-form-leadstrecke_wrapper .gform_heading{ display: none !important; }
.wz-form-leadstrecke.wz-form-leadstrecke{
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_fields,
.wz-form-leadstrecke.wz-form-leadstrecke .gform-body{
  margin: 0 !important;
  padding: 0 !important;
}

/* Feldraster: eine Spalte, Kontaktfelder (wz-lg-half) zweispaltig.
   Raster NUR auf .gform_fields (innerster Container). */
.wz-form-leadstrecke.wz-form-leadstrecke .gform_fields{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 18px 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .gform_fields > .gfield{
  grid-column: 1 / -1 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}
/* Echo-Hinweis: nur Rasterposition, KEIN padding-Reset (sonst
   überschreibt die Feld-Regel oben sein Innenpolster) */
.wz-form-leadstrecke.wz-form-leadstrecke .gform_fields > .wz-lg-echo{
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  min-width: 0 !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .gform_fields > .gfield.wz-lg-half{ grid-column: auto !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .gform_fields > .gfield.gfield--type-hidden,
.wz-form-leadstrecke.wz-form-leadstrecke .gform_fields > .gfield.gform_hidden{ display: none !important; }
.wz-form-leadstrecke.wz-form-leadstrecke fieldset.gfield{ border: 0 !important; }

/* ------------------------------------------------------------
   2) KOPF JE SCHRITT (HTML-Feld)
   ------------------------------------------------------------ */
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-header{ display: flex !important; flex-direction: column !important; gap: 18px !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-q{ display: flex; flex-direction: column; gap: 4px; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-row{ display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-q h2,
.gform_confirmation_wrapper.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-q h2{
  margin: 0 !important;
  font-family: var(--wzlg-font) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: var(--wzlg-white) !important;
  letter-spacing: 0 !important;
  font-style: normal !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-q small,
.gform_confirmation_wrapper.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-q small{ font-size: 13px; color: var(--wzlg-soft); }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-mint{
  font-size: 12px;
  font-weight: 700;
  color: var(--wzlg-ink);
  background: var(--wzlg-mint);
  padding: 5px 10px;
  border-radius: 999px;
  white-space: nowrap;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-prog{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 8px;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-prog div{
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 12px;
  font-weight: 500;
  color: rgba(255,255,255,.55);
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-prog span{ height: 4px; border-radius: 2px; background: rgba(255,255,255,.18); }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-prog .done{ color: #d9efe9; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-prog .done span{ background: var(--wzlg-mint); }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-prog .cur{ color: var(--wzlg-white); font-weight: 700; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-prog .cur span{ background: linear-gradient(90deg, var(--wzlg-mint) 50%, rgba(255,255,255,.18) 50%); }

/* "Ihr Vorhaben: [Chips] ändern" (per JS ab Schritt 2) */
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-summary{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 13px;
  color: var(--wzlg-soft);
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-summary em{
  font-style: normal;
  font-weight: 600;
  background: rgba(143,211,196,.2);
  color: var(--wzlg-white);
  border: 1px solid rgba(143,211,196,.45);
  padding: 4px 10px;
  border-radius: 999px;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-summary .wz-lg-edit,
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-summary .wz-lg-edit.gform-theme-button{
  background: none !important;
  background-color: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  box-shadow: none !important;
  color: var(--wzlg-mint) !important;
  font-family: var(--wzlg-font) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: underline !important;
  cursor: pointer !important;
  transform: none !important;
}

/* ------------------------------------------------------------
   3) LABELS, HINWEISE, EINGABEFELDER
   ------------------------------------------------------------ */
.wz-form-leadstrecke.wz-form-leadstrecke .gfield_label,
.wz-form-leadstrecke.wz-form-leadstrecke legend.gfield_label,
.wz-form-leadstrecke.wz-form-leadstrecke .gfield_label .gform-field-label__text{
  font-family: var(--wzlg-font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--wzlg-label) !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
}
/* Bei den Kachel-Fragen steht die Frage bereits im Kopf -> Label nur
   für Screenreader behalten */
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-tiles legend.gfield_label,
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-newsletter legend.gfield_label,
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-consent legend.gfield_label{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .gfield_description:not(.validation_message){
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--wzlg-soft) !important;
  margin-top: 6px !important;
  padding: 0 !important;
}

.wz-form-leadstrecke.wz-form-leadstrecke .gfield input[type="text"],
.wz-form-leadstrecke.wz-form-leadstrecke .gfield input[type="email"],
.wz-form-leadstrecke.wz-form-leadstrecke .gfield input[type="tel"],
.wz-form-leadstrecke.wz-form-leadstrecke .gfield textarea{
  width: 100% !important;
  box-sizing: border-box !important;
  background: var(--wzlg-tile-bg) !important;
  border: 1.5px solid var(--wzlg-input-border) !important;
  border-radius: var(--wzlg-radius) !important;
  color: var(--wzlg-white) !important;
  font-family: var(--wzlg-font) !important;
  font-size: 15px !important;
  box-shadow: none !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .gfield input[type="text"],
.wz-form-leadstrecke.wz-form-leadstrecke .gfield input[type="email"],
.wz-form-leadstrecke.wz-form-leadstrecke .gfield input[type="tel"]{
  height: 56px !important;
  padding: 0 14px !important;
  line-height: normal !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .gfield textarea{
  height: 76px !important;
  min-height: 0 !important;
  padding: 12px 14px !important;
  line-height: 1.5 !important;
  resize: none !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .gfield input::placeholder,
.wz-form-leadstrecke.wz-form-leadstrecke .gfield textarea::placeholder{ color: var(--wzlg-placeholder) !important; opacity: 1 !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .gfield input[type="text"]:focus,
.wz-form-leadstrecke.wz-form-leadstrecke .gfield input[type="email"]:focus,
.wz-form-leadstrecke.wz-form-leadstrecke .gfield input[type="tel"]:focus,
.wz-form-leadstrecke.wz-form-leadstrecke .gfield textarea:focus{
  outline: 2px solid var(--wzlg-mint) !important;
  outline-offset: 1px !important;
  border-color: var(--wzlg-input-border) !important;
  box-shadow: none !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-plz .ginput_container{ max-width: 240px !important; }

/* ------------------------------------------------------------
   4) KACHELN (Schritt 1–3)
   ------------------------------------------------------------ */
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-tiles .ginput_container{ width: 100% !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-tiles .gfield_checkbox,
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-tiles .gfield_radio{
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-vorhaben .gfield_checkbox{ grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-groesse .gfield_radio{ grid-template-columns: repeat(5, minmax(0,1fr)) !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-zeit .gfield_radio{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }

.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-tiles .gchoice{
  position: relative !important;
  display: flex !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Echtes Eingabefeld unsichtbar, aber fokussierbar */
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-tiles .gchoice input.gfield-choice-input{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-tiles .gchoice label{
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 100px !important;
  margin: 0 !important;
  padding: 14px 10px !important;
  box-sizing: border-box !important;
  background: var(--wzlg-tile-bg) !important;
  border: 1.5px solid var(--wzlg-tile-border) !important;
  border-radius: var(--wzlg-radius) !important;
  color: var(--wzlg-white) !important;
  font-family: var(--wzlg-font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: background .15s, border-color .15s;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-tiles .gchoice label::before{
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  background: no-repeat center / contain;
  /* Orbital-Kreis/Haken am Label sicher neutralisieren */
  position: static !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-tiles .gchoice label:hover{
  background: var(--wzlg-tile-bg-hover) !important;
  border-color: rgba(143,211,196,.6) !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-tiles .gchoice input:checked + label{
  background: rgba(143,211,196,.2) !important;
  border-color: var(--wzlg-mint) !important;
  box-shadow: inset 0 0 0 1px var(--wzlg-mint) !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-tiles .gchoice input:focus-visible + label{
  outline: 2px solid var(--wzlg-mint) !important;
  outline-offset: 2px !important;
}

/* Schritt 1: Icons + Haken-Badge oben rechts */
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-vorhaben .gchoice:nth-child(1) label::before{ background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%238FD3C4%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 21h18M5 21V7l7-4 7 4v14M9 9h1M14 9h1M9 13h1M14 13h1M10 21v-4h4v4%22/%3E%3C/svg%3E") !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-vorhaben .gchoice:nth-child(2) label::before{ background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%238FD3C4%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l1.8 4.2L18 9l-4.2 1.8L12 15l-1.8-4.2L6 9l4.2-1.8zM19 15l.9 2.1L22 18l-2.1.9L19 21l-.9-2.1L16 18l2.1-.9z%22/%3E%3C/svg%3E") !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-vorhaben .gchoice:nth-child(3) label::before{ background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%238FD3C4%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 3h8v8H3zM13 3h8v8h-8zM3 13h8v8H3zM17 13v8M13 17h8%22/%3E%3C/svg%3E") !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-vorhaben .gchoice:nth-child(4) label::before{ background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%238FD3C4%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M1 6h13v10H1zM14 10h4l3 3v3h-7zM5.5 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM17.5 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4z%22/%3E%3C/svg%3E") !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-vorhaben .gchoice:nth-child(5) label::before{ background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%238FD3C4%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 3h10v8H7zM5 11h14v3H5zM8 14l-1 7M16 14l1 7M12 14v5%22/%3E%3C/svg%3E") !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-vorhaben .gchoice:nth-child(6) label::before{ background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%238FD3C4%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M11 5 6 9H2v6h4l5 4zM15.5 8.5a5 5 0 0 1 0 7M19 5a10 10 0 0 1 0 14%22/%3E%3C/svg%3E") !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-vorhaben .gchoice:nth-child(7) label::before{ background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%238FD3C4%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM8 12h.01M12 12h.01M16 12h.01%22/%3E%3C/svg%3E") !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-vorhaben .gchoice label::after{
  content: "";
  position: absolute;
  top: 8px;
  right: 8px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background: var(--wzlg-mint) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2211%22 height=%2211%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231B2024%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 6 9 17l-5-5%22/%3E%3C/svg%3E") no-repeat center / 11px 11px;
  display: none;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-vorhaben .gchoice input:checked + label::after{ display: block; }

/* Schritt 2: Personen-Icon, Zahl groß, "Arbeitsplätze" klein */
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-groesse .gchoice:nth-child(1) label::before{ background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%238FD3C4%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.5%22/%3E%3Cpath d=%22M2.5 20c0-3.5 3-5.5 6.5-5.5s6.5 2 6.5 5.5%22/%3E%3C/svg%3E") !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-groesse .gchoice:nth-child(n+2) label::before{ background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%238FD3C4%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.5%22/%3E%3Cpath d=%22M2.5 20c0-3.5 3-5.5 6.5-5.5s6.5 2 6.5 5.5%22/%3E%3Cpath d=%22M16 4.5a3.5 3.5 0 0 1 0 7M18 14.8c2 .7 3.5 2.4 3.5 5.2%22/%3E%3C/svg%3E") !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-groesse .gchoice label{
  font-size: 18px !important;
  font-weight: 700 !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-groesse .gchoice label::before{ width: 26px; height: 26px; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-groesse .gchoice label::after{
  content: "Arbeitsplätze";
  font-size: 12px;
  font-weight: 500;
  color: var(--wzlg-soft);
}

/* Schritt 3: linksbündig, ohne Icon, Unterzeile */
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-zeit .gchoice label{
  align-items: flex-start !important;
  text-align: left !important;
  min-height: 72px !important;
  padding: 14px 10px 14px 16px !important;
  font-size: 15px !important;
  gap: 6px !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-zeit .gchoice label::before{ display: none !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-zeit .gchoice label::after{
  font-size: 12px;
  font-weight: 500;
  color: var(--wzlg-soft);
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-zeit .gchoice:nth-child(1) label::after{ content: "Wir priorisieren Ihre Anfrage"; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-zeit .gchoice:nth-child(2) label::after{ content: "Genug Vorlauf für die Planung"; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-zeit .gchoice:nth-child(3) label::after{ content: "Ideal für Umzug oder Neubau"; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-zeit .gchoice:nth-child(4) label::after{ content: "Unverbindlich Ideen sammeln"; }

/* "Gut zu wissen"-Hinweis (per JS in Schritt 1) */
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-echo{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.5;
  background: rgba(143,211,196,.14);
  color: #e3f4f0;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-echo::before{
  content: "";
  flex: 0 0 18px;
  height: 18px;
  margin-top: 2px;
  background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2218%22 height=%2218%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%238FD3C4%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 6 9 17l-5-5%22/%3E%3C/svg%3E") no-repeat center / contain;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-echo:empty{ display: none; }

/* ------------------------------------------------------------
   5) DATENSCHUTZ + NEWSLETTER
   ------------------------------------------------------------ */
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-consent .ginput_container_consent,
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-newsletter .gchoice{
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-newsletter .gfield_checkbox{ display: block !important; margin: 0 !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-consent input[type="checkbox"],
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-newsletter input[type="checkbox"]{
  -webkit-appearance: checkbox !important;
  appearance: auto !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 1px 0 0 !important;
  accent-color: var(--wzlg-mint);
  cursor: pointer !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-consent .gfield_consent_label,
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-consent .gfield_consent_label .gform-field-label__text,
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-newsletter .gchoice label{
  font-family: var(--wzlg-font) !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #dfeeea !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  cursor: pointer !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-consent a{
  color: var(--wzlg-white) !important;
  text-decoration: underline !important;
}

/* ------------------------------------------------------------
   6) NAVIGATION (Zurück-Quadrat + Mint-Button mit Pfeil)
   ------------------------------------------------------------ */
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer{
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer .gform_previous_button.gform-theme-button,
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer button.gform_previous_button.button{
  flex: 0 0 56px !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: rgba(255,255,255,.08) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2218%22 height=%2218%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M15 18l-6-6 6-6%22/%3E%3C/svg%3E") no-repeat center / 18px 18px !important;
  border: 1.5px solid rgba(255,255,255,.3) !important;
  border-radius: var(--wzlg-radius) !important;
  box-shadow: none !important;
  /* Text "Zurück" bleibt für Screenreader im Button, ist aber unsichtbar */
  color: transparent !important;
  font-size: 0 !important;
  overflow: hidden !important;
  transform: none !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer .gform_previous_button.gform-theme-button:hover,
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer button.gform_previous_button.button:hover{
  background-color: rgba(255,255,255,.15) !important;
  border-color: rgba(255,255,255,.3) !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer .gform_next_button.gform-theme-button,
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer button.gform_button.button,
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer input[type="submit"].gform_button{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 56px !important;
  margin: 0 !important;
  padding: 0 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: var(--wzlg-mint) !important;
  background-color: var(--wzlg-mint) !important;
  background-image: none !important;
  color: var(--wzlg-ink) !important;
  border: 0 !important;
  border-radius: var(--wzlg-radius) !important;
  font-family: var(--wzlg-font) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.25) !important;
  cursor: pointer !important;
  transform: none !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer .gform_next_button.gform-theme-button::after,
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer button.gform_button.button::after{
  /* Alles mit !important: Orbital nutzt ::after an Buttons selbst und
     setzt es sonst zurück -> Pfeil war unsichtbar. */
  content: "" !important;
  display: block !important;
  position: static !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  border: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2218%22 height=%2218%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231B2024%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14M13 6l6 6-6 6%22/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: none !important;
  -webkit-mask: none !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer .gform_next_button.gform-theme-button:hover,
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer button.gform_button.button:hover{
  background-color: #a3dccf !important;
  color: var(--wzlg-ink) !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer .gform_next_button.gform-theme-button:disabled,
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer button.gform_button.button:disabled{
  background-color: rgba(143,211,196,.35) !important;
  color: rgba(27,32,36,.55) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer .gform_next_button.gform-theme-button:disabled::after,
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer button.gform_button.button:disabled::after{ opacity: .55 !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer .gform_ajax_spinner{ display: none !important; }

/* Fußzeile unter den Buttons (per JS) */
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-foot{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 14px;
  font-size: 12px;
  color: var(--wzlg-soft);
}
.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-foot .wz-lg-lock::before{
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 6px;
  vertical-align: -2px;
  background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2213%22 height=%2213%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23cfe6e0%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 11h14v10H5zM8 11V7a4 4 0 0 1 8 0v4%22/%3E%3C/svg%3E") no-repeat center / contain;
}

/* ------------------------------------------------------------
   7) FEHLERZUSTAND (helles Rosa, auf Glas lesbar)
   ------------------------------------------------------------ */
.wz-form-leadstrecke.wz-form-leadstrecke .gfield_error input[type="text"],
.wz-form-leadstrecke.wz-form-leadstrecke .gfield_error input[type="email"],
.wz-form-leadstrecke.wz-form-leadstrecke .gfield_error input[type="tel"],
.wz-form-leadstrecke.wz-form-leadstrecke .gfield_error textarea{
  background: var(--wzlg-tile-bg) !important;
  border-color: var(--wzlg-error) !important;
  color: var(--wzlg-white) !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .gfield_error.wz-lg-tiles .gchoice label{ border-color: var(--wzlg-error) !important; }
.wz-form-leadstrecke.wz-form-leadstrecke .gfield_validation_message,
.wz-form-leadstrecke.wz-form-leadstrecke .validation_message{
  color: var(--wzlg-error) !important;
  font-size: 12.5px !important;
  margin-top: 6px !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}
.wz-form-leadstrecke_wrapper.wz-form-leadstrecke_wrapper .gform_validation_errors{
  background: #fdf3f2 !important;
  border: 1px solid #c0392b !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  padding: 12px 16px !important;
  margin: 0 0 18px !important;
}
.wz-form-leadstrecke_wrapper.wz-form-leadstrecke_wrapper .gform_validation_errors h2,
.wz-form-leadstrecke_wrapper.wz-form-leadstrecke_wrapper .gform_validation_errors li,
.wz-form-leadstrecke_wrapper.wz-form-leadstrecke_wrapper .gform_validation_errors a,
.wz-form-leadstrecke_wrapper.wz-form-leadstrecke_wrapper .gform_validation_errors .gform-icon{
  color: #c0392b !important;
  font-family: var(--wzlg-font) !important;
}
.wz-form-leadstrecke_wrapper.wz-form-leadstrecke_wrapper .gform_validation_errors h2{
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* ------------------------------------------------------------
   8) DANKE-SEITE (Bestätigung)
   ------------------------------------------------------------ */
.gform_confirmation_wrapper.wz-form-leadstrecke.wz-form-leadstrecke .gform_confirmation_message{
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  color: var(--wzlg-white) !important;
  font-family: var(--wzlg-font) !important;
}
.gform_confirmation_wrapper.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-done{ display: flex; flex-direction: column; gap: 18px; }
.gform_confirmation_wrapper.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-done-head{ display: flex; gap: 14px; align-items: center; }
.gform_confirmation_wrapper.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-done-head h2{ font-size: 24px !important; }
.gform_confirmation_wrapper.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-done-icon{
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  border-radius: 26px;
  background: rgba(143,211,196,.2) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2226%22 height=%2226%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%238FD3C4%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 6 9 17l-5-5%22/%3E%3C/svg%3E") no-repeat center / 26px 26px;
  border: 1px solid rgba(143,211,196,.5);
  box-sizing: border-box;
}
.gform_confirmation_wrapper.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-steps3{ display: grid; grid-template-columns: 1fr; gap: 12px; }
.gform_confirmation_wrapper.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-steps3 > div{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  padding: 14px;
  font-size: 14px;
  line-height: 1.45;
  color: var(--wzlg-white);
}
.gform_confirmation_wrapper.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-steps3 b{
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background: var(--wzlg-mint);
  color: var(--wzlg-ink);
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gform_confirmation_wrapper.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-cta,
.gform_confirmation_wrapper.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-cta:visited{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  align-self: stretch;
  background: var(--wzlg-mint);
  color: var(--wzlg-ink) !important;
  font-weight: 800;
  font-size: 15px;
  text-decoration: none !important;
  padding: 15px 26px;
  border-radius: 12px;
}
.gform_confirmation_wrapper.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-cta::after{
  content: "";
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2218%22 height=%2218%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231B2024%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14M13 6l6 6-6 6%22/%3E%3C/svg%3E") no-repeat center / contain;
}
.gform_confirmation_wrapper.wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-cta:hover{ background: #a3dccf; }

/* ------------------------------------------------------------
   9) MOBIL
   ------------------------------------------------------------ */
@media (max-width: 640px){
  .wz-form-leadstrecke_wrapper.wz-form-leadstrecke_wrapper,
  .gform_confirmation_wrapper.wz-form-leadstrecke.wz-form-leadstrecke{ padding: 20px 16px 18px !important; }
  .wz-form-leadstrecke.wz-form-leadstrecke .gform_fields > .gfield.wz-lg-half{ grid-column: 1 / -1 !important; }
  .wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-vorhaben .gfield_checkbox{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-groesse .gfield_radio{ grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
  .wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-zeit .gfield_radio{ grid-template-columns: 1fr !important; }
  .wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-prog div{ font-size: 10.5px; }
}
@media (prefers-reduced-motion: reduce){
  .wz-form-leadstrecke.wz-form-leadstrecke .wz-lg-tiles .gchoice label{ transition: none !important; }
}

/* ============================================================
   10) HERO-SECTION + INTRO (linke Seite, Entwurf Variante D)
   ------------------------------------------------------------
   Kommt als Elementor-Vorlage workzen-leadstrecke-hero-elementor.json
   (Vorlagen > Importieren). Alle Texte sind normale Elementor-Widgets
   (Überschrift, Texteditor, Bewertung, Icon-Box, Symbolliste) und
   können direkt im Editor geändert werden. Das Aussehen hängt an den
   CSS-Klassen, die die Vorlage schon mitbringt:
     wz-lg-hero        äußerer Container (Hintergrund in Elementor LEER)
     wz-lg-intro       linke Spalte
     wz-lg-rate        Zeile Badge + Sterne
     wz-lg-stars-row   Sterne + Bewertungstext
     wz-lg-badge-w     Überschrift-Widget als Badge
     wz-lg-stars-w     Bewertungs-Widget (Sterne)
     wz-lg-ratetext-w  Texteditor "4,9 / 5 ..."
     wz-lg-h1-w        Überschrift H1 (Teil in <span> = mint)
     wz-lg-lead-w      Texteditor Einleitung
     wz-lg-usp         Container der drei USP-Kacheln
     wz-lg-usp-box     je eine Icon-Box
     wz-lg-brands-w    Symbolliste Partner-Marken (1. Punkt = Vorspann)
   Hintergrundbild: Child-Theme /img/wz-leadstrecke-hero-bg.jpg
   ============================================================ */
.wz-lg-hero.wz-lg-hero{
  background:
    linear-gradient(180deg, rgba(16,30,31,.62) 0%, rgba(16,30,31,.38) 45%, rgba(16,30,31,.66) 100%),
    url("../img/wz-leadstrecke-hero-bg.jpg") center top / cover no-repeat,
    #142023 !important;
  color: var(--wzlg-white);
}

/* Spalten-Layout fest im CSS (nicht nur in den Elementor-Einstellungen),
   damit es auch dann nebeneinander bleibt, wenn der Import die
   Container-Einstellungen nicht übernimmt oder jemand sie verstellt.
   Unter ca. 1200px Fensterbreite passen 500 + 56 + 600px nicht mehr
   nebeneinander -> beide Spalten rutschen dann untereinander (wie im
   Entwurf). ".e-con-inner" deckt den Fall "Boxed"-Container ab. */
.wz-lg-hero.wz-lg-hero,
.wz-lg-hero.wz-lg-hero > .e-con-inner{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 56px !important;
}
/* Volle Seitenbreite: Eine seitenweite Regel begrenzt Container auf
   1512px (max-width) und zentriert sie über margin. Für die Hero-
   Section aufheben - die Spalten bleiben über justify-content mittig. */
.wz-lg-hero.wz-lg-hero.e-con,
.wz-lg-hero.wz-lg-hero.elementor-element{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Kanten bündig mit den übrigen Sections (Inhaltsbreite 1512px):
   seitlicher Innenabstand wächst so, dass der Inhalt genau 1512px
   breit ist (mindestens 24px). Ab 1340px Fensterbreite stehen Intro
   und Formular an den Außenkanten (space-between), darunter mittig
   bzw. untereinander. */
.wz-lg-hero.wz-lg-hero{
  padding-left: max(24px, calc((100% - 1512px) / 2)) !important;
  padding-right: max(24px, calc((100% - 1512px) / 2)) !important;
}
@media (min-width: 1340px){
  .wz-lg-hero.wz-lg-hero,
  .wz-lg-hero.wz-lg-hero > .e-con-inner{ justify-content: space-between !important; }
}
/* Intro 620px: genug Platz, damit die Partner-Marken in eine Zeile passen */
.wz-lg-hero .wz-lg-intro.wz-lg-intro{
  flex: 0 1 620px !important;
  width: 620px !important;
  max-width: 100% !important;
}
.wz-lg-hero .wz-lg-formcol.wz-lg-formcol{
  flex: 0 1 600px !important;
  width: 600px !important;
  max-width: 100% !important;
}

/* Linke Spalte */
.wz-lg-intro.wz-lg-intro{
  font-family: var(--wzlg-font);
  color: var(--wzlg-white);
}

/* Zeile Badge + Sterne */
.wz-lg-rate.wz-lg-rate{ row-gap: 10px; }
.wz-lg-rate .wz-lg-stars-row.wz-lg-stars-row{
  width: auto !important;
  flex: 0 1 auto !important;
}
.wz-lg-rate .elementor-widget{ width: auto !important; max-width: 100%; margin: 0 !important; }

.wz-lg-badge-w .elementor-heading-title{
  display: inline-block;
  background: rgba(74,140,122,.85);
  color: var(--wzlg-white) !important;
  font-family: var(--wzlg-font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  padding: 7px 14px;
  border-radius: 10px;
}

.wz-lg-stars-w .elementor-star-rating{
  display: flex;
  gap: 1px;
  font-size: 15px !important;
  line-height: 1 !important;
}
/* Sterne als SVG-Grafik statt Icon-Schrift: Elementor zeichnet sie
   sonst mit Font Awesome als Schriftzeichen. Wird die Schriftdatei
   beim Besucher nicht geladen (Feedback Kunde: leere Kästchen),
   fehlen die Sterne. Die Grafik ist von keiner Schrift abhängig. */
.wz-lg-stars-w .elementor-star-rating i{
  display: inline-block !important;
  width: 15px !important;
  height: 15px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22%23F2B84B%22%3E%3Cpath d=%22M12 2l3 6.9 7.5.6-5.7 4.9 1.8 7.3L12 17.8 5.4 21.7l1.8-7.3L1.5 9.5 9 8.9z%22/%3E%3C/svg%3E") no-repeat center / contain !important;
}
.wz-lg-stars-w .elementor-star-rating i.elementor-star-empty{
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22rgba(255,255,255,0.25)%22%3E%3Cpath d=%22M12 2l3 6.9 7.5.6-5.7 4.9 1.8 7.3L12 17.8 5.4 21.7l1.8-7.3L1.5 9.5 9 8.9z%22/%3E%3C/svg%3E") !important;
}
.wz-lg-stars-w .elementor-star-rating i::before{
  content: none !important;
  display: none !important;
}
.wz-lg-stars-w .elementor-star-rating__wrapper{ margin: 0 !important; }

.wz-lg-ratetext-w p,
.wz-lg-ratetext-w .elementor-widget-container{
  margin: 0 !important;
  font-family: var(--wzlg-font) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: #e1e8ea !important;
}
.wz-lg-ratetext-w strong,
.wz-lg-ratetext-w b{ color: var(--wzlg-white) !important; font-weight: 700 !important; }

/* H1 – Teil zwischen <span> … </span> erscheint in Mint */
.wz-lg-h1-w .elementor-heading-title{
  margin: 0 !important;
  font-family: var(--wzlg-font) !important;
  font-size: clamp(30px, 3.8vw, 48px) !important;
  font-weight: 800 !important;
  font-style: normal !important;
  line-height: 1.06 !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
  color: var(--wzlg-white) !important;
}
.wz-lg-h1-w .elementor-heading-title span{ color: var(--wzlg-mint) !important; }

/* Einleitung */
.wz-lg-lead-w,
.wz-lg-lead-w p{
  margin: 0 !important;
  font-family: var(--wzlg-font) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.6 !important;
  color: #e1e8ea !important;
}
.wz-lg-lead-w p + p{ margin-top: 10px !important; }

/* Drei USP-Kacheln (Glas) */
.wz-lg-usp.wz-lg-usp{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 12px !important;
}
.wz-lg-usp .wz-lg-usp-box{
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 14px !important;
  border-radius: 12px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-sizing: border-box;
}
.wz-lg-usp-box .elementor-icon-box-wrapper{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  text-align: left !important;
}
.wz-lg-usp-box .elementor-icon-box-icon{ margin: 0 !important; line-height: 1 !important; }
.wz-lg-usp-box .elementor-icon{
  font-size: 18px !important;
  color: var(--wzlg-mint) !important;
  fill: var(--wzlg-mint) !important;
}
.wz-lg-usp-box .elementor-icon svg{ width: 18px; height: 18px; }
.wz-lg-usp-box .elementor-icon-box-title,
.wz-lg-usp-box .elementor-icon-box-title *{
  margin: 0 !important;
  font-family: var(--wzlg-font) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: #e6ecee !important;
}
.wz-lg-usp-box .elementor-icon-box-description{ display: none; }

/* Partner-Marken (Symbolliste "inline", 1. Eintrag = Vorspann) */
.wz-lg-brands-w .elementor-icon-list-items{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.wz-lg-brands-w .elementor-icon-list-item{
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}
@media (min-width: 1340px){
  .wz-lg-hero .wz-lg-brands-w .elementor-icon-list-items{ flex-wrap: nowrap !important; gap: 10px 18px !important; }
}
.wz-lg-brands-w .elementor-icon-list-item::after{ display: none !important; }
.wz-lg-brands-w .elementor-icon-list-icon{ display: none !important; }
.wz-lg-brands-w .elementor-icon-list-text{
  padding: 0 !important;
  font-family: var(--wzlg-font) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  color: rgba(255,255,255,.75) !important;
}
.wz-lg-brands-w .elementor-icon-list-item:first-child .elementor-icon-list-text{
  font-weight: 500 !important;
  letter-spacing: .04em !important;
  color: rgba(255,255,255,.6) !important;
}

@media (max-width: 640px){
  .wz-lg-usp.wz-lg-usp{ grid-template-columns: 1fr !important; }
}


/* ============================================================
   11) STARTSEITE: HERO + KURZFORMULAR "GLAS-LEISTE"
       (Entwurf Header-Formular, Vorschlag 3)
   ------------------------------------------------------------
   Gleiche Gestaltungsfamilie wie die Leadstrecke, darum hier im
   selben Modul und mit denselben --wzlg-Variablen. Die Texte-Widgets
   (Badge, Sterne, H1, Einleitung, Marken) nutzen die Klassen aus
   Abschnitt 10; hier stehen nur die Abweichungen für die Startseite.
   Elementor-Vorlage: workzen-startseite-hero-elementor.json
     wz-hg-hero       äußerer Container (Hintergrund in Elementor LEER)
     wz-hg-content    Inhaltsspalte (max. 1328px)
     wz-hg-card       Glas-Leiste um Kopfzeile + Formular
     wz-hg-card-head  Kopfzeile der Leiste
     wz-hg-title-w    "In 30 Sekunden zum Angebot"
     wz-hg-pill-w     "NUR 3 ANGABEN"
     wz-hg-ticks-w    Symbolliste mit den drei Haken
   Formular: Gravity Forms 14 (Homepage-Mini), Custom CSS Class
     wz-form-homeglas  (ersetzt wz-form-homemini)
   Feld-IDs und Monday-Anbindung bleiben unverändert.
   ============================================================ */
.wz-hg-hero.wz-hg-hero{
  background:
    linear-gradient(rgba(16,30,31,.35), rgba(16,30,31,.35)),
    url("../img/wz-leadstrecke-hero-bg.jpg") center top / cover no-repeat,
    #1d2b2e !important;
  color: var(--wzlg-white);
  min-height: min(772px, calc(100vh - 88px));
  justify-content: center !important;
}
.wz-hg-hero.wz-hg-hero.e-con,
.wz-hg-hero.wz-hg-hero.elementor-element{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.wz-hg-hero .wz-hg-content.wz-hg-content{
  width: 100% !important;
  max-width: 1328px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-family: var(--wzlg-font);
  color: var(--wzlg-white);
}

/* Zeilen-Layouts fest im CSS, falls der Vorlagen-Import die
   Container-Richtung nicht übernimmt (wie bei der Leadstrecke) */
.wz-hg-hero .wz-lg-rate.wz-lg-rate,
.wz-hg-hero .wz-lg-stars-row.wz-lg-stars-row{
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}
.wz-hg-hero .wz-lg-stars-row.wz-lg-stars-row{ flex-wrap: nowrap !important; gap: 8px !important; }
.wz-hg-card .wz-hg-card-title.wz-hg-card-title{
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 14px !important;
}
.wz-hg-card .wz-hg-card-title > .elementor-widget{ width: auto !important; margin: 0 !important; }

/* Abweichungen der Text-Widgets gegenüber der Leadstrecke */
.wz-hg-hero .wz-lg-rate.wz-lg-rate{ gap: 10px 16px !important; }
.wz-hg-hero .wz-lg-badge-w .elementor-heading-title{
  font-size: 14px !important;
  padding: 8px 16px;
}
.wz-hg-hero .wz-lg-h1-w .elementor-heading-title{
  font-size: clamp(36px, 4.6vw, 66px) !important;
}
.wz-hg-hero .wz-lg-lead-w,
.wz-hg-hero .wz-lg-lead-w p{
  font-size: 19px !important;
  max-width: 620px;
}
.wz-hg-hero .wz-lg-brands-w .elementor-icon-list-items{ gap: 10px 30px !important; }

/* Glas-Leiste */
.wz-hg-hero .wz-hg-card.wz-hg-card{
  margin-top: 14px;
  padding: 26px 28px 22px !important;
  background: rgba(36,82,79,.88) !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  border: 1px solid var(--wzlg-glass-border) !important;
  border-radius: 22px !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.45) !important;
  box-sizing: border-box;
}
.wz-hg-card .wz-hg-card-head.wz-hg-card-head{
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px 24px !important;
}
.wz-hg-card .wz-hg-card-head > .e-con,
.wz-hg-card .wz-hg-card-head > .elementor-widget{ width: auto !important; flex: 0 1 auto !important; }
.wz-hg-title-w .elementor-heading-title{
  margin: 0 !important;
  font-family: var(--wzlg-font) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  font-style: normal !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--wzlg-white) !important;
}
.wz-hg-pill-w .elementor-heading-title{
  display: inline-block;
  margin: 0 !important;
  font-family: var(--wzlg-font) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--wzlg-ink) !important;
  background: var(--wzlg-mint);
  padding: 5px 10px;
  border-radius: 999px;
}
.wz-hg-ticks-w .elementor-icon-list-items{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.wz-hg-ticks-w .elementor-icon-list-item{ margin: 0 !important; padding: 0 !important; align-items: center !important; }
.wz-hg-ticks-w .elementor-icon-list-item::after{ display: none !important; }
.wz-hg-ticks-w .elementor-icon-list-icon{ display: inline-flex !important; margin-right: 7px !important; }
.wz-hg-ticks-w .elementor-icon-list-icon i{ font-size: 14px !important; color: var(--wzlg-mint) !important; }
.wz-hg-ticks-w .elementor-icon-list-icon svg{ width: 14px !important; height: 14px !important; fill: var(--wzlg-mint) !important; }
.wz-hg-ticks-w .elementor-icon-list-text{
  padding: 0 !important;
  font-family: var(--wzlg-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--wzlg-white) !important;
}

/* ---------- Formular 14 in der Glas-Leiste ---------- */
.wz-form-homeglas_wrapper.wz-form-homeglas_wrapper{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.wz-form-homeglas_wrapper.wz-form-homeglas_wrapper .gform_heading{ display: none !important; }

/* Raster: Bürogröße | PLZ | E-Mail | Button, darunter Datenschutz.
   .gform_body/.gform_fields werden aufgelöst, damit Felder und Footer
   direkte Raster-Kinder des <form> sind (Raster NUR hier).
   Reihenfolge per "order" - im Formular-Editor muss nichts
   umsortiert werden. */
.wz-form-homeglas.wz-form-homeglas{
  display: grid !important;
  grid-template-columns: 1.2fr .8fr 1.3fr auto !important;
  gap: 14px !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 0 !important;
}
.wz-form-homeglas.wz-form-homeglas .gform_body,
.wz-form-homeglas.wz-form-homeglas .gform-body,
.wz-form-homeglas.wz-form-homeglas .gform_fields{ display: contents !important; }
.wz-form-homeglas.wz-form-homeglas .gfield{
  grid-column: 1 / -1;
  order: 6;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  border: 0 !important;
}
.wz-form-homeglas.wz-form-homeglas .gfield--type-select,
.wz-form-homeglas.wz-form-homeglas .wz-homemini-groesse{ grid-column: auto !important; order: 1 !important; }
.wz-form-homeglas.wz-form-homeglas .gfield--type-text,
.wz-form-homeglas.wz-form-homeglas .wz-homemini-plz{ grid-column: auto !important; order: 2 !important; }
.wz-form-homeglas.wz-form-homeglas .gfield--type-email,
.wz-form-homeglas.wz-form-homeglas .wz-homemini-email{ grid-column: auto !important; order: 3 !important; }
.wz-form-homeglas.wz-form-homeglas .gform_footer{
  order: 4 !important;
  grid-column: auto !important;
  margin: 0 !important;
  /* Button bündig mit den Feldern: Label-Höhe (17px) + Abstand (7px) */
  padding: 24px 0 0 !important;
  border: 0 !important;
}
.wz-form-homeglas.wz-form-homeglas .gfield--type-consent{ order: 5 !important; grid-column: 1 / -1 !important; }
.wz-form-homeglas.wz-form-homeglas .gfield--type-honeypot,
.wz-form-homeglas.wz-form-homeglas .gform_validation_container,
.wz-form-homeglas.wz-form-homeglas .gfield--type-hidden{ display: none !important; }

/* Labels über den Feldern */
.wz-form-homeglas.wz-form-homeglas .gfield_label{
  display: block !important;
  margin: 0 0 7px !important;
  padding: 0 !important;
  font-family: var(--wzlg-font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 17px !important;
  color: var(--wzlg-label) !important;
}
.wz-form-homeglas.wz-form-homeglas .gfield--type-consent legend.gfield_label{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

/* Eingabefelder mit Icon links */
.wz-form-homeglas.wz-form-homeglas .gfield input[type="text"],
.wz-form-homeglas.wz-form-homeglas .gfield input[type="email"],
.wz-form-homeglas.wz-form-homeglas .gfield select{
  width: 100% !important;
  height: 56px !important;
  margin: 0 !important;
  padding: 0 14px 0 44px !important;
  box-sizing: border-box !important;
  background-color: var(--wzlg-tile-bg) !important;
  background-repeat: no-repeat !important;
  background-position: left 14px center !important;
  background-size: 20px 20px !important;
  border: 1.5px solid var(--wzlg-input-border) !important;
  border-radius: var(--wzlg-radius) !important;
  color: var(--wzlg-white) !important;
  font-family: var(--wzlg-font) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  box-shadow: none !important;
}
.wz-form-homeglas.wz-form-homeglas .gfield--type-text input[type="text"]{ background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%238FD3C4%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 22s7-6.3 7-12a7 7 0 0 0-14 0c0 5.7 7 12 7 12zM12 12.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z%22/%3E%3C/svg%3E") !important; }
.wz-form-homeglas.wz-form-homeglas .gfield input[type="email"]{ background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%238FD3C4%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 5h18v14H3zM3 7l9 6 9-6%22/%3E%3C/svg%3E") !important; }
.wz-form-homeglas.wz-form-homeglas .gfield select{
  /* Text vertikal mittig: Bei appearance:none richtet sich der Text
     im <select> nach dem Innenabstand, nicht nach der Höhe. Darum
     feste Werte, die zusammen genau 56px ergeben:
     2 x 1,5px Rand + 2 x 16px Innenabstand + 21px Zeilenhöhe.
     padding-block mit, falls Orbital logische Eigenschaften setzt. */
  padding: 16px 44px 16px 44px !important;
  padding-block: 16px !important;
  line-height: 21px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  padding-right: 44px !important;
  cursor: pointer !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%238FD3C4%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM22 21v-2a4 4 0 0 0-3-3.9M16 3.1a4 4 0 0 1 0 7.8%22/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%238FD3C4%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 9l6 6 6-6%22/%3E%3C/svg%3E") !important;
  background-position: left 14px center, right 14px center !important;
  background-size: 20px 20px, 20px 20px !important;
}
.wz-form-homeglas.wz-form-homeglas .gfield select option{ color: #252525; background: #ffffff; }
.wz-form-homeglas.wz-form-homeglas .chosen-container{ display: none !important; }
.wz-form-homeglas.wz-form-homeglas .gfield input::placeholder{ color: #8a969b !important; opacity: 1 !important; }
.wz-form-homeglas.wz-form-homeglas .gfield input[type="text"]:focus,
.wz-form-homeglas.wz-form-homeglas .gfield input[type="email"]:focus,
.wz-form-homeglas.wz-form-homeglas .gfield select:focus{
  outline: 2px solid var(--wzlg-mint) !important;
  outline-offset: 1px !important;
  border-color: var(--wzlg-input-border) !important;
  box-shadow: none !important;
}

/* Button "Angebot anfordern ->" (input oder button). Bei <input> geht
   kein ::after, daher Pfeil als Hintergrundbild rechts; die Breite
   passt sich dem Text an, Text + Pfeil wirken so mittig. */
.wz-form-homeglas.wz-form-homeglas .gform_footer input[type="submit"],
.wz-form-homeglas.wz-form-homeglas .gform_footer button[type="submit"],
.wz-form-homeglas.wz-form-homeglas .gform_footer .gform_button.gform_button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 56px !important;
  margin: 0 !important;
  padding: 0 54px 0 26px !important;
  background: var(--wzlg-mint) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2218%22 height=%2218%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231B2024%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14M13 6l6 6-6 6%22/%3E%3C/svg%3E") no-repeat right 26px center / 18px 18px !important;
  color: var(--wzlg-ink) !important;
  border: 0 !important;
  border-radius: var(--wzlg-radius) !important;
  font-family: var(--wzlg-font) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transform: none !important;
}
.wz-form-homeglas.wz-form-homeglas .gform_footer input[type="submit"]:hover,
.wz-form-homeglas.wz-form-homeglas .gform_footer button[type="submit"]:hover,
.wz-form-homeglas.wz-form-homeglas .gform_footer .gform_button.gform_button:hover{
  background-color: #a3dccf !important;
  color: var(--wzlg-ink) !important;
}
.wz-form-homeglas.wz-form-homeglas .gform_footer .gform_ajax_spinner{ display: none !important; }

/* Datenschutz-Zeile (Pflicht-Haken) statt der reinen Hinweiszeile */
.wz-form-homeglas.wz-form-homeglas .gfield--type-consent .ginput_container_consent{
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 0 !important;
}
.wz-form-homeglas.wz-form-homeglas .gfield--type-consent input[type="checkbox"]{
  -webkit-appearance: checkbox !important;
  appearance: auto !important;
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  margin: 1px 0 0 !important;
  accent-color: var(--wzlg-mint);
  cursor: pointer !important;
}
.wz-form-homeglas.wz-form-homeglas .gfield--type-consent .gfield_consent_label,
.wz-form-homeglas.wz-form-homeglas .gfield--type-consent .gfield_consent_label .gform-field-label__text{
  font-family: var(--wzlg-font) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: var(--wzlg-soft) !important;
  margin: 0 !important;
  max-width: none !important;
}
.wz-form-homeglas.wz-form-homeglas .gfield--type-consent a{ color: var(--wzlg-white) !important; text-decoration: underline !important; }
.wz-form-homeglas.wz-form-homeglas .gfield--type-consent .gfield_consent_description{ display: none !important; }

/* Fehlerzustand */
.wz-form-homeglas.wz-form-homeglas .gfield_error input[type="text"],
.wz-form-homeglas.wz-form-homeglas .gfield_error input[type="email"],
.wz-form-homeglas.wz-form-homeglas .gfield_error select{
  background-color: var(--wzlg-tile-bg) !important;
  border-color: var(--wzlg-error) !important;
  color: var(--wzlg-white) !important;
}
.wz-form-homeglas.wz-form-homeglas .gfield_validation_message,
.wz-form-homeglas.wz-form-homeglas .validation_message{
  color: var(--wzlg-error) !important;
  font-size: 12px !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}
.wz-form-homeglas_wrapper.wz-form-homeglas_wrapper .gform_validation_errors{
  background: #fdf3f2 !important;
  border: 1px solid #c0392b !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  padding: 12px 16px !important;
  margin: 0 0 14px !important;
}
.wz-form-homeglas_wrapper.wz-form-homeglas_wrapper .gform_validation_errors h2,
.wz-form-homeglas_wrapper.wz-form-homeglas_wrapper .gform_validation_errors .gform-icon{
  color: #c0392b !important;
  font-family: var(--wzlg-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

/* Danke-Meldung direkt in der Leiste */
.gform_confirmation_wrapper.wz-form-homeglas .gform_confirmation_message{
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  font-family: var(--wzlg-font) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  color: var(--wzlg-white) !important;
}

@media (max-width: 1024px){
  .wz-form-homeglas.wz-form-homeglas{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .wz-form-homeglas.wz-form-homeglas .gfield--type-email,
  .wz-form-homeglas.wz-form-homeglas .wz-homemini-email,
  .wz-form-homeglas.wz-form-homeglas .gform_footer{ grid-column: 1 / -1 !important; }
  .wz-form-homeglas.wz-form-homeglas .gform_footer{ padding-top: 0 !important; }
  .wz-form-homeglas.wz-form-homeglas .gform_footer input[type="submit"],
  .wz-form-homeglas.wz-form-homeglas .gform_footer button[type="submit"],
  .wz-form-homeglas.wz-form-homeglas .gform_footer .gform_button.gform_button{ width: 100% !important; }
}
@media (max-width: 640px){
  .wz-hg-hero .wz-hg-card.wz-hg-card{ padding: 20px 16px 18px !important; }
  .wz-form-homeglas.wz-form-homeglas{ grid-template-columns: 1fr !important; }
}

/* ============================================================
   12) TRUST-ZEILE (aus /inc/workzen-gf-trust.php)
   ============================================================ */
/* Leadstrecke: letzte Seite, unter Zurück + Absenden, mittig.
   Der Seiten-Footer steht oben in Abschnitt 6 auf "nowrap" (Zurück +
   Weiter in einer Reihe) und hat Vorrang vor der globalen Umbruch-
   Regel - darum hier mit höherer Spezifität wieder umbrechen lassen.
   Zurück + Absenden passen weiter in Reihe 1, die Zeile rutscht in
   Reihe 2. */
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer:has(.wz-trust-line){
  flex-wrap: wrap !important;
  row-gap: 12px !important;
}
.wz-form-leadstrecke.wz-form-leadstrecke .gform_page_footer .wz-trust-line{
  margin: 0 !important;
  text-align: center !important;
  color: var(--wzlg-soft) !important;
  font-family: var(--wzlg-font) !important;
}

/* Startseite (Glas-Leiste): Button steht im Raster neben den Feldern.
   Footer aufgelöst -> Button ist selbst Raster-Kind (Position 4),
   Trust-Zeile volle Breite ganz unten (nach dem Datenschutz-Haken). */
.wz-form-homeglas.wz-form-homeglas .gform_footer:has(.wz-trust-line){ display: contents !important; }
.wz-form-homeglas.wz-form-homeglas .gform_footer:has(.wz-trust-line) input[type="submit"],
.wz-form-homeglas.wz-form-homeglas .gform_footer:has(.wz-trust-line) button[type="submit"],
.wz-form-homeglas.wz-form-homeglas .gform_footer:has(.wz-trust-line) .gform_button.gform_button{
  order: 4 !important;
  grid-column: auto !important;
  justify-self: start !important;
  /* Ersatz für den Footer-Abstand: Label-Höhe 17px + 7px */
  margin-top: 24px !important;
}
.wz-form-homeglas.wz-form-homeglas .wz-trust-line{
  order: 7 !important;
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  color: var(--wzlg-soft) !important;
  font-family: var(--wzlg-font) !important;
}
@media (max-width: 1024px){
  .wz-form-homeglas.wz-form-homeglas .gform_footer:has(.wz-trust-line) input[type="submit"],
  .wz-form-homeglas.wz-form-homeglas .gform_footer:has(.wz-trust-line) button[type="submit"],
  .wz-form-homeglas.wz-form-homeglas .gform_footer:has(.wz-trust-line) .gform_button.gform_button{
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    margin-top: 0 !important;
  }
}