/* 8.25.70 – Startseite in kommende/vergangene Reisen gegliedert, schlanker Kopf auf dem Handy. */

/* Abschnittsüberschriften im Reise-Raster (über die ganze Breite). */
.home-trip-group{grid-column:1/-1;display:flex;align-items:baseline;gap:12px;margin:18px 0 2px;color:#f5f7f8}
.home-trip-group:first-child{margin-top:0}
.home-trip-group h3{margin:0;font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:800;letter-spacing:-.01em}
.home-trip-group span{color:rgba(245,247,248,.62);font-size:.95rem}
.home-trip-card.is-past{opacity:.92}
.home-trip-card.is-past .home-trip-image img{filter:saturate(.85)}

/* Lange Reisetitel (z. B. „FREIZEITCENTER“) brechen um statt über den Rand zu laufen. */
/* Nur auf dem Handy: kleinere Schrift und Umbruch ohne Silbentrennung; auf breiteren Bildschirmen darf der Titel wie bisher ins Bild ragen. */
@media (max-width:600px){#tripTitle{font-size:clamp(2rem,9vw,3rem)!important;line-height:1.05!important;overflow-wrap:break-word;hyphens:manual}}

/* Handy: Die feste App-Leiste zeigt Logo und Titel bereits – das große Logo im zweiten Kopf entfällt. */
@media (max-width:900px){
  body:has(.mobile-app-header) .premium-topbar .premium-brand,
  body:has(.mobile-app-header) .v72-header .brand{display:none!important}
  body:has(.mobile-app-header) .premium-topbar,
  body:has(.mobile-app-header) .v72-header{padding-top:6px!important;padding-bottom:6px!important;min-height:0!important}
}

/* 8.25.74 – Sprungziele nicht unter dem festen Kopf verstecken. */
#trips,#map-home,#latest-home,#partners-home,#vehicle-home,#about-home,.bfvl-trip-page main>section[id]{scroll-margin-top:84px}
@media (max-width:900px){#trips,#map-home,#latest-home,#partners-home,#vehicle-home,#about-home,.bfvl-trip-page main>section[id]{scroll-margin-top:calc(var(--app-header-h,64px) + 16px)}}