/* v2510-83 (Gman 28.10.2026 17:28): Handy und Tablet bis 1023 px: KEIN dunkles Overlay ueber Fotos.
   Foto frei sichtbar, Text auf heller Karte (Creme #F6F1E8, .97) unter dem Foto, gleiche Logik wie Hero C.
   Gilt fuer: Wege-Karten (.weg-tafel/.tafel-verlauf), Projekte-Folge (.folge-verlauf), Team-Bildzeile (figcaption).
   Ersetzt auf <=1023 px die schwarzen Verlaeufe (--overlay-text .74); Desktop (>=1024 px) bleibt unveraendert. */
@media (max-width:1023px){
  /* --- Wege-Karten: Foto oben, Text auf heller Karte darunter --- */
  html body #wege .weg-tafel,html body #wuensche .weg-tafel{display:flex;flex-direction:column;aspect-ratio:auto!important;min-height:0;background:rgba(246,241,232,.97);color:#122E4D;border-radius:12px;box-shadow:0 8px 28px rgba(18,46,77,.14)}
  html body .weg-tafel .tafel-bild{position:relative;inset:auto;flex:none;width:100%;aspect-ratio:1/1;overflow:hidden}
  html body .weg-tafel .tafel-verlauf,html body .weg-tafel .tafel-verlauf::after{display:none!important;background:none!important}
  html body .weg-tafel .tafel-inhalt{position:static;left:auto;right:auto;bottom:auto;padding:20px 24px 24px}
  html body .weg-tafel .tafel-inhalt .t3{color:#122E4D;white-space:normal}
  html body .weg-tafel .tafel-satz{color:#2B3642;text-shadow:none;max-width:52ch}
  html body .weg-tafel .tafel-link{color:#122E4D!important}
  html body .weg-tafel:is(:hover,:focus-visible,:active) .tafel-link{color:#A3421D!important}

  /* --- Projekte-Folge: Foto oben (nimmt den Rest der Panelhoehe), Text auf heller Karte darunter --- */
  html body .folge-panel{background:#F6F1E8}
  html body .folge-link{display:flex!important;flex-direction:column;height:100%!important;color:#122E4D}
  html body .folge-panel .folge-bild{position:relative!important;inset:auto!important;flex:1 1 auto;min-height:200px;height:auto!important;width:100%;overflow:hidden}
  html body .folge-verlauf{display:none!important;background:none!important}
  html body .folge-inhalt{position:relative!important;height:auto!important;flex:none;padding:20px 24px 28px!important;justify-content:flex-start!important;background:rgba(246,241,232,.97);color:#122E4D}
  html body .folge-inhalt::before{display:none!important;background:none!important}
  html body .folge-inhalt>*{opacity:1!important}
  html body .folge-ort,html body .folge-text,html body .folge-nr,html body .folge-nr span:first-child,html body .folge-kz,html body .folge-kz dt,html body .folge-kz dd{color:#122E4D!important;text-shadow:none!important}
  html body .folge-meta{color:#55606E!important;text-shadow:none!important;opacity:1}
  html body .folge-inhalt .tl,html body .folge-inhalt .tl.tl-hell{--t:#122E4D;--th:#A3421D;--ph:#A3421D;color:#122E4D}
  html body .folge-link:is(:hover,:focus-visible,:active) .tl{color:#A3421D}

  /* --- Team-Bildzeile: Foto frei, Name auf heller Leiste darunter --- */
  html body .team-rot figure{display:flex;flex-direction:column}
  html body .team-rot figure picture{display:block;flex:1 1 0;min-height:0}
  html body .team-rot figure img{width:100%;height:100%}
  html body .team-rot figcaption{position:static!important;flex:none;padding:12px 16px;background:rgba(246,241,232,.97)!important;color:#122E4D;text-shadow:none}
}
@media (max-width:767px){html body .folge-inhalt{padding-bottom:72px!important}}
