/* v2510-83 (Gman 28.10.2026 17:28): Seiten-Heros ohne dunklen Verlauf ueber dem Foto (Hero C wie Startseite).
   Foto frei sichtbar; Text auf heller Karte (Creme #F6F1E8, .97): unter 768 px unter dem Foto, ab 768 px als Karte unten links.
   Nur Palettenfarben. Gilt fuer #kopf.hero (nicht .hero-kompakt). Basis: Vorschlag Grok Bot (analysen/dunkel_mobile_2810). */
html body #kopf.hero .hero-verlauf,html body #kopf.hero .hero-verlauf-links{display:none!important;background:none!important}
html body #kopf.hero .hero-inhalt::before{display:none!important;content:none!important}
html body #kopf.hero .hero-inhalt{background:rgba(246,241,232,.97)!important;color:#122E4D!important;border-radius:16px;box-shadow:0 14px 44px rgba(18,46,77,.22)}
html body #kopf.hero .hero-inhalt :is(h1,h2,p,span,.brotkrume,.brotkrume a,.hero-sterne,.hero-sterne a){color:#122E4D!important;text-shadow:none!important}
html body #kopf.hero .hero-inhalt .akzent{color:#A3421D!important}
html body #kopf.hero .hero-inhalt :is(a.start-glas,a.btn-hell,a.btn.btn-hell){border:2px solid #122E4D!important;color:#122E4D!important;background:transparent!important;-webkit-text-fill-color:#122E4D!important;text-shadow:none!important}
html body #kopf.hero .hero-inhalt a.tl-hell{color:#122E4D!important;border:0!important;text-decoration:underline;text-shadow:none!important}
@media (min-width:768px){
  html body #kopf.hero .hero-inhalt{left:48px!important;right:auto!important;top:auto!important;bottom:44px!important;width:auto!important;max-width:680px!important;padding:28px 36px!important}
}
@media (max-width:767px){
  html body #kopf.hero{display:block!important;min-height:0!important;height:auto!important;background:#F6F1E8!important}
  html body #kopf.hero .hero-bild{position:relative!important;inset:auto!important;width:100%!important;height:min(118vw,560px)!important}
  html body #kopf.hero .hero-inhalt{position:relative!important;margin:0!important;padding:24px 24px 32px!important;border-radius:0;box-shadow:none;background:transparent!important}
}