/* =====================================================================
 * Longevity — Discovery (AP-A): Projekt-Optik des generischen Sucheinstiegs
 * ---------------------------------------------------------------------
 * Diese Datei setzt fast nur `--pldsc-*`-Variablen. Die Regeln stehen im
 * Generikum (EXT:plate_discovery/Resources/Public/Css/discovery.css, geladen
 * mit priority="1", also VOR diesem Bucket).
 *
 * Seit 03.09.2026 ist die Suche ein OVERLAY (Variante „Einstieg" am CE,
 * `presentation = overlay` in der Kopfzeile): im Fluss steht nur der
 * Auslöser — die Karte auf der Hero-Kante bzw. das Icon im Header —, der
 * Dialog folgt dem Anfrage-Overlay. Abschnitte unten: „Der Einstieg",
 * „Kopfzeile", „Das Overlay".
 *
 * Was hier bewusst NICHT steht (harte Regeln, Workspace-CLAUDE.md):
 *   - kein Sektions-Hintergrund, kein Sektions-Padding (Frame-Felder!)
 *   - keine eigene Container-Breite (die kommt aus `.frame-container`)
 *   - kein `display:none`/`pointer-events` auf Navigations-Elementen,
 *     keine z-index-Verschiebung am Header
 *   - keine Schriftgroessen/-schnitte, fuer die es einen plate_bootstrap-Slot
 *     gibt (h1–h5) — die Leiste benutzt ausschliesslich relative Groessen (`em`)
 *     bezogen auf ihren Kontext
 * ===================================================================== */

atomic-discovery {
    --pldsc-radius: 0;
    --pldsc-gap: 0.9rem;
    --pldsc-surface: var(--lr-ivory);
    --pldsc-surface-soft: rgba(155, 115, 110, 0.09);
    --pldsc-ink: var(--lr-ink);
    /* NICHT `--lr-ink-soft`: der Token steht auf 0.72 Deckung und erreicht auf
       Ivory gemessene 4.50:1 — genau AUF der AA-Schwelle fuer Fliesstext, ohne
       jede Reserve — und daran haengen Trefferzahl, Karten-Kicker und
       „Alles zuruecksetzen". Zwei eigene Stufen, beide nachgemessen (02.09.2026):
       soft 6.64:1, muted 5.30:1 auf `--lr-ivory`. */
    --pldsc-ink-soft: rgba(61, 61, 60, 0.86);
    --pldsc-ink-muted: rgba(61, 61, 60, 0.78);
    --pldsc-line: var(--lr-line);
    /* NICHT `--lr-line-strong`: der Token steht auf 0.28 Deckung und erreicht
       auf Ivory gemessene 1.64:1. Daran haengt aber der Rahmen des
       Auswahlkaestchens — die einzige Anzeige, dass eine Option ein
       Bedienelement ist (WCAG 1.4.11 verlangt 3:1). 0.62 misst 3.48:1.
       Ausserdem: Feld-Fokus, Auslöser-Hover, „Fertig"-Hover. */
    --pldsc-line-strong: rgba(61, 61, 60, 0.62);
    --pldsc-accent: var(--lr-bronze-deep);
    --pldsc-accent-ink: var(--lr-ivory);
    --pldsc-shadow: 0 30px 80px rgba(61, 61, 60, 0.18);
    --pldsc-focus: 2px solid var(--lr-bronze-deep);

    font-family: var(--lr-font-body);
}

.pldsc__trigger,
.pldsc__status,
.pldsc__curated-head,
.pldsc-group__head,
.pldsc-card__kicker,
.pldsc-results__count {
    font-family: var(--lr-font-body);
}

/* --------------------------------------------------------------------
 * Filterzeile: Auslöser + Options-Panel (Umbau 02.09.2026)
 *
 * Nur Variablen und Feinschliff — die Regeln stehen im Generikum. Der Duktus
 * dieser Site ist ruhig und kantig: keine Radien (`--pldsc-radius: 0`),
 * Grossbuchstaben mit Sperrung an den Auslösern wie an den uebrigen
 * Sektions-Labels, Gold als einzige Akzentfarbe.
 * ------------------------------------------------------------------ */
atomic-discovery {
    --pldsc-pop-w: 20rem;
    --pldsc-pop-max-w: min(30rem, calc(100vw - 2rem));
    --pldsc-pop-max-h: min(58vh, 23rem);
}

.pldsc__trigger {
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 0.72em;
    padding-block: 0.62rem;
}
.pldsc__trigger-label { line-height: 1; }

.pldsc__opt-label,
.pldsc__done { letter-spacing: 0.01em; }
.pldsc__done {
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.85em;
}

.pldsc-card__title {
    font-family: var(--lr-font-display);
    font-size: 1.15em;
    line-height: 1.15;
}

.pldsc__submit,
.pldsc__go {
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-size: 0.72em;
    font-weight: 500;
}

.pldsc-group__more,
.pldsc-results__reset {
    text-decoration: none;
    border-bottom: 1px solid var(--lr-line-strong);
    padding-bottom: 0.1rem;
}
.pldsc-group__more:hover,
.pldsc-results__reset:hover { border-bottom-color: currentColor; }

/* ---------------------------------------------------------------------
 * Der Einstieg auf der Startseite sitzt auf der Kante des Heros: leicht
 * angehoben, damit er „above the fold" sichtbar ist, ohne den Hero zu
 * zerschneiden. Das ist eine Verschiebung des ELEMENTS im Fluss, KEIN
 * Sektions-Padding — die generischen space_*-Felder bleiben wirksam
 * (sie liegen am `.frame` darum herum).
 * ------------------------------------------------------------------ */
.frame-type-atomicplan_discoverybar {
    /* Der Hero darueber legt einen Scrim ueber seine volle Flaeche. Ohne eine
       eigene Stapelebene liegt dieser Scrim UEBER dem angehobenen Einstieg und
       faengt jeden Klick ab (gefunden im Klicktest 01.09., nicht im
       Screenshot). `1` reicht: der Hero hat keinen eigenen z-index. Der Header
       liegt bei 100 und bleibt damit unangetastet — keine z-index-Verschiebung
       an der Navigation (harte Regel). */
    position: relative;
    z-index: 1;
}
/* WIE WEIT DER EINSTIEG AUF DAS HERO-BILD STEIGT — eine Zahl, zwei Verbraucher.
   Der Startseiten-Hero muss denselben Betrag als Innenabstand zuruecklegen,
   damit sein Text nicht am Einstieg klebt (Kundenmeldung 02.09.2026), und
   sein Video-Schalter muss darueber bleiben. Deshalb steht der Wert in
   `:root` und nicht als Literal in zwei Dateien — `lr-hero.css` liest ihn.
   `:root` ist hier zulaessig: es ist eine EIGENE Variable dieser Datei, kein
   Ueberschreiben eines Theme- oder Settings-Slots. */
:root { --lr-discovery-bar-lift: clamp(1.5rem, 5vw, 3.5rem); }

.frame-type-atomicplan_discoverybar .pldsc--bar { margin-top: calc(-1 * var(--lr-discovery-bar-lift)); }

/* =====================================================================
 * DER EINSTIEG (Kundenwunsch 03.09.2026: „keine Bar mehr")
 * ---------------------------------------------------------------------
 * Bis 02.09. stand hier die ganze Suche als dunkle Leiste im Fluss. Jetzt
 * steht im Fluss nur ein AUSLÖSER, und die Suche liegt in einem Overlay,
 * das dem Anfrage-Overlay folgt (lr-enquiry.css: Backdrop mit Blur,
 * Charcoal-Panel, Seitenspalte in Soft-Black, „× SCHLIESSEN" oben rechts).
 *
 * ZWEI AUSLÖSER, EIN ERSCHEINUNGSBILD. Unter dem Startseiten-Kopf ist der
 * Auslöser eine Karte (Frage in der Display-Schrift, darunter was es zu finden
 * gibt und wonach sich filtern laesst, rechts der Knopf „Suchen & filtern");
 * in der Kopfzeile ist er das Icon im Kreis mit derselben Beschriftung. Beide
 * tragen denselben Kreis, dasselbe Lupen-Icon, dieselben Woerter — wer den
 * Einstieg auf der Startseite gefunden hat, erkennt ihn oben wieder.
 *
 * DIE FLAECHE GEHOERT DEM WIDGET, NICHT DER SEKTION: `background_color_class`
 * am CE bleibt `none`, `space_before/after_class` bleiben `none` (die Karte
 * sitzt bewusst auf der Bildkante). Wer die Farbe ueber das Frame-Feld setzt,
 * faerbt die ganze Sektion und zerstoert die Hero-Kante.
 * ================================================================== */
.frame-type-atomicplan_discoverybar .pldsc--overlay.pldsc--bar .pldsc__opener {
    --pldsc-opener-icon: clamp(2.75rem, 2rem + 1.5vw, 3.5rem);
    gap: clamp(1rem, 1.8vw, 1.6rem);
    padding: clamp(1.1rem, 1.6vw, 1.5rem) clamp(1.2rem, 2.4vw, 2rem);
    background: var(--lr-bronze-ink);
    color: var(--lr-on-dark);
    border-radius: 20px;
    /* innere Lichtkante oben + der Schatten der frueheren Leiste */
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 26px 70px rgba(43, 30, 29, 0.38);
    transition: transform 0.45s var(--lr-ease-out), box-shadow 0.45s var(--lr-ease-out);
}
.frame-type-atomicplan_discoverybar .pldsc--overlay.pldsc--bar .pldsc__opener:hover {
    transform: translateY(-2px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 30px 80px rgba(43, 30, 29, 0.46);
}
.frame-type-atomicplan_discoverybar .pldsc--overlay.pldsc--bar .pldsc__opener:focus-visible {
    outline: 2px solid var(--lr-on-dark);
    outline-offset: 3px;
}
/* Das Icon ist auf der Karte die einzige Rose-Flaeche neben dem Knopf —
   dasselbe Rose, in dem sich der Kreis in der Kopfzeile beim Hover fuellt. */
.frame-type-atomicplan_discoverybar .pldsc--overlay.pldsc--bar .pldsc__opener-icon {
    background: var(--lr-bronze);
    border-color: var(--lr-bronze);
    color: var(--lr-soft-black);
}
.frame-type-atomicplan_discoverybar .pldsc--overlay.pldsc--bar .pldsc__opener-icon svg { width: 44%; height: 44%; }
.frame-type-atomicplan_discoverybar .pldsc--overlay.pldsc--bar .pldsc__opener-title {
    font-family: var(--lr-font-display);
    font-size: clamp(1.45rem, 1.1rem + 1.2vw, 2rem);
    line-height: 1.05;
    color: #fff;
}
.frame-type-atomicplan_discoverybar .pldsc--overlay.pldsc--bar .pldsc__opener-hint {
    font-size: 0.82rem;
    line-height: 1.45;
    letter-spacing: 0.01em;
    /* gemessen auf #7c5c58: 0.86 Deckung von --lr-on-dark = 4.6:1 */
    color: rgba(243, 239, 237, 0.86);
}
.frame-type-atomicplan_discoverybar .pldsc--overlay.pldsc--bar .pldsc__opener-cta {
    padding: 0.85em 1.5em;
    background: var(--lr-bronze);
    color: var(--lr-ink);
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    transition: background-color 0.3s var(--lr-ease-soft);
}
.frame-type-atomicplan_discoverybar .pldsc--overlay.pldsc--bar .pldsc__opener:hover .pldsc__opener-cta { background: var(--lr-stone); }

@media (max-width: 47.99em) {
    .frame-type-atomicplan_discoverybar .pldsc--overlay.pldsc--bar .pldsc__opener { flex-wrap: wrap; }
    /* Auf schmalen Fenstern bleibt vom Hinweis die Liste der Typen — die
       Filtergruppen stehen zwei Fingertipps weiter ohnehin als Auslöser. */
    .frame-type-atomicplan_discoverybar .pldsc--overlay.pldsc--bar .pldsc__opener-filters { display: none; }
    .frame-type-atomicplan_discoverybar .pldsc--overlay.pldsc--bar .pldsc__opener-text { flex-basis: 12rem; }
    .frame-type-atomicplan_discoverybar .pldsc--overlay.pldsc--bar .pldsc__opener-cta {
        width: 100%;
        justify-content: center;
        margin-top: 0.25rem;
    }
}

/* ---------------------------------------------------------------------
 * Der Einstieg in der Kopfzeile — DERSELBE Auslöser, nur klein.
 *
 * Kreis in der Groesse des Merkstatus-Knopfes, daneben die Beschriftung
 * „Suchen & filtern" (uppercase, gesperrt wie die Navigation). Die rechte
 * Kopfspalte ist bis ~1500 px eng — dort bleibt vom Auslöser der Kreis, die
 * Beschriftung geht in den zugaenglichen Namen. Unterhalb
 * des Burger-Umbruchs bleibt er sichtbar (ein Icon): das Overlay ist dort
 * bildschirmfuellend und der einzige Weg zur Suche.
 * ------------------------------------------------------------------ */
.lr-actions .pldsc--overlay.pldsc--compact { --pldsc-opener-icon: 2.25rem; }
.lr-actions .pldsc--overlay .pldsc__opener { gap: 0.55rem; color: inherit; }
.lr-actions .pldsc--overlay .pldsc__opener-icon {
    transition: background-color 0.3s var(--lr-ease-soft), color 0.3s var(--lr-ease-soft), border-color 0.3s var(--lr-ease-soft);
}
.lr-actions .pldsc--overlay .pldsc__opener-icon svg { width: 18px; height: 18px; }
.lr-actions .pldsc--overlay .pldsc__opener:hover .pldsc__opener-icon,
.lr-actions .pldsc--overlay .pldsc__opener:focus-visible .pldsc__opener-icon {
    background: var(--lr-bronze);
    border-color: var(--lr-bronze);
    color: var(--lr-soft-black);
}
.lr-actions .pldsc--overlay .pldsc__opener:focus-visible { outline: 2px solid var(--lr-bronze); outline-offset: 3px; }
.lr-actions .pldsc--overlay .pldsc__opener-cta { font-size: 0.68rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; }
/* Gemessen 03.09.2026 bei 1400 px: mit Beschriftung bleiben der Navigation
   714 px, sie braucht 728 — „Resorts" bricht zu „Re-sorts". Die Beschriftung
   erscheint deshalb erst ab 1500 px; darunter traegt der Kreis mit der Lupe
   allein die Verwandtschaft zur Karte unter dem Seitenkopf. */
@media (max-width: 1499px) {
    .lr-actions .pldsc--overlay .pldsc__opener-label {
        position: absolute;
        width: 1px; height: 1px;
        margin: -1px; padding: 0; border: 0;
        overflow: hidden; clip-path: inset(50%); white-space: nowrap;
    }
}

/* Der ALTE aufklappende Kopfzeilen-Einstieg (presentation=inline), falls ein
   Projekt ihn wieder einschaltet: Panel im Header, Icon-Auslöser. */
.lr-actions .pldsc--inline.pldsc--compact { position: relative; display: inline-flex; align-items: center; }
.lr-actions .pldsc--inline .pldsc__opener { color: inherit; line-height: 0; }
.lr-actions .pldsc--inline .pldsc__opener:hover { opacity: 0.7; }
.lr-actions .pldsc--inline.pldsc--compact .pldsc__shell {
    top: calc(100% + 1.1rem);
    width: min(30rem, calc(100vw - 3rem));
    background: var(--lr-ivory);
    border: 1px solid var(--lr-line);
    box-shadow: 0 30px 80px rgba(61, 61, 60, 0.18);
    padding: 1rem;
    color: var(--lr-ink);
}
.lr-actions .pldsc--inline.pldsc--compact .pldsc__panel { border: 0; padding: 0.75rem 0 0; }
@media (max-width: 61.99em) {
    .lr-actions .pldsc--inline.pldsc--compact { display: none; }
}

/* =====================================================================
 * DAS OVERLAY — Optik des Anfrage-Overlays (lr-enquiry.css, Abschnitt 4)
 * ---------------------------------------------------------------------
 * Dieselben Flaechen, derselbe Backdrop, dieselbe Seitenspalte. Alles
 * Sichtbare im Dialog haengt an den `--pldsc-*`-Variablen; hier werden sie
 * fuer den dunklen Grund umgestellt und nachgemessen:
 *
 *   Text          --lr-on-dark auf #393536          11.9:1
 *   soft (0.82)   Trefferzahl, Kicker, Hinweis       8.4:1
 *   muted (0.72)  Null-Zustaende                     6.2:1
 *   line (0.45)   Rahmen der Bedienelemente          3.5:1  (>= 3:1, WCAG 1.4.11)
 *   Platzhalter (0.62)                               5.0:1  (wie im Anfrage-Overlay)
 *
 * DIE OPTIONS-PANELS BLEIBEN HELL (Elfenbein): die gedaempften Null-Zustaende
 * und Trefferzahlen brauchen eine Stufe UNTER der Textfarbe, die trotzdem
 * ueber 4.5:1 liegt — auf dem dunklen Grund gibt es die nicht. Und das Panel
 * klappt ueber den Inhalt und soll sich als Menue abheben, nicht verschmelzen.
 * ================================================================== */
.pldsc--overlay {
    --pldsc-dialog-w: 76rem;
    --pldsc-dialog-aside-w: 20rem;
    --pldsc-dialog-pad: clamp(1.5rem, 4vw, 3.2rem);
    --pldsc-backdrop: rgba(24, 23, 21, 0.72);
}
.pldsc--overlay .pldsc__dialog::backdrop {
    background: var(--pldsc-backdrop);
    backdrop-filter: blur(6px);
}
.pldsc--overlay .pldsc__dialog {
    --pldsc-surface: var(--lr-charcoal);
    --pldsc-surface-soft: rgba(243, 239, 237, 0.08);
    --pldsc-ink: var(--lr-on-dark);
    --pldsc-ink-soft: rgba(243, 239, 237, 0.82);
    --pldsc-ink-muted: rgba(243, 239, 237, 0.72);
    --pldsc-line: rgba(243, 239, 237, 0.45);
    --pldsc-line-strong: rgba(243, 239, 237, 0.72);
    --pldsc-accent: var(--lr-bronze);
    --pldsc-accent-ink: var(--lr-soft-black);
    --pldsc-focus: 2px solid var(--lr-bronze);
    --pldsc-caret-opacity: 1;
    --pldsc-shadow: none;
    --pldsc-query-gap: 0.75rem;
    --pldsc-go-min-w: 14rem;
    color: var(--lr-on-dark);
}
.pldsc--overlay .pldsc__aside { background: var(--lr-soft-black); }
.pldsc--overlay .pldsc__aside-eyebrow { font-size: 0.62rem; letter-spacing: 0.24em; }
.pldsc--overlay .pldsc__aside-title {
    font-family: var(--lr-font-display);
    font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    font-weight: 300;
}
.pldsc--overlay .pldsc__aside-text { font-size: 0.92rem; line-height: 1.6; }
.pldsc--overlay .pldsc__aside-types { font-size: 0.86rem; letter-spacing: 0.02em; }
.pldsc--overlay .pldsc__aside-count { font-family: var(--lr-font-display); font-size: 1.25rem; color: var(--lr-stone); }
.pldsc--overlay .pldsc__close { color: var(--lr-on-dark); }
.pldsc--overlay .pldsc__close:hover { color: var(--lr-bronze); }
.pldsc--overlay .pldsc__close:focus-visible { outline: 2px solid var(--lr-bronze); outline-offset: 2px; }

/* Das Suchfeld wie die Felder im Anfrage-Overlay: leichte Flaeche, Rahmen
   auf 0.45 (3.5:1), Fokus in Rose. */
.pldsc--overlay .pldsc__field {
    background: rgba(243, 239, 237, 0.07);
    border-color: rgba(243, 239, 237, 0.45);
    border-radius: 2px;
    transition: border-color 0.25s ease, background-color 0.25s ease;
}
.pldsc--overlay .pldsc__field:hover { border-color: rgba(243, 239, 237, 0.68); }
.pldsc--overlay .pldsc__field:focus-within {
    border-color: var(--lr-bronze);
    background: rgba(243, 239, 237, 0.12);
    /* Der eine Ring am Kasten in Rose — kein zweiter am Eingabefeld darin. */
    box-shadow: 0 0 0 1px var(--lr-bronze);
}
.pldsc--overlay .pldsc__input { font-size: 1.05rem; }
.pldsc--overlay .pldsc__input::placeholder { color: rgba(243, 239, 237, 0.62); }
.pldsc--overlay .pldsc__go:hover {
    background: var(--lr-stone);
    border-color: var(--lr-stone);
    color: var(--lr-ink);
}

/* Die hellen Inseln: die Options-Panels holen sich die Token-Werte zurueck,
   die oben fuer den dunklen Grund umgestellt wurden — fuer den ganzen
   Teilbaum, weil `--pldsc-*` vererben. */
.pldsc--overlay .pldsc__pop {
    --pldsc-ink: var(--lr-ink);
    --pldsc-ink-soft: rgba(61, 61, 60, 0.86);
    --pldsc-ink-muted: rgba(61, 61, 60, 0.78);
    --pldsc-surface: var(--lr-ivory);
    --pldsc-surface-soft: rgba(155, 115, 110, 0.09);
    --pldsc-line: var(--lr-line);
    --pldsc-line-strong: rgba(61, 61, 60, 0.62);
    --pldsc-accent: var(--lr-bronze-ink);
    --pldsc-accent-ink: var(--lr-ivory);
    --pldsc-caret-opacity: 0.65;
    --pldsc-focus: 2px solid var(--lr-bronze-ink);
    --pldsc-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
    color: var(--lr-ink);
}

/* Treffer auf dunklem Grund */
.pldsc--overlay .pldsc-card__title { color: var(--lr-on-dark); }
.pldsc--overlay .pldsc-card__media { background: rgba(243, 239, 237, 0.08); }
.pldsc--overlay .pldsc-group__more { color: var(--lr-on-dark); border-bottom-color: rgba(243, 239, 237, 0.45); }
.pldsc--overlay .pldsc-group__more:hover { border-bottom-color: var(--lr-bronze); }

/* Beim Oeffnen: das Panel gleitet leicht herauf (wie die Sektionen der Site). */
@keyframes lr-discovery-in {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: none; }
}
.pldsc--overlay .pldsc__dialog[open] .pldsc__dialog-panel { animation: lr-discovery-in 0.5s var(--lr-ease-out); }
@media (prefers-reduced-motion: reduce) {
    .pldsc--overlay .pldsc__dialog[open] .pldsc__dialog-panel { animation: none; }
    .frame-type-atomicplan_discoverybar .pldsc--overlay.pldsc--bar .pldsc__opener,
    .lr-actions .pldsc--overlay .pldsc__opener-icon { transition: none; }
}

/* ---------------------------------------------------------------------
 * Ergebnisseite
 * ------------------------------------------------------------------ */
.pldsc--page .pldsc__field { background: var(--lr-ivory); }
.pldsc-results .pldsc-group__head {
    border-top: 1px solid var(--lr-line);
    padding-top: 0.9rem;
}

/* ---------------------------------------------------------------------
 * Seitenkopf der Ergebnisseite — Variante `--slim` des generischen Organism
 *
 * Der Kopf von `/entdecken` ist DERSELBE wie auf `/programme` (Organism
 * `plate_partials → Organisms/PageHero/Default`, gespeist aus den
 * Seiteneigenschaften) — nur flacher: darunter steht die Filterleiste, und die
 * gehoert ins Bild, ohne dass jemand scrollt.
 *
 * Umgesetzt ueber die SLOTS des Organism (`--pl-pagehero-header-gap`,
 * `-pad-bottom`, `-min-height`) an einer eigenen Modifier-Klasse — nicht durch
 * Ueberschreiben der Regeln des Organism oder des Themes. Welche Seite den
 * Modifier bekommt, steht in `lr-discovery.typoscript`
 * (`lib.lrPageHeroExtraClass`), nicht im Template.
 *
 * Die beiden Innenabstaende sind der einzige Teil, der keinen Slot hat: der
 * Organism setzt `margin` an Titel und Einleitung fest. Sie stehen deshalb hier
 * an der VARIANTE (zwei Klassen, also spezifischer) und nirgends sonst.
 * ------------------------------------------------------------------ */
.pl-pagehero.pl-pagehero--slim {
    --pl-pagehero-header-gap: 1.75rem;
    --pl-pagehero-pad-bottom: clamp(1.1rem, 2.4vh, 1.9rem);
    --pl-pagehero-min-height: 0;
}
.pl-pagehero--slim .pl-pagehero__title { margin-top: 0.3rem; }
.pl-pagehero--slim .pl-pagehero__abstract { margin-top: 0.8rem; }