/* Karriere Go – Magazin-Seite (Plugin karrierego-magazin)
 * Baut auf karrierego-core auf: :root-Variablen, .kg-hero, .kg-btn, .kg-label, .kg-zahlen, .kg-rg-cta.
 * Alle Abschnitte laufen in voller Fensterbreite (.kg-mag-band) mit 1200px Innenbreite,
 * damit sie mit Hero und Footer fluchten – unabhängig von der Containerbreite des Themes. */

.kg-mag-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-mag-in{max-width:1200px;margin:0 auto;}
.kg-mag-sektion{margin-top:clamp(56px,7vw,88px);}
.kg-magazin [id]{scroll-margin-top:24px;}

/* Kopfbereich: Text links, Cover rechts */
.kg-wrap .kg-hero-magazin{background-image:none !important;padding-top:clamp(40px,5vw,76px);padding-bottom:clamp(40px,5vw,76px);margin-bottom:0;}
.kg-mag-kopf{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,320px);gap:clamp(32px,5vw,80px);align-items:center;}
.kg-mag-kopf-ohne{grid-template-columns:minmax(0,1fr);}
.kg-mag-kopftext{min-width:0;}
.kg-mag-knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--sp-6);}
.kg-wrap .kg-mag-knoepfe .kg-btn{margin-top:0;}
.kg-mag-knoepfe .kg-i{width:16px;height:16px;}
.kg-mag-cover{position:relative;display:block;justify-self:end;width:100%;border-radius:6px;box-shadow:0 22px 48px rgba(8,14,35,.5);transform:rotate(2.5deg);transition:transform .25s ease,box-shadow .25s ease;}
.kg-mag-cover img{display:block;width:100%;height:auto;border-radius:6px;}
a.kg-mag-cover:hover,a.kg-mag-cover:focus-visible{transform:rotate(0deg) translateY(-4px);box-shadow:0 28px 60px rgba(8,14,35,.55);}

/* Überschriften und Fließtext der Abschnitte */
.kg-mag-intro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(16px,4vw,64px);align-items:start;}
.kg-wrap .kg-mag-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-mag-text p{font-size:17px !important;line-height:1.75 !important;color:var(--kg-text) !important;margin:0 0 16px !important;}
.kg-wrap .kg-mag-text p:first-child{font-size:19px !important;line-height:1.65 !important;color:#3a4658 !important;}
.kg-wrap .kg-mag-text p:last-child{margin-bottom:0 !important;}

/* Zielgruppen-Karten (wie Ratgeber-Karten, ohne Link) */
.kg-mag-boxen{list-style:none;margin:clamp(28px,4vw,44px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;}
.kg-mag-box{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0;background:#fff;border:1px solid var(--kg-bd);border-radius:var(--r-md);padding:26px;box-shadow:var(--sh-1);}
.kg-mag-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-mag-ico .kg-i{width:22px;height:22px;}
.kg-wrap .kg-mag-box 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-mag-box p{font-size:15px !important;line-height:1.6 !important;color:var(--kg-muted) !important;margin:0 !important;}

/* Verteilungsgebiet: helle Fläche, Kennzahlen links, Karte rechts */
.kg-mag-gebiet{margin-top:clamp(56px,7vw,88px);background:#dbe8f5;padding-top:clamp(48px,6vw,84px);padding-bottom:clamp(48px,6vw,84px);}
.kg-mag-gebiet .kg-mag-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;}
.kg-wrap .kg-mag-lead{font-family:var(--kg-head) !important;font-size:19px !important;line-height:1.4 !important;font-weight:700 !important;color:#005f8f !important;margin:0 0 26px !important;}
.kg-mag-fakten{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.kg-mag-fakt{display:flex;align-items:center;gap:16px;margin:0;background:#fff;border-radius:var(--r-md);padding:16px 20px;box-shadow:0 4px 16px rgba(21,32,71,.10);}
.kg-mag-fakt-n{display:block;font-family:var(--kg-head);font-size:20px;font-weight:700;line-height:1.3;color:var(--kg-navy);}
.kg-mag-fakt-t{display:block;font-size:14px;line-height:1.45;color:var(--kg-muted);}
.kg-mag-landkarte{margin:0;background:#fff;border-radius:var(--r-lg);padding:clamp(18px,3vw,34px);box-shadow:0 4px 16px rgba(21,32,71,.10);}
.kg-mag-landkarte img{display:block;width:100%;max-width:480px;height:auto;margin:0 auto;}
.kg-mag-legende{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;font-size:14px;line-height:1.4;color:var(--kg-text);}
.kg-mag-legende li{display:inline-flex;align-items:center;gap:8px;margin:0;}
.kg-mag-legende i{display:inline-block;width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(21,32,71,.18);}
.kg-mag-rbk{background:#009fe3;}
.kg-mag-obk{background:#a9dcf5;}

/* Print + Online: Zahlen-Kacheln aus der Basis */
.kg-wrap .kg-mag-medium .kg-zahlen{margin:clamp(28px,4vw,44px) 0 0;}

/* Beratung & Anzeigenbuchung: heller Abschlusskasten wie beim Ratgeber */
.kg-mag-in > .kg-mag-cta{margin:0;}
.kg-wrap .kg-mag-cta .kg-mag-kontaktzeile{display:flex !important;flex-wrap:wrap;gap:8px 24px;margin:14px 0 0 !important;}
.kg-wrap .kg-mag-kontaktzeile a{display:inline-flex;align-items:center;gap:8px;color:var(--kg-navy) !important;font-family:var(--kg-head);font-weight:700;font-size:15px;text-decoration:none !important;}
.kg-wrap .kg-mag-kontaktzeile a:hover,.kg-wrap .kg-mag-kontaktzeile a:focus-visible{color:var(--kg-cyan-d) !important;text-decoration:underline !important;}
.kg-mag-kontaktzeile .kg-i{width:16px;height:16px;color:var(--kg-cyan-d);}

@media(max-width:860px){
.kg-mag-kopf,.kg-mag-intro,.kg-mag-gebiet .kg-mag-in{grid-template-columns:minmax(0,1fr);}
.kg-mag-cover{justify-self:start;max-width:220px;transform:rotate(2deg);}
.kg-mag-landkarte img{max-width:420px;}
}
@media(prefers-reduced-motion:reduce){
.kg-mag-cover,a.kg-mag-cover:hover,a.kg-mag-cover:focus-visible{transition:none;transform:rotate(2.5deg);}
}