/* Karriere Go – Seite „Für Arbeitgeber“ (Plugin karrierego-fuer-arbeitgeber)
 * Baut auf karrierego-core auf: :root-Variablen, .kg-hero, .kg-btn, .kg-label, .kg-zahlen, .kg-hinweis.
 * Formular aus karrierego-anfragen (.kg-formular), Fragen aus karrierego-seo (.kg-seiten-faq).
 * Alle Abschnitte laufen in voller Fensterbreite (.kg-fa-band) mit 1200px Innenbreite, damit sie mit Hero
 * und Footer fluchten – unabhängig von der Containerbreite des Themes (Muster wie magazin.css).
 * Kontrast auf der hellen Fläche #dbe8f5: Fließtext nur in --kg-text, Links in #005f8f (5,5:1).
 * --kg-muted und #0077b3 lägen dort als Text unter 4,5:1. */

.kg-fa-band{position:relative;box-sizing:border-box;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:clamp(20px,5vw,48px);padding-right:clamp(20px,5vw,48px);}
.kg-fa-in{max-width:1200px;margin:0 auto;}
.kg-fa-sektion{margin-top:clamp(56px,7vw,88px);}
.kg-fa-flaeche{background:#dbe8f5;padding-top:clamp(48px,6vw,84px);padding-bottom:clamp(48px,6vw,84px);}
.kg-fa [id]{scroll-margin-top:24px;}
.kg-fa-vorteile,.kg-fa-karten,.kg-fa-raster,.kg-fa-schritte{list-style:none;margin:0;padding:0;}
.kg-fa-vorteil,.kg-fa-karte,.kg-fa-punkt,.kg-fa-schritt{margin:0;}

/* Kopfbereich: unten Platz für die überlappende Zahlenleiste */
.kg-wrap .kg-hero-fa{margin-bottom:0;padding-bottom:clamp(76px,8vw,104px);}
.kg-fa-knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--sp-6);}
.kg-wrap .kg-fa-knoepfe .kg-btn{margin-top:0;}
.kg-fa-knoepfe .kg-i{width:16px;height:16px;}

/* Zahlenleiste ragt in den Kopfbereich */
.kg-fa-zahlen{z-index:2;margin-top:calc(-1 * clamp(36px,4vw,44px));}
.kg-wrap .kg-fa-zahlen .kg-zahlen{margin:0;}
.kg-wrap .kg-fa-zahlen .kg-zahl{border-color:transparent;box-shadow:var(--sh-2);}

/* Überschriften und Fließtext */
.kg-wrap .kg-fa-h2{font-family:var(--kg-head) !important;font-size:clamp(22px,1rem + .85vw,26px) !important;line-height:1.25 !important;font-weight:700 !important;letter-spacing:-.015em;text-transform:none !important;color:var(--kg-navy) !important;margin:0 0 14px !important;}
.kg-wrap .kg-fa-text p{font-size:17px !important;line-height:1.75 !important;color:var(--kg-text) !important;margin:0 0 16px !important;}
.kg-wrap .kg-fa-text p:last-child{margin-bottom:0 !important;}
.kg-wrap .kg-fa-lead{max-width:880px;font-size:clamp(18px,1rem + .4vw,21px) !important;line-height:1.65 !important;color:#3a4658 !important;margin:0 0 clamp(32px,4vw,48px) !important;}

/* Warum regional: Text links, Vorteile rechts */
.kg-fa-zwei{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:center;}
.kg-fa-vorteile{display:grid;gap:14px;}
.kg-fa-vorteil{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--kg-bd);border-radius:var(--r-md);padding:16px 20px;box-shadow:var(--sh-1);}
.kg-wrap .kg-fa-vorteil p{margin:0 !important;font-size:15px !important;line-height:1.6 !important;color:var(--kg-text) !important;}
.kg-fa-vorteil strong{color:var(--kg-navy);}
.kg-fa-ico{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--kg-cyan-l);color:var(--kg-cyan-d);}
.kg-fa-ico .kg-i{width:22px;height:22px;}

/* Print und Online: helle Fläche, Text links, Cover rechts */
.kg-fa-print{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:clamp(32px,6vw,96px);align-items:center;}
.kg-fa-print-ohne{grid-template-columns:minmax(0,1fr);}
.kg-fa-print .kg-fa-text{max-width:760px;}
.kg-fa-cover{justify-self:end;width:100%;}
.kg-fa-cover img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 22px 48px rgba(21,32,71,.28);transform:rotate(2.5deg);}
.kg-wrap .kg-fa-text .kg-fa-weiter{margin:22px 0 0 !important;}
.kg-wrap .kg-fa-weiter a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:var(--kg-head);font-size:15px;font-weight:700;color:#005f8f !important;text-decoration:none !important;}
.kg-wrap .kg-fa-weiter a:hover,.kg-wrap .kg-fa-weiter a:focus-visible{text-decoration:underline !important;}
.kg-fa-weiter .kg-i{width:16px;height:16px;}

/* Ihre Möglichkeiten: vier Karten, die ganze Karte ist klickbar */
.kg-fa-karten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:clamp(20px,3vw,28px);}
.kg-fa-karte{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--kg-bd);border-radius:var(--r-md);padding:26px;box-shadow:var(--sh-1);transition:box-shadow .2s,transform .2s,border-color .2s;}
.kg-fa-karte:hover{box-shadow:var(--sh-2);transform:translateY(-3px);border-color:#c2d4ea;}
.kg-wrap .kg-fa-karte h3{font-family:var(--kg-head) !important;font-size:18px !important;line-height:1.35 !important;font-weight:700 !important;color:var(--kg-navy) !important;margin:4px 0 0 !important;}
.kg-wrap .kg-fa-karte p{font-size:15px !important;line-height:1.6 !important;color:var(--kg-muted) !important;margin:0 !important;}
.kg-wrap .kg-fa-karte-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px;font-family:var(--kg-head);font-size:15px;font-weight:700;color:var(--kg-cyan-d) !important;text-decoration:none !important;}
.kg-fa-karte-link::after{content:"";position:absolute;inset:0;border-radius:var(--r-md);}
.kg-fa-karte-link .kg-i{width:16px;height:16px;transition:transform .18s;}
.kg-fa-karte:hover .kg-fa-karte-link .kg-i{transform:translateX(3px);}

/* Was Ihre Anzeige mitbringt: 2 x 2, Hinweis darunter */
.kg-fa-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px clamp(24px,4vw,56px);margin-top:clamp(20px,3vw,28px);}
.kg-fa-punkt{display:flex;align-items:flex-start;gap:18px;}
.kg-wrap .kg-fa-punkt h3{font-family:var(--kg-head) !important;font-size:18px !important;line-height:1.35 !important;font-weight:700 !important;color:var(--kg-navy) !important;margin:12px 0 6px !important;}
.kg-wrap .kg-fa-punkt p{font-size:16px !important;line-height:1.65 !important;color:var(--kg-muted) !important;margin:0 !important;}
.kg-fa .kg-fa-hinweis{max-width:880px;margin:clamp(32px,4vw,44px) 0 0;padding:18px 22px;border-left:4px solid var(--kg-cyan-d);}

/* So läuft es ab: vier Schritte in einer Reihe */
.kg-fa-schritte{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:clamp(20px,3vw,28px);}
.kg-fa-schritt{position:relative;background:#fff;border-radius:var(--r-md);padding:22px 22px 24px;box-shadow:0 4px 16px rgba(21,32,71,.10);}
.kg-fa-schritt:not(:last-child)::after{content:"";position:absolute;top:37px;right:-16px;width:9px;height:9px;border-top:2px solid var(--kg-cyan-d);border-right:2px solid var(--kg-cyan-d);transform:rotate(45deg);}
.kg-fa-nr{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 0 14px;border-radius:50%;background:var(--kg-navy);color:#fff;font-family:var(--kg-head);font-size:16px;font-weight:700;}
.kg-wrap .kg-fa-schritt p{margin:0 !important;font-size:15px !important;line-height:1.6 !important;color:var(--kg-text) !important;}

/* Anfrage: Kontakt links, Formular rechts */
.kg-fa-anfrage{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,64px);align-items:start;margin-top:clamp(48px,6vw,72px);}
.kg-fa-anfrage-ohne{grid-template-columns:minmax(0,1fr);}
.kg-wrap .kg-fa-anfrage-text > p{font-size:17px !important;line-height:1.75 !important;color:var(--kg-text) !important;margin:0 !important;}
.kg-fa-direkt{margin-top:28px;background:#fff;border-radius:var(--r-md);padding:22px 24px;box-shadow:0 4px 16px rgba(21,32,71,.10);}
.kg-wrap .kg-fa-direkt h3{font-family:var(--kg-head) !important;font-size:18px !important;line-height:1.35 !important;font-weight:700 !important;color:var(--kg-navy) !important;margin:0 0 10px !important;}
.kg-fa-direkt address{margin:0;font-style:normal;font-size:15px;line-height:1.7;color:var(--kg-text);}
.kg-fa-direkt address strong{color:var(--kg-navy);}
.kg-wrap .kg-fa-wege{display:flex !important;flex-direction:column;align-items:flex-start;gap:2px;margin:12px 0 0 !important;}
.kg-wrap .kg-fa-wege a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-family:var(--kg-head);font-size:15px;font-weight:700;color:var(--kg-navy) !important;text-decoration:none !important;}
.kg-wrap .kg-fa-wege a:hover,.kg-wrap .kg-fa-wege a:focus-visible{color:var(--kg-cyan-d) !important;text-decoration:underline !important;}
.kg-fa-wege .kg-i{width:18px;height:18px;color:var(--kg-cyan-d);}
.kg-wrap .kg-fa-anfrage .kg-formular{margin:0;border-color:transparent;box-shadow:0 4px 16px rgba(21,32,71,.10);}

/* Häufige Fragen (aus karrierego-seo): volle Breite, Überschrift links, Fragen rechts */
.kg-fa-seite .kg-seiten-faq{box-sizing:border-box;width:100vw;max-width:100vw;margin:clamp(56px,7vw,88px) calc(50% - 50vw) 0;padding:0 clamp(20px,5vw,48px);}
.kg-fa-seite .kg-seiten-faq .kg-lesebereich{max-width:1200px;margin:0 auto;}
.kg-fa-seite .kg-seiten-faq .kg-faq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(28px,5vw,64px);align-items:start;margin:0;}
.kg-fa-seite .kg-seiten-faq .kg-faq > .kg-section-title{grid-column:1;grid-row:1 / span 20;margin:0 !important;font-size:clamp(22px,1rem + .85vw,26px) !important;line-height:1.25 !important;}
.kg-fa-seite .kg-seiten-faq .kg-faq > .kg-faq-item{grid-column:2;}

@media(max-width:1099px){
.kg-fa-karten,.kg-fa-schritte{grid-template-columns:repeat(2,minmax(0,1fr));}
.kg-fa-schritt:not(:last-child)::after{display:none;}
}
@media(max-width:999px){
.kg-fa-anfrage{grid-template-columns:minmax(0,1fr);}
}
@media(max-width:860px){
.kg-fa-zwei,.kg-fa-print,.kg-fa-raster{grid-template-columns:minmax(0,1fr);}
.kg-fa-cover{justify-self:start;max-width:200px;}
.kg-fa-seite .kg-seiten-faq .kg-faq{display:block;}
.kg-fa-seite .kg-seiten-faq .kg-faq > .kg-section-title{margin:0 0 16px !important;}
}
@media(max-width:600px){
.kg-fa-karten,.kg-fa-schritte{grid-template-columns:minmax(0,1fr);}
.kg-wrap .kg-fa-knoepfe .kg-btn{width:100%;}
}
@media(prefers-reduced-motion:reduce){
.kg-fa-karte,.kg-fa-karte:hover,.kg-fa-karte-link .kg-i,.kg-fa-karte:hover .kg-fa-karte-link .kg-i{transition:none;transform:none;}
}