/*
 * Startseite und Städteseiten (suche.php, Klasse .search-hero--full, nicht /demo): Hero über den ganzen Viewport.
 *
 * Der Inhalts-Container füllt die Hero-Höhe und stellt den Inhalt senkrecht mittig. Er bleibt bis zur
 * Hero-Unterkante, weil die Trust-Pill (ab lg) absolut an ihm hängt.
 * < 768 px: min-height 100svh kommt aus search-mobile.css; hier gleicher Luftraum über und unter dem Inhalt im
 *   sichtbaren Grün zwischen fester Navbar (76 px, --nv-h in site-navbar.css) und Sand-Kante (2.5rem,
 *   wald-sand-tokens.css). Überschreibt die Abstände aus search-mobile.css (gleiche Spezifität, lädt später).
 * Ab 768 px: Hero mindestens Viewport-hoch; ab lg sind Sand-Kante und Trust-Pill beim Laden unten im Viewport zu sehen.
 */

.search-hero--full {
    display: flex;
}
.search-hero--full > div.w-full {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 767px) {
    body[data-page="search"] > section.search-hero--full {
        padding-top: calc(76px + 24px);
        padding-bottom: calc(2.5rem + 24px);
    }
}

@media (min-width: 768px) {
    .search-hero--full {
        min-height: 100vh;
        min-height: 100svh;
    }
}

/* Ab lg mehr Luft zwischen Trust-Pill und Ergebnissen (sonst md:py-14 = 3.5rem, von portal-search.js bei aktiver Suche gesetzt) */
@media (min-width: 1024px) {
    .search-hero--full + #resultsSection.py-10 {
        padding-top: 6.45rem;
    }
}