/* Kontakt und Vergleichsangebot wie webwacker.de/kontakt/ (inc/einmal-kontakt-neu.php, #159).
   Formular in nummerierten Schritten mit Auswahl-Chips (WPForms), rechts Karten. Lädt nur auf /kontakt/ und /vergleichsangebot/.
   Farben: Dunkelblau #15314F für Text und Auswahl, Gelb #FBE12E nur als Fläche (nie als Textfarbe auf Hell). */

/* Spalten */
@media (min-width:1025px){
  .diloh-kontakt-spalten>.e-con-inner>.diloh-kontakt-formkarte,.diloh-kontakt-spalten>.diloh-kontakt-formkarte{flex:1 1 0;min-width:0}
  .diloh-kontakt-spalten>.e-con-inner>.diloh-kontakt-seite,.diloh-kontakt-spalten>.diloh-kontakt-seite{flex:0 0 34%;width:34%}
}
@media (max-width:1024px){.diloh-kontakt-spalten>.e-con-inner>*,.diloh-kontakt-spalten>*{width:100%!important;flex-basis:100%!important}}
.diloh-kontakt-formkarte,.diloh-kontakt-karte{background:#fff;border:1px solid #e3e7ec;border-radius:16px;box-shadow:0 2px 4px rgba(21,49,79,.05),0 12px 32px rgba(21,49,79,.08)}
.diloh-kontakt-tag{display:inline-block;padding:2px 6px;background:#FBE12E;color:#15314F;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.4}
.diloh-kontakt-karte__titel .elementor-heading-title{font-size:1.25rem!important;line-height:1.3!important;color:#15314F}
.diloh-kontakt-karte .elementor-widget-button{width:auto!important;align-self:flex-start}
.diloh-kontakt-karte__text p:last-child{margin-bottom:0}
.diloh-kontakt-direkt{display:grid;gap:2px;margin:0}
.diloh-kontakt-direkt dt{margin-top:10px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5b6b7c}
.diloh-kontakt-direkt dt:first-child{margin-top:0}
.diloh-kontakt-direkt dd{margin:0;color:#15314F}
.diloh-kontakt-direkt a{color:#15314F;text-decoration:underline;text-decoration-color:#FBE12E;text-decoration-thickness:2px;text-underline-offset:4px}
.diloh-nummern{list-style:none;counter-reset:diloh-n;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.diloh-nummern li{counter-increment:diloh-n;position:relative;padding-left:2.25rem;line-height:1.5}
.diloh-nummern li::before{content:counter(diloh-n,decimal-leading-zero);position:absolute;left:0;top:.15em;font-size:.8rem;font-weight:700;letter-spacing:.06em;color:#15314F}
.diloh-pfeile{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.diloh-pfeile li{position:relative;padding-left:1.5rem;line-height:1.5}
.diloh-pfeile li::before{content:"→";position:absolute;left:0;color:#15314F;font-weight:700}

/* Schritte im Formular */
.diloh-kontakt-formkarte .wpforms-container{margin:0!important}
.diloh-kontakt-formkarte .diloh-schritt-feld{padding-bottom:0!important}
.diloh-kontakt-formkarte .diloh-schritt-feld:not(:first-child){padding-top:24px!important}
.diloh-form-schritt{display:flex;align-items:baseline;gap:12px;margin:0;font-weight:700;font-size:1.125rem;line-height:1.3;color:#15314F}
.diloh-form-schritt span,div.wpforms-container-full .diloh-form-schritt span{font-size:.8rem;letter-spacing:.06em;padding:1px 5px!important;background:#FBE12E!important}
.diloh-form-schritt small{font-size:.9rem;font-weight:400;color:#5b6b7c}

/* Chips: Ankreuz-/Auswahlfelder als Pillen; Häkchen per clip-path versteckt (bleibt ein normales Feld) */
.diloh-kontakt-formkarte .diloh-chips ul{display:flex!important;flex-wrap:wrap;gap:8px;margin:0!important;padding:0!important}
.diloh-kontakt-formkarte .diloh-chips li{position:relative;margin:0!important;padding:0!important;width:auto!important}
.diloh-kontakt-formkarte .diloh-chips input{position:absolute!important;inset:0;width:100%!important;height:100%!important;margin:0!important;clip-path:inset(50%);cursor:pointer}
.diloh-kontakt-formkarte .diloh-chips label.wpforms-field-label-inline{display:inline-flex!important;align-items:center;min-height:42px;margin:0!important;padding:0 16px!important;border:1.5px solid #cdd5de;border-radius:999px;background:#fff;font-size:.95rem!important;font-weight:500;color:#15314F!important;cursor:pointer;transition:background-color .15s,border-color .15s}
.diloh-kontakt-formkarte .diloh-chips li:hover label{border-color:#15314F}
.diloh-kontakt-formkarte .diloh-chips input:checked+label{background:#15314F;border-color:#15314F;color:#fff!important}
.diloh-kontakt-formkarte .diloh-chips input:focus-visible+label{outline:3px solid #15314F;outline-offset:2px}

/* Upload (WPForms „modern“ hat schon Ziehen und Ablegen) */
.diloh-kontakt-formkarte .diloh-ablage .wpforms-uploader{min-height:140px;border:1.5px dashed #cdd5de!important;border-radius:16px!important;background:#f7f9fa!important}
.diloh-kontakt-formkarte .diloh-ablage .wpforms-uploader:hover{border-color:#15314F!important}
.diloh-ablage__hinweis{margin:-8px 0 0;font-size:.9rem;color:#5b6b7c}

/* Vergleichsangebot: Kopf, Prüfpunkte, FAQ */
.diloh-vergleich-h1 .elementor-heading-title{font-size:clamp(2rem,1.2rem + 2vw,3rem)!important;line-height:1.15!important;color:#15314F}
.diloh-vergleich-h2 .elementor-heading-title{font-size:clamp(1.6rem,1.1rem + 1.2vw,2.25rem)!important;line-height:1.2!important;color:#15314F}
.diloh-pruefraster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 64px}
@media (max-width:1024px){.diloh-pruefraster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.diloh-pruefraster{grid-template-columns:minmax(0,1fr);margin-bottom:40px}}
.diloh-pruefkarte{padding:24px;border:1px solid #e3e7ec;border-radius:16px;background:#fff}
.diloh-pruefkarte span{display:inline-block;padding:1px 5px;background:#FBE12E;font-size:.8rem;font-weight:700;letter-spacing:.06em;color:#15314F}
.diloh-pruefkarte h3{margin:10px 0 6px;font-size:1.125rem;line-height:1.3;color:#15314F}
.diloh-pruefkarte p{margin:0;font-size:.95rem;line-height:1.55}
.diloh-faq{border-top:1px solid #e3e7ec}
.diloh-faq__eintrag{border-bottom:1px solid #e3e7ec}
.diloh-faq__eintrag summary{display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-weight:700;color:#15314F;cursor:pointer;list-style:none}
.diloh-faq__eintrag summary::-webkit-details-marker{display:none}
.diloh-faq__eintrag summary::after{content:"+";flex:0 0 auto;font-size:1.25rem;line-height:1}
.diloh-faq__eintrag[open] summary::after{content:"–"}
.diloh-faq__eintrag p{margin:0 0 18px}

/* Senden-Knopf in DILOH/SPACE-Gelb wie im übrigen Auftritt */
.diloh-kontakt-formkarte .wpforms-submit{background:#FBE12E!important;color:#15314F!important;border:0!important;border-radius:8px!important;font-weight:700!important;padding:12px 22px!important;height:auto!important}
.diloh-kontakt-formkarte .wpforms-submit:hover{background:#15314F!important;color:#fff!important}

/* Korrektur 27.10.: Abstand Schritt-Überschrift → Auswahl größer, Zeilen der Auswahl enger */
.diloh-kontakt-formkarte .diloh-schritt-feld{padding-bottom:28px!important}
.diloh-kontakt-formkarte .diloh-chips{padding-top:0!important}
.diloh-kontakt-formkarte .diloh-chips ul{row-gap:10px!important}
.diloh-kontakt-formkarte .diloh-chips li{line-height:1!important;margin-bottom:0!important}