/* ============================================================================
   stadt.info - Auskunftsseiten (Lebenslagen und Behördengänge)
   Aufbau nach dem Vorbild aemter.info (Wunsch Thomas, 21.10.2026), Farben von stadt.info:
   Petrol trägt Struktur und Überschriften, Lindgrün setzt Akzente (Balken, Ziffern, Fristen).
   ⚠️ Lindgrün #a5b830 nie als Textfarbe auf Weiß (2,2:1) - dort schreibt --sl-gruen-text.
   UIkit trägt Raster und Grundkomponenten; hier steht nur, was UIkit nicht hat.
   ========================================================================= */
:root{
  --sl-petrol:#004d49;
  --sl-petrol-hell:#e8f1f0;
  --sl-gruen:#a5b830;
  --sl-gruen-hell:#f3f6e4;
  --sl-gruen-rand:#d5e09a;
  --sl-gruen-text:#5b6619;
  --sl-papier:#f6f7f5;
  --sl-linie:#e2e5e1;
  --sl-grau:#5f6668;
  --sl-tinte:#1f2a2b;
}

.sl-seite{max-width:1180px;margin:0 auto;color:var(--sl-tinte);font-size:1rem;line-height:1.65}
.sl-seite a{color:var(--sl-petrol)}
.sl-pfad{font-size:.84rem;color:var(--sl-grau);margin:0 0 .4rem}
.sl-pfad a{color:var(--sl-grau);text-decoration:none}
.sl-pfad a:hover{text-decoration:underline}
.sl-seite h1{font-size:2rem;line-height:1.22;margin:.3em 0 .6em;color:var(--sl-petrol)}
.sl-block{margin:0 0 2.4rem}
.sl-block > h2{font-size:1.3rem;margin:0 0 .8em;color:var(--sl-petrol);
  padding-bottom:.35em;border-bottom:2px solid var(--sl-linie)}
.sl-seite h3{font-size:1.04rem;margin:0 0 .4em;color:var(--sl-tinte)}

/* Symbole aus dem Sprite (zeichnen mit currentColor) */
.sl-symbol{width:1.1em;height:1.1em;vertical-align:-.17em;margin-right:.45em;color:var(--sl-petrol);flex:0 0 auto}

/* Direktantwort */
.sl-antwort{background:var(--sl-papier);border-left:4px solid var(--sl-gruen);
  padding:16px 20px;margin:0 0 1.8rem}
.sl-antwort p{margin:0;font-size:1.04rem}
.sl-antwort .sl-frage{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;
  color:var(--sl-grau);margin:0 0 .4rem;font-weight:700}

/* Steckbrief */
.sl-steckbrief{width:100%;border-collapse:collapse;margin:0 0 2rem;border:1px solid var(--sl-linie);
  overflow:hidden}
.sl-steckbrief th,.sl-steckbrief td{padding:.6rem .9rem;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--sl-linie);font-size:.96rem}
.sl-steckbrief tr:last-child th,.sl-steckbrief tr:last-child td{border-bottom:0}
.sl-steckbrief th{width:11rem;background:var(--sl-papier);font-weight:600;color:var(--sl-petrol)}

/* Punktliste */
.sl-liste{margin:0;padding:0;list-style:none}
.sl-liste li{position:relative;padding:0 0 .65rem 1.7rem}
.sl-liste li::before{content:"";position:absolute;left:.3rem;top:.66em;width:7px;height:7px;
  background:var(--sl-gruen)}

/* Nummerierte Zeitleiste */
.sl-schritte{list-style:none;counter-reset:schritt;margin:0;padding:0}
.sl-schritt{counter-increment:schritt;position:relative;padding:0 0 1.4rem 2.6rem;
  border-left:2px solid var(--sl-gruen-rand);margin-left:1rem}
.sl-schritt:last-child{border-left-color:transparent;padding-bottom:0}
.sl-schritt::before{content:counter(schritt);position:absolute;left:-1.05rem;top:0;
  width:2rem;height:2rem;background:var(--sl-gruen);color:var(--sl-tinte);
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem}
.sl-schritt h3{margin:.15rem 0 .3rem;font-size:1.06rem}
.sl-schritt h3 a{color:#004d49;text-decoration:underline;text-decoration-color:#a5b830;text-decoration-thickness:2px;text-underline-offset:4px}
.sl-schritt h3 a::after{content:" \2192";color:#a5b830;font-weight:700}.sl-schritt h3 a:hover{color:#00332f;text-decoration-color:#004d49}
.sl-schritt p{margin:.3rem 0}
.sl-schritte-klein .sl-schritt{padding-bottom:1rem}
.sl-schritte-klein .sl-schritt::before{width:1.7rem;height:1.7rem;font-size:.85rem;left:-.9rem}
.sl-schritte-klein .sl-schritt h3{font-size:1rem;font-weight:600}
.sl-frist{display:inline-flex;align-items:center;gap:.35em;font-size:.85rem;font-weight:600;
  color:var(--sl-gruen-text);background:var(--sl-gruen-hell);border:1px solid var(--sl-gruen-rand);
  border-left:3px solid var(--sl-gruen);padding:.15em .6em;margin:.1rem 0 .2rem}
.sl-frist .sl-symbol{width:1em;height:1em;margin:0;color:var(--sl-gruen-text)}
.sl-klein{font-size:.88rem;color:var(--sl-grau)}

/* Fragen und Fälle */
.sl-faq dt{font-weight:700;margin:1.1rem 0 .25rem;color:var(--sl-tinte)}
.sl-faq dt:first-child{margin-top:0}
.sl-faq dd{margin:0}

/* Kacheln der zuständigen Ämter */
.sl-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0 0 1rem}
.sl-kachel{display:flex;align-items:center;gap:10px;border:1px solid var(--sl-linie);
  padding:11px 13px;text-decoration:none;color:var(--sl-petrol);font-weight:600;background:#fff;font-size:.92rem;line-height:1.35}
.sl-kachel::after{content:"\203A";margin-left:auto;color:var(--sl-gruen-text);font-weight:700;font-size:1.2rem}
.sl-kachel:hover{border-color:var(--sl-petrol);background:var(--sl-petrol-hell)}

/* Ortssuche */
.sl-suche{display:flex;gap:8px;margin:.4rem 0 0}
.sl-suche input{flex:1;min-width:0}
.sl-suche-label{display:block;font-size:.84rem;color:var(--sl-grau);margin:.8rem 0 .3rem}

/* Tabellen im Fließtext */
.sl-seite .uk-table th{color:var(--sl-petrol)}
.sl-quellen{font-size:.9rem}

@media (max-width:640px){
  .sl-seite h1{font-size:1.6rem}
  /* Steckbrief untereinander: lange Wörter (Einbürgerungstestverordnung) drückten die
     zweispaltige Tabelle sonst über den Bildschirmrand */
  .sl-steckbrief,.sl-steckbrief tbody,.sl-steckbrief tr,.sl-steckbrief th,.sl-steckbrief td{display:block;width:auto}
  .sl-steckbrief th{padding:.45rem .7rem .2rem;border-bottom:0;font-size:.82rem}
  .sl-steckbrief td{padding:.2rem .7rem .55rem;font-size:.92rem;overflow-wrap:anywhere;hyphens:auto}
  .sl-steckbrief tr{border-bottom:1px solid var(--sl-linie)}
  .sl-steckbrief tr:last-child{border-bottom:0}
}

/* Gerade Kanten überall (Vorgabe Thomas 21.10.2026): keine Rundungen, keine weichen Schatten, keine Verläufe.
   Gilt auch für Theme-Bausteine innerhalb der Auskunftsseiten (Suchfeld, Knöpfe). */
.sl-seite .uk-input,.sl-seite .uk-button,.sl-leiste .uk-input,.sl-leiste .uk-button{border-radius:0!important;box-shadow:none!important}
.sl-seite .uk-input{border:1px solid #b9c0bd;padding:0 12px;background:#fff}
.sl-seite .uk-button-primary{background:var(--sl-gruen);color:#fff}      /* Seitengrün wie „Aktuelles" */
.sl-seite .uk-button-primary:hover,.sl-seite .uk-button-primary:focus{background:#8e9e27;color:#fff}

/* Häufige Fragen: schlichte Zeilen mit geraden Trennlinien, jede Frage einzeln aufklappbar */
.sl-akkordeon{margin:-.3em 0 0;padding:0;list-style:none}   /* keine Linie oben: die H2 hat schon eine */
.sl-akkordeon > li{margin:0!important;border-bottom:1px solid var(--sl-linie)}
.sl-akkordeon .uk-accordion-title{display:flex;align-items:flex-start;gap:16px;padding:14px 0;margin:0;
  text-decoration:none;color:var(--sl-tinte);cursor:pointer;font-size:1rem;line-height:1.4}
.sl-akkordeon .uk-accordion-title::before{display:none}
.sl-akk-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.sl-akk-frage{font-weight:700}
.sl-akkordeon .uk-accordion-title:hover .sl-akk-frage{color:var(--sl-petrol);text-decoration:underline}
.sl-akk-vorschau{font-size:.9rem;color:var(--sl-grau);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uk-open .sl-akk-vorschau{display:none}
.sl-akk-knopf{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;color:var(--sl-petrol);
  font-size:.86rem;font-weight:700;padding-top:2px}
.sl-akk-knopf svg{transition:transform .15s}
.uk-open .sl-akk-knopf svg{transform:rotate(180deg)}
.uk-open > .uk-accordion-title .sl-akk-frage{color:var(--sl-petrol)}
.sl-akkordeon .uk-accordion-content{margin:0;padding:0 0 16px}
.sl-akkordeon .uk-accordion-content p{margin:0}
@media (max-width:640px){.sl-akk-wort{display:none}}

/* Seitenleiste: Kästen mit Kopfbalken, gerade Kanten */
.sl-leiste .sl-kasten{border:1px solid var(--sl-linie);border-top:3px solid var(--sl-petrol);background:var(--sl-papier);
  padding:16px 18px;margin:0 0 20px}
.sl-kasten-titel{font-size:1rem!important;margin:0 0 .7em!important;color:var(--sl-petrol)!important;line-height:1.35}
.sl-kasten-titel a{color:inherit}
.sl-kasten p{font-size:.92rem;margin:0 0 .6rem}
.sl-kasten .sl-kacheln{grid-template-columns:1fr;gap:6px}
.sl-kasten .sl-kachel{padding:8px 10px;font-size:.92rem}
.sl-kasten .sl-suche{flex-direction:column}
.sl-kasten .sl-suche input{flex:none}
.sl-kasten .sl-suche .uk-button{width:100%}
.sl-leiste-liste{list-style:none;margin:0 0 .6rem;padding:0}
.sl-leiste-liste li{padding:6px 0;border-bottom:1px solid var(--sl-linie);font-size:.93rem}
.sl-leiste-liste li:last-child{border-bottom:0}
.sl-leiste-schritte{list-style:none;counter-reset:ls;margin:0;padding:0}
.sl-leiste-schritte li{counter-increment:ls;position:relative;padding:6px 0 6px 2rem;font-size:.93rem;
  border-bottom:1px solid var(--sl-linie)}
.sl-leiste-schritte li:last-child{border-bottom:0}
.sl-leiste-schritte li::before{content:counter(ls);position:absolute;left:0;top:7px;width:1.4rem;height:1.4rem;
  background:#fff;border:1px solid var(--sl-gruen-rand);color:var(--sl-tinte);font-size:.78rem;font-weight:700;
  display:flex;align-items:center;justify-content:center}
.sl-leiste-schritte li.sl-hier{font-weight:700;color:var(--sl-petrol)}
.sl-leiste-schritte li.sl-hier::before{background:var(--sl-gruen);border-color:var(--sl-gruen)}
/* Kein Mitlaufen des ersten Kastens: er schob sich über die folgenden Kästen der Seitenleiste (21.10.2026) */

/* Checkliste zum Abhaken (gerade Kanten, eigene Kästchen) - Kasten mit Kopf: Fortschritt und Drucken (Thomas 23.10.2026) */
.sl-checkliste{background:#f7f9f6;border:1px solid var(--sl-linie);border-top:4px solid var(--sl-gruen);padding:16px 20px 12px;margin:0 0 1rem}
.sl-check-kopf{display:flex;align-items:center;gap:18px;margin:0 0 12px}
.sl-check-balken{flex:1;height:8px;background:#dfe6e3;overflow:hidden}
.sl-check-balken span{display:block;height:100%;width:0;background:var(--sl-petrol);transition:width .25s}
.sl-check-fertig .sl-check-balken span{background:var(--sl-gruen)}
.sl-check-zahl{font-weight:700;color:var(--sl-petrol);white-space:nowrap}
.sl-checkliste .sl-druck{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:4px 0;color:var(--sl-petrol);
  font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.sl-checkliste .sl-druck:hover{background:none;color:var(--sl-tinte);text-decoration:underline}
@media(max-width:560px){.sl-check-kopf{flex-wrap:wrap;gap:8px 14px}.sl-check-balken{flex:1 0 100%;order:-1}.sl-checkliste{padding:14px 14px 10px}}
.sl-checkliste ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--sl-linie)}
.sl-checkliste li{border-bottom:1px solid var(--sl-linie);padding:0}
.sl-checkliste input{position:absolute;opacity:0;width:1px;height:1px}
.sl-checkliste label{display:flex;gap:12px;align-items:flex-start;padding:10px 4px;cursor:pointer;line-height:1.45}
.sl-check-text{flex:1;min-width:0}
.sl-checkliste label::before{content:"";flex:0 0 auto;width:20px;height:20px;margin-top:1px;border:2px solid var(--sl-petrol);
  background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}
.sl-checkliste input:checked + label::before{content:"\2713";background:var(--sl-petrol);border-color:var(--sl-petrol)}
.sl-check-text p{margin:0}
.sl-checkliste input:checked + label{color:var(--sl-grau);text-decoration:line-through}
.sl-checkliste input:focus-visible + label::before{outline:2px solid var(--sl-petrol);outline-offset:2px}
.sl-checkliste-fuss{margin:.8rem 0 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.sl-druck{background:#fff;border:1px solid var(--sl-petrol);color:var(--sl-petrol);font-weight:700;font-size:.88rem;
  padding:7px 14px;cursor:pointer}
.sl-druck:hover{background:var(--sl-petrol);color:#fff}

/* Druck: nur die gewählte Checkliste mit Überschrift */

/* Themen-Übersichtsseiten (themen.php) */
.sl-abschnitt{margin:2.2rem 0}
.sl-abschnitt h2{font-size:1.35rem;margin:0 0 .7rem;color:var(--sl-petrol)}
.sl-abschnitt h3{font-size:1.1rem;margin:1.2rem 0 .5rem}
.sl-abschnitt ul{padding-left:1.2em}
.sl-bild{display:block;width:100%;height:auto;margin:1.8rem 0;border-radius:0}
.sl-tipps{margin:0;padding-left:1.4em}
.sl-tipps li{margin:.45rem 0;padding-left:.2em}

/* Amt-Hubs (aemter.php) */
.sl-leistung-daten{display:grid;grid-template-columns:9.5rem 1fr;gap:.25rem 1rem;margin:.6rem 0;font-size:.94rem}
.sl-leistung-daten dt{font-weight:600;color:var(--sl-petrol)}
.sl-leistung-daten dd{margin:0}
.sl-leistung-daten ul{margin:0;padding-left:1.1em}
@media (max-width:639px){.sl-leistung-daten{grid-template-columns:1fr}.sl-leistung-daten dd{margin-bottom:.4rem}}
.sl-mehr{font-weight:600}
.sl-leiste-liste .sl-leiste-tief{padding-left:1rem;font-size:.9rem}
.sl-kachel span{min-width:0;flex:1 1 auto;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 4 4;overflow-wrap:normal}
.sl-block,.sl-leistung,.sl-abschnitt{scroll-margin-top:90px}
.sl-kachel-kurz{display:block;font-weight:400;font-size:.84rem;line-height:1.35;color:var(--sl-text, #444);margin-top:.2rem}

/* A-Z-Register auf /lebenslagen/ */
.sl-abc{display:flex;flex-wrap:wrap;gap:3px;margin:.4rem 0 1.2rem;position:sticky;top:0;background:#fff;padding:.5rem 0;z-index:5}
.sl-abc a,.sl-abc span{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:2rem;font-size:.9rem;border:1px solid var(--sl-linie);font-weight:700;text-decoration:none}
.sl-abc a{color:var(--sl-petrol);background:#fff}
.sl-abc a:hover,.sl-abc a:focus{background:var(--sl-petrol);color:#fff}
.sl-abc span{color:#bbb;background:#f7f7f7}
.sl-abc-liste{columns:2 260px;column-gap:2rem}
.sl-abc-gruppe{break-inside:avoid;margin:0 0 1.2rem;scroll-margin-top:110px}
.sl-abc-b{font-size:1.4rem;font-weight:700;color:var(--sl-gruen-text);border-bottom:2px solid var(--sl-gruen);margin-bottom:.3rem;line-height:1.6}
.sl-abc-gruppe ul{list-style:none;margin:0;padding:0}
.sl-abc-gruppe li{padding:.3rem 0;border-bottom:1px solid var(--sl-linie);line-height:1.4}
.sl-abc-stelle{display:block;font-size:.82rem;color:#666}
.sl-abc-gruppe a{color:var(--sl-petrol);text-decoration:underline;text-decoration-color:var(--sl-linie)}
.sl-abc-gruppe a:hover{text-decoration-color:var(--sl-petrol)}

/* Übersicht /themen/: Karten ohne Trennlinien */
.sl-thema-karte{border:1px solid var(--sl-linie);border-top:3px solid var(--sl-petrol);padding:1rem 1.1rem;background:#fff;height:100%;box-sizing:border-box}
.sl-thema-karte h2{font-size:1.2rem;margin:0 0 .4rem}
.sl-thema-karte h2 a{color:var(--sl-petrol);text-decoration:none}
.sl-thema-karte h2 a:hover{text-decoration:underline}
.sl-thema-karte p{margin:0 0 .5rem;font-size:.95rem}
.sl-thema-unter{font-size:.9rem;line-height:1.7}
.sl-thema-unter a{color:var(--sl-petrol)}
.sl-themen-karten{margin-top:1rem}

/* Suche mit Vorschlägen (suche.php) */
.sl-suche-feld{position:relative;flex:1 1 auto;min-width:0}
.sl-suche-feld .uk-input{width:100%}
.sl-kasten .sl-suche-feld{flex:none}
.sl-vorschlag{position:absolute;left:0;right:0;top:100%;z-index:50;margin:0;padding:.3rem 0;list-style:none;background:#fff;
  border:1px solid var(--sl-petrol);border-top:3px solid var(--sl-gruen);box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:70vh;overflow:auto;
  animation:sl-auf .18s ease-out}
.sl-vorschlag-kopf{padding:.45rem .8rem .2rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#777}
.sl-vorschlag [role=option] a{display:block;padding:.45rem .8rem;color:var(--sl-petrol);text-decoration:none;line-height:1.3}
.sl-vorschlag [role=option]{animation:sl-rein .22s ease-out both;animation-delay:calc(var(--i) * 25ms)}
.sl-vorschlag .sl-aktiv a,.sl-vorschlag [role=option] a:hover{background:var(--sl-petrol-hell)}
.sl-vorschlag-titel{display:block;font-weight:600}
.sl-vorschlag-zusatz{display:block;font-size:.8rem;color:#666}
.sl-vorschlag-leer{padding:.6rem .8rem;font-size:.9rem;color:#666}
.sl-vorschlag mark,.sl-treffer mark,.sl-seiten-treffer mark{background:#eef3c9;color:inherit;padding:0 1px}
/* Ergebnisseite */
.sl-such-kopf{margin-bottom:1.5rem}
.sl-such-kopf h1{margin-bottom:.8rem}
.sl-suchfeld-gross .sl-suche .uk-input{height:52px;font-size:1.1rem}
.sl-suchfeld-gross .sl-suche .uk-button{height:52px;padding:0 1.6rem}
.sl-such-zahl{margin:.7rem 0 0;color:#555}
.sl-treffer-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.sl-treffer-liste a{display:block;height:100%;box-sizing:border-box;padding:.7rem .9rem;border:1px solid var(--sl-linie);border-left:3px solid var(--sl-gruen);
  color:var(--sl-petrol);text-decoration:none;transition:background .15s,border-color .15s,transform .15s}
.sl-treffer-liste a:hover{background:var(--sl-petrol-hell);border-left-color:var(--sl-petrol);transform:translateX(3px)}
.sl-treffer-art{display:block;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sl-gruen-text)}
.sl-treffer-titel{display:block;font-weight:600;margin:.1rem 0}
.sl-treffer-zusatz{display:block;font-size:.84rem;color:#666}
.sl-seiten-treffer{list-style:none;margin:0;padding:0}
.sl-seiten-treffer li{padding:.8rem 0;border-bottom:1px solid var(--sl-linie)}
.sl-seite-titel{font-weight:600;font-size:1.05rem;color:var(--sl-petrol)}
.sl-seiten-treffer p{margin:.25rem 0 0;font-size:.93rem;color:#444}
.sl-treffer{animation:sl-rein .4s ease-out both;animation-delay:calc(var(--i) * 45ms)}
@keyframes sl-rein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes sl-auf{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* 404 und leere Suche: Lupe sucht über der Stadt */
.sl-404{text-align:center;max-width:720px;margin:0 auto 2rem}
.sl-404 .sl-suchform{text-align:left;margin-top:1.2rem}
.sl-404-bild{display:block;width:100%;max-width:520px;margin:0 auto}
.sl-404-stadt rect{fill:var(--sl-petrol)}
.sl-404-stadt .sl-404-fenster{fill:#e9eccf;animation:sl-licht 3.2s ease-in-out infinite;animation-delay:calc(var(--k) * .45s)}
.sl-404-lupe{fill:rgba(255,255,255,.35);stroke:var(--sl-gruen);stroke-width:6;animation:sl-lupe 5.5s ease-in-out infinite}
.sl-404-leer .sl-404-lupe{animation:sl-lupe-klein 3.5s ease-in-out infinite}
.sl-404-leer{max-width:160px;height:110px}
.sl-404-code{font-size:4.5rem;font-weight:700;line-height:1;margin:.6rem 0 .2rem;color:var(--sl-petrol);letter-spacing:.08em;animation:sl-rein .6s ease-out both}
.sl-404 h1{margin-top:.2rem}
.sl-leer{text-align:center;padding:1rem 0 2rem}
@keyframes sl-licht{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes sl-lupe{0%{transform:translate(60px,70px)}25%{transform:translate(180px,40px)}50%{transform:translate(300px,75px)}75%{transform:translate(380px,45px)}100%{transform:translate(60px,70px)}}
@keyframes sl-lupe-klein{0%,100%{transform:translate(170px,60px) rotate(0)}50%{transform:translate(260px,70px) rotate(12deg)}}
@media (prefers-reduced-motion:reduce){
  .sl-treffer,.sl-vorschlag,.sl-vorschlag [role=option],.sl-404-code,.sl-404-stadt .sl-404-fenster{animation:none}
  .sl-404-lupe{animation:none;transform:translate(215px,70px)}
  .sl-treffer-liste a:hover{transform:none}
}

/* Eigene Grafiken in Artikeln */
.sl-grafik{margin:0 0 1rem}
.sl-grafik img{display:block;width:100%;height:auto;border:1px solid var(--sl-linie);background:#fff}
.sl-grafik figcaption{font-size:.86rem;color:#555;margin-top:.45rem}

/* Aufhänger unter der H1 */
.sl-aufhaenger-bild{margin:0 0 1.2rem}
.sl-aufhaenger-bild img{display:block;width:100%;height:clamp(160px,28vw,300px);object-fit:cover;border-radius:0}
.sl-aufhaenger{position:relative;display:flex;align-items:center;gap:1.1rem;margin:0 0 1.2rem;padding:1.4rem 1.5rem;min-height:110px;overflow:hidden;
  background:var(--sl-petrol);color:#fff;border-bottom:4px solid var(--sl-gruen)}
.sl-aufhaenger::after{content:"";position:absolute;right:-40px;top:-40px;width:220px;height:220px;border:28px solid rgba(165,184,48,.22);transform:rotate(18deg)}
.sl-aufhaenger-symbol{width:58px;height:58px;flex:none;color:#fff;stroke:#fff}
.sl-aufhaenger-zeile{font-size:1.05rem;font-weight:600;line-height:1.4;position:relative;z-index:1}
/* Inhaltsverzeichnis */
.sl-inhalt{margin:0 0 1.6rem;border:1px solid var(--sl-linie);border-left:4px solid var(--sl-petrol);background:#fff}
.sl-inhalt summary{cursor:pointer;padding:.6rem 1rem;font-weight:700;color:var(--sl-petrol);list-style:none}
.sl-inhalt summary::-webkit-details-marker{display:none}
.sl-inhalt summary::after{content:" \25BE";color:var(--sl-gruen-text)}
.sl-inhalt details:not([open]) summary::after{content:" \25B8"}
.sl-inhalt ol{margin:0;padding:.2rem 1rem .8rem 2.4rem;columns:2 240px;column-gap:2rem}
.sl-inhalt li{break-inside:avoid;padding:.18rem 0;font-size:.95rem}
.sl-inhalt a{color:var(--sl-petrol)}
/* Karten statt zweispaltiger Tabellen */
.sl-karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:.4rem 0 1rem}
.sl-karte{border:1px solid var(--sl-linie);border-top:3px solid var(--sl-gruen);padding:.8rem .95rem;background:#fff}
.sl-karte h3{font-size:1rem!important;margin:0 0 .35rem!important;color:var(--sl-petrol)}
.sl-karte p{margin:0;font-size:.93rem;line-height:1.5}
/* Stufenfolge statt Alterstabelle */
.sl-stufen{list-style:none;margin:.6rem 0 1.1rem;padding:0;counter-reset:stufe}
.sl-stufen li{display:grid;grid-template-columns:11rem 1fr;gap:1rem;align-items:start;position:relative;padding:.75rem 0 .75rem 1.6rem;border-left:3px solid var(--sl-gruen)}
.sl-stufen li::before{content:"";position:absolute;left:-9px;top:1.05rem;width:15px;height:15px;background:var(--sl-petrol);border:3px solid #fff}
.sl-stufe-wann{font-weight:700;color:var(--sl-petrol)}
@media (max-width:639px){.sl-stufen li{grid-template-columns:1fr;gap:.2rem}}
/* Hervorgehobene Kästen aus dem Text */
.sl-kasten-text{margin:1.1rem 0;padding:1rem 1.1rem;background:var(--sl-papier);border:1px solid var(--sl-linie);border-left:4px solid var(--sl-gruen)}
.sl-kasten-text .sl-kasten-titel{font-size:1.02rem!important;margin:0 0 .5rem!important;color:var(--sl-petrol)}
.sl-kasten-text p:last-child,.sl-kasten-text ul:last-child{margin-bottom:0}
.sl-tabelle th{color:var(--sl-petrol);font-weight:700;text-transform:none;font-size:.9rem}
.sl-seite em{color:inherit}

/* Ausdruck (Thomas 21.10.2026): Hochformat A4, eine Seite für die Checkliste, Logo unten rechts */
.sl-druck-marke{display:none}
#sl-druckbereich{display:none}
@media print{
  @page{size:A4 portrait;margin:15mm}
  body.sl-drucke > *:not(#sl-druckbereich){display:none!important}
  body.sl-drucke #sl-druckbereich{display:block;font-family:Verdana,Arial,sans-serif;color:#000}
  /* Druckblatt wie die Checklisten der Schwesterseiten: Kopf Logo | Titel + Adresse, Linie, Kästchen, Fuß (Thomas 23.10.2026) */
  @page{size:A4 portrait;margin:14mm 14mm 16mm}
  #sl-druckbereich .sl-dk{display:flex;justify-content:space-between;align-items:center;gap:18pt;padding-bottom:7pt;border-bottom:1.5pt solid #004d49;margin-bottom:12pt}
  #sl-druckbereich .sl-dk-logo{width:125pt;height:auto;flex:0 0 auto}
  #sl-druckbereich .sl-dk-rechts{text-align:right}
  #sl-druckbereich h1{font-size:16pt;font-weight:700;margin:0 0 3pt;color:#000;line-height:1.2}
  #sl-druckbereich .sl-dk-url{font-size:9.5pt;color:#004d49;text-decoration:none}
  #sl-druckbereich .sl-dl{list-style:none;margin:0;padding:0}
  #sl-druckbereich .sl-dl li{display:flex;gap:9pt;align-items:flex-start;padding:4.5pt 0;border:0!important;font-size:11pt;line-height:1.45;break-inside:avoid}
  #sl-druckbereich .sl-dl-kasten{flex:0 0 auto;width:10pt;height:10pt;margin-top:2.5pt;border:1pt solid #000;font-size:10pt;line-height:9pt;text-align:center;font-weight:700}
  #sl-druckbereich .sl-dl-text p{margin:0}
  #sl-druckbereich .sl-dl-text strong{font-weight:700}
  #sl-druckbereich .sl-df{margin:12pt 0 0;padding-top:6pt;border-top:.5pt solid #9aa5a2;font-size:8.5pt;color:#333}
  #sl-druckbereich .sl-df a{color:#333;text-decoration:none}
  .sl-druck-marke img{width:110pt;height:auto}
  body:not(.sl-drucke) .sl-druck-seite{display:block;text-align:right;margin-top:18pt;padding-top:8pt;border-top:1pt solid #c9d4d0}
  body:not(.sl-drucke) .sl-checkliste .sl-druck-marke{display:none}
}

/* Suchbühne (22.10.2026, nach kindergarten.info, gerade Kanten) */
.sl-such-buehne{text-align:center;background:#eef2ef;border-top:4px solid var(--sl-petrol);padding:1.4rem 1.5rem 1.5rem;margin:0 0 1.8rem}
.sl-such-buehne-klein{padding:1rem 1.5rem 1.1rem}
.sl-such-buehne .sl-404-bild{max-width:430px;margin:0 auto .3rem}
.sl-such-buehne h1{margin:.2rem 0 .4rem}
.sl-such-text{max-width:34rem;margin:0 auto 1rem}
.sl-such-buehne .sl-suche{max-width:40rem;margin:0 auto;text-align:left}
.sl-such-buehne .uk-input{height:52px;font-size:1.05rem;background:#fff}
.sl-such-buehne .sl-such-zahl{margin:.8rem 0 0}
.sl-such-chips{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;align-items:center;margin:1rem 0 0;font-size:.9rem}
.sl-such-chips span{color:#555;margin-right:.2rem}
.sl-such-chips a{display:inline-block;background:#fff;border:1px solid #9fb1ad;padding:.3rem .75rem;color:var(--sl-petrol);text-decoration:none}
.sl-such-chips a:hover,.sl-such-chips a:focus{border-color:var(--sl-petrol);background:var(--sl-petrol);color:#fff}

/* Aktuelles (22.10.2026): gleich große Bilder 3:2, ruhige Karten mit geraden Kanten */
.sl-blog-intro{max-width:40rem;margin:0 0 1rem}
.sl-blog-filter{justify-content:flex-start;margin:0 0 1.4rem}
.sl-blog-filter a.sl-aktiv{background:var(--sl-petrol);border-color:var(--sl-petrol);color:#fff}
.sl-blog-karte{display:flex;flex-direction:column;border:1px solid #c9d4d0;background:#fff;width:100%}
.sl-blog-bild{display:block;aspect-ratio:3/2;overflow:hidden;background:#eef2ef}
.sl-blog-bild img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.sl-blog-karte:hover .sl-blog-bild img{transform:scale(1.04)}
.sl-blog-text{padding:1rem 1.1rem 1.1rem;display:flex;flex-direction:column;flex:1}
.sl-blog-meta{font-size:.8rem;color:#555;margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.04em}
.sl-blog-meta span{color:var(--sl-petrol);font-weight:700}
.sl-blog-karte h2{font-size:1.2rem;line-height:1.3;margin:0 0 .5rem;hyphens:auto}
.sl-blog-karte h2 a{color:var(--sl-petrol);text-decoration:none}
.sl-blog-karte h2 a:hover{text-decoration:underline}
.sl-blog-text p:not(.sl-blog-meta){font-size:.95rem;margin:0 0 .8rem}
.sl-blog-mehr{margin-top:auto;font-weight:700;color:var(--sl-petrol)}
.sl-zahl{float:right;color:#555;font-size:.85em}
.sl-blog-neu .sl-klein{display:block;color:#555}
@media (prefers-reduced-motion:reduce){.sl-blog-bild img{transition:none}}
.tm-sidebar.sl-leiste a{color:var(--sl-petrol)}
.tm-sidebar.sl-leiste a:hover{color:#00332f}

/* Themen-Karten mit Symbol (22.10.2026) */
.sl-thema-karte h2 a{display:inline-flex;align-items:center;gap:.55rem}
.sl-thema-symbol{width:28px;height:28px;flex:0 0 28px;color:var(--sl-petrol)}

.sl-404-adresse{background:#eef2ef;color:var(--sl-petrol);padding:.1rem .35rem;font-size:.95em;word-break:break-all}

/* Seitenverzeichnis /sitemap/ (27.10.2026): Köpfe der Ämter und Themen fett ohne Unterstrich, Listen enger */
.sl-verzeichnis .sl-block h3{font-size:1.05rem;font-weight:700;margin:0 0 .4rem}
.sl-verzeichnis .sl-block h3 a{text-decoration:none}
.sl-verzeichnis .sl-block h3 a:hover{text-decoration:underline}
.sl-verzeichnis-liste{margin:0}
.sl-verzeichnis-liste>li{margin-top:.3rem;line-height:1.4}
.sl-verzeichnis-liste>li:first-child{margin-top:0}
.sl-verzeichnis .uk-grid-small>div{margin-bottom:1rem}
.sl-verzeichnis-spalten{columns:3 14rem;column-gap:30px}
.sl-verzeichnis-spalten>li{break-inside:avoid}
@media (min-width:960px){.sl-verzeichnis .sl-block>ul.sl-verzeichnis-liste:not(.sl-verzeichnis-spalten){columns:2;column-gap:30px}}