:root{--rot:#e3000b;--rot-d:#b3000a;--tint:#fdf1f1;--tint-b:#f7c6c8;--tx:#223046;--mut:#5f7391;--gruen:#a1be45;--gruen-t:#00587a;--gruen-f:#004a66;--gruen-tint:#eaf3f6;--gruen-tint-b:#c3dbe5;--bg:#f5f6f8;--line:#e4e7ec}
*{box-sizing:border-box}body{margin:0;font-family:Verdana,Geneva,-apple-system,Segoe UI,sans-serif;line-height:1.62;color:var(--tx);background:var(--bg)}
.tk-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
a{color:var(--rot)}a:hover{color:var(--rot-d)}
/* Header */
.tk-header{background:#fff;border-bottom:3px solid var(--gruen)}
.tk-header-in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.tk-logo img{display:block;height:44px;width:auto}
.tk-nav{display:flex;gap:20px;flex-wrap:wrap}
.tk-nav a{color:var(--tx);text-decoration:none;font-weight:600;font-size:15px}
.tk-nav a:hover{color:var(--rot)}
/* Layout */
.tk-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:38px;padding-top:28px;padding-bottom:50px;align-items:start}
.tk-content{background:#fff;padding:30px 34px;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.tk-sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:18px}
.tk-box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}
.tk-box h3{margin:0 0 10px;font-size:16px;color:var(--gruen-t)}
.tk-box-cta{background:var(--tint);border-color:var(--tint-b)}
.tk-list{list-style:none;padding:0;margin:0}.tk-list li{padding:5px 0;border-bottom:1px solid var(--line)}.tk-list li:last-child{border:0}
.tk-kpi{list-style:none;padding:0;margin:0}.tk-kpi li{padding:7px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--mut)}.tk-kpi b{display:block;font-size:22px;color:var(--gruen-t);line-height:1.1}
/* Content */
.tk-brot{font-size:13px;color:var(--mut);margin-bottom:12px}.tk-brot a{color:var(--mut)}
h1{font-size:27px;line-height:1.24;margin:.1em 0 .2em;color:var(--gruen-t)}
h2{font-size:21px;margin:1.7em 0 .5em;padding-left:12px;border-left:4px solid var(--gruen);color:#111}
h3{font-size:16px;margin:1.2em 0 .3em;color:#111}
.tk-byline{font-size:13px;color:var(--mut);border-bottom:1px solid var(--line);padding-bottom:12px;margin-top:0}
.tk-intro{font-size:17px}
.tk-kennzahlen{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0}
.tk-kz{flex:1;min-width:150px;background:var(--gruen-tint);border:1px solid var(--gruen-tint-b);border-radius:10px;padding:15px}
.tk-kz .tk-wert{display:block;font-size:26px;font-weight:700;color:var(--gruen-t)}.tk-kz .tk-lbl{font-size:12.5px;color:var(--mut)}.tk-kz em{color:#9aa0a8;font-style:normal;font-size:11.5px}
.tk-kz-link{text-decoration:none;color:inherit;cursor:pointer;transition:box-shadow .15s,transform .15s,border-color .15s}
.tk-kz-link:hover{box-shadow:0 3px 12px rgba(227,0,11,.18);transform:translateY(-1px);border-color:var(--rot)}
.tk-kz-go{display:inline-block;margin-top:3px;color:var(--rot);font-weight:600;white-space:nowrap}
.tk-amt{background:#fafbfc;border:1px solid var(--line);border-radius:8px;padding:12px 15px;margin:10px 0}
.tk-amt p{margin:4px 0}.tk-amt-adr{font-size:15px}
.tk-oeff.tk-muted,.tk-muted{color:var(--mut)}
.tk-umkreis{list-style:none;padding:0}.tk-umkreis li{padding:8px 12px;background:#fafbfc;border:1px solid var(--line);border-radius:8px;margin:6px 0}
.tk-faq details{border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin:8px 0;background:#fafbfc}
.tk-faq summary{font-weight:600;cursor:pointer}
.tk-quelle,.tk-quellen{color:#9aa0a8}
.tk-quelle{margin-top:28px;border-top:1px solid var(--line);padding-top:12px}
/* Footer */
.tk-footer{background:var(--gruen-f);color:#e3eef3;padding:26px 0;font-size:13.5px}
.tk-footer p{margin:6px 0}.tk-footer strong{color:#fff}
.tk-footer-nav{margin-top:8px}.tk-footer-nav a{color:#fff}
/* Mobil */
@media(max-width:860px){.tk-main{grid-template-columns:minmax(0,1fr)}.tk-sidebar{position:static}.tk-content{padding:22px 18px}}
/* Öffnungszeiten-Tabelle */
.tk-oeff{margin:8px 0}
.tk-oeff-lbl{display:block;font-size:12.5px;color:var(--mut);font-weight:600;margin-bottom:3px;text-transform:uppercase;letter-spacing:.02em}
.tk-oeff-tab{border-collapse:collapse;font-size:14px;line-height:1.5}
.tk-oeff-tab th{text-align:left;font-weight:700;color:var(--tx);padding:1px 16px 1px 0;width:34px;vertical-align:top}
.tk-oeff-tab td{padding:1px 0}
.tk-oeff-tab tr.tk-we th,.tk-oeff-tab tr.tk-we td{color:var(--mut);font-weight:400}
.tk-oeff-tab .tk-zu{color:#a3a9b3}
.tk-oeff-hinweis{margin:2px 0;color:var(--mut)}
/* Amts-Karten nebeneinander */
.tk-amt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;margin:12px 0}
.tk-amt-typ{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--rot);letter-spacing:.03em;margin-bottom:5px}
.tk-amt-tel{margin:6px 0}
/* Shortcode-Elemente */
.tk-sc-titel{font-weight:700;margin-bottom:6px;color:var(--rot-d)}
.tk-spoiler summary .tk-sc-titel{display:inline;margin:0}
.tk-sc-box{background:var(--tint);border-left:4px solid var(--rot);border-radius:0 8px 8px 0;padding:14px 18px;margin:16px 0}
.tk-sc-service{background:#fafbfc;border:1px solid var(--line);border-radius:8px;padding:14px 18px;margin:14px 0}
.tk-sc-note{background:#fffdf0;border:1px solid #efe4b0;border-radius:8px;padding:12px 16px;margin:14px 0}
.tk-spoiler{border:1px solid var(--line);border-radius:8px;margin:8px 0;background:#fafbfc}
.tk-spoiler summary{font-weight:600;cursor:pointer;padding:10px 14px}
.tk-spoiler-in{padding:0 14px 12px}
/* Sprungziele nicht unter die klebende Nav rutschen (Nav wird <820px zweizeilig -> höher) */
/* Kopf scrollt mit (nicht fixiert): Anker nur mit kleinem Luftabstand, sonst steht der vorige Abschnitt ueber der Ueberschrift */
[id]{scroll-margin-top:16px}
/* Inhaltsverzeichnis: klar als Linkliste abgesetzt (nicht so eng/heading-artig) */
.tk-toc .tk-spoiler-in ul,.tk-toc .tk-spoiler-in ol{list-style:none;padding-left:0;margin:2px 0}
.tk-toc .tk-spoiler-in li{margin:0;padding:9px 2px;border-bottom:1px solid var(--line);line-height:1.35}
.tk-toc .tk-spoiler-in li:last-child{border-bottom:0}
.tk-toc .tk-spoiler-in li a{font-weight:500;text-decoration:none;color:var(--rot-d)}
.tk-toc .tk-spoiler-in li a:hover{text-decoration:underline}
.tk-sc-hr{border:0;border-top:1px solid var(--line);margin:20px 0}
.tk-sc-spacer{height:16px}
.tk-sc-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:14px 0}
.tk-liste{margin:10px 0;padding-left:22px}.tk-liste li{margin:4px 0}
/* === Navigation (Menü/Dropdown/Sidebar/Footer) === */
.tk-nav-top{list-style:none;display:flex;gap:2px;margin:0;padding:0}
.tk-nav-top>li{position:relative}
.tk-nav-top>li>a{display:block;padding:12px 14px;color:var(--tx);text-decoration:none;font-weight:400;font-size:15.5px;text-transform:uppercase;letter-spacing:.01em}
.tk-nav-top>li>a:hover,.tk-nav-top>li>a.tk-aktiv,.tk-has-sub:hover>a{color:var(--gruen-t)}
.tk-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.13);min-width:290px;max-height:70vh;overflow-y:auto;padding:8px;display:none;z-index:30}
.tk-has-sub:hover .tk-dropdown{display:block}
.tk-dropdown ul{list-style:none;margin:0;padding:0}
.tk-dropdown li a{display:block;padding:7px 12px;color:#fff;text-decoration:none;font-size:14.5px;border-radius:4px}
.tk-dropdown li a:hover,.tk-dropdown li a.tk-aktiv{background:rgba(255,255,255,.14);color:#fff}
.tk-dropdown .tk-more a{font-weight:700;color:var(--rot)}
.tk-box-menue h3{text-transform:none}
.tk-sidemenue{max-height:440px;overflow-y:auto}.tk-sidemenue li a{font-size:14px}
/* Content-Tabellen (site-weit): saubere Kopfzeile, Zebra, mobil scrollbar */
.aa-tabwrap{overflow-x:auto;margin:18px 0}
.tk-content table{width:100%;border-collapse:collapse;font-size:15px;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.tk-content table th,.tk-content table td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.tk-content table thead th{background:#f7faf0;font-weight:600;color:#3f5610;border-bottom:2px solid #cfe3a8;white-space:nowrap}
.tk-content table tbody tr:last-child td{border-bottom:0}
.tk-content table tbody tr:nth-child(even){background:#f6f9fb}
.tk-footer-suche{max-width:600px;margin:0 0 28px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.12)}
.tk-footer-suche h4{color:#fff;font-size:15px;margin:0 0 10px}
.tk-footer-cols{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:30px;margin-bottom:16px}
.tk-footer-cols h4{color:#fff;font-size:15px;margin:0 0 10px}
.tk-footer-cols ul{list-style:none;margin:0;padding:0}.tk-footer-cols li{padding:3px 0}
.tk-footer-cols a{color:#e3eef3;text-decoration:none;font-size:14px}.tk-footer-cols a:hover{color:#fff}
.tk-footer-bl{columns:2;column-gap:20px}
.tk-footer-note{margin:14px 0 6px;border-top:1px solid rgba(255,255,255,.25);padding-top:14px}
.tk-burger-cb,.tk-burger{display:none}
@media(max-width:860px){
  .tk-burger{display:block;cursor:pointer;font-weight:600;padding:8px 12px;border:1px solid var(--line);border-radius:6px}
  .tk-nav{display:none;width:100%;order:3}.tk-burger-cb:checked~.tk-nav{display:block}
  .tk-nav-top{flex-direction:column}
  .tk-dropdown{position:static;display:block;box-shadow:none;border:0;max-height:none;padding:0 0 0 16px}
  .tk-footer-cols{grid-template-columns:1fr}.tk-footer-bl{columns:1}
}

/* Bundesland-Übersicht: Städte- und Kreis-Listen */
.tk-bl-staedte{list-style:none;padding:0;margin:14px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 20px}
.tk-bl-staedte li{padding:5px 0;border-bottom:1px solid var(--line)}
.tk-bl-staedte a{font-weight:600}
.tk-bl-staedte span{color:var(--mut);font-size:12px;font-weight:400}
.tk-bl-kreise{list-style:none;padding:0;margin:14px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px 20px}
.tk-bl-kreise li{padding:3px 0;font-size:14px}
.tk-bl-kreise span{color:var(--mut);font-size:12px}

/* Fakten-Kacheln + Ablauf-Schritte (Content-Seiten, wiederverwendbar) */
.aa-fakten{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:4px 0 30px}
.aa-kachel{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:15px 16px 14px;display:flex;flex-direction:column;gap:5px}
.aa-kachel .aa-ico{width:34px;height:34px;border-radius:8px;background:var(--tint);color:var(--rot);display:flex;align-items:center;justify-content:center;margin-bottom:3px}
.aa-kachel .aa-ico svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}
.aa-kachel .aa-val{font-size:18px;font-weight:800;color:var(--tx);line-height:1.2}
.aa-kachel .aa-lbl{font-size:12px;color:var(--rot);text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.aa-kachel .aa-sub{font-size:12.5px;color:var(--mut);line-height:1.45}
.aa-schritte{list-style:none;counter-reset:s;padding:0;margin:10px 0 24px;display:grid;gap:12px}
.aa-schritt{counter-increment:s;position:relative;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px 16px 14px 60px}
.aa-schritt::before{content:counter(s);position:absolute;left:14px;top:13px;width:32px;height:32px;border-radius:50%;background:var(--rot);color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center}
.aa-schritt b{display:block;font-size:15px;margin-bottom:2px;color:var(--tx)}
.aa-schritt span{font-size:13.5px;color:var(--mut)}
@media(min-width:560px){.aa-schritte{grid-template-columns:1fr 1fr}}

/* === Startseite / Landingpage === */
.tk-main.tk-voll{grid-template-columns:1fr}
.tk-voll .tk-content{padding:0;background:transparent;box-shadow:none}
.aa-hero{background:linear-gradient(135deg,var(--tint),#fff 70%);border:1px solid var(--tint-b);border-radius:14px;padding:40px 38px 34px}
.aa-hero h1{margin:0 0 12px;font-size:30px;line-height:1.2}
.aa-hero p{font-size:18px;color:#374151;max-width:760px;margin:0 0 22px}
.aa-hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.aa-btn{display:inline-block;padding:12px 22px;border-radius:8px;font-weight:700;text-decoration:none;font-size:15px}
.aa-btn-rot{background:var(--rot);color:#fff}.aa-btn-rot:hover{background:var(--rot-d);color:#fff}
.aa-btn-weiss{background:#fff;color:var(--rot);border:1px solid var(--tint-b)}.aa-btn-weiss:hover{background:var(--tint)}
.aa-sekt{margin:38px 0 0}
.aa-sekt h2{font-size:22px;margin:0 0 4px}
.aa-sekt .aa-lead{color:var(--mut);margin:0 0 18px}
.aa-themen{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.aa-thema{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 20px;text-decoration:none;color:var(--tx);transition:border-color .15s,box-shadow .15s}
.aa-thema:hover{border-color:var(--tint-b);box-shadow:0 4px 14px rgba(227,0,11,.08);color:var(--tx)}
.aa-thema .aa-ic{width:44px;height:44px;border-radius:10px;background:var(--tint);color:var(--rot);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.aa-thema .aa-ic svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7}
.aa-thema h3{margin:0 0 6px;font-size:18px;color:var(--rot)}
.aa-thema p{margin:0;font-size:14px;color:var(--mut);line-height:1.55}
.aa-pop{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px 20px}
.aa-pop li{padding:8px 0;border-bottom:1px solid var(--line)}
.aa-pop a{font-weight:600}
.aa-pop a::before{content:"›";color:var(--rot);margin-right:8px;font-weight:700}
.aa-staedte{display:flex;flex-wrap:wrap;gap:9px}
.aa-staedte a{display:inline-block;padding:8px 15px;background:var(--bg);border:1px solid var(--line);border-radius:20px;text-decoration:none;color:var(--tx);font-size:14px;font-weight:600}
.aa-staedte a:hover{background:var(--tint);border-color:var(--tint-b);color:var(--rot)}
.aa-staedte .aa-alle{background:var(--rot);color:#fff;border-color:var(--rot)}.aa-staedte .aa-alle:hover{background:var(--rot-d);color:#fff}
.aa-trust{margin:40px 0 0;padding:20px 22px;background:var(--bg);border-radius:12px;font-size:14px;color:var(--mut);line-height:1.6}
@media(max-width:600px){.aa-hero{padding:28px 22px}.aa-hero h1{font-size:24px}}

/* Hub-Seiten: A-Z-Verzeichnis der Unterseiten (mehrspaltig, kompakt) */
.aa-az{list-style:none;padding:0;margin:14px 0 8px;columns:4 175px;column-gap:26px}
.aa-az li{padding:4px 0;break-inside:avoid;border-bottom:1px solid var(--line)}
.aa-az a{font-weight:600;font-size:14px}
.aa-az a::before{content:"›";color:var(--rot);margin-right:7px;font-weight:700}
.aa-az-themen{columns:3 235px}
@media(max-width:600px){.aa-az{columns:2 140px}.aa-az-themen{columns:1}}

/* Hub-Hero-Bild */
.aa-hero-img{margin:0 0 22px;border-radius:10px;overflow:hidden;line-height:0}
.aa-hero-img img{width:100%;height:auto;display:block}
.tk-content img{max-width:100%;height:auto}   /* Sicherheitsnetz: kein Content-Bild laeuft ueber */
.aa-illu img{width:100%;height:auto;display:block;border-radius:8px}

/* Startseite: aufgewerteter Inhalt */
.aa-statband{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap;margin:22px 0 0;padding:16px 22px;background:var(--tint);border:1px solid var(--tint-b);border-radius:10px}
.aa-statband .aa-statnum{font-size:26px;font-weight:800;color:var(--rot);line-height:1}
.aa-statband .aa-statlbl{font-size:14px;color:#374151}
.aa-statband .aa-statq{font-size:12px;color:var(--mut);margin-left:auto}
.aa-prose{max-width:800px;color:#333a45;line-height:1.72}
.aa-prose p{margin:0 0 12px}
.aa-vergleich{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 0}
.aa-vk{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px}
.aa-vk h3{margin:0 0 4px;color:var(--rot);font-size:17px}
.aa-vk .aa-vk-sub{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.03em;font-weight:700;margin-bottom:8px}
.aa-vk ul{margin:0;padding-left:18px;font-size:14px;color:#374151;line-height:1.6}
.aa-leist{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:2px 26px;list-style:none;padding:0;margin:16px 0 0}
.aa-leist li{padding:13px 0;border-top:2px solid var(--tint-b)}
.aa-leist b{display:block;color:var(--tx);font-size:15px;margin-bottom:3px}
.aa-leist span{font-size:14px;color:var(--mut);line-height:1.55}
.aa-faq{margin:16px 0 0}
@media(max-width:600px){.aa-vergleich{grid-template-columns:1fr}}

/* Affiliate-Fernschul-Vergleichstabelle */
.aa-info-auto{margin-top:30px}
.aa-fernschul-wrap{overflow-x:auto;margin:14px 0}
.aa-fernschul{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.aa-fernschul th{text-align:center;padding:10px 12px;border-bottom:2px solid var(--line);font-size:13px;color:var(--tx)}
.aa-fernschul td{text-align:center;padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}
.aa-fernschul .aa-fs-name{font-weight:700;color:var(--tx)}
.aa-fernschul img{max-height:46px;width:auto;display:inline-block}
.aa-fernschul .aa-fs-stars{max-height:20px}
.aa-fs-check{color:#39a935;font-size:20px;font-weight:700}
.aa-fs-btn{display:inline-block;background:#eb6c1d;color:#fff;padding:9px 14px;border-radius:6px;font-weight:700;font-size:13px;text-decoration:none;line-height:1.2}
.aa-fs-btn:hover{background:#d55f13;color:#fff}

/* Anbieter-Karten-Block (Fernschul-Affiliate, Design wie abitur-abi.de, in Marken-Rot) */
.anbieter-block{margin:30px 0 0}
.anbieter-ad-label{display:block;font-size:10px;color:#8a7715;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;margin:0 0 4px}
.anbieter-block h3,.anbieter-block .anbieter-tit{margin:0 0 6px;font-size:20px;font-weight:700;color:#1a1a1a}
.anbieter-intro{font-size:15px;color:var(--mut);margin:6px 0 22px;max-width:720px;line-height:1.6}
.anbieter-disclosure{font-size:12px;color:var(--mut);line-height:1.5;margin:18px 0 0;max-width:760px}
.anbieter-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:20px;margin:0;align-items:stretch}
.anbieter-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px 22px 24px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 16px rgba(0,0,0,.04)}
.anbieter-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.08);border-color:var(--tint-b)}
.anbieter-card--featured{border-color:var(--rot);box-shadow:0 12px 30px rgba(227,0,11,.14);background:linear-gradient(180deg,var(--tint) 0%,#fff 40%)}
.anbieter-card--featured:hover{border-color:var(--rot-d);box-shadow:0 20px 44px rgba(227,0,11,.2)}
.anbieter-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--rot);color:#fff;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;padding:6px 14px;border-radius:99px;box-shadow:0 6px 14px rgba(227,0,11,.35);white-space:nowrap}
.anbieter-logo{display:flex;align-items:center;justify-content:center;height:74px;margin:6px 0 14px}
.anbieter-logo img{width:140px;height:auto;max-height:64px;object-fit:contain;display:block}
.anbieter-name{font-size:18px;font-weight:800;margin:0 0 12px;line-height:1.25;color:var(--tx)}
.anbieter-name span{display:block;font-size:13px;font-weight:500;color:var(--mut);margin-top:2px;text-transform:none}
.anbieter-trust{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 16px;padding:11px 12px;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);width:100%;font-size:13px;font-weight:600;color:var(--tx);line-height:1.3}
.anbieter-trust-ico{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--rot);color:#fff;font-size:11px;font-weight:700;flex-shrink:0}
.anbieter-features{list-style:none;padding:0;margin:0 0 20px;width:100%;text-align:left}
.anbieter-features li{position:relative;padding:6px 0 6px 26px;font-size:14px;color:var(--tx);line-height:1.4}
.anbieter-features li::before{content:"";position:absolute;left:2px;top:11px;width:13px;height:7px;border-left:2.5px solid var(--rot);border-bottom:2.5px solid var(--rot);transform:rotate(-45deg)}
.anbieter-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--rot);color:#fff;padding:13px 24px;border-radius:99px;font-weight:700;font-size:15px;text-decoration:none;line-height:1;width:100%;box-shadow:0 6px 16px rgba(227,0,11,.28);transition:background .15s,transform .15s,box-shadow .15s}
.anbieter-cta::after{content:"›";font-size:18px;font-weight:700;transition:transform .15s}
.anbieter-cta:hover{background:var(--rot-d);color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px rgba(227,0,11,.38)}
.anbieter-cta:hover::after{transform:translateX(3px)}
.anbieter-card--featured .anbieter-cta{background:var(--rot-d)}
.anbieter-card--featured .anbieter-cta:hover{background:#7d0a1c}
.anbieter-meta{margin:10px 0 0;font-size:12px;color:var(--mut)}
@media(max-width:560px){.anbieter-cards{grid-template-columns:1fr;max-width:400px;margin:0 auto}}

/* Startseite: Hero mit Bild + Sektions-Bild */
.aa-hero--split{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}
.aa-hero-fig{margin:0;border-radius:12px;overflow:hidden;line-height:0;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.aa-hero-fig img{width:100%;height:auto;display:block}
.aa-sekt-img{margin:18px 0 4px;border-radius:12px;overflow:hidden;line-height:0}
.aa-sekt-img img{width:100%;height:auto;display:block;max-height:340px;object-fit:cover}
/* Stadtseiten: Header-Streifen (kompakt) + Illustrations-Grafiken mit Bildunterschrift */
.aa-stadt-hero{margin:2px 0 20px;border-radius:10px;overflow:hidden;line-height:0}
.aa-stadt-hero img{width:100%;height:auto;display:block;max-height:280px;object-fit:cover;object-position:center 34%}
.aa-grafik{margin:20px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;line-height:0}
.aa-grafik img{width:100%;height:auto;display:block}
.aa-grafik figcaption{line-height:1.4;font-size:13px;color:var(--mut);padding:9px 14px;background:var(--bg);border-top:1px solid var(--line)}
/* Ämter-Karte (Leaflet/OSM, Klick-zum-Laden). z-index:0 kapselt Leaflet-Panes unter die klebende Nav. */
.aa-karte{position:relative;z-index:0;margin:20px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.aa-karte-ph{padding:28px 20px;text-align:center;background:var(--bg)}
.aa-karte-tit{margin:0 0 12px;font-weight:600}
.aa-karte-load{background:var(--rot);color:#fff;border:0;border-radius:24px;padding:11px 24px;font-weight:700;font-size:15px;cursor:pointer}
.aa-karte-load:hover{background:var(--rot-d)}
.aa-karte-hint{display:block;margin-top:10px;font-size:12px;color:var(--mut)}
.aa-karte-map{height:360px;width:100%}
.aa-karte figcaption{line-height:1.5;font-size:12px;color:var(--mut);padding:9px 14px;background:var(--bg);border-top:1px solid var(--line)}
.aa-pin span{display:block;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.45)}
.aa-mpin{cursor:pointer;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.aa-mpin svg{display:block}
.aa-bubble{background:rgba(227,0,11,.82);color:#fff;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 1px 5px rgba(0,0,0,.35);cursor:pointer}
.aa-bubble span{font-size:12px;line-height:1}
.aa-leg{display:inline-block;padding-left:17px;position:relative;margin-right:12px}
.aa-leg::before{content:"";position:absolute;left:0;top:50%;width:11px;height:11px;margin-top:-6px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.aa-leg-a::before{background:#223046}
.aa-leg-j::before{background:#e3000b}
.aa-leg-b::before{background:rgba(227,0,11,.82)}
/* AdSense-Anzeigenblöcke (manuell) - mit Pflicht-Label "Anzeige", Platz reserviert */
.aa-ad{margin:22px 0;min-height:100px;overflow:hidden}
.aa-ad-label{display:block;font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}
.aa-ad ins{display:block;margin:0 auto}
@media(max-width:760px){.aa-hero--split{grid-template-columns:1fr}}

/* Stellenanzeigen-Stadtseite */
.tk-stellen{list-style:none;padding:0;margin:14px 0}
.tk-stelle{padding:14px 0;border-bottom:1px solid var(--line)}
.tk-stelle-tit{font-weight:700;font-size:16px;color:var(--rot);text-decoration:none;line-height:1.35}
.tk-stelle-tit:hover{color:var(--rot-d);text-decoration:underline}
.tk-stelle-meta{margin:5px 0 0;font-size:13px;color:var(--mut);line-height:1.5}
.tk-stelle-firma{font-weight:600;color:var(--tx)}
.tk-stelle-art{display:inline-block;background:#e6f2d4;color:#3f6b0e;font-weight:600;font-size:11px;padding:1px 8px;border-radius:10px}
.tk-stellen-hinweis{font-size:13px;color:var(--mut);margin:12px 0 0}
.tk-kpi-link{font-weight:600}

/* Suche (Header + Autocomplete + Ergebnisseite) */
.tk-suche{position:relative}
.tk-suche-header{flex:0 1 250px;min-width:170px;order:3}
.tk-suche input{width:100%;padding:8px 14px;border:1px solid var(--line);border-radius:20px;font-size:14px;background:#fff;color:var(--tx)}
.tk-suche input:focus{outline:none;border-color:var(--rot);box-shadow:0 0 0 3px var(--tint)}
.tk-suche-drop{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.13);z-index:50;max-height:380px;overflow:auto}
.tk-suche-drop a{display:block;padding:10px 14px;text-decoration:none;color:var(--tx);font-size:14px;border-bottom:1px solid var(--line);line-height:1.3}
.tk-suche-drop a:last-child{border-bottom:0}
.tk-suche-drop a:hover{background:var(--tint);color:var(--tx)}
.tk-sug-typ{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.03em;font-weight:700;color:var(--rot);background:var(--tint);padding:1px 7px;border-radius:8px;margin-right:7px;vertical-align:1px}
.tk-suche-drop em{color:var(--mut);font-style:normal;font-size:12px}
.tk-suche-gross{display:flex;gap:8px;margin:20px 0 4px;max-width:560px}
.tk-suche-gross input{padding:14px 18px;font-size:16px;border-radius:26px}
.tk-suche-gross button{background:var(--rot);color:#fff;border:0;border-radius:26px;padding:0 24px;font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap}
.tk-suche-gross button:hover{background:var(--rot-d)}
@media(max-width:820px){.tk-suche-header{flex-basis:100%;order:4;min-width:0}}
/* Such-Block im Content (Stadtseiten + Hubs) - Akzentseite eckig (flaches Design) */
.aa-suchblock{background:linear-gradient(180deg,#fff,var(--bg));border:1px solid var(--line);border-left:4px solid var(--rot);border-radius:0 8px 8px 0;padding:15px 20px 18px;margin:22px 0}
.aa-suchblock h2{margin:0 0 3px;font-size:19px}
.aa-suchblock p{margin:0;color:var(--mut);font-size:14px}
.aa-suchblock .tk-suche-gross{margin:12px 0 0;max-width:100%}
.tk-box .tk-suche input{border-radius:20px}

/* --- Rechner (Tier 3) --- */
.aa-rechner{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:20px 20px 8px;margin:22px 0 26px}
.aa-rechner .r-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
@media(max-width:620px){.aa-rechner .r-grid{grid-template-columns:1fr}}
.aa-rechner label{display:flex;flex-direction:column;gap:5px;font-size:13.5px;font-weight:600;color:var(--tx)}
.aa-rechner input,.aa-rechner select{font:inherit;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--tx)}
.aa-rechner input:focus,.aa-rechner select:focus{outline:2px solid var(--rot);outline-offset:1px;border-color:var(--rot)}
.aa-rechner .r-hinweis{font-size:12px;color:var(--mut);font-weight:400}
.aa-rechner .r-out{margin-top:16px;border-top:1px solid var(--line);padding-top:6px}
.aa-rechner .r-zeile{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:9px 0;border-bottom:1px dashed var(--line)}
.aa-rechner .r-zeile span{color:var(--mut);font-size:13.5px}
.aa-rechner .r-zeile strong{color:var(--tx);font-size:15px;white-space:nowrap}
.aa-rechner .r-zeile.r-gross{border-bottom:none}
.aa-rechner .r-zeile.r-gross span{color:var(--tx);font-weight:700}
.aa-rechner .r-zeile.r-gross strong{color:var(--rot);font-size:20px;font-weight:800}
.aa-rechner .r-zeile.r-sub span,.aa-rechner .r-zeile.r-sub strong{font-size:12.5px;color:var(--mut)}
.aa-rechner .r-hint{font-size:13px;color:var(--mut);padding:10px 0 2px;line-height:1.5}

/* --- Suchseite hübscher (Tier 3/4) --- */
.aa-such-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0 10px}
.aa-such-chips-lbl{font-size:13px;color:var(--mut);font-weight:600;margin-right:2px}
.aa-such-chips a{display:inline-block;padding:6px 13px;border:1px solid var(--line);border-radius:999px;font-size:13.5px;color:var(--tx);background:var(--bg);text-decoration:none;transition:border-color .15s,color .15s,background .15s}
.aa-such-chips a:hover{border-color:var(--rot);color:var(--rot);background:var(--tint)}
.aa-such-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:10px 0 24px}
.aa-such-card{display:flex;align-items:center;gap:11px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none;color:var(--tx);transition:border-color .15s,box-shadow .15s,transform .15s}
.aa-such-card:hover{border-color:var(--rot);box-shadow:0 2px 12px rgba(0,0,0,.07);transform:translateY(-1px)}
.aa-such-ico{flex:0 0 34px;width:34px;height:34px;border-radius:8px;background:var(--tint);color:var(--rot);display:flex;align-items:center;justify-content:center}
.aa-such-ico svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8}
.aa-such-txt{display:flex;flex-direction:column;min-width:0}
.aa-such-txt b{font-weight:700;font-size:14.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aa-such-txt small{color:var(--mut);font-size:12px}
.aa-such-h2{display:flex;align-items:center;gap:9px;margin-top:22px}
.aa-such-h2 .aa-such-ico{width:28px;height:28px;flex-basis:28px}
.aa-such-h2 .aa-such-ico svg{width:16px;height:16px}
.aa-such-leer{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:14px 0}
.aa-such-leer p{margin:0 0 4px}

/* --- Lexikon/Glossar (Tier 4) --- */
.aa-lex-az{font-size:15px;line-height:2;letter-spacing:.03em}
.aa-lex-az a{font-weight:700;text-decoration:none;color:var(--rot)}
.aa-lex-letter{color:var(--rot);border-bottom:2px solid var(--tint);padding-bottom:4px;margin:26px 0 10px}
dl.aa-lexikon{margin:0 0 8px}
dl.aa-lexikon dt{font-weight:700;color:var(--tx);margin:14px 0 3px;font-size:16px}
dl.aa-lexikon dd{margin:0;color:var(--tx);line-height:1.6}
dl.aa-lexikon dd a{white-space:nowrap}

/* --- Manueller Anzeigenblock (In-Article) --- */
.aa-ad{margin:26px 0;text-align:center;min-height:1px}
.aa-ad-label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin-bottom:4px;text-align:left}
.aa-ad ins{margin:0 auto}
/* jobcenter.info: Shortcodes-Ultimate-Bausteine aus dem Altbestand */
.tk-infobox{border:1px solid var(--line);border-radius:0 8px 8px 0;margin:18px 0;background:#fff;border-left:4px solid var(--gruen)}
.tk-infobox-kopf{background:var(--gruen-tint);padding:10px 16px;font-weight:700;color:var(--tx);border-bottom:1px solid var(--line)}
.tk-infobox-in{padding:6px 16px 10px}
.tk-iconbox{display:flex;gap:14px;align-items:flex-start;background:#fafbfc;border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin:16px 0}
.tk-iconbox-ic{flex:0 0 28px;height:28px;border-radius:50%;background:var(--rot);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px}
.tk-iconbox-in>:first-child{margin-top:0}.tk-iconbox-in>:last-child{margin-bottom:0}
.tk-zitat{margin:18px 0;padding:12px 18px;border-left:4px solid var(--rot);background:var(--tint);border-radius:0 8px 8px 0;color:var(--tx)}
.tk-zitat>:first-child{margin-top:0}.tk-zitat>:last-child{margin-bottom:0}
/* Mobil: breite Alt-Tabellen scrollen in sich, lange Woerter brechen um (kein Seiten-Ueberlauf) */
.tk-content{min-width:0;overflow-wrap:break-word}
.tk-content table:not(.tk-oeff-tab){display:block;max-width:100%;overflow-x:auto}
.tk-content img{max-width:100%;height:auto}

/* === jobcenter.info: Kopf wie Altseite (Hinweiszeile, Navbar mit gruenen Dropdowns, eigenes Mobilmenue) === */
.tk-toolbar{background:#fdfeff;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--mut);padding:7px 0}
.tk-toolbar a{color:var(--rot)}
.tk-dropdown{background:var(--gruen-f)!important;border:0!important;border-radius:0 0 6px 6px!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important;padding:12px!important;min-width:260px}
.tk-dropdown-2sp{min-width:520px;right:0;left:auto}
.tk-dropdown-2sp ul{columns:2;column-gap:18px;column-rule:1px solid rgba(255,255,255,.2)}
.tk-dropdown-2sp li{break-inside:avoid}
.tk-nav-top>li:last-child .tk-dropdown,.tk-nav-top>li:nth-last-child(2) .tk-dropdown{right:0;left:auto}
.tk-nav-mobil{display:none}
.tk-sidemenue ul{list-style:none;margin:4px 0 0 12px;padding:0}.tk-sidemenue ul li{border:0;padding:3px 0}
.tk-sidemenue a{color:var(--tx);text-decoration:none}.tk-sidemenue a:hover,.tk-sidemenue a.tk-aktiv{color:var(--gruen-t);font-weight:600}
@media(max-width:960px){
  .tk-nav-desktop{display:none!important}
  .tk-burger{display:block;cursor:pointer;font-weight:600;padding:8px 12px;border:1px solid var(--line);border-radius:6px}
  .tk-burger-cb:checked~.tk-nav-mobil{display:block;width:100%;order:3}
  .tk-mobil{list-style:none;margin:6px 0 0;padding:0;border-top:3px solid var(--gruen)}
  .tk-mobil>li{border-bottom:1px solid var(--line)}
  .tk-mobil a{display:block;padding:10px 4px;color:var(--tx);text-decoration:none;text-transform:uppercase;font-size:15px}
  .tk-mobil ul{list-style:none;margin:0 0 8px;padding:0 0 0 16px}
  .tk-mobil ul a{text-transform:none;padding:6px 4px;font-size:14.5px;color:var(--mut)}
  .tk-mobil a.tk-aktiv{color:var(--gruen-t);font-weight:600}
}
.tk-dropdown li a{font-weight:400}
.tk-logo img{height:58px}
.tk-box-cta{background:var(--gruen-tint);border-color:var(--gruen-tint-b)}
@media(max-width:960px){.tk-toolbar{display:none}.tk-mobil ul a{font-weight:400}}
/* H3 im Inhalt: schwarz mit schmalerem gruenen Anstrich (H2 = 4px) */
.tk-content h3{padding-left:10px;border-left:3px solid var(--gruen)}
.tk-content .tk-infobox-kopf,.tk-content .aa-thema h3,.tk-content .aa-vk h3,.tk-content .anbieter-block h3{border-left:0;padding-left:0}
/* === Seitenmenue wie Altseite === */
.tk-box-menue{background:#fbfcfd;border-color:#eef0f3}
.tk-box-menue h3{margin:0 0 14px;padding-left:18px;border-left:4px solid var(--gruen);font-size:21px;line-height:1.2;color:var(--tx)}
.tk-box-menue.tk-alles h3{text-transform:uppercase;font-size:18px;color:var(--gruen-t);letter-spacing:.02em}
.tk-sidemenue{max-height:none;overflow:visible;list-style:none;margin:0;padding:0}
.tk-sidemenue>li{padding:0;border-bottom:1px solid var(--line)}
.tk-sidemenue>li:last-child{border-bottom:0}
.tk-sidemenue>li>a{display:block;padding:9px 0;color:var(--tx);font-size:15px}
.tk-sidemenue ul{list-style:none;margin:-4px 0 10px 10px;padding:0}
.tk-sidemenue ul li{padding:3px 0;border:0}
.tk-sidemenue ul a{color:#8a95a8;font-size:14.5px}
.tk-sidemenue a:hover,.tk-sidemenue a.tk-aktiv{color:var(--gruen-t)}
.tk-sidemenue a.tk-aktiv{font-weight:600}
.tk-box-menue:not(.tk-alles) .tk-sidemenue>li{border-bottom:0}
.tk-akk summary{list-style:none;cursor:pointer;padding:6px 22px 6px 0;color:#8a95a8;font-size:15px;position:relative}
.tk-akk summary::-webkit-details-marker{display:none}
.tk-akk summary::after{content:"";position:absolute;right:4px;top:12px;width:7px;height:7px;border-right:1.5px solid #9aa3b2;border-bottom:1.5px solid #9aa3b2;transform:rotate(45deg);transition:transform .15s}
.tk-akk details[open] summary{color:var(--tx)}
.tk-akk details[open] summary::after{transform:rotate(-135deg);top:15px}
.tk-akk ul{margin:2px 0 8px 12px}
/* === Startseite im Aufbau der Altseite === */
.jc-slides{position:relative;margin:-30px -34px 26px;overflow:hidden;border-radius:10px 10px 0 0}
.jc-slides-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.jc-slides-track::-webkit-scrollbar{display:none}
.jc-slide{flex:0 0 100%;scroll-snap-align:start;position:relative;display:block;aspect-ratio:16/7;background:#dfe5d2;text-decoration:none}
.jc-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jc-slide-box{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);background:rgba(255,255,255,.72);padding:22px 34px;text-align:center;min-width:46%}
.jc-slide-tit{display:block;font-size:44px;font-weight:700;color:var(--tx);line-height:1.1}
.jc-slide-mehr{display:block;margin-top:12px;font-size:14px;color:var(--tx)}
.jc-slides-dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:8px}
.jc-slides-dots a{width:16px;height:3px;background:#fff;opacity:.9}
.jc-slides-dots a.an{background:var(--rot)}
.jc-sekt{margin:0 0 28px}
.jc-einstieg{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px;align-items:start}
.jc-einstieg-seite .tk-box-menue{background:transparent;border:0;padding:0}
.jc-kasten{background:#f7f8fa;padding:24px 28px;border-radius:8px}
.jc-rot{background:var(--rot);color:#fff;margin-left:-34px;margin-right:-34px;padding:30px 34px}
.jc-rot h2,.jc-rot h3{color:#fff;border-left-color:#fff}
.jc-rot a{color:#fff;text-decoration:underline}
.jc-rot .tk-liste li::marker,.jc-rot li::marker{color:#fff}
.jc-kacheln{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:30px;align-items:center}
.jc-kacheln-intro h3{margin-top:0}
.jc-kacheln-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.jc-kachel{display:block;position:relative;border-radius:8px;overflow:hidden;text-decoration:none;aspect-ratio:4/3;background:#eee}
.jc-kachel img{width:100%;height:100%;object-fit:cover;display:block}
.jc-kachel span{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;background:rgba(34,48,70,.78);color:#fff;font-weight:700;font-size:17px}
.jc-blog-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.jc-blog-kopf h2{margin-top:0}
.jc-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.jc-blog-karte{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--tx);border:1px solid var(--line);border-radius:8px;padding:0 0 14px;overflow:hidden;background:#fff}
.jc-blog-karte img{width:100%;aspect-ratio:16/9;object-fit:cover}
.jc-blog-datum{font-size:12.5px;color:var(--mut);padding:10px 14px 0}
.jc-blog-tit{font-weight:700;font-size:15px;line-height:1.35;padding:0 14px}
.jc-blog-karte:hover .jc-blog-tit{color:var(--gruen-t)}
@media(max-width:860px){
  .jc-slides{margin:-22px -18px 20px}.jc-rot{margin-left:-18px;margin-right:-18px;padding:24px 18px}
  .jc-slide{aspect-ratio:4/3}.jc-slide-box{min-width:80%;padding:14px 18px;bottom:26px}.jc-slide-tit{font-size:28px}
  .jc-einstieg,.jc-kacheln{grid-template-columns:minmax(0,1fr)}.jc-blog-grid{grid-template-columns:minmax(0,1fr)}
}
.tk-voll .tk-content:has(.jc-slides){background:#fff;padding:30px 34px;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
@media(max-width:860px){.tk-voll .tk-content:has(.jc-slides){padding:22px 18px}}
/* === Seitenkopf wie Altseite: gruenes Band mit H1 + Beitragsbild === */
.jc-kopf{background:var(--gruen-t);margin:-30px -34px 20px;padding:30px 34px 34px;border-radius:10px 10px 0 0}
.jc-kopf h1{color:#fff;margin:0;font-size:28px}
.jc-kopf-bild{margin:22px 0 0;border-radius:120px 18px 120px 18px;overflow:hidden;line-height:0}
.jc-kopf-bild img{width:100%;height:auto;max-height:520px;object-fit:cover}
@media(max-width:860px){.jc-kopf{margin:-22px -18px 16px;padding:22px 18px 24px}.jc-kopf h1{font-size:23px}.jc-kopf-bild{border-radius:60px 12px 60px 12px}}
.tk-dropdown:has(.tk-dd-karte){min-width:520px;display:none}
.tk-has-sub:hover .tk-dropdown:has(.tk-dd-karte){display:grid;grid-template-columns:1fr 230px;gap:16px}
.tk-dd-karte{display:block;color:#fff;text-decoration:none;font-size:13.5px;line-height:1.4}
.tk-dd-karte img{width:100%;height:auto;border-radius:6px;display:block;margin-bottom:8px}
.tk-dd-karte b{display:block;margin-top:6px}
/* Startseite: die roten Vollflaechen der Altseite als dezente Hinweisboxen (MASTER 25.09.2026: "zu krass vom Rot") */
.jc-rot{background:var(--gruen-tint);color:var(--tx);margin-left:0;margin-right:0;padding:24px 28px;border-left:5px solid var(--gruen);border-radius:0 8px 8px 0}
.jc-rot h2,.jc-rot h3{color:#111;border-left:0;padding-left:0}
.jc-rot h2{margin-top:0}
.jc-rot a{color:var(--rot)}
.jc-rot li::marker,.jc-rot .tk-liste li::marker{color:var(--gruen-t)}
@media(max-width:860px){.jc-rot{margin-left:0;margin-right:0;padding:20px 18px}}
.jc-kasten h2,.jc-kasten h3{margin-top:0}.jc-kasten>*:first-child,.jc-rot>*:first-child{margin-top:0}
/* Dropdowns breiter, alle Schrift weiss (MASTER 25.09.2026) */
.tk-dropdown{min-width:340px!important;padding:16px 18px!important}
.tk-dropdown-2sp{min-width:640px!important}
.tk-dropdown li a{font-size:15.5px;padding:8px 12px;white-space:normal}
.tk-dropdown a,.tk-dropdown a span,.tk-dropdown a b,.tk-dropdown a:visited,.tk-dropdown a.tk-aktiv,.tk-dd-karte,.tk-dd-karte *{color:#fff!important}
.tk-has-sub:hover .tk-dropdown:has(.tk-dd-karte){grid-template-columns:minmax(0,1fr) 250px;min-width:600px!important}
.tk-dd-karte{font-weight:400}.tk-dd-karte span{display:block}.tk-dd-karte b{font-weight:700}
.tk-dd-karte img{width:250px;height:139px;object-fit:cover}
.tk-dd-karte span{font-weight:400!important}
/* Stadtseiten: Inhaltsverzeichnis + Kennzahlentabelle */
.jc-toc{background:#f7f8fa;border:1px solid var(--line);border-radius:8px;padding:14px 20px;margin:22px 0}
.jc-toc-tit{display:block;font-weight:700;margin-bottom:6px;color:var(--tx)}
.jc-toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px}.jc-toc li{padding:3px 0;break-inside:avoid}
.jc-toc a{color:var(--tx);text-decoration:none;border-bottom:1px solid var(--line)}.jc-toc a:hover{color:var(--gruen-t)}
.jc-tab{width:100%;border-collapse:collapse;margin:14px 0;font-size:14.5px}
.jc-tab th,.jc-tab td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}
.jc-tab th{background:var(--gruen-tint);font-weight:700}.jc-tab td:nth-child(n+2),.jc-tab th:nth-child(n+2){text-align:right}
.jc-tab-bund td{color:var(--mut);font-size:13.5px}
.tk-intro p{font-size:17px}
@media(max-width:700px){.jc-toc ol{columns:1}}
.jc-rechtsstand{background:#fff8e6;border-left:5px solid #e3a000;border-radius:0 8px 8px 0;padding:14px 18px;margin:18px 0;font-size:15px}
.jc-rechtsstand .jc-quelle{display:block;margin-top:6px;font-size:13px;color:var(--mut)}
.jc-hinweis-ort{background:var(--gruen-tint);border-left:4px solid var(--gruen);padding:10px 14px;border-radius:0 6px 6px 0}
/* === Startseite strukturiert (28.09.2026) === */
.jc-slide{aspect-ratio:16/6}
.jc-finder{background:var(--gruen-tint);border:1px solid var(--gruen-tint-b);border-radius:10px;padding:22px 26px;margin:0 0 22px}
.jc-finder h2{margin-top:0;border-left:0;padding-left:0}
.jc-finder-staedte{margin-top:14px}
.jc-finder-bl{margin-top:10px}.jc-finder-bl summary{cursor:pointer;font-weight:600;color:var(--gruen-t)}
.jc-schnell{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px}
.jc-schnell-k{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;text-decoration:none;color:var(--tx);transition:border-color .15s,box-shadow .15s}
.jc-schnell-k:hover{border-color:var(--gruen);box-shadow:0 3px 12px rgba(0,0,0,.07)}
.jc-schnell-k strong{font-size:16px}.jc-schnell-k span:last-child{font-size:13.5px;color:var(--mut)}
.jc-schnell-k .aa-ic svg{width:28px;height:28px;stroke:var(--gruen-t);fill:none;stroke-width:1.8}
.jc-neu{background:#fff8e6;border-left:5px solid #e3a000;border-radius:0 8px 8px 0;padding:14px 18px;margin:0 0 22px}
.jc-raster{display:grid;gap:18px}.jc-raster-3{grid-template-columns:repeat(3,minmax(0,1fr))}.jc-raster-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.jc-karte{background:#fff;border:1px solid var(--line);border-top:4px solid var(--gruen);border-radius:8px;padding:18px 20px}
.jc-karte h3{margin-top:0;border-left:0;padding-left:0;font-size:17px}
.jc-karte>:last-child{margin-bottom:0}
.jc-karte-tipps ol,.jc-karte-tipps ul{counter-reset:tipp;list-style:none;padding-left:0}
.jc-karte-tipps li{counter-increment:tipp;position:relative;padding-left:36px;margin:8px 0}
.jc-karte-tipps li::before{content:counter(tipp);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--gruen-t);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}
.jc-karte-tipps li p{margin:0}
.jc-karte-check ul{list-style:none;padding-left:0}.jc-karte-check li{position:relative;padding-left:28px;margin:6px 0}
.jc-karte-check li::before{content:"✓";position:absolute;left:0;color:var(--gruen-t);font-weight:700}
.jc-karte-check li p{margin:0}
.jc-karte-vgl{border-top-color:var(--tx)}
@media(max-width:900px){.jc-schnell{grid-template-columns:repeat(2,minmax(0,1fr))}.jc-raster-3,.jc-raster-2{grid-template-columns:minmax(0,1fr)}}
/* === Eckige Boxen, gerade Anstriche (MASTER 28.09.2026) ===
   Alle Boxen/Karten/Kaesten/Bilder/Tabellen ohne Rundung - farbige Anstriche oben/links laufen damit gerade durch.
   Rund bleiben nur Bedienelemente (Suchfeld, Buttons, Staedte-Knoepfe) und Kreis-Symbole (Zahlen-Badges, Kartenpunkte). */
.tk-content,.tk-box,.tk-kz,.tk-amt,.tk-faq details,.tk-spoiler,.tk-infobox,.tk-iconbox,.tk-zitat,.tk-sc-box,.tk-sc-note,.tk-sc-service,
.tk-umkreis li,.tk-content table,.tk-dropdown,.tk-dd-karte img,.tk-suche-drop,
.jc-karte,.jc-kasten,.jc-rot,.jc-finder,.jc-schnell-k,.jc-neu,.jc-toc,.jc-kopf,.jc-slides,.jc-blog-karte,.jc-kachel,.jc-rechtsstand,.jc-hinweis-ort,
.tk-voll .tk-content:has(.jc-slides),
.aa-grafik,.aa-hero,.aa-hero-fig,.aa-hero-img,.aa-illu img,.aa-kachel,.aa-karte,.aa-rechner,.aa-schritt,.aa-sekt-img,.aa-stadt-hero,.aa-statband,
.aa-such-card,.aa-such-leer,.aa-suchblock,.aa-thema,.aa-trust,.aa-vk,.anbieter-card{border-radius:0!important}

/* Zusammenfassung vor der ersten H2 (vorher H3 "Wichtige Punkte/Erkenntnisse" - einheitlicher Kasten) */
.tk-content .jc-blick-kopf{margin:18px 0 6px;font-weight:700;font-size:17px;color:#1a1a1a;border-top:3px solid var(--gruen);padding-top:10px}

/* Neufassungen: Kasten "Das Wichtigste auf einen Blick" (eckig, Akzent oben gerade) und Quellenzeile */
.tk-content .jc-blick{background:var(--gruen-tint);border:1px solid var(--gruen-tint-b);border-top:4px solid var(--gruen);border-radius:0;padding:14px 18px 6px;margin:18px 0 24px}
.tk-content .jc-blick .jc-blick-kopf{margin:0 0 8px;border:0;padding:0}
.tk-content .jc-blick ul{margin:0 0 8px;padding-left:18px}
.tk-content .jc-blick li{margin:0 0 6px}
.tk-content .jc-blick-quelle{font-size:13px;color:var(--mut);margin:4px 0 8px;border:0;padding:0}.tk-content .jc-blick-quelle a{color:inherit}
.tk-content .jc-quellen{font-size:14px;color:var(--mut);border-top:1px solid var(--line);padding-top:10px;margin-top:28px}

/* ===== Megamenue (MASTER 30.09.2026): breites Band wie auf der Altseite, seit 02.10.2026 in Petrol var(--gruen-t) wie das Titelband;
   Hauptmenue oben bleibt wie vorher. Spalten mit Trennlinien, rechts Bildkarte + Button. Nur Desktop. */
.tk-header{position:relative}
.tk-nav-desktop .tk-nav-top>li{position:static}
.tk-mega{display:none;position:absolute;left:0;right:0;top:100%;z-index:40;background:var(--gruen-t);padding:40px 15px}
.tk-mega::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}   /* Bruecke Menuepunkt -> Band, damit es beim Runterfahren offen bleibt */
.tk-nav-desktop .tk-has-sub:hover .tk-mega,.tk-nav-desktop .tk-has-sub:focus-within .tk-mega{display:block}
.tk-mega-in{display:flex;justify-content:center;max-width:1180px;margin:0 auto}
.tk-mega-sp{list-style:none;margin:0;padding:0 40px;min-width:200px;max-width:240px;border-left:1px solid rgba(255,255,255,.3)}
.tk-mega-sp:first-child{border-left:0}
.tk-mega-sp li a{display:block;padding:5px 0;color:#fff;font-size:16px;font-weight:400;line-height:25.6px;text-decoration:none}
.tk-mega-sp li a:hover{text-decoration:underline}
.tk-mega-karte{text-align:center;max-width:220px}
.tk-mega-karte img{display:block;width:180px;height:100px;object-fit:cover;margin:0 auto 12px}
.tk-mega-karte p{margin:0 0 16px;color:rgba(255,255,255,.85);font-size:14px;line-height:19.6px}
.tk-mega .tk-mega-btn{display:inline-block;padding:4px 16px;border:1px solid var(--rot);color:#fff!important;font-weight:400!important;font-size:13px;text-decoration:none;line-height:22px;background:transparent}
.tk-mega .tk-mega-btn:hover{background:var(--rot);color:#fff!important}

/* ===== Mobil: nichts darf seitlich ueberlaufen (MASTER 30.09.2026) ===== */
.tk-iconbox-in{flex:1 1 auto;min-width:0}                       /* Flex-Kind sonst so breit wie sein Inhalt */
.tk-content,.tk-content td,.tk-content th,.tk-content li,.tk-content p,.tk-content h2,.tk-content h3{overflow-wrap:break-word}
.tk-content img,.tk-content iframe,.tk-content video{max-width:100%;height:auto}
@media(max-width:700px){
  .tk-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}   /* breite Tabellen scrollen in sich */
  .tk-content table thead th{white-space:normal}
  .tk-content th,.tk-content td{padding:8px 10px;hyphens:auto}
}
.jc-start-bild{margin:6px 0 20px}.jc-start-bild img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px}
.jc-geld-kacheln{margin:16px 0 8px}.jc-geld-kacheln .aa-thema h3{font-size:17px}
.jc-404-zeichen{width:64px;height:64px;border-radius:14px;background:var(--tint);color:var(--rot);display:flex;align-items:center;justify-content:center;margin:4px 0 14px}
.jc-404-zeichen svg{width:36px;height:36px;stroke:currentColor;fill:none;stroke-width:1.8}
.jc-404-url{color:var(--mut);margin:0 0 10px;overflow-wrap:anywhere}.jc-404-url code{background:var(--bg);padding:2px 6px;border-radius:4px}
.tk-content img.alignleft{float:left;margin:4px 20px 12px 0;max-width:45%;height:auto}.tk-content img.alignright{float:right;margin:4px 0 12px 20px;max-width:45%;height:auto}.tk-content img.aligncenter{display:block;margin:12px auto}
@media(max-width:600px){.tk-content img.alignleft,.tk-content img.alignright{float:none;max-width:100%;margin:12px 0}}
.jc-verwandt{border:1px solid var(--line);border-radius:10px;background:var(--bg);padding:16px 20px;margin:26px 0}
.jc-verwandt-kopf{font-weight:800;margin:0 0 8px;color:var(--tx)}
.jc-verwandt ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 22px}
.jc-verwandt li{margin:0;line-height:1.4}.jc-az ul{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.jc-themen-block{margin:22px 0 8px}.jc-themen-block .jc-verwandt-kopf{font-size:18px}
.jc-hinweis-box{background:var(--gruen-tint);border-left:4px solid var(--gruen);padding:12px 16px;border-radius:0 8px 8px 0;margin:16px 0 20px}.jc-hinweis-box p{margin:0}
/* Hinweiszeile: im Quelltext am Ende, optisch oben (02.10.2026) */
@media(min-width:961px){body{position:relative;padding-top:33px}.tk-toolbar{position:absolute;top:0;left:0;right:0;height:33px;box-sizing:border-box;padding:0;line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}
/* Jobsuche Beruf + Ort (02.10.2026) */
.jc-jobsuche{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;background:var(--gruen-tint);border:1px solid var(--gruen-tint-b);border-radius:10px;padding:16px 18px;margin:18px 0 22px}
.jc-jobsuche label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:var(--tx)}
.jc-jobsuche input[type=text]{border:1px solid var(--line);border-radius:22px;padding:10px 16px;font-size:15px;width:100%;box-sizing:border-box;background:#fff}
.jc-jobsuche button{background:var(--rot);color:#fff;border:0;border-radius:22px;padding:11px 22px;font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap}
.jc-jobsuche button:hover{background:var(--rot-d)}
.jc-jobsuche-kopf{font-weight:800;font-size:18px;margin:22px 0 -8px}
@media(max-width:640px){.jc-jobsuche{grid-template-columns:1fr}.jc-jobsuche button{width:100%}}
/* Leere AdSense-Flächen ausblenden (Google setzt data-ad-status="unfilled"/"unfill-optimized"), samt "Anzeige"-Label (02.10.2026) */
ins.adsbygoogle[data-ad-status^="unfill"]{display:none!important}
.aa-ad:has(ins.adsbygoogle[data-ad-status^="unfill"]){display:none}