/* ===================== KILL-SWITCH (REAKTIVIERT / 2026-06-11) =====================
   Popup wieder AKTIV. CSS-Kill-Regel entfernt. (Zum erneuten Deaktivieren hier wieder
   eine ags-popup display-none-important Regel einfuegen UND im Script AGS_KILL=true setzen.) */
/* ============================================================================== */
#ags-popup{
  --ags-red:#C60D0D; --ags-red-dark:#a50b0b; --ags-ink:#140D09; --ags-grey:#65656A;
  --ags-line:#EAEAEA; --ags-soft:#f6f6f7; --ags-bg:#ffffff;
  font-family:Barlow,system-ui,-apple-system,sans-serif;
  color:var(--ags-ink); display:flex; flex-direction:column; position:relative;
  max-height:88dvh; padding:24px; box-sizing:border-box;
}
#ags-popup *{box-sizing:border-box}
/* Elementors eigenen Close-Button ausblenden — wir rendern einen eigenen Header-Close (nur Popup 1264) */
#elementor-popup-modal-1264 .dialog-close-button{display:none!important}

/* Kopf: Zurück (links) · Titel (zentriert) · Schließen (rechts) — Icons gleich groß, auf einer Linie */
.ags-top{position:relative;display:flex;align-items:center;min-height:24px}
.ags-icon{appearance:none;border:0!important;background:none!important;padding:0!important;margin:0!important;
  width:24px!important;height:24px!important;min-width:0!important;min-height:0!important;flex:none;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ags-ink)!important;
  transition:color .15s;line-height:0;box-shadow:none!important;border-radius:0!important}
#ags-popup .ags-icon:hover{color:var(--ags-red)!important;background:none!important}
/* Kein Fokus-Kasten am Close/Back-Icon (Elementor auto-fokussiert beim Öffnen) — Hover/aktiv weiterhin rot */
#ags-popup .ags-icon:focus,#ags-popup .ags-icon:focus-visible{outline:none!important;box-shadow:none!important}
.ags-icon svg{width:22px!important;height:22px!important;display:block;flex:none;fill:none!important;stroke:currentColor!important}
.ags-back[hidden]{display:none}
.ags-close{position:absolute;top:24px;right:24px;z-index:4}
.ags-title{position:absolute;left:0;right:0;text-align:center;font-size:15px;font-weight:700;
  letter-spacing:.3px;color:var(--ags-ink);pointer-events:none;white-space:nowrap}
.ags-bar{height:3px;background:var(--ags-soft);margin:16px 0 22px;overflow:hidden}
.ags-bar>i{display:block;height:100%;width:0;background:var(--ags-red);transition:width .25s ease}
.ags-top + .ags-body{margin-top:18px}

.ags-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.ags-h{font-size:26px;font-weight:700;line-height:1.2;margin:0 0 6px;color:var(--ags-ink);padding-right:30px}
.ags-sub{font-size:14px;color:var(--ags-grey);margin:0 0 20px;line-height:1.5}

/* Auswahl-Optionen — Checkbox-Kacheln, 2 Spalten · nur die Box füllt sich rot, Text bleibt dunkel */
.ags-pills{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
#ags-popup .ags-pill{appearance:none;display:flex;align-items:flex-start;gap:12px;text-align:left;
  border:1.5px solid var(--ags-line)!important;background:#fff!important;color:var(--ags-ink)!important;
  padding:14px 16px;border-radius:0!important;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;
  line-height:1.3;transition:.15s;box-shadow:none!important;
  white-space:normal!important;max-width:100%;min-height:54px} /* Theme setzt nowrap → lange Labels brechen sonst über den Rand */
#ags-popup .ags-pill:hover{border-color:var(--ags-red)!important;color:var(--ags-ink)!important}
#ags-popup .ags-pill[aria-pressed="true"]{background:#fff!important;border-color:var(--ags-red)!important;color:var(--ags-ink)!important;box-shadow:none!important}
/* Häkchen-Box: Kästchen bei Mehrfach-, Kreis bei Einfachauswahl */
#ags-popup .ags-pill .ags-ind{flex:none;width:22px;height:22px;border:1.5px solid var(--ags-grey);background:#fff;color:#fff;
  display:flex;align-items:center;justify-content:center;transition:.15s}
.ags-pills--single .ags-pill .ags-ind{border-radius:999px}
#ags-popup .ags-pill[aria-pressed="true"] .ags-ind{background:var(--ags-red)!important;border-color:var(--ags-red)!important}
#ags-popup .ags-pill .ags-ind svg{width:14px;height:14px;opacity:0;transition:.1s;fill:none!important}
/* Theme setzt fill auf SVG-Pfade → Haken würde als gefülltes Dreieck erscheinen; hart auf Konturlinie zwingen */
#ags-popup .ags-pill .ags-ind svg path{fill:none!important;stroke:#fff!important}
#ags-popup .ags-pill[aria-pressed="true"] .ags-ind svg{opacity:1}
.ags-pill .ags-lbl{flex:1;line-height:1.3}

/* Karten — Primär (rot, prominent) teilen sich eine Reihe · Sekundär (Karriere) volle Breite, dezent */
.ags-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:4px}
#ags-popup .ags-card{border:1.5px solid var(--ags-red)!important;background:var(--ags-red)!important;color:#fff!important;
  padding:26px 22px;cursor:pointer;text-align:left;transition:.15s;display:flex;flex-direction:column;justify-content:center;min-height:122px;box-shadow:none!important}
#ags-popup .ags-card:hover{background:#fff!important;color:var(--ags-red)!important;border-color:var(--ags-red)!important}
.ags-card h3{margin:0 0 7px;font-size:19px;font-weight:700;letter-spacing:.2px;color:inherit}
.ags-card p{margin:0;font-size:13px;line-height:1.45;color:inherit;opacity:.88}
/* Sekundärkarte (Karriere): volle Breite, niedrig, schmiegt sich an */
#ags-popup .ags-card-sec{grid-column:1 / -1;background:#fff!important;color:var(--ags-ink)!important;border:1.5px solid var(--ags-line)!important;
  padding:15px 22px;min-height:0;flex-direction:row;align-items:center;gap:10px}
#ags-popup .ags-card-sec:hover{background:#fff!important;color:var(--ags-ink)!important;border-color:var(--ags-red)!important}
.ags-card-sec h3{margin:0;font-size:16px;color:var(--ags-ink)}
.ags-card-sec p{color:var(--ags-grey);opacity:1}

/* Eingabefelder — clean, ohne Label, nur Platzhalter */
.ags-field{margin-bottom:12px}
.ags-fields{margin-top:14px}
#ags-popup .ags-field input:not([type="checkbox"]),#ags-popup .ags-field textarea{width:100%;font-family:inherit;font-size:16px!important;
  padding:11px 14px!important;border:1px solid var(--ags-line)!important;background:#fff!important;color:var(--ags-ink)!important;
  transition:.15s;line-height:1.4;border-radius:0!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important}
#ags-popup .ags-field input::placeholder,#ags-popup .ags-field textarea::placeholder{color:var(--ags-grey);opacity:1;font-weight:400}
#ags-popup .ags-field input:focus,#ags-popup .ags-field textarea:focus{outline:none;border-color:var(--ags-red)!important}
.ags-field textarea{min-height:84px;resize:vertical}
.ags-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
/* Uhrzeit von/bis: bleibt auch mobil zweispaltig (schmale Zeitfelder) */
.ags-times{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
/* PLZ | Ort: 50/50, bleibt auch mobil nebeneinander (Formular soll nicht in die Höhe wachsen) */
.ags-row2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.ags-sublabel{font-size:13px;color:var(--ags-grey);margin:2px 0 6px}
/* Bedingte Felder (hidden-Attribut) — Theme darf das nicht per display überstimmen */
#ags-popup [hidden]{display:none!important}
/* Ja/Nein-Frage: zwei kompakte Einfachauswahl-Pillen nebeneinander (auch mobil) */
.ags-pills.ags-yesno{grid-template-columns:1fr 1fr;margin-top:0}
#ags-popup .ags-yesno .ags-pill{min-height:0;padding:11px 14px;align-items:center}
.ags-err{color:var(--ags-red);font-size:12px;margin-top:4px;min-height:14px;line-height:1.3}
/* DSGVO-Zeile: gleiche Größe/Farbe wie die Trust-Badges (12px, grau, normal) */
#ags-popup .ags-check{display:flex;gap:10px;align-items:flex-start;font-size:12px!important;color:var(--ags-grey)!important;font-weight:400!important;line-height:1.5;cursor:pointer;margin-top:8px}
#ags-popup .ags-check input{width:18px!important;height:18px!important;margin-top:0;flex:none!important;accent-color:var(--ags-red)}
#ags-popup .ags-check a{color:var(--ags-red)!important}
/* Inline-Checkbox „Laufender Einsatz": ganz normaler Text (nicht fett/dick) */
#ags-popup .ags-check-inline{display:flex;gap:8px;align-items:center;font-size:13px!important;color:var(--ags-grey)!important;font-weight:400!important;margin-top:10px;cursor:pointer}
#ags-popup .ags-check-inline input{width:16px!important;height:16px!important;flex:none!important;accent-color:var(--ags-red)}
#ags-popup .ags-check-inline span{position:relative;top:-1px;font-weight:400!important}
input.ags-dp[disabled]{background:var(--ags-soft)!important;color:var(--ags-grey)!important;cursor:not-allowed}
/* Flatpickr ans Design-System (Kalender liegt AUSSERHALB #ags-popup -> feste Hex-Werte statt var()!) */
.flatpickr-calendar{font-family:Barlow,system-ui,sans-serif!important;border-radius:0!important;box-shadow:0 12px 40px rgba(20,13,9,.16)!important}
.flatpickr-day{border-radius:0!important;color:#140D09}
.flatpickr-day:hover,.flatpickr-day:focus{background:#f6f6f7!important;border-color:#f6f6f7!important}
.flatpickr-day.today{border-color:#C60D0D!important}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,
.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover{
  background:#C60D0D!important;border-color:#C60D0D!important;color:#fff!important;box-shadow:none!important}
.flatpickr-day.inRange{background:#fbe3e3!important;border-color:#fbe3e3!important;color:#140D09!important;box-shadow:none!important}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay{color:#cfcfcf!important}
.flatpickr-current-month,.flatpickr-current-month input.cur-year,.flatpickr-weekday,.flatpickr-monthDropdown-months{color:#140D09!important}
.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{fill:#140D09!important}
.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#C60D0D!important}
/* Header: Monat (Dropdown) + Jahr flex-zentriert ohne Überlappung; Spinner-Pfeile weg; Jahr nicht abgeschnitten */
.numInputWrapper span.arrowUp,.numInputWrapper span.arrowDown{display:none!important}
.flatpickr-months .flatpickr-month{overflow:visible!important;height:auto!important;text-align:center}
.flatpickr-current-month{position:relative!important;left:auto!important;width:auto!important;max-width:none!important;display:inline-flex!important;align-items:center;gap:4px;padding:6px 0 2px!important;height:auto!important;font-weight:600!important}
.flatpickr-current-month .flatpickr-monthDropdown-months{margin:0!important;padding:0 2px!important;font-weight:600!important;font-size:15px!important;width:auto!important;background:transparent!important;border:0!important}
.flatpickr-current-month .numInputWrapper{position:static!important;width:auto!important;display:inline-block}
.flatpickr-current-month input.cur-year{font-size:15px!important;font-weight:600!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;width:48px!important;appearance:textfield!important;-moz-appearance:textfield!important}
.flatpickr-current-month input.cur-year::-webkit-inner-spin-button,.flatpickr-current-month input.cur-year::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0;display:none}
.flatpickr-calendar{padding-bottom:6px!important}

/* Fußzeile / Buttons — kein Trennstrich · immer Rot (kein Theme-Orange) · Hover invertiert */
.ags-foot{display:flex;align-items:center;gap:12px;padding-top:18px;margin-top:8px}
.ags-meta{font-size:12px;color:var(--ags-grey)}
#ags-popup .ags-btn{appearance:none;border:1.5px solid var(--ags-red)!important;background:var(--ags-red)!important;color:#fff!important;font-family:inherit;font-size:14px;
  font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:14px 28px;cursor:pointer;margin-left:auto;transition:.15s;border-radius:0!important;box-shadow:none!important}
#ags-popup .ags-btn:hover:not(:disabled){background:#fff!important;color:var(--ags-red)!important}
#ags-popup .ags-btn:disabled{background:var(--ags-line)!important;border-color:var(--ags-line)!important;color:#a7a7ac!important;cursor:not-allowed}
.ags-btn-ghost{appearance:none;border:1.5px solid var(--ags-line)!important;background:#fff!important;color:var(--ags-ink)!important;
  font-family:inherit;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:13px 24px;cursor:pointer;border-radius:0!important}
#ags-popup .ags-btn-ghost:hover{border-color:var(--ags-red)!important;color:var(--ags-red)!important}

/* Vertrauens-Microcopy */
.ags-trust{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--ags-grey);margin:0 0 18px}
.ags-trust span{display:inline-flex;align-items:center;gap:6px}
.ags-trust b{color:var(--ags-red)}

/* Resume */
.ags-resume{border:1px solid var(--ags-line);background:var(--ags-soft);padding:12px 14px;margin:0 0 16px;
  font-size:13px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ags-resume .sp{margin-left:auto;display:flex;gap:8px}
.ags-resume button{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:8px 13px;
  border:1px solid var(--ags-line);background:#fff;cursor:pointer}
.ags-resume button.primary{background:var(--ags-red);color:#fff;border-color:var(--ags-red)}

/* Zusammenfassung / Status */
.ags-summary{font-size:14px}
.ags-summary table{width:100%;border-collapse:collapse;font-size:13px;margin-top:6px}
.ags-summary td{border-bottom:1px solid var(--ags-soft);padding:8px 6px;vertical-align:top}
.ags-summary td:first-child{color:var(--ags-grey);width:42%;text-transform:uppercase;font-size:11px;letter-spacing:.5px;font-weight:700}
.ags-status{text-align:center;padding:30px 10px}
.ags-status .ic{width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-size:32px;margin-bottom:16px}
.ags-status.ok .ic{background:#e8f6ec;color:#1a7f37}
.ags-status.err .ic{background:#fbe3e3;color:var(--ags-red)}
.ags-status h3{font-size:22px;margin:0 0 8px}
.ags-status p{color:var(--ags-grey);margin:0 auto 18px;max-width:420px;line-height:1.5}

/* Transport-Formular (Elementor) — unsichtbar, dient nur dem Versand */
.ags-transport{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important;margin:-1px!important;padding:0!important;border:0!important}

@media (max-width:600px){
  #ags-popup{padding:16px}
  /* Elementors .dialog-message bringt 24px Eigen-Padding mit → auf Mobil weg (sonst 40px Rand pro Seite) */
  #elementor-popup-modal-1264 .dialog-message{padding:0!important}
  .ags-close{top:16px;right:16px}
  .ags-h{font-size:22px}
  .ags-grid2{grid-template-columns:1fr}
  .ags-cards{grid-template-columns:1fr}
  .ags-pills{grid-template-columns:1fr}
  #ags-popup .ags-pill{padding:12px 14px;font-size:14px}
  .ags-bar{margin:14px 0 16px}
  .ags-top + .ags-body{margin-top:12px}
}
/* Independent modal shell, matching popup 1264's published dimensions. */
#elementor-popup-modal-1264{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;pointer-events:auto;overflow:auto}
#elementor-popup-modal-1264[hidden]{display:none!important}
#elementor-popup-modal-1264 .dialog-widget-content{background:#fff;box-shadow:2px 8px 23px 3px rgba(0,0,0,.2);margin:0;max-width:100%;max-height:100dvh;overflow:auto}
#elementor-popup-modal-1264 .dialog-message{box-sizing:border-box;width:800px;max-width:100vw;height:auto;padding:24px}
#elementor-popup-modal-1264 .ags-modal-inner{width:100%;min-width:0}
#elementor-popup-modal-1264 #ags-popup{width:100%;line-height:1.5;max-height:min(88dvh,calc(100dvh - 48px))}
#elementor-popup-modal-1264 .ags-h:focus{outline:none}
#ags-popup .ags-card:focus-visible,#ags-popup .ags-pill:focus-visible,#ags-popup .ags-icon:focus-visible{outline:2px solid #C60D0D!important;outline-offset:3px}
.flatpickr-calendar{z-index:100001!important}
.flatpickr-calendar:not(.open){display:none!important}
@media(max-width:600px){#elementor-popup-modal-1264 #ags-popup{max-height:88dvh}}
.elementor-form .e-form__step[hidden],.elementor-form [data-form-step-hidden]{display:none!important}

