@font-face{font-family:"Open Sans";font-weight:400;font-display:swap;src:url(/assets/neu/schrift/open-sans-400.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-weight:600;font-display:swap;src:url(/assets/neu/schrift/open-sans-600.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-weight:700;font-display:swap;src:url(/assets/neu/schrift/open-sans-700.woff2) format("woff2")}
:root{--blau:#008bbc;--blau-text:#006f98;--blau-flaeche:#00779f;--grau:#323e48;--text:#262626;--text-2:#535353;--karte:#f0f0f0;--linie:#e3e3e3}
html,body{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:15px;line-height:1.6;color:var(--text)}
h1,h2,h3,h4{font-family:"Open Sans",Arial,sans-serif;color:var(--text);font-weight:400;letter-spacing:0;text-wrap:balance}
a{color:var(--blau-text)}a:hover{color:var(--grau)}
[id]{scroll-margin-top:20px}
.strich{display:block;width:44px;height:4px;background:var(--blau);margin:14px 0 18px}
.strich+p,.strich+div,.strich+ul{margin-top:0}
.abschnitt-titel{font-size:2rem;line-height:1.25;margin:0}
.vorspann{color:var(--text-2);max-width:760px}
/* Kopf */
.kopf{background:#fff}
.kopf-innen{min-height:104px}
.dienst{font-size:13px;color:var(--text-2)}
.dienst a{color:var(--text-2);text-decoration:none;margin-left:18px}
.dienst a:hover{color:var(--blau-text)}
.knopf{display:inline-block;background:var(--blau-flaeche);color:#fff;font-weight:600;font-size:14px;padding:9px 16px;text-decoration:none;border:0;cursor:pointer;line-height:1.4}
.knopf:hover{background:var(--grau);color:#fff;text-decoration:none}
/* Menüleiste weiß mit blauer Unterkante und Schatten (Variante C, Freigabe Thomas 12.11.2026);
   kurze Trennstriche zwischen den Punkten, nicht über die volle Höhe */
.leiste{background:#fff;border-top:1px solid var(--linie);border-bottom:3px solid var(--blau);box-shadow:0 6px 14px -8px rgba(0,0,0,.25);position:relative;z-index:2}
.leiste .uk-navbar-nav>li>a{position:relative;min-height:48px;text-transform:none;font-family:inherit;font-size:14px;font-weight:600;color:var(--text);padding:0 18px}
.leiste .uk-navbar-nav>li>a:hover,.leiste .uk-navbar-nav>li.uk-active>a{color:var(--blau-text);background:#eef5f9;box-shadow:none}
.leiste .uk-navbar-nav>li:not(.heim)+li:not(.heim)>a:before{content:"";position:absolute;left:0;top:50%;width:1px;height:18px;margin-top:-9px;background:#c4ccd2}
.leiste .uk-navbar-nav>li.heim>a{width:56px;padding:0;justify-content:center;background:var(--blau-flaeche);color:#fff;box-shadow:none}
.leiste .uk-navbar-nav>li.heim>a:hover{background:var(--blau);color:#fff}
/* Bühne mit Suche */
.buehne{position:relative;background:#dfe7ec url(/assets/neu/bilder/buehne.webp) center right/cover no-repeat;min-height:500px;display:flex;align-items:center}
.suchbox{background:rgba(38,44,50,.86);color:#fff;max-width:660px}
.suchbox .reiter{display:flex;margin:0;padding:0;list-style:none}
.suchbox .reiter>li>a{display:block;padding:11px 18px;color:#fff;font-weight:700;font-size:14px;text-decoration:none;background:rgba(255,255,255,.12);margin-right:2px}
.suchbox .reiter>li.uk-active>a{background:transparent;box-shadow:inset 0 3px 0 var(--blau)}
.suchbox .innen{padding:24px}
.suchbox .uk-input,.suchbox .uk-select{height:44px;background:#fff;border:0;font-size:14px;color:var(--text)}
.suchbox .knopf{height:44px;width:100%;font-size:14px}
.suchbox .such-hinweis{color:#cfd6db;font-size:12px;margin:12px 0 0}
/* Einleitung */
.intro h1{font-size:2.15rem;line-height:1.25;margin:0}
.intro p{color:var(--text-2)}
/* Wegweiser */
.wegweiser{background:var(--karte)}
.ww-zeile{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:stretch;margin-bottom:10px}
.ww-lage{background:#fff;padding:14px 18px;font-size:15px;display:flex;align-items:center}
.ww-pfeil{position:relative}
.ww-pfeil:before{content:"";position:absolute;left:8px;right:14px;top:50%;height:2px;background:var(--blau)}
.ww-pfeil:after{content:"";position:absolute;right:8px;top:calc(50% - 6px);border:7px solid transparent;border-left:9px solid var(--blau);border-right:0}
.ww-ziel{display:flex;flex-direction:column;justify-content:center;background:#fff;border-left:4px solid var(--blau);border-radius:0 3px 3px 0;padding:12px 18px;text-decoration:none;color:var(--text)}
.ww-ziel strong{color:var(--blau-text);font-size:15px}
.ww-ziel span{font-size:13px;color:var(--text-2)}
.ww-ziel:hover{text-decoration:none;color:var(--text);background:#fafafa}
.ww-kopf{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin-bottom:8px}
/* Karten */
.karte{background:var(--karte);height:100%;display:flex;flex-direction:column}
.karte img{width:100%;height:190px;object-fit:cover;display:block}
.karte .innen{padding:22px 26px 24px;display:flex;flex-direction:column;flex:1}
.karte h2,.karte h3{font-size:1.85rem;line-height:1.2;margin:0}
.karte p{color:var(--text-2);font-size:14px}
.karte .gefragt{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin:4px 0 6px}
.karte .uk-list{font-size:14px;margin:0 0 18px}
.karte .uk-list>li{margin-top:0;padding:6px 0;border-bottom:1px solid #dcdcdc}
.karte .uk-list>li>a{text-decoration:none}
.mehr{margin-top:auto;align-self:flex-end;font-size:14px;color:var(--blau-text);text-decoration:none}
.mehr:hover{color:var(--grau);text-decoration:none}
.betont{background:var(--blau-flaeche);color:#fff}
.betont .innen h2,.betont .innen p,.betont .uk-list a,.betont .gefragt{color:#fff}
.betont .strich{background:#fff}
.betont .uk-list>li{border-bottom-color:rgba(255,255,255,.3)}
.betont .uk-list a:hover{color:#fff;text-decoration:underline}
/* Weitere Bildungswege */
.band-grau{background:var(--grau);color:#dfe5ea}
.band-grau h2,.band-grau h3{color:#fff}
.band-grau .abschnitt-titel{color:#fff}
.weg h3{font-size:1.2rem;margin:0 0 6px}
.weg p{font-size:14px;margin:0 0 10px}
.weg a{color:#fff;font-size:14px;font-weight:600;text-decoration:none;border-bottom:2px solid var(--blau)}
.weg a:hover{color:#fff;border-bottom-color:#fff}
/* DQR-Leiter */
.leiter{border-top:1px solid var(--linie)}
.stufe{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--linie)}
.stufe>div{padding:10px 14px;font-size:14px}
.stufe .niveau{position:relative;padding:0;background:#e6eef3}
.stufe .niveau:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(24px + var(--n) * 9.5%);background:var(--blau-flaeche)}
.stufe .niveau span{position:relative;z-index:1;display:block;padding:9px 0 9px 12px;font-size:16px;font-weight:700;color:#fff}
.stufe.kopfzeile{border-bottom:2px solid var(--grau)}
.stufe.kopfzeile>div{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2)}
.stufe.gleich{background:#f3f8fb}
.stufe .leer{color:#9a9a9a}
.quelle{font-size:12px;color:var(--text-2)}
/* Prüfpunkte */
.punkt{border-top:3px solid var(--grau);padding-top:14px}
.punkt .nr{font-size:2.2rem;line-height:1;color:var(--blau-text);font-weight:300}
.punkt h3{font-size:1.15rem;font-weight:700;margin:8px 0 6px}
.punkt p{font-size:14px;color:var(--text-2);margin:0}
/* Ratgeber, Städte, otti */
.beitrag{padding:12px 0;border-bottom:1px solid #dcdcdc;font-size:15px}
.beitrag a{color:var(--text);text-decoration:none;font-weight:600}
.beitrag a:hover{color:var(--blau-text)}
.beitrag small{display:block;color:var(--text-2);font-size:12px}
.stadt-liste{font-size:14px;margin:0 0 18px;padding:0;list-style:none}
.stadt-liste li{padding:3px 0;break-inside:avoid}
.artikel .stadt-liste{padding-left:0;margin-bottom:8px}.artikel .stadt-liste>li{margin:0}
.stadt-liste a{text-decoration:none}
/* Fuß */
.fuss{background:var(--karte);font-size:13px}
.fuss h4{font-size:14px;font-weight:700;margin:0 0 10px}
.fuss .uk-list>li{margin-top:2px}
.fuss a{color:var(--text-2);text-decoration:none}
.fuss a:hover{color:var(--blau-text)}
.fuss-leiste{background:#9d9d9d;color:#fff;font-size:13px}
.fuss-leiste a{color:#fff;text-decoration:none;padding:0 12px;border-right:1px solid rgba(255,255,255,.5)}
.fuss-leiste a:last-child{border-right:0}
.fuss-leiste a:hover{text-decoration:underline}
@media(max-width:959px){
 .buehne{min-height:0;display:block;background-position:70% center;padding:200px 0 0}
 .suchbox{max-width:none}
 .intro h1{font-size:1.65rem}.karte h2,.karte h3{font-size:1.5rem}.abschnitt-titel{font-size:1.6rem}
}
@media(max-width:640px){
 .suchbox .reiter>li>a{padding:10px 12px;font-size:13px}
 .ww-zeile{grid-template-columns:1fr;margin-bottom:16px}
 .ww-pfeil{height:22px}.ww-pfeil:before{left:22px;right:auto;width:2px;top:2px;bottom:6px;height:auto}
 .ww-pfeil:after{left:16px;right:auto;top:auto;bottom:0;border:7px solid transparent;border-top:9px solid var(--blau);border-bottom:0}
 .stufe{grid-template-columns:72px minmax(0,1fr)}
 .stufe>div.beruf{grid-column:2}
 .stufe.kopfzeile{display:none}
 .stufe .schule:empty{display:none}
 .stufe .schule:not(:empty):before{content:"Schule, Hochschule: ";font-weight:700}
 .stufe .beruf:before{content:"Beruf: ";font-weight:700}
}

body{background:#fff}
.pfad{font-size:13px;color:#cfd6db;margin-bottom:18px}
.pfad a{color:#fff;text-decoration:none}.pfad a:hover{text-decoration:underline}
.pfad span{margin:0 6px}
.b-buehne{position:relative;background:#dfe7ec center/cover no-repeat;min-height:470px;display:flex;align-items:center}
.b-box{background:#3c4248;color:#fff;max-width:640px;padding:30px 34px 32px}
.b-box h1{color:#fff;font-size:2.4rem;line-height:1.2;margin:0}
.b-box .einleitung{color:#e6ebef;font-size:16px;line-height:1.7}
.b-box .einleitung p{margin:0}
.b-box .einleitung a{color:#fff;text-decoration:underline}
.band-blau{background:var(--blau-flaeche);color:#fff}
.band-blau h2{color:#fff;font-size:1.7rem;line-height:1.25;margin:0}
.band-blau .strich{background:#fff}
.band-blau h2,.band-blau .lead,.steckbrief dt,.steckbrief dd,.zahl strong,.zahl span{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.band-blau .lead{color:#fff;font-size:17px;line-height:1.7;margin:0}
.zahl{background:#fff;padding:18px 20px 20px;height:100%;box-sizing:border-box}
.zahl strong{display:block;font-size:2.1rem;line-height:1.15;color:var(--blau-text);font-weight:300;margin-bottom:6px}
.zahl span{display:block;font-size:13px;line-height:1.5;color:var(--text-2)}
.steckbrief{background:#fff;color:var(--text);padding:22px 24px 8px;height:100%;box-sizing:border-box}
.steckbrief h2{font-size:12px!important;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)!important;margin:0 0 10px!important}
.steckbrief dl{margin:0;font-size:14px;line-height:1.5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
.steckbrief dl>div{border-bottom:1px solid var(--linie);padding:0 0 10px;margin-bottom:10px}
.steckbrief dt{font-weight:700;margin:0}
.steckbrief dd{margin:0;color:var(--text-2)}
.grau{background:var(--karte)}
.seiten-inhalt{position:sticky;top:20px;background:#fff;padding:20px 20px 12px}
.seiten-inhalt ol{list-style:none;margin:0;padding:0}
.seiten-inhalt a{display:grid;grid-template-columns:30px minmax(0,1fr);padding:9px 0 9px 10px;margin-left:-10px;border-top:1px solid var(--linie);font-size:14px;line-height:1.4;color:var(--text);text-decoration:none}
.seiten-inhalt li:first-child a{border-top:0}
.seiten-inhalt .nr{color:var(--blau-text);font-weight:300}
.seiten-inhalt a:hover{color:var(--blau-text)}
.seiten-inhalt li.uk-active a{color:var(--blau-text);font-weight:700;box-shadow:inset 3px 0 0 var(--blau)}
.sprung-titel{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin:0 0 12px}
.sprung{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px}
.sprung a{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto 1fr;align-content:start;row-gap:3px;column-gap:8px;padding:12px 0 14px;border-top:2px solid #d4d9dd;text-decoration:none;color:var(--text);height:100%;box-sizing:border-box}
.sprung .nr{grid-row:1/3;font-size:1.35rem;line-height:1.2;font-weight:300;color:var(--blau-text)}
.sprung .t{font-weight:700;font-size:15px;line-height:1.35;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}
.sprung .x{font-size:13px;line-height:1.45;color:var(--text-2)}
.sprung a:hover{border-top-color:var(--blau)}.sprung a:hover .t{color:var(--blau-text)}
.thema{display:flex;flex-direction:column;height:100%;background:#fff;text-decoration:none;color:var(--text)}
.thema img{width:100%;height:150px;object-fit:cover;display:block}
.thema .innen{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.thema h3{font-size:1.2rem;line-height:1.25;margin:0}
.thema p{font-size:13px;line-height:1.5;color:var(--text-2);margin:8px 0 12px}
.thema .mehr{margin-top:auto}
.thema:hover{text-decoration:none;color:var(--text)}.thema:hover h3{color:var(--blau-text)}
.inhalte{max-width:940px;margin:0 auto;padding:0 30px}
@media(max-width:640px){.inhalte{padding:0 15px}}
.k-abschnitt{background:#fff;padding:38px 44px 30px;font-size:16px;line-height:1.75}
.k-abschnitt+.k-abschnitt,.k-abschnitt+.anzeige,.anzeige+.k-abschnitt{margin-top:24px}
.k-abschnitt>h2{font-size:1.75rem;line-height:1.25;margin:0}
.k-abschnitt>h2:after{content:"";display:block;width:44px;height:4px;background:var(--blau);margin:14px 0 20px}
.k-abschnitt h3{font-size:1.15rem;font-weight:700;line-height:1.35;margin:30px 0 8px}
.k-abschnitt p{margin:0 0 16px}
.k-abschnitt>ul,.k-abschnitt>div>ul{padding-left:22px;margin:0 0 18px}
.k-abschnitt ul>li{margin-bottom:6px}.k-abschnitt ul>li::marker{color:var(--blau)}
.kachel-liste{list-style:none;padding:0!important;margin:4px 0 22px!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.kachel-liste.zwei{grid-template-columns:repeat(2,minmax(0,1fr))}
.kachel-liste>li{margin:0!important;background:#eef5f9;border-top:3px solid var(--blau);padding:12px 14px;font-size:15px;line-height:1.5;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}
.kachel-liste.zwei>li{font-size:14px;line-height:1.6}
.kachel-liste>li strong{color:var(--blau-text)}
.punkt-liste{column-count:2;column-gap:32px;margin-bottom:20px!important}
.punkt-liste>li{break-inside:avoid}
.hinweis{background:#eef5f9;padding:6px 24px 8px;margin:26px 0 20px}
.hinweis h3{margin-top:16px!important}
.weg-box{background:var(--blau-flaeche);color:#fff;padding:22px 26px 18px;margin:26px 0 20px}
.weg-box h3{color:#fff;margin:0 0 16px!important}
.weg-grafik{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));counter-reset:schritt}
.weg-grafik li{position:relative;padding:0 12px 0 0;margin:0;font-size:13px;line-height:1.45;color:#e6eef3}
.weg-grafik li:before{counter-increment:schritt;content:counter(schritt);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--blau-text);font-weight:700;font-size:15px;margin-bottom:10px}
.weg-grafik li:after{content:"";position:absolute;left:34px;right:0;top:16px;height:2px;background:rgba(255,255,255,.6)}
.weg-grafik li:last-child:after{display:none}
.weg-grafik strong{display:block;color:#fff;font-size:14px;margin-bottom:2px;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}
.weg-grafik .geld{display:inline-block;margin-top:4px;font-weight:700;color:#fff;background:rgba(255,255,255,.18);padding:1px 6px}
.weg-box .grafik-quelle{color:#d9e7ef;font-size:12px;margin:14px 0 0}
.markt{margin-top:6px;margin-bottom:22px}
.markt .zahl{background:#eef5f9}
.markt .zahl strong{font-size:1.7rem}
.gehalt-grafik{margin:8px 0 26px;background:#f7f9fb;padding:16px 18px}
.g-titel{font-size:13px;font-weight:700;margin:0 0 6px!important}
.g-zeile{display:grid;grid-template-columns:150px minmax(0,1fr) 84px;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--linie);font-size:14px}
.g-bahn{position:relative;height:22px;background:#e3eaef}
.g-spanne{position:absolute;top:0;bottom:0;background:#9fcbe0}
.g-median{position:absolute;top:-4px;bottom:-4px;width:4px;margin-left:-2px;background:var(--grau)}
.g-wert{text-align:right;font-weight:700}
.g-legende{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;color:var(--text-2);margin-top:10px}
.g-legende .farbe{display:inline-block;width:14px;height:10px;vertical-align:middle;margin-right:6px}
.staedte{list-style:none;padding:0!important;margin:4px 0 8px!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.staedte>li{margin:0!important}
.staedte a{display:block;background:var(--karte);padding:10px 12px;font-size:14px;font-weight:600;color:var(--text);text-decoration:none}
.staedte a:hover{background:var(--blau-flaeche);color:#fff}
.fragen details{border-bottom:1px solid var(--linie)}
.fragen details:first-of-type{border-top:1px solid var(--linie)}
.fragen summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:14px 0;font-weight:700;font-size:16px}
.fragen summary::-webkit-details-marker{display:none}
.fragen summary:after{content:"+";color:var(--blau-text);font-size:22px;line-height:1;font-weight:400}
.fragen details[open] summary:after{content:"\2212"}
.fragen details p{margin:0 0 16px;color:var(--text-2)}
.quellen{font-size:13px;line-height:1.6;color:var(--text-2);margin-top:24px}
.anzeige{background:#fff;border:1px solid #d6d6d6;padding:24px 28px}
.anzeige-marke{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin-bottom:6px}
.anzeige h2{font-size:1.3rem;line-height:1.3;margin:0 0 12px}
.anzeige p{font-size:14px;line-height:1.65;margin:0 0 12px}
.anbieter-kacheln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.anbieter{background:var(--karte);padding:14px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.anbieter img{max-width:130px;max-height:44px;height:auto;display:block}
.anbieter .neu{font-size:11px;font-weight:700;color:var(--blau-text);text-transform:uppercase;letter-spacing:.04em}
.anbieter .abschluss{font-size:13px;color:var(--text-2)}
.anbieter .knopf{font-size:13px;padding:7px 12px;margin-top:auto}
.verwandt .karte .innen{padding:20px 22px}
.verwandt .karte h3{font-size:1.25rem;margin:0;color:var(--text)}
.verwandt .karte:hover h3{color:var(--blau-text)}
@media(max-width:959px){
 .sprung{grid-template-columns:repeat(2,minmax(0,1fr))}
 .b-buehne{min-height:0;display:block;background-position:22% center;padding:240px 0 0}
 .b-box{max-width:none}.b-box h1{font-size:1.75rem}
 .k-abschnitt{padding:28px 22px 20px}.k-abschnitt>h2{font-size:1.45rem}
 .weg-grafik{grid-template-columns:1fr}
 .weg-grafik li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:14px;padding:0 0 16px}
 .weg-grafik li:before{grid-row:1/4;margin:0}
 .weg-grafik li:after{left:16px;right:auto;top:34px;bottom:0;width:2px;height:auto}
}
@media(max-width:640px){
 .b-buehne{padding-top:200px}.b-box{padding:22px 18px 24px}
 .kachel-liste.zwei{grid-template-columns:1fr}.punkt-liste{column-count:1}
 .sprung .x{display:none}
 .steckbrief dl{grid-template-columns:1fr}
 .g-zeile{grid-template-columns:minmax(0,1fr) 76px}.g-bahn{grid-column:1/3;grid-row:2}
 .zahl strong{font-size:1.6rem}
}

.b-buehne.klein{min-height:360px}
.b-box .datum{font-size:13px;color:#cfd6db;margin:12px 0 0}
.inhalt-voll{max-width:940px;margin:0 auto}
.k-abschnitt:after{content:"";display:table;clear:both}
.k-abschnitt a{overflow-wrap:anywhere}
.k-abschnitt,.b-box h1,.k-abschnitt h2,.k-abschnitt h3{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.k-abschnitt iframe,.k-abschnitt video,.k-abschnitt embed,.k-abschnitt [style*="width"]{max-width:100%!important;box-sizing:border-box}
.k-abschnitt em,.k-abschnitt i{font-style:normal;color:inherit}
.k-abschnitt li>p{margin:0}
.k-abschnitt span[style*="color"],.k-abschnitt a[style*="color"],.k-abschnitt font{color:inherit!important}
.beitrag-karte{text-decoration:none;color:var(--text);background:#fff}
.beitrag-karte img{height:200px}
.beitrag-karte h2{font-size:1.25rem!important;line-height:1.35!important}
.beitrag-karte small{color:var(--text-2);font-size:12px;margin-bottom:6px}
.beitrag-karte:hover{text-decoration:none;color:var(--text)}.beitrag-karte:hover h2{color:var(--blau-text)}
.k-abschnitt td{overflow-wrap:anywhere}
.k-abschnitt .uk-grid[data-uk-grid-margin]{display:block;margin-left:0}.k-abschnitt .uk-grid[data-uk-grid-margin]>*{padding-left:0}
.k-abschnitt img{max-width:100%;height:auto}
.k-abschnitt .aligncenter{display:block;margin:10px auto 20px}
.k-abschnitt .alignright{float:right;margin:4px 0 16px 24px;max-width:40%}
.k-abschnitt .alignleft{float:left;margin:4px 24px 16px 0;max-width:40%}
.k-abschnitt>h1,.k-abschnitt h1.uk-article-title{font-size:1.4rem;line-height:1.3;margin:0 0 8px}
.k-abschnitt h4{font-size:1rem;font-weight:700;margin:22px 0 6px}
.k-abschnitt ul.land-staedte{columns:3 190px;column-gap:28px;padding-left:0;list-style:none}
.k-abschnitt ul.land-staedte>li{break-inside:avoid;margin:0;padding:5px 0;border-bottom:1px solid var(--linie)}
.tabelle{overflow-x:auto;margin:0 0 22px}
.k-abschnitt table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}
.k-abschnitt th{background:var(--karte);text-align:left;font-weight:700;padding:9px 12px;border-bottom:2px solid var(--grau)}
.k-abschnitt td{padding:9px 12px;border-bottom:1px solid var(--linie);vertical-align:top}
.k-abschnitt table.tablepress tbody td:first-child{font-weight:600}
.dw-internal-link-buttons{list-style:none;padding:0!important;margin:20px 0!important;display:flex;flex-wrap:wrap;gap:10px}
.dw-internal-link-buttons>li{margin:0!important}
.su-button-center{text-align:left}
.k-abschnitt .su-button{display:inline-block!important;background:var(--blau-flaeche)!important;border:0!important;border-radius:0!important;text-decoration:none!important}
.k-abschnitt .su-button span{display:block!important;color:#fff!important;padding:9px 16px!important;font-size:14px!important;font-weight:600;line-height:1.4!important;border:0!important;border-radius:0!important;text-shadow:none!important}
.k-abschnitt .su-button:hover{background:var(--grau)!important}
.su-list{margin-left:0!important}.su-list>i{display:none}
.su-list ul{padding-left:22px}
.su-box{background:#eef5f9;border:0!important;border-top:3px solid var(--blau)!important;border-radius:0!important;margin:26px 0 20px;padding:4px 24px 10px}
.su-box-title{background:none!important;color:var(--text)!important;padding:0!important;border-radius:0!important}
.su-box-title h2,.su-box-title h3{font-size:1.2rem;font-weight:700;margin:14px 0 6px}
.su-box-content{padding:0!important}
.su-service{margin:20px 0}
.su-service-title{padding-left:0!important;min-height:0!important;line-height:inherit!important}.su-service-title i{display:none}
.su-service-content{padding-left:0!important}
.su-divider{border:0!important;border-top:1px solid var(--linie)!important;margin:28px 0!important;height:0}.su-divider a{display:none}
.su-posts{list-style:none;padding:0!important;margin:4px 0 22px!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.su-posts>li{margin:0!important}
.su-posts a{display:block;height:100%;box-sizing:border-box;background:var(--karte);padding:10px 12px;font-size:14px;font-weight:600;line-height:1.4;color:var(--text);text-decoration:none}
.su-posts a:hover{background:var(--blau-flaeche);color:#fff}
.fernstudium_pro,.fernstudium_contra{background:#eef5f9;border-top:3px solid var(--blau);padding:12px 18px 2px;margin:0 0 20px}
.fernstudium_contra{background:#f4f4f4;border-top-color:var(--grau)}
.uk-article-meta{font-size:13px;color:var(--text-2)}
.k-abschnitt .uk-grid-width-large-1-2>*{box-sizing:border-box}
@media(min-width:960px){.k-abschnitt .uk-grid-width-large-1-2{display:flex}.k-abschnitt .uk-grid-width-large-1-2>*{width:50%}.k-abschnitt .tm-article-container{padding-left:24px}}
.k-abschnitt article+article{margin-top:28px;padding-top:24px;border-top:1px solid var(--linie)}
.k-abschnitt .uk-subnav-line{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px}
.bewertung{margin-top:24px;background:#fff;padding:22px 44px 18px}
.bewertung b{font-weight:700}
.rating_form{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:0;margin:8px 0 0}
.rating_form .item{cursor:pointer;font-size:30px;line-height:1;color:#c9d3da}
.rating_form .item:before{content:"\2605"}
.rating_form .item.hover{color:#e8a200}
.rating_form .def{font-size:14px;color:var(--text-2);margin-left:10px}
.liste-band .az{list-style:none;padding:0;margin:22px 0 0;font-size:14px}
.liste-band .az li{padding:3px 0;break-inside:avoid;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}
.liste-band .az a{color:#dfe5ea;text-decoration:none}
.liste-band h3{color:#fff;font-size:1.15rem;margin:0}
.liste-band h3+.az{margin-top:12px}
.liste-band .mehr-band{margin:14px 0 0;font-size:14px}
.liste-band .mehr-band a{color:#fff;font-weight:600;text-decoration:none;border-bottom:2px solid var(--blau)}
.liste-band .mehr-band a:hover{border-bottom-color:#fff}
.liste-band .az a:hover,.liste-band .az a[aria-current]{color:#fff;text-decoration:underline}
@media(max-width:959px){.bewertung{padding:20px 22px 16px}}
@media(max-width:640px){.k-abschnitt .alignright,.k-abschnitt .alignleft{float:none;display:block;margin:10px 0 16px;max-width:100%}}

/* Kopfbild (11.11.2026, Vorbild duales-studium.org): Bild frei über die volle Breite, weiße Karte überlappt die Unterkante */
.b-buehne{display:block;min-height:0;padding:290px 0 0;background-color:var(--karte)}
.b-buehne:before,.b-buehne:after{content:"";position:absolute;left:0;right:0;top:0}
.b-buehne:before{bottom:0;background:var(--karte)}
.b-buehne:after{height:400px;background-image:inherit;background-size:cover;background-position:center 22%}
.b-buehne.klein{min-height:0;padding-top:230px}.b-buehne.klein:after{height:340px}
.b-buehne:not(.klein){padding-bottom:40px}
.b-buehne>*{position:relative;z-index:1}
.b-box{background:#fff;color:var(--text);max-width:820px;border-top:4px solid var(--blau);box-shadow:0 2px 10px rgba(0,0,0,.08);padding:26px 34px 30px}
.b-box h1{color:var(--text)}
.b-box .pfad{color:var(--text-2)}.b-box .pfad a{color:var(--blau-text)}
.b-box .einleitung{color:var(--text)}.b-box .einleitung a{color:var(--blau-text)}
.b-box .datum{color:var(--text-2)}
@media(max-width:959px){
 .b-buehne,.b-buehne.klein{padding:200px 0 0}.b-buehne:not(.klein){padding-bottom:28px}.b-buehne:after,.b-buehne.klein:after{height:260px}
 .b-box{box-shadow:none}
}
@media(max-width:640px){
 .b-buehne,.b-buehne.klein{padding:160px 0 0}.b-buehne:not(.klein){padding-bottom:28px}.b-buehne:after,.b-buehne.klein:after{height:210px}
}

/* Suchseite und 404 (12.11.2026, Vorbild bibliothek.info, im otti-Stil: gerade Kanten, keine Pillen) */
.sseite-buehne,.fehl-buehne{background:var(--karte);text-align:center;padding:34px 0 38px}
.sseite-buehne.klein{padding:26px 0 28px}
.sseite-buehne h1,.fehl-buehne h1{font-size:2.2rem;line-height:1.25;margin:4px auto 10px;max-width:32ch}
.sseite-dach,.fehl-dach{font-size:13px;font-weight:700;color:var(--blau-text);margin:0}
.sseite-text,.fehl-text{max-width:40rem;margin:0 auto 18px;color:var(--text-2)}
.fehl-text code{background:#fff;color:var(--blau-text);padding:1px 6px;overflow-wrap:anywhere;font-size:14px}
.sseite-form{display:flex;max-width:640px;margin:0 auto;background:#fff;border-top:4px solid var(--blau);box-shadow:0 2px 10px rgba(0,0,0,.08);padding:10px}
.sseite-form .uk-input{border:0;height:50px;font-size:17px;background:#fff;flex:1;min-width:0}
.sseite-form .knopf{height:50px;padding:0 22px;font-size:15px;white-space:nowrap}
.sseite-haeufig{max-width:720px;margin:16px auto 0;font-size:14px;color:var(--text-2)}
.sseite-haeufig a{color:var(--blau-text);text-decoration:none;white-space:nowrap}
.sseite-haeufig a:hover{text-decoration:underline}
.sseite-bild,.fehl-bild{display:block;width:100%;max-width:520px;margin:0 auto 6px;overflow:visible}
.sseite-regal{stroke:#b9c3ca;stroke-width:5;stroke-linecap:round}
.sseite-schrift{stroke:rgba(255,255,255,.7);stroke-width:2.4;stroke-linecap:round}
.sseite-lupe{animation:sseitegleiten 7s ease-in-out infinite}
.sseite-glas{fill:rgba(255,255,255,.55)}.sseite-rand{fill:none;stroke:var(--grau);stroke-width:8}.sseite-griff{fill:var(--grau)}
.sseite-glanz{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;opacity:.85}
@keyframes sseitegleiten{0%,100%{transform:translate(110px,112px)}50%{transform:translate(440px,112px)}}
.sseite-inhalt{padding-top:30px}
.sseite-inhalt h2{font-size:1.6rem;margin:34px 0 4px}
.sseite-inhalt h2 small{font-size:14px;color:var(--text-2);margin-left:6px}
.sseite-erkl{color:var(--text-2);font-size:14px;margin:0 0 10px}
.sseite-sprung{font-size:14px;color:var(--text-2);margin:0}
.sseite-sprung a{margin:0 6px;text-decoration:none}
.sseite-treffer{list-style:none;margin:0;padding:0;border-top:4px solid var(--blau);background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.sseite-treffer li+li{border-top:1px solid var(--linie)}
.sseite-treffer li>a,.sseite-treffer .ort{display:block;padding:12px 18px;text-decoration:none;color:var(--text)}
.sseite-treffer li>a:hover{background:#f6f9fb}
.sseite-treffer strong{display:block;color:var(--blau-text);font-weight:600}
.sseite-treffer span{display:block;font-size:14px;color:var(--text-2);margin-top:2px}
.sseite-treffer .ort strong{color:var(--text)}
.sseite-treffer .ort span a{margin-right:16px;white-space:nowrap}
.sseite-treffer mark{background:#fdeeb0;color:inherit;padding:0}
.sseite-kasten{background:#eef5f9;border-left:4px solid var(--blau);border-radius:0;padding:14px 20px;margin:18px 0}
.sseite-kasten p{margin:0}.sseite-kasten p+p{margin-top:6px}
.sseite-wege{margin-top:6px}
.sseite-weg{display:block;height:100%;background:#fff;border-top:4px solid var(--blau);box-shadow:0 1px 4px rgba(0,0,0,.08);padding:18px 20px;text-decoration:none;color:var(--text)}
.sseite-weg:hover{text-decoration:none;color:var(--text);box-shadow:0 3px 12px rgba(0,0,0,.12)}
.sseite-weg strong{display:block;font-size:1.1rem;font-weight:600;color:var(--blau-text)}
.sseite-weg span{display:block;font-size:14px;color:var(--text-2);margin-top:4px}
.sseite-liste{list-style:none;padding:0;margin:0}
.sseite-liste li{padding:3px 0}
.fehl-ziffer{font-weight:700;font-size:190px;fill:var(--grau)}
.fehl-pfahl{fill:#8a6a4a}
.fehl-arm{transform-box:fill-box}
.fehl-arm-1{fill:var(--blau-flaeche);transform-origin:left center;animation:fehlarm1 4.5s ease-in-out infinite}
.fehl-arm-2{fill:#e07b00;transform-origin:right center;animation:fehlarm2 4.5s ease-in-out infinite}
.fehl-arm-3{fill:var(--grau);transform-origin:left center;animation:fehlarm1 4.5s ease-in-out 1.2s infinite}
.fehl-armtext{fill:#fff;font-size:13px;font-weight:700}
.fehl-frage{fill:var(--blau-text);font-size:30px;font-weight:700;animation:fehlfrage 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.fehl-boden{stroke:#b9c3ca;stroke-width:2.5;stroke-dasharray:9 8;fill:none}
.fehl-weg{fill:none;stroke:#cfd6db;stroke-width:6;stroke-linecap:round;stroke-dasharray:2 14}
@keyframes fehlarm1{0%,100%{transform:rotate(0)}50%{transform:rotate(-7deg)}}
@keyframes fehlarm2{0%,100%{transform:rotate(0)}50%{transform:rotate(6deg)}}
@keyframes fehlfrage{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.sseite-lupe,.fehl-arm-1,.fehl-arm-2,.fehl-arm-3,.fehl-frage{animation:none}.sseite-lupe{transform:translate(280px,112px)}}
@media(max-width:640px){.sseite-buehne h1,.fehl-buehne h1{font-size:1.6rem}.sseite-form{flex-wrap:wrap}.sseite-form .knopf{width:100%;margin-top:8px}}