/* mfangano.com – gemeinsame Gestaltung aller Unterseiten (Neuaufbau Oktober 2026)
   Kenia-Farben: Schwarz #000, Rot #BB0000, Gruen #006600, Weiss #fff. Schrift: Atkinson Hyperlegible Next (selbst gehostet). */
@font-face{font-family:"Atkinson Hyperlegible Next";font-style:normal;font-weight:400;font-display:swap;
  src:url(/assets/fonts/atkinson-hyperlegible-next-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Atkinson Hyperlegible Next";font-style:normal;font-weight:700;font-display:swap;
  src:url(/assets/fonts/atkinson-hyperlegible-next-latin-700-normal.woff2) format("woff2")}
:root{--schwarz:#000;--rot:#BB0000;--gruen:#006600;--weiss:#fff;--grund:#F2F3F0;--linie:#D5D8D0;--text:#141414;--leise:#4A4F47;
  --breit:1240px;--rand:clamp(16px,4vw,40px);--schrift:"Atkinson Hyperlegible Next",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--grund);color:var(--text);font:400 1.0625rem/1.6 var(--schrift)}
@media(min-width:1100px){body{font-size:1.125rem}}
img{max-width:100%;height:auto}
a{color:var(--gruen);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--gruen);outline-offset:3px}
.kopf :focus-visible,.fuss :focus-visible,.menue :focus-visible{outline-color:var(--weiss)}
.springen{position:absolute;left:-999px;top:0;background:var(--weiss);color:var(--schwarz);padding:10px 14px;z-index:1000}
.springen:focus{left:8px;top:8px}
.flagge{height:10px;background:linear-gradient(var(--schwarz) 0 20%,var(--weiss) 20% 30%,var(--rot) 30% 70%,var(--weiss) 70% 80%,var(--gruen) 80% 100%)}

/* Kopf: weiss mit Logo, darunter die Kenia-Flagge */
.kopf{background:var(--weiss);color:var(--text);position:sticky;top:0;z-index:50;box-shadow:0 1px 0 var(--linie)}
.kopf-in{max-width:var(--breit);margin:0 auto;padding:6px var(--rand);display:flex;align-items:center;gap:14px;min-height:64px}
.marke{display:block;margin-right:auto;line-height:0;flex:0 0 auto}
.marke img{height:54px;width:auto}
@media(min-width:1100px){.marke img{height:66px}}
.kopf-werk{display:flex;align-items:center;gap:8px}
.kopf button,.kopf .sprache{font:inherit;color:var(--text);background:var(--weiss);border:1px solid #b9bdb5;border-radius:6px;min-height:44px;padding:0 12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-size:.9375rem}
.kopf button:hover{border-color:var(--text)}
.kopf .sprache{border-color:var(--gruen);background:var(--gruen);color:var(--weiss);font-weight:700}
.kopf .sprache:hover{background:#004d00}
.kopf svg{width:20px;height:20px}
.kopf :focus-visible{outline-color:var(--gruen)}
.hauptnav{display:none}
@media(min-width:1100px){
  .hauptnav{display:block}
  .menue-knopf{display:none!important}
  .hauptnav>ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;align-items:center}
  .hn-punkt{position:relative}
  .hn-punkt>button{border:0!important;border-radius:6px;padding:0 10px;font-size:1rem;background:none}
  .hn-punkt>button[aria-expanded=true],.hn-punkt>button:hover{background:var(--grund)}
  .hn-punkt>button::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);margin-left:4px}
  .hn-karte{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;border-radius:6px;color:var(--text);text-decoration:none;font-size:1rem}
  .hn-karte:hover{background:var(--grund)}
  .hn-fach{position:absolute;top:calc(100% + 8px);left:0;min-width:270px;background:var(--weiss);color:var(--text);border-top:4px solid var(--rot);border-radius:0 0 8px 8px;padding:8px;box-shadow:0 12px 30px rgba(0,0,0,.2)}
  .hn-fach[hidden]{display:none}
  .hn-fach a{display:block;padding:9px 12px;border-radius:5px;color:var(--text);text-decoration:none}
  .hn-fach a:hover,.hn-fach a:focus-visible{background:var(--grund);color:var(--gruen)}
  .hn-fach a.hn-ueber{font-weight:700;border-bottom:1px solid var(--linie);border-radius:5px 5px 0 0;margin-bottom:4px}
}
@media(min-width:1100px) and (max-width:1240px){.hn-punkt>button,.hn-karte{padding:0 7px;font-size:.9375rem}}
@media(max-width:520px){.marke img{height:46px}.such-knopf span,.menue-knopf span{position:absolute;left:-999px}.kopf-in{gap:8px}}

/* Menue fuer Handy und Tablet */
.menue{position:fixed;inset:70px 0 0 0;background:var(--schwarz);color:var(--weiss);overflow:auto;z-index:49;padding:12px var(--rand) 40px;border-top:4px solid var(--rot)}
.menue[hidden]{display:none}
.menue details{border-bottom:1px solid #333}
.menue summary{list-style:none;cursor:pointer;padding:15px 0;font-size:1.1875rem;font-weight:700;display:flex;justify-content:space-between;align-items:center;min-height:52px}
.menue summary::-webkit-details-marker{display:none}
.menue summary::after{content:"+";font-size:1.5rem;color:#9a9a9a}
.menue details[open] summary::after{content:"\2212"}
.menue ul{list-style:none;margin:0 0 12px;padding:0}
.menue li a{display:block;color:var(--weiss);text-decoration:none;padding:11px 0 11px 14px;border-left:3px solid var(--gruen);margin:2px 0}
.menue li a:hover{background:#151515}
.menue .m-einzeln{display:block;color:var(--weiss);text-decoration:none;padding:15px 0;font-size:1.1875rem;font-weight:700;border-bottom:1px solid #333}

/* Suche */
.suche{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:60;display:flex;justify-content:center;align-items:flex-start;padding:80px var(--rand) 20px}
.suche[hidden]{display:none}
.suche-feld{background:var(--weiss);width:min(680px,100%);border-radius:10px;border-top:6px solid var(--gruen);padding:18px;max-height:calc(100vh - 110px);overflow:auto}
.suche label{display:block;font-weight:700;margin-bottom:8px}
.suche-zeile{display:flex;gap:8px}
.suche input{flex:1;min-width:0;font:inherit;padding:12px;border:2px solid var(--linie);border-radius:6px}
.suche input:focus{border-color:var(--gruen);outline:none}
.suche .zu{font:inherit;background:var(--schwarz);color:var(--weiss);border:0;border-radius:6px;padding:0 14px;min-height:48px;cursor:pointer}
.treffer{list-style:none;margin:14px 0 0;padding:0}
.treffer a{display:block;padding:10px 12px;border-radius:6px;text-decoration:none;color:var(--text);border-left:3px solid transparent}
.treffer a:hover,.treffer a:focus-visible{background:var(--grund);border-left-color:var(--gruen)}
.treffer b{display:block;color:var(--gruen)}
.treffer small{color:var(--leise)}

/* Bild */
.bild{margin:0;background:var(--schwarz);display:flex;justify-content:center}
.bild img{display:block;width:100%;max-width:min(100%,1600px);object-fit:contain}
@media(min-width:700px){.bild img{width:auto;max-height:min(64vh,780px)}}

/* Inhalt */
.inhalt{max-width:var(--breit);margin:0 auto;padding:0 var(--rand) 48px}
.kopfblock{background:var(--weiss);margin:0 calc(var(--rand) * -1);padding:20px var(--rand) 24px;border-bottom:1px solid var(--linie)}
@media(min-width:700px){.kopfblock{margin:-56px 0 0;position:relative;border-radius:10px;border-left:8px solid var(--rot);border-bottom:0;padding:26px 32px 28px;max-width:860px;box-shadow:0 10px 30px rgba(0,0,0,.18)}}
.krumen ol{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:.9375rem;color:var(--leise)}
.krumen li+li::before{content:"\203A";margin-right:8px;color:#8a8f86}
.krumen a{color:var(--leise)}
h1{font-size:clamp(1.75rem,1.15rem + 2.6vw,2.75rem);line-height:1.15;margin:0 0 10px;letter-spacing:-.01em}
.einl{font-size:1.125rem;margin:0;max-width:62ch}
h2{font-size:1.375rem;line-height:1.25;margin:40px 0 14px}

/* Kacheln */
.kacheln ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
@media(min-width:700px){.kacheln ul{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(min-width:1100px){.kacheln ul{grid-template-columns:repeat(3,1fr);gap:20px}}
.kachel{display:grid;grid-template-columns:104px 1fr;gap:0;background:var(--weiss);border:1px solid var(--linie);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--text);min-height:84px}
.kachel img{width:104px;height:100%;min-height:84px;object-fit:cover;object-position:center 70%;background:#222}
.kachel span{display:block}
.k-text{padding:12px 14px}
.k-titel{font-weight:700;font-size:1.0625rem;color:var(--gruen);line-height:1.25}
.k-zeile{font-size:.9375rem;color:var(--leise);margin-top:4px}
.kachel:hover{border-color:var(--gruen)}
.kachel:hover .k-titel{text-decoration:underline}
@media(min-width:700px){.kachel{grid-template-columns:1fr;border-bottom:4px solid var(--gruen)}.kachel img{width:100%;height:auto;aspect-ratio:16/9}}
.kachel.aussen{border-bottom-color:var(--rot)}
.karten-liste{display:grid;gap:12px}
@media(min-width:700px){.karten-liste{grid-template-columns:repeat(2,1fr)}}
.karte{background:var(--weiss);border:1px solid var(--linie);border-left:5px solid var(--gruen);border-radius:8px;padding:14px 18px}
.karte h3{margin:0 0 4px;font-size:1.125rem}
.karte p{margin:0;color:var(--leise)}

/* Fliesstext */
.fliesstext{background:var(--weiss);border:1px solid var(--linie);border-radius:8px;padding:clamp(18px,3vw,32px);margin-top:24px;max-width:860px}
.fliesstext>*{max-width:70ch}
.fliesstext h2{margin-top:28px}
.fliesstext .bx-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:12px;max-width:none}
.fliesstext figure{margin:0}
.fliesstext figcaption{font-size:.9375rem;color:var(--leise);margin-top:4px}

/* Mitmachen, Nachbarn, Knoepfe */
.mitmachen{margin-top:28px;background:var(--weiss);border:1px solid var(--linie);border-top:5px solid var(--gruen);border-radius:8px;padding:18px 20px;max-width:860px}
.mitmachen h2{margin:0 0 6px;font-size:1.1875rem}
.mitmachen p{margin:0 0 14px}
.knopf{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:6px;background:var(--gruen);color:var(--weiss);text-decoration:none;font-weight:700}
.knopf:hover{background:#004d00;color:var(--weiss)}
.knopf.rot{background:var(--rot)}
.nachbarn{margin-top:36px;border-top:1px solid var(--linie);padding-top:8px}
.nachbarn ul{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.nachbarn li a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--linie);border-radius:20px;background:var(--weiss);color:var(--text);text-decoration:none}
.nachbarn li a:hover{border-color:var(--gruen);color:var(--gruen)}
.nachbarn li a[aria-current=page]{background:var(--schwarz);color:var(--weiss);border-color:var(--schwarz)}
.zurueck{font-weight:700}

/* Fuss */
.fuss{background:var(--schwarz);color:#e6e8e3;margin-top:24px}
.fuss-in{max-width:var(--breit);margin:0 auto;padding:32px var(--rand) 24px;display:grid;gap:28px;grid-template-columns:1fr}
@media(min-width:700px){.fuss-in{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.fuss-in{grid-template-columns:repeat(3,1fr) 1.3fr}}
.fuss h2{font-size:1rem;margin:0 0 10px;color:var(--weiss);padding-bottom:6px;border-bottom:2px solid var(--gruen);display:inline-block}
.fuss ul{list-style:none;margin:0;padding:0}
.fuss li a{display:inline-block;color:#e6e8e3;text-decoration:none;padding:6px 0}
.fuss li a:hover{color:var(--weiss);text-decoration:underline}
.partner{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.partner img{height:52px;width:auto}
.fuss-unten{border-top:1px solid #333;max-width:var(--breit);margin:0 auto;padding:14px var(--rand) 24px;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;font-size:.9375rem;color:#b9bdb5}
.fuss-unten a{color:#e6e8e3}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Verweisliste auf eigene Unterdomains (z. B. Schulen) */
.aussen-liste{list-style:none;margin:0;padding:0;display:grid;gap:8px}
@media(min-width:700px){.aussen-liste{grid-template-columns:repeat(2,1fr);gap:10px 16px}}
@media(min-width:1100px){.aussen-liste{grid-template-columns:repeat(3,1fr)}}
.aussen-liste a{display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:10px 16px;background:var(--weiss);border:1px solid var(--linie);border-left:5px solid var(--gruen);border-radius:8px;text-decoration:none;color:var(--text)}
.aussen-liste a:hover{border-color:var(--gruen)}
.aussen-liste .a-name{font-weight:700;color:var(--gruen);line-height:1.3}
.aussen-liste .a-art{font-size:.9375rem;color:var(--leise)}

/* Faktenkasten, Quellen, Fussnoten */
.fakten{background:var(--weiss);border:1px solid var(--linie);border-top:5px solid var(--gruen);border-radius:8px;padding:18px 20px;margin-top:28px;max-width:860px}
.fakten h2{margin:0 0 10px;font-size:1.25rem}
.fakten dl{margin:0;display:grid;gap:8px}
@media(min-width:700px){.fakten dl{grid-template-columns:repeat(2,1fr);gap:10px 24px}}
.fakten dt{font-weight:700;font-size:.9375rem;color:var(--leise)}
.fakten dd{margin:0}
sup.fn{font-size:.72em;line-height:0;margin-left:1px}
sup.fn a{text-decoration:none;color:var(--gruen);font-weight:700;padding:0 2px}
.fliesstext blockquote{margin:22px 0;padding:12px 18px;border-left:5px solid var(--rot);background:var(--grund);font-size:1.0625rem}
.fliesstext blockquote cite{display:block;margin-top:6px;font-style:normal;font-size:.9375rem;color:var(--leise)}
.fliesstext ul{padding-left:1.2em}.fliesstext li{margin:6px 0}
.quellen{margin-top:28px;max-width:860px;font-size:.9375rem;color:var(--leise)}
.quellen h2{font-size:1.125rem;color:var(--text)}
.quellen ol{padding-left:1.4em;margin:0}.quellen li{margin:6px 0;overflow-wrap:anywhere}
.quellen li:target{background:#fff6d6}
.stand{font-size:.875rem;color:var(--leise)}
/* Objektseiten */
.meta{margin:4px 0 10px;display:flex;flex-wrap:wrap;gap:6px}
.abz{display:inline-block;font-size:.875rem;padding:3px 10px;border-radius:14px;background:var(--grund);border:1px solid var(--linie)}
.abz.status-ungeprueft{background:#fff6d6;border-color:#e6cf7a}
.abz.status-muster,.abz.muster{background:var(--gruen);color:var(--weiss);border-color:var(--gruen)}
.abz.status-geprueft{background:#e3f1e3;border-color:#9ccc9c}
.ort{margin:0 0 12px}
.knopfreihe{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.knopf.hell{background:var(--weiss);color:var(--gruen);border:2px solid var(--gruen)}
.knopf.hell:hover{background:var(--gruen);color:var(--weiss)}
.block{background:var(--weiss);border:1px solid var(--linie);border-radius:8px;padding:16px 20px;margin-top:20px;max-width:860px}
.block h2{margin:0 0 10px;font-size:1.1875rem}
.block dl{margin:0;display:grid;gap:6px}
.block dl>div{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:12px;padding:6px 0;border-bottom:1px solid #ecede9}
.block dl>div:last-child{border-bottom:0}
.block dt{color:var(--leise)}.block dd{margin:0}
.block .leer dd{color:#8a8f86;font-style:italic}
@media(max-width:520px){.block dl>div{grid-template-columns:1fr;gap:2px}}
.ph-raster{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media(min-width:700px){.ph-raster{grid-template-columns:repeat(3,1fr)}}
.ph{border:1.5px dashed #b9bdb5;border-radius:6px;min-height:70px;display:flex;align-items:center;justify-content:center;color:var(--leise);font-size:.9375rem;text-align:center;padding:6px}
.klein{font-size:.9375rem;color:var(--leise);max-width:860px}
.hinweis{max-width:860px;background:#fff6d6;border-left:5px solid #e6cf7a;padding:10px 14px;border-radius:4px}
.anschrift{max-width:860px}
/* Verzeichnisse */
.verz-suche{margin-top:24px;max-width:560px}
.verz-suche label{display:block;font-weight:700;margin-bottom:6px}
.verz-suche input{width:100%;font:inherit;padding:12px;border:2px solid var(--linie);border-radius:6px;background:var(--weiss)}
.verz-suche input:focus{border-color:var(--gruen);outline:none}
.anzahl{margin:6px 0 0;color:var(--leise);font-size:.9375rem}
.karte-link{margin:12px 0 16px}
.aussen-liste .abz{margin-top:6px;align-self:flex-start}
.tabelle{margin-top:28px;max-width:860px}
.tab-rahmen{overflow-x:auto;background:var(--weiss);border:1px solid var(--linie);border-radius:8px}
.tabelle table{border-collapse:collapse;width:100%;min-width:420px}
.tabelle th,.tabelle td{padding:10px 14px;text-align:left;border-bottom:1px solid #ecede9}
.tabelle th{background:var(--schwarz);color:var(--weiss);font-weight:700}
.tabelle tfoot td{font-weight:700}
.tabelle .zahl{text-align:right;font-variant-numeric:tabular-nums}
.kopfblock.ohne{margin-top:24px}
@media(min-width:700px){.kopfblock.ohne{margin-top:32px}}
/* Formular Ort eintragen */
.formular{max-width:860px}
.formular .block{margin-top:16px}
.formular p{margin:0 0 14px}
.formular label{display:block;font-weight:700;margin-bottom:4px}
.formular input:not([type=checkbox]),.formular select,.formular textarea{display:block;width:100%;font:inherit;font-size:1rem;padding:11px 12px;border:2px solid var(--linie);border-radius:6px;background:var(--weiss);color:var(--text);min-height:48px}
.formular textarea{resize:vertical;min-height:96px}
.formular input:focus,.formular select:focus,.formular textarea:focus{border-color:var(--gruen);outline:none;box-shadow:0 0 0 3px rgba(0,102,0,.18)}
.formular [aria-invalid=true]{border-color:var(--rot)!important}
.formular fieldset{border:0;padding:0;margin:0}
.formular legend{font-weight:700;padding:0;margin-bottom:2px}
.formular .pflicht{font-weight:400;color:var(--rot);font-size:.875rem}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media(max-width:560px){.zwei{grid-template-columns:1fr}}
.falle{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.einwilligung{display:grid;grid-template-columns:28px 1fr;gap:6px 8px;align-items:start}
.einwilligung input{width:24px;height:24px;margin:2px 0 0;accent-color:var(--gruen)}
.einwilligung label{font-weight:400;margin:0}
.einwilligung a{grid-column:2}
button.knopf{border:0;font:inherit;font-weight:700;cursor:pointer}
button.knopf:disabled{opacity:.6;cursor:wait}
#f-antwort{max-width:860px;font-weight:700}
#f-antwort.gut{background:#e6f2e6;border-left:5px solid var(--gruen);padding:12px 14px;border-radius:4px}
#f-antwort.fehler{background:#fbe9e9;border-left:5px solid var(--rot);padding:12px 14px;border-radius:4px}
.bx-gal img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px;background:#ddd}
/* Volles Bild im Hintergrund, Bedienleiste liegt im Bild (Vorgaben Helge 13.10.2026 20:31 und 20:41) */
body.mit-bild{background:#000}
body.mit-bild::before{content:"";position:fixed;inset:0;z-index:-1;background:#000 var(--hg1) center top/cover no-repeat}
@media(min-width:700px){body.mit-bild::before{background-size:100% auto}}
@media(min-width:1000px){body.mit-bild::before{background-image:var(--hg2)}}
.mit-bild .bild{background:transparent}
.mit-bild .inhalt{background:transparent}
@media(min-width:700px){
  .mit-bild .bild{height:min(100vh,var(--hb,66.67vw));min-height:300px}
  .mit-bild .bild img{visibility:hidden}
  .mit-bild .inhalt{padding-top:1px}
}
.mit-bild .inhalt{padding-bottom:40px}
.mit-bild .fuss{margin-top:0}
/* Kopfleiste im Bild: durchsichtig, Knoepfe dunkel hinterlegt; beim Scrollen dunkle Leiste mit Logo */
.mit-bild .kopf{position:fixed;left:0;right:0;top:0;background:transparent;box-shadow:none;transition:background-color .25s}
.mit-bild .kopf .flagge{display:none}
.mit-bild .menue{border-top:0}
.mit-bild .kopf-in{max-width:none;padding-top:14px}
.mit-bild .kopf:not(.fest) .kopf-in{align-items:flex-start}
.mit-bild .kopf:not(.fest) .marke{width:max(22vw,110px);height:max(13vw,64px)}
.mit-bild .kopf:not(.fest) .marke img{opacity:0}
.mit-bild .kopf:not(.fest) .hn-punkt>button,.mit-bild .kopf:not(.fest) .hn-karte,
.mit-bild .kopf:not(.fest) .such-knopf,.mit-bild .kopf:not(.fest) .menue-knopf{background:rgba(0,0,0,.64);color:#fff;border-color:transparent;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:700}
.mit-bild .kopf:not(.fest) .hn-punkt>button:hover,.mit-bild .kopf:not(.fest) .hn-punkt>button[aria-expanded=true],
.mit-bild .kopf:not(.fest) .hn-karte:hover,.mit-bild .kopf:not(.fest) .such-knopf:hover,.mit-bild .kopf:not(.fest) .menue-knopf:hover{background:var(--gruen);color:#fff}
@media(min-width:1100px){.mit-bild .kopf:not(.fest) .hauptnav>ul{gap:6px}}
.mit-bild .kopf.fest,.mit-bild .kopf:has(.menue-knopf[aria-expanded=true]){background:rgba(0,0,0,.9)}
.mit-bild .kopf.fest .marke img{opacity:0}
.mit-bild .kopf.fest .hn-punkt>button,.mit-bild .kopf.fest .hn-karte,.mit-bild .kopf.fest .such-knopf,.mit-bild .kopf.fest .menue-knopf{color:#fff;background:transparent;border-color:rgba(255,255,255,.45)}
.mit-bild .kopf.fest .hn-punkt>button:hover,.mit-bild .kopf.fest .hn-punkt>button[aria-expanded=true],.mit-bild .kopf.fest .hn-karte:hover{background:var(--gruen)}
.mit-bild .kopf :focus-visible{outline-color:#fff}
/* Schlanke Fusszeile: nur Seite und Rechtliches (Helge 20:46) */
.fuss-in.fuss-schlank{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 40px;padding:22px var(--rand) 16px}
.fuss-verweise{display:flex;flex-wrap:wrap;gap:0 22px}
.fuss-verweise li a{padding:8px 0}
.fuss-schlank .partner img{height:46px}
/* Kein weisser Schleier ueber dem Bild (Helge 20:48): nur einzelne Karten, Ueberschriften dunkel hinterlegt */
.mit-bild .kacheln>h2,.mit-bild .verz-gruppe>h2,.mit-bild section[aria-labelledby=h-angebote]>h2{display:inline-block;background:rgba(0,0,0,.74);color:#fff;padding:6px 14px;border-radius:8px}
.mit-bild .verz-suche{background:rgba(0,0,0,.74);color:#fff;padding:14px 16px;border-radius:10px}
.mit-bild .verz-suche .anzahl{color:#e6e8e3;margin-bottom:0}
.mit-bild .quellen,.mit-bild .nachbarn,.mit-bild .tabelle{background:var(--weiss);border-radius:10px;padding:16px 20px;margin-top:24px;max-width:860px}
.mit-bild .karte-link{margin-top:14px}
.g-zahl{font-weight:400;opacity:.85}
.gruppen-sprung{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}
.gruppen-sprung a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:22px;background:var(--gruen);color:#fff;text-decoration:none;font-weight:700}
.gruppen-sprung a span{background:#fff;color:var(--gruen);border-radius:12px;padding:0 8px;font-size:.875rem}
.gruppen-sprung a:hover{background:#004d00}
.verz-gruppe{margin-top:22px;scroll-margin-top:90px}
.verz-gruppe>h2{margin:0 0 10px}