/* 31.10.2026 Compass-Familien ab 1024 px.
   Dieselbe Projektbühne wie die Startseite (css/helle-karte-desktop-2810.css):
   Foto in der Inhaltsspalte, 75svh, Radius 16, Creme-Karte 96 % ohne Blur.
   Unter 1024 px bleibt die bestehende Handy- und Tablet-Darstellung. */
@media (min-width:1024px){
  html body #projekte{background:#F6F1E8!important}
  html body #projekte .folge-panel{
    height:calc(100svh - var(--menue-h,64px))!important;
    min-height:0!important;
    background:#F6F1E8!important;
  }
  html body #projekte .folge-panel .folge-bild{
    position:absolute!important;inset:auto!important;
    top:calc((100% - 75svh) / 2)!important;bottom:auto!important;
    height:75svh!important;
    left:max(var(--rand,64px),calc((100% - 1280px) / 2 + var(--rand,64px)))!important;
    right:max(var(--rand,64px),calc((100% - 1280px) / 2 + var(--rand,64px)))!important;
    width:auto!important;
    border-radius:16px!important;overflow:hidden!important;
  }
  html body #projekte .folge-panel .folge-bild picture,
  html body #projekte .folge-panel .folge-bild img{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    object-fit:cover!important;transform:none!important;
  }
  html body #projekte .folge-verlauf,
  html body #projekte .folge-inhalt::before{display:none!important;background:none!important}
  html body #projekte .folge-link{color:#122E4D!important}
  html body #projekte .folge-inhalt{
    position:absolute!important;z-index:2;
    left:calc(max(var(--rand,64px),calc((100% - 1280px) / 2 + var(--rand,64px))) + 28px)!important;
    right:auto!important;top:auto!important;
    bottom:calc((100% - 75svh) / 2 + 28px)!important;
    height:auto!important;width:min(460px,calc(100% - 64px))!important;max-width:460px!important;
    margin:0!important;padding:18px 22px 16px!important;
    background:rgba(246,241,232,.96)!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    border-radius:8px;
    justify-content:flex-start!important;
  }
  html body #projekte .folge-nr,
  html body #projekte .folge-kz,
  html body #projekte .folge-text{display:none!important}
  html body #projekte .folge-ort{
    color:#122E4D!important;font-size:40px!important;line-height:1.05!important;
    margin:0!important;text-shadow:none!important;
  }
  html body #projekte .folge-meta{
    display:block!important;color:#2B3642!important;text-shadow:none!important;
    opacity:1!important;margin-top:6px!important;
  }
  html body #projekte .folge-inhalt .tl{
    color:#A3421D!important;margin-top:12px!important;text-shadow:none!important;
    border-bottom-color:transparent!important;
  }
  html body #projekte .folge-link:is(:hover,:focus-visible) .tl{border-bottom-color:#A3421D!important}
}