/* ASDent Karriere – Entwurf (Michelle). Werte aus staging.asdent.de / Kadence-Palette */
@font-face{font-family:"Oswald";src:url(fonts/Oswald-VariableFont_wght.woff2) format("woff2"),url(fonts/Oswald-VariableFont_wght.ttf) format("truetype");font-weight:200 700;font-display:swap}
@font-face{font-family:"DM Sans";src:url(fonts/DMSans-VariableFont.woff2) format("woff2"),url(fonts/DMSans-VariableFont.ttf) format("truetype");font-weight:100 1000;font-display:swap}
:root{--p1:#2A3496;--p2:#141A55;--p3:#1C2370;--p4:#3C4A5B;--p5:#4A5070;--p6:#6E7887;--p7:#C9D1F5;--p8:#EDF0F7;--p9:#fff;
--rot:#D10000;--rot-h:#A80000;--hell-auf-dunkel:#DFE4FB;--linie:rgba(255,255,255,.14);--r:6px;--schatten:0 10px 30px rgba(20,26,85,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:400 17px/1.6 "DM Sans",system-ui,sans-serif;color:var(--p4);background:var(--p9)}
h1,h2,h3,h4{font-family:"Oswald",sans-serif;color:var(--p2);line-height:1.12;margin:0 0 .5em;font-weight:600}
h1{font-size:clamp(36px,6vw,64px)}h2{font-size:clamp(28px,4vw,44px)}h3{font-size:22px}
a{color:var(--p1)}img{max-width:100%;display:block}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.dach{font:600 14px/1 "Oswald",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--rot);margin-bottom:14px;display:block}
.dunkel .dach{color:#ff6b6b}
.ph{background:#FFF3C4;color:#5a4500;padding:0 4px;border-radius:3px;font-weight:600}
.dunkel .ph{background:#5a4500;color:#FFF3C4}
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--rot);color:#fff!important;font:600 16px/1.2 "Oswald",sans-serif;letter-spacing:.04em;text-transform:uppercase;padding:16px 28px;border-radius:var(--r);text-decoration:none;border:0;cursor:pointer;min-height:52px}
.knopf:hover,.knopf:focus-visible{background:var(--rot-h)}
.knopf.zweit{background:transparent;color:var(--p2)!important;box-shadow:inset 0 0 0 2px var(--p2)}
.dunkel .knopf.zweit{color:#fff!important;box-shadow:inset 0 0 0 2px #fff}
/* Kopf */
.kopf{background:var(--p9);border-bottom:1px solid var(--p8);position:sticky;top:0;z-index:20}
.kopf .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.kopf img{height:34px;width:auto}.kopf nav{display:flex;gap:24px;align-items:center}
.kopf nav a{text-decoration:none;color:var(--p2);font-weight:500}
.kopf .knopf{padding:10px 18px;min-height:42px;font-size:14px}
/* Flächen */
.dunkel{background:var(--p2);color:var(--hell-auf-dunkel)}.dunkel h1,.dunkel h2,.dunkel h3{color:#fff}
.hell{background:var(--p8)}section{padding:88px 0}
.hero{padding:96px 0 104px;position:relative;overflow:clip}
.hero::after{content:"";position:absolute;right:-200px;top:-200px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(42,52,150,.55),transparent 65%);pointer-events:none}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}
.hero p.lead{font-size:20px;max-width:620px;margin:0 0 32px}
.knoepfe{display:flex;gap:14px;flex-wrap:wrap}
.fakten{list-style:none;margin:0;padding:28px;border:1px solid var(--linie);border-radius:var(--r);background:rgba(255,255,255,.04)}
.fakten li{padding:14px 0;border-bottom:1px solid var(--linie);display:flex;gap:12px}.fakten li:last-child{border:0}
.fakten b{font:600 30px/1 "Oswald";color:#fff;min-width:96px}
/* Vorteile */
.raster{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.karte{background:#fff;border-radius:var(--r);padding:28px;box-shadow:var(--schatten);border-top:4px solid var(--p1)}
.karte p{margin:0}.icon{width:44px;height:44px;border-radius:50%;background:var(--p8);color:var(--p1);display:grid;place-items:center;font:700 20px "Oswald";margin-bottom:16px}
/* Stellen */
.filter{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}
.filter button{font:500 15px "DM Sans";padding:10px 18px;border-radius:999px;border:1.5px solid var(--p7);background:#fff;color:var(--p2);cursor:pointer;min-height:44px}
.filter button[aria-pressed=true]{background:var(--p2);color:#fff;border-color:var(--p2)}
.stellen{display:grid;gap:16px}
.stelle{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--p7);border-radius:var(--r);padding:24px 28px;text-decoration:none;color:inherit;transition:box-shadow .2s,border-color .2s}
.stelle:hover{box-shadow:var(--schatten);border-color:var(--p1)}.stelle h3{margin:0 0 8px}
.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:13px;font-weight:600;padding:4px 10px;border-radius:4px;background:var(--p8);color:var(--p3)}
.tag.ho{background:#E6F4EA;color:#1E6B34}
.pfeil{font:600 15px "Oswald";text-transform:uppercase;color:var(--rot);white-space:nowrap}
/* Zitat/Team */
.zitat{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:center}
.zitat img{border-radius:50%;width:220px;height:220px;object-fit:cover;background:var(--p3)}
.zitat blockquote{margin:0;font:500 24px/1.4 "DM Sans";color:#fff}
.cta-band{text-align:center}.cta-band p{max-width:600px;margin:0 auto 28px}
.fuss{background:var(--p2);color:var(--hell-auf-dunkel);padding:40px 0;font-size:15px;border-top:1px solid var(--linie)}
.fuss .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}.fuss a{color:#fff}
.fuss img{height:28px;width:auto}
/* Stellendetail */
.detail{display:grid;grid-template-columns:1fr 340px;gap:56px;align-items:start}
.detail h2{font-size:30px;margin-top:40px}.detail ul{padding-left:20px}.detail li{margin:6px 0}
.box{position:sticky;top:96px;background:#fff;border-radius:var(--r);box-shadow:var(--schatten);padding:28px;border-top:4px solid var(--rot)}
.box dl{margin:0 0 24px;display:grid;grid-template-columns:auto 1fr;gap:10px 16px}.box dt{color:var(--p6);font-size:14px}.box dd{margin:0;font-weight:600;color:var(--p2)}
.box .knopf{width:100%}
.mobil-leiste{display:none}
.zurueck{display:inline-block;margin-bottom:20px;color:var(--hell-auf-dunkel);text-decoration:none}
/* Formular */
.form-seite{background:var(--p8);min-height:100vh;padding:48px 0 96px}
.form-karte{max-width:680px;margin:0 auto;background:#fff;border-radius:var(--r);box-shadow:var(--schatten);padding:40px}
.fortschritt{display:flex;justify-content:space-between;font-size:14px;color:var(--p6);margin-bottom:8px}
.balken{height:8px;background:var(--p8);border-radius:99px;overflow:hidden;margin-bottom:32px}.balken i{display:block;height:100%;background:var(--p1);border-radius:99px;transition:width .3s}
.schritt{display:none}.schritt.aktiv{display:block}
.feld{margin-bottom:20px}.feld label,.frage{display:block;font-weight:600;color:var(--p2);margin-bottom:8px}
.feld input[type=text],.feld input[type=email],.feld input[type=tel],.feld textarea,.feld select{width:100%;font:400 17px "DM Sans";padding:14px 16px;border:1.5px solid var(--p7);border-radius:var(--r);background:#fff;color:var(--p2)}
.feld input:focus,.feld textarea:focus,.feld select:focus{outline:3px solid rgba(42,52,150,.25);border-color:var(--p1)}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wahl{display:grid;gap:10px}.wahl label{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1.5px solid var(--p7);border-radius:var(--r);cursor:pointer;font-weight:500;color:var(--p2);margin:0}
.wahl label:has(input:checked){border-color:var(--p1);background:#F4F6FD}.wahl input{accent-color:var(--p1);width:20px;height:20px}
.upload{border:2px dashed var(--p7);border-radius:var(--r);padding:28px;text-align:center;color:var(--p5)}
.check{display:flex;gap:12px;align-items:flex-start;font-size:15px}.check input{width:22px;height:22px;accent-color:var(--p1);flex:none;margin-top:2px}
.nav-knoepfe{display:flex;justify-content:space-between;gap:12px;margin-top:32px}
.hinweis{font-size:14px;color:var(--p6);margin-top:16px;text-align:center}
@media (max-width:900px){
 section{padding:64px 0}.hero{padding:56px 0 64px}
 .hero .wrap,.detail,.zitat{grid-template-columns:1fr;gap:32px}.raster{grid-template-columns:1fr}
 .kopf nav a:not(.knopf){display:none}.kopf img{height:26px}
 .stelle{grid-template-columns:1fr;padding:20px}.zitat img{width:140px;height:140px}.zitat blockquote{font-size:20px}
 .box{position:static}.mobil-leiste{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;padding:12px 16px;box-shadow:0 -6px 20px rgba(20,26,85,.12);gap:12px;align-items:center}
 .mobil-leiste .knopf{flex:1}.mit-leiste{padding-bottom:80px}
 .form-seite{padding:16px 0 64px}.form-karte{padding:24px 20px}.zwei{grid-template-columns:1fr}
 .nav-knoepfe .knopf{flex:1;padding:14px 12px}
}
/* ---- Ergänzungen für die App (Software) ---- */
:root{--brand:var(--p1)}
.kopf .logo-text{font:600 24px "Oswald";color:var(--p2);text-decoration:none}
.sr{position:absolute;left:-9999px}
.lead-note{font-size:15px;margin-top:16px;opacity:.9}
.textlink{color:#fff;text-decoration:underline;align-self:center}
.hell .karte{border-top-color:var(--p1)}
.rahmen{margin-top:40px;background:#fff;border-radius:var(--r);padding:24px 28px;box-shadow:var(--schatten)}.rahmen ul{margin:8px 0 0;padding-left:20px}
.zeitleiste{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:s}
.zeitleiste li{position:relative;padding-top:56px}.zeitleiste li::before{counter-increment:s;content:counter(s);position:absolute;top:0;left:0;width:42px;height:42px;border-radius:50%;background:var(--rot);color:#fff;display:grid;place-items:center;font:600 20px "Oswald"}
.zeitleiste.drei{grid-template-columns:repeat(3,1fr)}
.zeitleiste h3{font-size:20px}.dunkel .zeitleiste p{color:var(--hell-auf-dunkel)}
.zitat .ohne-bild{grid-template-columns:1fr}
.desc h2,.desc h3{margin-top:32px}.desc ul{padding-left:20px}
.box .gehalt{font:600 22px "Oswald";color:var(--p2)}
.kontakt{display:flex;gap:16px;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--p8)}
.kontakt img{width:64px;height:64px;border-radius:50%;object-fit:cover}.kontakt .ini{width:64px;height:64px;border-radius:50%;background:var(--p8);display:grid;place-items:center;font:600 22px Oswald;color:var(--p1);flex:none}
.kontakt p{margin:0;font-size:15px}
.diskret{display:flex;gap:10px;align-items:flex-start;background:#F4F6FD;border-left:4px solid var(--p1);padding:12px 16px;border-radius:var(--r);font-size:15px;margin:0 0 24px}
.form-karte .zeitleiste{margin:8px 0 28px;gap:12px}.form-karte .zeitleiste li{padding-top:40px;font-size:14px}.form-karte .zeitleiste li::before{width:30px;height:30px;font-size:15px}
.feld .hint,.hint{font-size:14px;color:var(--p6);margin:6px 0 0;font-weight:400}
.feld.has-err input,.feld.has-err textarea,.feld.has-err select,.q.has-err input,.q.has-err select,.q.has-err textarea{border-color:var(--rot)!important}
.ferr{color:var(--rot);font-size:14px;font-weight:600;margin:6px 0 0}
.sammel{background:#FDECEC;border-left:4px solid var(--rot);padding:12px 16px;border-radius:var(--r);margin-bottom:24px;color:#7a0000}
.upload{display:block;cursor:pointer;font-weight:400}.upload b{color:var(--p1)}.upload.ok{border-color:#1E6B34;background:#E6F4EA;color:#1E6B34}
.check{margin:12px 0}.feld .opt,.q .opt{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1.5px solid var(--p7);border-radius:var(--r);margin:0 0 8px;font-weight:500;color:var(--p2);cursor:pointer;min-height:48px}
.q .opt:has(input:checked){border-color:var(--p1);background:#F4F6FD}.q .opt input{accent-color:var(--p1);width:20px;height:20px}
fieldset.qs{border:0;padding:0;margin:32px 0 0}fieldset.qs legend{font:600 22px "Oswald";color:var(--p2);margin-bottom:12px}
.q{margin-bottom:22px}.q .ql{display:block;font-weight:600;color:var(--p2);margin-bottom:8px}
.q input[type=text],.q input[type=number],.q textarea,.q select{width:100%;font:400 17px "DM Sans";padding:14px 16px;border:1.5px solid var(--p7);border-radius:var(--r);background:#fff;color:var(--p2)}
.req{color:var(--rot)}.optional{color:var(--p6);font-weight:400;font-size:14px}
.infobox{background:#EAF2FF;border:1px solid var(--p7);border-radius:var(--r);padding:16px 20px;margin:0 0 24px;color:var(--p2)}.infobox p{margin:0 0 10px}.infobox p:last-child{margin:0}
.rueckruf{display:none;margin-top:12px}.rueckruf.an{display:block}
.knopf.voll{width:100%}
.err{background:#FDECEC;color:#7a0000;padding:10px 14px;border-radius:var(--r)}
.danke-schritte{padding-left:22px}.danke-schritte li{margin:8px 0}
.mehr-stellen{margin-top:32px}
.scale{display:flex;gap:8px}.scale label{flex:1;display:grid;place-items:center;border:1.5px solid var(--p7);border-radius:var(--r);min-height:48px;cursor:pointer}.scale input{position:absolute;opacity:0}.scale label:has(input:checked){background:var(--p1);color:#fff;border-color:var(--p1)}
.scale-l{display:flex;justify-content:space-between;font-size:13px;color:var(--p6);margin-top:4px}
@media (max-width:900px){.zeitleiste{grid-template-columns:1fr}.zeitleiste.drei{grid-template-columns:1fr}.form-karte .zeitleiste{grid-template-columns:repeat(3,1fr)}}
.form-karte .zeitleiste h3{font-size:15px;overflow-wrap:anywhere;margin:0}.form-karte .zeitleiste p{display:none}

/* Fragebogen-Seite (Bewerber-Link) */
.fb-kopf{padding:48px 0 56px}.fb-kopf h1{font-size:clamp(30px,5vw,46px);margin:8px 0 12px}.fb-kopf p{max-width:640px}
.fb-meta{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:15px;opacity:.9;margin-top:16px}.fb-meta span{background:rgba(255,255,255,.1);padding:6px 12px;border-radius:999px}
.fb-seite .form-karte{margin-top:-32px;position:relative}
.fb-progress{position:sticky;top:0;z-index:5;background:#fff;padding:12px 0 14px;margin:-8px 0 8px;border-bottom:1px solid var(--p7);font-size:14px;color:var(--p6)}
.fb-bar{height:8px;background:#EEF1F8;border-radius:99px;overflow:hidden;margin-bottom:8px}.fb-bar span{display:block;height:100%;background:var(--rot);border-radius:99px;transition:width .3s}
.fb-senden{margin-top:28px;font-size:18px;min-height:56px}.fb-senden:disabled{opacity:.6}
.fb-erfolg{text-align:center}.fb-erfolg h1{font-size:clamp(28px,5vw,40px);margin:8px 0}.fb-lead{font-size:18px}
.fb-haken{width:72px;height:72px;border-radius:50%;background:#E7F6EC;color:#1E8E4E;font:700 38px/72px "DM Sans";margin:0 auto 16px}
.fb-next{text-align:left;max-width:460px;margin:20px auto 28px;padding-left:22px}.fb-next li{margin:10px 0}
.q .scale{display:flex;gap:8px}.q .scale label{flex:1}.q .scale input{position:absolute;opacity:0}.q .scale span{display:block;text-align:center;padding:12px 0;border:1.5px solid var(--p7);border-radius:10px;font-weight:600;cursor:pointer}.q .scale input:checked+span{background:var(--p1);color:#fff;border-color:var(--p1)}.q .scale input:focus-visible+span{outline:3px solid var(--rot)}
.scale-l{display:flex;justify-content:space-between;font-size:13px;color:var(--p6);margin-top:6px}
@media(max-width:600px){.fb-kopf{padding:32px 0 48px}.fb-seite .form-karte{margin-top:-24px}.fb-meta{font-size:14px}}
/* Fragebogen-Review Michelle/Eren 15.10.2026 */
.q.has-err input:focus,.q.has-err select:focus,.q.has-err textarea:focus,.feld.has-err input:focus,.feld.has-err select:focus,.feld.has-err textarea:focus{outline:none;border-color:var(--rot)!important;box-shadow:0 0 0 4px rgba(209,0,0,.22)}
.q.has-err .opt,.q.has-err .chipopt span{border-color:var(--rot)}
.ferr{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.4}
.ferr .ico,.sammel .ico{flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:var(--rot);color:#fff;font:700 12px/18px "DM Sans",sans-serif;text-align:center;margin-top:1px}
.sammel{display:flex;gap:10px;align-items:center}
.fb-bar span{background:var(--rot)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}
.chipopt{position:relative;cursor:pointer;margin:0}
.chipopt input{position:absolute;opacity:0;width:1px;height:1px}
.chipopt span{display:inline-block;padding:10px 16px;border:1.5px solid var(--p7);border-radius:99px;font-weight:500;color:var(--p2);background:#fff;min-height:44px;line-height:22px}
.chipopt input:checked+span{background:var(--p1);border-color:var(--p1);color:#fff}
.chipopt input:focus-visible+span{box-shadow:0 0 0 4px rgba(42,52,150,.25)}
.sonst-text{margin-top:4px}
.fb-erfolg-kopf{text-align:center;padding-bottom:40px}.fb-erfolg-kopf h1{margin:6px auto 0;max-width:760px}
.fb-erfolg-kopf .fb-haken{background:rgba(255,255,255,.12);color:#fff}
.fb-erfolg.kompakt{text-align:left;padding:24px 28px;margin-top:-24px}.fb-erfolg.kompakt .fb-lead{margin:0;font-size:18px;line-height:1.6}
.fb-offen{margin-top:18px;padding-top:16px;border-top:1px solid var(--p7)}.fb-offen p{margin:0 0 12px}
.q input[type=date]{width:100%;max-width:260px;font:400 17px "DM Sans";padding:13px 16px;border:1.5px solid var(--p7);border-radius:var(--r);background:#fff;color:var(--p2);min-height:52px}

.arbeiten .icon svg{display:block}.arbeiten-mail{margin:28px 0 0;font-size:17px}.arbeiten-mail a{color:var(--p1);font-weight:600}

/* Mobil: Leiste verdeckt nie den Absende-Knopf – ausblenden, sobald das Formular sichtbar ist; Platz unten reservieren */
@media (max-width:900px){body:has(.mobil-leiste){padding-bottom:76px}.mobil-leiste.weg{display:none}}

/* Jun 21.10.: mobiles Menü (ohne JS) */
.mnav{display:none;position:relative}.mnav summary{list-style:none;cursor:pointer;font-size:24px;line-height:1;padding:8px 10px;border:1px solid var(--p8);border-radius:8px;color:var(--p2);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mnav summary::-webkit-details-marker{display:none}
.mnav-p{position:absolute;right:0;top:52px;background:#fff;border:1px solid var(--p8);border-radius:12px;box-shadow:0 10px 30px rgba(20,26,85,.15);padding:8px;display:flex;flex-direction:column;min-width:220px;z-index:40}.mnav-p a{display:block!important;padding:12px 14px;color:var(--p2);text-decoration:none;font-weight:500;border-radius:8px}.mnav-p a:hover,.mnav-p a:focus{background:var(--p9)}
@media (max-width:900px){.mnav{display:block}}
/* Marc 21.10.: optionale Abschnitte */
.box .schritte{margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(0,0,0,.08)}.box .schritte h4{margin:0 0 8px}.box .schritte ol{margin:0;padding-left:20px}.box .schritte li{margin:0 0 6px}.box .schritte li span{display:block;font-size:.95em;opacity:.85}
.teamfotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:18px 0}.teamfotos img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.teilen{margin:14px 0 0;font-size:14px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.teilen button.textlink{background:none;border:0;padding:0;font:inherit;cursor:pointer}.teilen .copied{color:#1b7f3b;font-weight:600}
.bw-progress{position:static;margin:0 0 18px}
.vertraulich{margin:18px 0 14px;padding:12px 14px;background:#F3F5FB;border-radius:10px;font-size:15px;line-height:1.5}
/* Social-Media-Block (Vorschlag Eren 03.11.2026) */
.as-social{background:#fff;padding:72px 24px;font-family:"DM Sans",system-ui,sans-serif}
.as-social__in{max-width:1080px;margin:0 auto}
.as-social__eyebrow{color:#2a3496;font:600 13px/1 "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}
.as-social h2{margin:0 0 12px;color:#1a1a2e}
.as-social__lead{max-width:640px;margin:0 0 32px;color:#444;font-size:17px;line-height:1.6}
.as-social__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.as-social__card{display:grid;grid-template-columns:28px 1fr auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:20px 22px;border:1.5px solid #d6daf0;border-radius:10px;color:#2a3496;text-decoration:none;background:#fff;transition:border-color .15s,background .15s}
.as-social__card svg{grid-row:1/3}
.as-social__name{font-weight:700;font-size:17px}
.as-social__handle{grid-column:2;font-size:14px;color:#555;overflow-wrap:anywhere}
.as-social__arrow{grid-row:1/3;grid-column:3;font-size:18px}
.as-social__card:hover,.as-social__card:focus-visible{border-color:#2a3496;background:#f4f5fc}
.as-social__card:focus-visible{outline:2px solid #2a3496;outline-offset:2px}
@media(max-width:767px){.as-social{padding:48px 20px}.as-social__list{grid-template-columns:1fr;gap:12px}.as-social__card{padding:16px 18px;min-height:44px}.as-social__lead{font-size:16px}}
.as-socialbar{background:#f4f5fc;border-top:1px solid #d6daf0;padding:20px 24px;font-family:"DM Sans",system-ui,sans-serif}
.as-socialbar__in{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap}
.as-socialbar__txt{margin:0;font-size:16px;color:#333}
.as-socialbar__txt strong{color:#2a3496}
.as-socialbar__list{list-style:none;margin:0;padding:0;display:flex;gap:8px 24px;flex-wrap:wrap}
.as-socialbar__list a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#2a3496;font-weight:600;font-size:15px;text-decoration:none}
.as-socialbar__list a:hover span,.as-socialbar__list a:focus-visible span{text-decoration:underline;text-underline-offset:3px}
@media(max-width:767px){.as-socialbar{padding:20px}.as-socialbar__in{flex-direction:column;align-items:flex-start;gap:4px}.as-socialbar__list{gap:0 20px}}
@media(max-width:900px){body:has(.mobil-leiste) .as-socialbar{padding-bottom:28px}}

/* Talentpool-Seite (Marc 03.11.2026) */
.tp-karte{max-width:680px;margin:0 auto;padding:0;overflow:hidden}
.tp-bild{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.tp-text{padding:32px 36px 36px}
.tp-text h1{font-size:clamp(26px,5vw,36px);margin:0 0 12px}
.tp-folge{margin:24px 0 12px;font-weight:600;color:#2a3496}
.tp-social{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tp-social a{display:flex;flex-direction:column;gap:2px;min-height:44px;padding:14px 16px;border:1.5px solid #d6daf0;border-radius:10px;color:#2a3496;text-decoration:none;font-size:14px}
.tp-social a span{color:#555;overflow-wrap:anywhere}.tp-social a span[aria-hidden]{color:#2a3496}
.tp-social a:hover,.tp-social a:focus-visible{border-color:#2a3496;background:#f4f5fc}
@media(max-width:600px){.tp-text{padding:22px 20px 26px}.tp-social{grid-template-columns:1fr}.tp-social a{flex-direction:row;align-items:center;gap:10px}.tp-social a span[aria-hidden]{margin-left:auto}}