/**
 * LDR Overlay — Frontend-Styles
 *
 * ERZEUGTE DATEI (core/assets/css/ldr-overlay.css) — Quelle: tools/css/basis.css
 * plus die Stufen-Regeln aus tools/baue-css.php. Nicht von Hand bearbeiten.
 *
 * Grundsatz: Ohne Einstellung sieht alles aus wie die Website. Farben kommen aus
 * dem YOOtheme-Stil (uk-background-primary, uk-button-*); die Rückfallwerte
 * stehen in :where() und haben damit keine Spezifität — jede Theme-Regel und
 * jede Einstellung gewinnt.
 *
 * Kein Inline-Style, kein Inline-Skript: Werte je Element kommen als eigene
 * CSS-Datei (CssDatei) — CSP-fest.
 *
 * @package LDR\Overlay
 * @author  AGENTUR LEDERER
 */

/* ===========================================================================
   Grundwerte
   =========================================================================== */

:root {
    --ldr-a-dauer-std: 320ms;
    --ldr-a-verlauf-std: cubic-bezier(.2, .7, .2, 1);
}

.ldr-ov,
.ldr-ov *,
.ldr-ov *::before,
.ldr-ov *::after {
    box-sizing: border-box;
}

.ldr-icon {
    display: block;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}

.ldr-nur-sr {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

/* ===========================================================================
   Popups
   =========================================================================== */

.ldr-popup {
    position: fixed;
    inset: 0;
    z-index: 1015;
    --ldr-modal: 1;
    --ldr-weg: 40px;
    --ldr-dx: 0px;
    --ldr-dy: var(--ldr-weg);
}

.ldr-popup[hidden] {
    display: none !important;
}

.ldr-gate-popup {
    z-index: 1030;
}

/* Seite dahinter */
.ldr-popup-hintergrund {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .55);
    opacity: 0;
    transition: opacity var(--ldr-a-dauer, var(--ldr-a-dauer-std)) linear;
}

.ldr-popup.is-offen .ldr-popup-hintergrund {
    opacity: 1;
}

/* Rahmen: positioniert den Dialog, scrollt bei Überlänge */
.ldr-popup-rahmen {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

/* Dialog */
.ldr-popup-dialog {
    position: relative;
    width: min(var(--ldr-breite, 600px), 100%);
    max-width: 100%;
    margin: auto;
    border-radius: var(--ldr-radius, 16px);
    overflow: hidden;
    outline: none;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transform: translate(var(--ldr-dx), var(--ldr-dy));
    transition:
        opacity var(--ldr-a-dauer, var(--ldr-a-dauer-std)) var(--ldr-a-verlauf, var(--ldr-a-verlauf-std)) var(--ldr-a-delay, 0ms),
        transform var(--ldr-a-dauer, var(--ldr-a-dauer-std)) var(--ldr-a-verlauf, var(--ldr-a-verlauf-std)) var(--ldr-a-delay, 0ms),
        clip-path var(--ldr-a-dauer, var(--ldr-a-dauer-std)) var(--ldr-a-verlauf, var(--ldr-a-verlauf-std)) var(--ldr-a-delay, 0ms);
}

:where(.ldr-popup-dialog) {
    background: #fff;
    box-shadow: 0 18px 60px rgba(0, 0, 0, .22);
}

/* Dunkler Hintergrund ohne eigene Textfarbe: hell schreiben (WCAG-Entscheid im PHP) */
.ldr-hell .ldr-popup-dialog {
    color: #f5f5f5;
}

.ldr-popup.is-offen .ldr-popup-dialog {
    opacity: 1;
    transform: none;
}

/* Ab Tablet höchstens 92 % der Bildschirmbreite (JN 12.08.2026) */
@media (min-width: 640px) {
    .ldr-popup-dialog {
        width: min(var(--ldr-breite, 600px), 92vw, 100%);
    }
}

.ldr-popup--schmal {
    --ldr-breite: 420px;
}

.ldr-popup--breit {
    --ldr-breite: 940px;
}

.ldr-popup-dialog--dunkel {
    background: #16181a;
    color: #f2f2f2;
}

.ldr-popup-inhalt {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1 1 auto;
    padding-top: 28px;
    padding-bottom: 28px;
}

.ldr-popup-header,
.ldr-popup-body {
    padding-left: 28px;
    padding-right: 28px;
}

.ldr-popup-header {
    margin-bottom: 14px;
}

.ldr-popup-titel {
    margin: 0;
    font-size: 1.35rem;
    line-height: 1.3;
    color: inherit;
}

.ldr-popup-body {
    color: inherit;
}

.ldr-popup-body > :first-child {
    margin-top: 0;
}

.ldr-popup-body > :last-child {
    margin-bottom: 0;
}

.ldr-popup-text > :last-child {
    margin-bottom: 0;
}

.ldr-popup-knoepfe {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

/* --- Schließen-X ----------------------------------------------------------- */

.ldr-popup-x {
    position: absolute;
    z-index: 3;
    top: 10px;
    right: 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 44px;
    min-height: 44px;
    padding: 0 10px;
    justify-content: center;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    opacity: .75;
    transition: opacity .2s, transform .25s, color .2s, background-color .2s;
}

.ldr-popup-x:hover,
.ldr-popup-x:focus-visible {
    opacity: 1;
}

.ldr-popup-x:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.ldr-popup-x-icon {
    width: var(--ldr-x-groesse, 20px);
    height: var(--ldr-x-groesse, 20px);
    stroke-width: var(--ldr-x-strich, 1.1);
}

.ldr-popup-x-icon path {
    stroke-width: var(--ldr-x-strich, 1.1);
}

.ldr-popup-x--rund,
.ldr-popup-x--eckig {
    padding: 0;
    width: calc(var(--ldr-x-groesse, 20px) + 22px);
    height: calc(var(--ldr-x-groesse, 20px) + 22px);
    min-width: 44px;
    min-height: 44px;
    background: var(--ldr-x-bg, rgba(0, 0, 0, .06));
    opacity: 1;
}

.ldr-popup-x--rund {
    border-radius: 50%;
}

.ldr-popup-x--eckig {
    border-radius: 4px;
}

.ldr-popup-x--innen-links,
.ldr-popup-x--aussen-links {
    right: auto;
    left: 10px;
}

.ldr-popup-x--aussen-rechts,
.ldr-popup-x--aussen-links {
    position: fixed;
    top: 12px;
    color: #fff;
    opacity: .9;
}

.ldr-popup-x--aussen-rechts {
    right: 12px;
}

.ldr-popup-x--aussen-links {
    left: 12px;
}

.ldr-x-hover-drehen .ldr-popup-x:hover .ldr-popup-x-icon,
.ldr-x-hover-drehen .ldr-popup-x:focus-visible .ldr-popup-x-icon {
    transform: rotate(90deg);
}

.ldr-popup-x .ldr-popup-x-icon {
    transition: transform .25s;
}

.ldr-x-hover-wachsen .ldr-popup-x:hover,
.ldr-x-hover-wachsen .ldr-popup-x:focus-visible {
    transform: scale(1.12);
}

/* Platz für das X, damit die Überschrift nicht darunter läuft */
.ldr-popup-dialog:has(> .ldr-popup-x--innen-rechts) .ldr-popup-header {
    padding-right: 64px;
}

.ldr-popup-dialog:has(> .ldr-popup-x--innen-links) .ldr-popup-header {
    padding-left: 64px;
}

/* --- Medien (Bild / Video) ------------------------------------------------- */

.ldr-popup-medien {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}

.ldr-popup-medien-bild,
.ldr-popup-medien-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--ldr-fokus, 50% 50%);
    display: block;
}

.ldr-popup-medien-video {
    opacity: 0;
    transition: opacity .6s;
}

.ldr-popup-medien-video.is-laeuft {
    opacity: 1;
}

.ldr-popup-medien-ueberlagerung {
    position: absolute;
    inset: 0;
}

.ldr-popup-medien--zoom .ldr-popup-medien-bild,
.ldr-popup-medien--zoom .ldr-popup-medien-video {
    transform: scale(1);
    transition: transform 12s linear;
}

.ldr-popup.is-offen .ldr-popup-medien--zoom .ldr-popup-medien-bild,
.ldr-popup.is-offen .ldr-popup-medien--zoom .ldr-popup-medien-video {
    transform: scale(1.12);
}

/* Medien als Hintergrund: Text lesbar halten */
.ldr-popup-dialog--medien .ldr-popup-inhalt {
    min-height: 260px;
    justify-content: flex-end;
}

/* --- Buttons (Bestand 2.x) ----------------------------------------------- */

.ldr-popup-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ldr-popup-gap, 14px);
}

.ldr-popup-buttons--reihe {
    flex-direction: row;
}

.ldr-popup-buttons--spalte {
    flex-direction: column;
}

.ldr-popup-buttons--auto {
    flex-direction: row;
}

@media (max-width: 639.98px) {
    .ldr-popup-buttons--auto {
        flex-direction: column;
    }
}

.ldr-popup-buttons--gap-small {
    --ldr-popup-gap: 8px;
}

.ldr-popup-buttons--gap-default {
    --ldr-popup-gap: 14px;
}

.ldr-popup-buttons--gap-medium {
    --ldr-popup-gap: 22px;
}

.ldr-popup-buttons.uk-text-center {
    justify-content: center;
}

.ldr-popup-buttons.uk-text-right {
    justify-content: flex-end;
}

/* Vertikaler Versatz ab Desktop (JN 12.08.) — überlappt z. B. den Slider */
@media (min-width: 960px) {
    .ldr-popup-buttons--versatz {
        position: relative;
        z-index: 2;
        margin-top: var(--ldr-versatz, 0px);
    }

    .uk-section:has(.ldr-popup-buttons--versatz),
    .uk-container:has(.ldr-popup-buttons--versatz),
    .uk-grid:has(.ldr-popup-buttons--versatz),
    .uk-grid > *:has(.ldr-popup-buttons--versatz),
    .uk-tile:has(.ldr-popup-buttons--versatz) {
        overflow: visible;
    }
}

/* Rückfall ohne UIkit: Das Skript setzt .ldr-ohne-uikit an <html>, wenn kein
   UIkit geladen ist. Mit YOOtheme greifen ausschließlich die Theme-Buttons. */
.ldr-ohne-uikit .ldr-popup-btn.uk-button {
    padding: 11px 24px;
    border: 1px solid transparent;
    border-radius: 999px;
    font: inherit;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    background: transparent;
    color: inherit;
}

.ldr-ohne-uikit .ldr-popup-btn.uk-button-primary {
    background: #2b2f33;
    color: #fff;
}

.ldr-ohne-uikit .ldr-popup-btn.uk-button-secondary {
    background: #555a60;
    color: #fff;
}

.ldr-ohne-uikit .ldr-popup-btn.uk-button-default {
    border-color: currentColor;
}

.ldr-ohne-uikit .ldr-popup-btn.uk-button-text {
    padding-left: 0;
    padding-right: 0;
    text-decoration: underline;
}

.ldr-popup-btn:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.ldr-popup-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    line-height: 1.2;
}

.ldr-popup-btn--icon-oben {
    flex-direction: column;
    gap: 6px;
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
}

.ldr-popup-btn--pill {
    border-radius: 999px;
}

.ldr-popup-btn--rund {
    border-radius: 8px;
}

.ldr-popup-btn--eckig {
    border-radius: 0;
}

.ldr-popup-btn--hell {
    background: #fff;
    color: #333;
    border: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
}

.ldr-popup-btn--hell:hover,
.ldr-popup-btn--hell:focus {
    background: #fff;
    color: #000;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .14);
}

.ldr-popup-btn--zweizeilig {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ldr-popup-btn-labels {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.25;
}

.ldr-popup-btn-zusatz {
    font-size: .8em;
    font-weight: 400;
    opacity: .75;
    text-transform: none;
}

.ldr-popup-btn-icon {
    display: inline-flex;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
}

.ldr-popup-btn[disabled] {
    opacity: .5;
    cursor: not-allowed;
}

/* --- Kontaktkarten (Klassen aus 2.x: „standort") -------------------------- */

.ldr-popup-standorte,
.ldr-popup-eintraege {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.ldr-popup-text + .ldr-popup-standorte,
.ldr-popup-text + .ldr-popup-eintraege {
    margin-top: 20px;
}

.ldr-popup-standorte--karten {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

/* Spaltenzahl 1–4 (JN 12.08.): setzt die Element-CSS ab 640 px, mobil untereinander */

.ldr-popup-eintraege:not(:empty) {
    margin-top: 18px;
}

.ldr-popup-standort {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
}

.ldr-popup-standort-bild img {
    width: 96px;
    height: auto;
    margin: 0 auto;
    display: block;
}

.ldr-popup-standort-name {
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ldr-popup-standort-adresse,
.ldr-popup-standort-zeiten,
.ldr-popup-standort-hinweis {
    font-size: .9em;
    opacity: .8;
}

.ldr-popup-standort-aktionen {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ldr-popup-trenner {
    margin: 4px 0;
    opacity: .4;
}

.ldr-popup-hinweis {
    opacity: .7;
    font-size: .9em;
}

/* --- iFrame ------------------------------------------------------------------ */

.ldr-popup-frame {
    position: relative;
    width: 100%;
    height: var(--ldr-frame-h, 760px);
    max-height: 78vh;
}

.ldr-popup-frame--gross {
    height: 80vh;
}

.ldr-popup-frame iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.ldr-popup-frame-laden {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .9em;
    opacity: .6;
    pointer-events: none;
}

/* --- Countdown ---------------------------------------------------------------- */

.ldr-countdown {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-end;
    margin: 12px 0;
}

.ldr-countdown-teil {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 58px;
    padding: 8px 6px;
    border-radius: 10px;
    background: rgba(127, 127, 127, .12);
}

.ldr-countdown-zahl {
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.ldr-countdown-label {
    font-size: .75em;
    opacity: .75;
}

.ldr-countdown-klartext {
    flex-basis: 100%;
    font-size: .85em;
    opacity: .75;
}

.ldr-countdown.is-js .ldr-countdown-klartext {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}

.ldr-countdown.is-abgelaufen .ldr-countdown-teil {
    display: none;
}

/* --- Bereich dieser Seite ------------------------------------------------------ */

.ldr-popup-quelle {
    display: none;
}

.ldr-popup .ldr-popup-quelle {
    display: block;
}

/* --- Platzhalter — nur in der Baukasten-Vorschau ------------------------------ */

.ldr-popup-platzhalter {
    display: none;
}

.ldr-overlay-builder .ldr-popup-platzhalter {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 18px;
    border: 1px dashed rgba(0, 0, 0, .25);
    border-radius: 8px;
    background: rgba(0, 0, 0, .03);
    font-size: 13px;
    line-height: 1.4;
}

.ldr-popup-platzhalter-label {
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
    opacity: .6;
}

.ldr-popup-platzhalter-info {
    opacity: .7;
}

/* ===========================================================================
   Bewegung
   =========================================================================== */

.ldr-a-ueberblenden {
    --ldr-dx: 0px;
    --ldr-dy: 0px;
}

.ldr-a-keine .ldr-popup-dialog,
.ldr-a-keine .ldr-popup-hintergrund {
    transition: none !important;
}

.ldr-a-zoom .ldr-popup-dialog {
    transform: scale(.88);
}

.ldr-a-federn {
    --ldr-a-verlauf: cubic-bezier(.34, 1.56, .64, 1);
}

.ldr-a-federn .ldr-popup-dialog {
    transform: scale(.7);
}

.ldr-a-kippen .ldr-popup-rahmen {
    perspective: 1200px;
}

.ldr-a-kippen .ldr-popup-dialog {
    transform: rotateX(-24deg) translateY(30px);
    transform-origin: 50% 0;
}

.ldr-a-aufziehen .ldr-popup-dialog {
    transform: none;
    clip-path: inset(0 0 100% 0 round var(--ldr-radius, 16px));
}

.ldr-a-aufziehen.is-offen .ldr-popup-dialog {
    clip-path: inset(0 0 0 0 round var(--ldr-radius, 16px));
}

.ldr-a-von-unten {
    --ldr-dx: 0px;
    --ldr-dy: var(--ldr-weg);
}

.ldr-a-von-oben {
    --ldr-dx: 0px;
    --ldr-dy: calc(var(--ldr-weg) * -1);
}

.ldr-a-von-links {
    --ldr-dx: calc(var(--ldr-weg) * -1);
    --ldr-dy: 0px;
}

.ldr-a-von-rechts {
    --ldr-dx: var(--ldr-weg);
    --ldr-dy: 0px;
}

/* Fächer: Inhalte gestaffelt */
.ldr-a-faecher .ldr-popup-body > *,
.ldr-a-faecher .ldr-popup-standort,
.ldr-a-faecher .ldr-popup-knoepfe > * {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .35s, transform .35s;
}

.ldr-a-faecher.is-offen .ldr-popup-body > *,
.ldr-a-faecher.is-offen .ldr-popup-standort,
.ldr-a-faecher.is-offen .ldr-popup-knoepfe > * {
    opacity: 1;
    transform: none;
}

.ldr-a-faecher .ldr-popup-body > :nth-child(2),
.ldr-a-faecher .ldr-popup-standort:nth-child(2),
.ldr-a-faecher .ldr-popup-knoepfe > :nth-child(2) {
    transition-delay: calc(var(--ldr-a-staffel, 70ms) * 1);
}

.ldr-a-faecher .ldr-popup-body > :nth-child(3),
.ldr-a-faecher .ldr-popup-standort:nth-child(3),
.ldr-a-faecher .ldr-popup-knoepfe > :nth-child(3) {
    transition-delay: calc(var(--ldr-a-staffel, 70ms) * 2);
}

.ldr-a-faecher .ldr-popup-body > :nth-child(4),
.ldr-a-faecher .ldr-popup-standort:nth-child(4),
.ldr-a-faecher .ldr-popup-knoepfe > :nth-child(4) {
    transition-delay: calc(var(--ldr-a-staffel, 70ms) * 3);
}

.ldr-a-faecher .ldr-popup-body > :nth-child(n+5),
.ldr-a-faecher .ldr-popup-standort:nth-child(n+5),
.ldr-a-faecher .ldr-popup-knoepfe > :nth-child(n+5) {
    transition-delay: calc(var(--ldr-a-staffel, 70ms) * 4);
}

/* Bewegung reduzieren — wählbar wie bei der Wendekarte in LDR Elements */
@media (prefers-reduced-motion: reduce) {

    .ldr-rm-ueberblenden .ldr-popup-dialog,
    .ldr-rm-ueberblenden.ldr-tab .ldr-tab-liste,
    .ldr-rm-ueberblenden.ldr-tab .ldr-tab-eintrag {
        transform: none !important;
        clip-path: none !important;
        transition-property: opacity !important;
    }

    .ldr-rm-keine .ldr-popup-dialog,
    .ldr-rm-keine .ldr-popup-hintergrund,
    .ldr-rm-keine.ldr-tab .ldr-tab-liste,
    .ldr-rm-keine.ldr-tab .ldr-tab-eintrag,
    .ldr-rm-keine.ldr-tab .ldr-tab-link {
        transition: none !important;
        transform: none !important;
        clip-path: none !important;
    }

    .ldr-popup-medien--zoom .ldr-popup-medien-bild,
    .ldr-popup-medien--zoom .ldr-popup-medien-video {
        transition: none !important;
        transform: none !important;
    }
}

/* Seite gesperrt, solange ein modales Overlay offen ist */
html.ldr-ov-gesperrt {
    overflow: hidden;
}

/* ===========================================================================
   Kontakt-Tab
   =========================================================================== */

.ldr-tab {
    position: fixed;
    z-index: 990;
    --ldr-g: var(--ldr-tab-groesse, 52px);
    --ldr-rad: var(--ldr-tab-radius, 12px);
    --ldr-ecken: var(--ldr-rad);
    --ldr-rand: 0px;
    --ldr-gap: var(--ldr-tab-abstand, 8px);
    font-size: var(--ldr-tab-schrift, 15px);
    line-height: 1.25;
    display: flex;
    transition: translate .3s ease, opacity .3s ease;
}

.ldr-tab.is-verdeckt {
    opacity: 0;
    pointer-events: none;
}

.ldr-tab.ldr-tab--wartet.is-js:not(.is-sichtbar) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.ldr-tab.is-sichtbar {
    visibility: visible;
}

/* Auslöser */
.ldr-tab-ausloeser {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 44px;
    min-height: 44px;
    margin: 0;
    padding: 12px 14px;
    border: 0;
    border-radius: var(--ldr-ecken);
    font: inherit;
    font-weight: 600;
    letter-spacing: .02em;
    cursor: pointer;
    box-shadow: var(--ldr-tab-schatten, 0 6px 24px rgba(0, 0, 0, .18));
    transition: background-color .2s, color .2s, filter .2s;
}

:where(.ldr-tab-ausloeser),
:where(.ldr-tab-link) {
    background-color: #2b2f33;
    color: #fff;
}

.ldr-tab-ausloeser.uk-background-primary,
.ldr-tab-link.uk-background-primary {
    color: #fff;
}

.ldr-tab-ausloeser:hover,
.ldr-tab-link:hover {
    filter: brightness(.93);
}

.ldr-tab-ausloeser:focus-visible,
.ldr-tab-link:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: -5px;
}

.ldr-tab .ldr-icon {
    width: var(--ldr-tab-icon, 22px);
    height: var(--ldr-tab-icon, 22px);
}

.ldr-tab-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.ldr-tab-icon--zu {
    display: none;
}

.ldr-tab.is-offen .ldr-tab-ausloeser .ldr-tab-icon--haupt {
    display: none;
}

.ldr-tab.is-offen .ldr-tab-ausloeser .ldr-tab-icon--zu {
    display: inline-flex;
}

.ldr-tab--zeigen-icon .ldr-tab-kurztext {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.ldr-tab--zeigen-text .ldr-tab-icon--haupt {
    display: none;
}

/* Liste und Einträge */
.ldr-tab-liste {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: var(--ldr-gap);
}

.ldr-tab-eintrag {
    margin: 0;
    padding: 0;
    display: flex;
}

.ldr-tab-link {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 44px;
    min-width: 44px;
    padding: 10px 16px;
    border: 0;
    border-radius: var(--ldr-rad);
    font: inherit;
    text-align: left;
    text-decoration: none !important;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: var(--ldr-tab-schatten, 0 6px 24px rgba(0, 0, 0, .16));
    transition: background-color .2s, color .2s, filter .2s, transform .2s;
}

.ldr-tab-link:hover {
    text-decoration: none;
}

.ldr-tab-texte {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ldr-tab-name {
    font-weight: 600;
}

.ldr-tab-zusatz {
    font-size: .82em;
    opacity: .85;
}

/* Aufgeklappt: Klasse vom Skript, ohne Skript per Überfahren/Tastaturfokus */
.ldr-tab .ldr-tab-liste.is-klappbar {
    transition:
        opacity var(--ldr-a-dauer, 220ms) var(--ldr-a-verlauf, ease),
        transform var(--ldr-a-dauer, 220ms) var(--ldr-a-verlauf, ease),
        clip-path var(--ldr-a-dauer, 220ms) var(--ldr-a-verlauf, ease);
}

/* Nur Symbole (Auslöser „nie"): Texte nur für Vorlesesoftware */
.ldr-tab--nie .ldr-tab-texte {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.ldr-tab--nie .ldr-tab-link {
    padding: 0;
    width: var(--ldr-g);
    height: var(--ldr-g);
    justify-content: center;
}

/* Tipp-Geräte: Einträge nicht zu klein */
@media (hover: none) {
    .ldr-tab-link {
        min-height: 48px;
    }
}

/* Unten angedockte Leisten: Platz für die Home-Leiste am iPhone */
.ldr-tab-safe {
    padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* ===========================================================================
   Gate
   =========================================================================== */

.ldr-gate-felder {
    display: grid;
    gap: 12px;
    margin: 18px 0 4px;
}

.ldr-gate-feld label {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
}

.ldr-gate-feld input[type="text"] {
    width: 100%;
    min-height: 44px;
    padding: 8px 12px;
    font: inherit;
}

:where(.ldr-gate-feld input[type="text"]) {
    border: 1px solid rgba(0, 0, 0, .25);
    border-radius: 6px;
    background: #fff;
    color: #222;
}

.ldr-gate-feld--haken label {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-weight: 400;
}

.ldr-gate-feld--haken input {
    margin-top: 3px;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}

.ldr-gate-feld.is-fehler input {
    outline: 2px solid #c0392b;
    outline-offset: 1px;
}

.ldr-gate-antworten {
    margin-top: 22px;
}

.ldr-gate-antworten .ldr-popup-btn {
    min-height: 48px;
}

.ldr-gate-meldung:not(:empty) {
    margin-top: 14px;
    font-weight: 600;
}

.ldr-gate-falsch {
    margin-top: 18px;
    padding: 16px 18px;
    border-radius: 10px;
    background: rgba(127, 127, 127, .12);
}

.ldr-gate-falsch[hidden] {
    display: none;
}

.ldr-gate.is-falsch .ldr-gate-antworten,
.ldr-gate.is-falsch .ldr-gate-felder {
    display: none;
}

.ldr-gate.is-sendet .ldr-gate-antworten {
    opacity: .6;
    pointer-events: none;
}

/* ===========================================================================
   Stufen-Regeln — erzeugt von tools/baue-css.php
   =========================================================================== */

/* --- Stufe s0 (Handy) --- */
@media (max-width: 639.98px) {

    .ldr-aus-s0 { display: none !important; }
    .ldr-lay-s0-mittig .ldr-popup-dialog { margin: var(--ldr-m-o, auto) auto var(--ldr-m-u, auto); }
    
    .ldr-lay-s0-geteilt { --ldr-breite: 880px; }
    .ldr-lay-s0-geteilt .ldr-popup-dialog { flex-direction: row; width: min(var(--ldr-breite), 92vw, 100%); }
    .ldr-lay-s0-geteilt.ldr-lay-s0-s-rechts .ldr-popup-dialog { flex-direction: row-reverse; }
    .ldr-lay-s0-geteilt .ldr-popup-medien { position: relative; inset: auto; flex: 0 0 50%; min-height: 340px; }
    .ldr-lay-s0-geteilt.ldr-lay-s0-v-40 .ldr-popup-medien { flex-basis: 40%; }
    .ldr-lay-s0-geteilt .ldr-popup-inhalt { justify-content: center; min-height: 0; }
    
    .ldr-lay-s0-bildkopf { --ldr-breite: 520px; }
    .ldr-lay-s0-bildkopf .ldr-popup-dialog { flex-direction: column; }
    .ldr-lay-s0-bildkopf .ldr-popup-medien { position: relative; inset: auto; flex: 0 0 auto; height: min(240px, 34vh); }
    .ldr-lay-s0-bildkopf .ldr-popup-inhalt { justify-content: flex-start; min-height: 0; }
    
    .ldr-lay-s0-vollbild .ldr-popup-rahmen { padding: 0; }
    .ldr-lay-s0-vollbild .ldr-popup-dialog { width: 100%; max-width: none; min-height: 100%; margin: 0; border-radius: 0; }
    .ldr-lay-s0-vollbild .ldr-popup-inhalt { justify-content: center; }
    
    .ldr-lay-s0-panel { --ldr-weg: 100%; }
    .ldr-lay-s0-panel .ldr-popup-rahmen { padding: 0; align-items: stretch; justify-content: flex-end; overflow: hidden; }
    .ldr-lay-s0-panel.ldr-lay-s0-s-links .ldr-popup-rahmen { justify-content: flex-start; }
    .ldr-lay-s0-panel .ldr-popup-dialog { width: min(var(--ldr-breite, 440px), 92vw); max-height: 100%; height: 100%; margin: 0; border-radius: 0; overflow-y: auto; }
    .ldr-lay-s0-panel.ldr-lay-s0-s-rechts { --ldr-dx: 100%; --ldr-dy: 0px; }
    .ldr-lay-s0-panel.ldr-lay-s0-s-links { --ldr-dx: -100%; --ldr-dy: 0px; }
    .ldr-lay-s0-panel .ldr-popup-inhalt { justify-content: flex-start; }
    
    .ldr-lay-s0-leiste { --ldr-modal: 0; --ldr-weg: 100%; pointer-events: none; }
    .ldr-lay-s0-leiste .ldr-popup-hintergrund { display: none; }
    .ldr-lay-s0-leiste .ldr-popup-rahmen { padding: 0; align-items: flex-end; overflow: visible; pointer-events: none; }
    .ldr-lay-s0-leiste.ldr-lay-s0-s-oben .ldr-popup-rahmen { align-items: flex-start; }
    .ldr-lay-s0-leiste.ldr-lay-s0-s-oben { --ldr-dy: -100%; }
    .ldr-lay-s0-leiste .ldr-popup-dialog { pointer-events: auto; width: 100%; max-width: none; margin: 0; border-radius: 0; flex-direction: row; box-shadow: 0 -6px 26px rgba(0, 0, 0, .14); }
    .ldr-lay-s0-leiste .ldr-popup-medien { display: none; }
    .ldr-lay-s0-leiste .ldr-popup-inhalt { flex-direction: row; flex-wrap: wrap; align-items: center; column-gap: 18px; row-gap: 8px; padding: 12px 64px 12px 20px; min-height: 0; justify-content: center; }
    .ldr-lay-s0-leiste .ldr-popup-dialog .ldr-popup-header { margin: 0; padding: 0; }
    .ldr-lay-s0-leiste .ldr-popup-titel { font-size: 1.02rem; }
    .ldr-lay-s0-leiste .ldr-popup-body { padding: 0; }
    .ldr-lay-s0-leiste .ldr-popup-knoepfe { margin-top: 0; }
    .ldr-lay-s0-leiste .ldr-popup-x { top: 50%; margin-top: -22px; }
    
    .ldr-lay-s0-slidein { --ldr-modal: 0; pointer-events: none; }
    .ldr-lay-s0-slidein .ldr-popup-hintergrund { display: none; }
    .ldr-lay-s0-slidein .ldr-popup-rahmen { align-items: flex-end; justify-content: flex-end; overflow: visible; pointer-events: none; padding: 16px; }
    .ldr-lay-s0-slidein.ldr-lay-s0-e-ul .ldr-popup-rahmen { justify-content: flex-start; }
    .ldr-lay-s0-slidein.ldr-lay-s0-e-ol .ldr-popup-rahmen { align-items: flex-start; justify-content: flex-start; }
    .ldr-lay-s0-slidein.ldr-lay-s0-e-or .ldr-popup-rahmen { align-items: flex-start; }
    .ldr-lay-s0-slidein.ldr-lay-s0-e-ol, .ldr-lay-s0-slidein.ldr-lay-s0-e-or { --ldr-dy: calc(var(--ldr-weg) * -1); }
    .ldr-lay-s0-slidein .ldr-popup-dialog { pointer-events: auto; width: min(var(--ldr-breite, 380px), calc(100vw - 32px)); margin: 0; }
    .ldr-lay-s0-slidein .ldr-popup-dialog--medien .ldr-popup-inhalt { min-height: 200px; }
    
    .ldr-lay-s0-sheet { --ldr-weg: 100%; }
    .ldr-lay-s0-sheet .ldr-popup-rahmen { padding: 0; align-items: flex-end; overflow: hidden; }
    .ldr-lay-s0-sheet .ldr-popup-dialog { width: 100%; max-width: none; max-height: 92vh; max-height: 92dvh; margin: 0; border-radius: var(--ldr-radius, 16px) var(--ldr-radius, 16px) 0 0; overflow-y: auto; }
    .ldr-lay-s0-sheet .ldr-popup-inhalt { padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)); justify-content: flex-start; }
    .ldr-lay-s0-sheet .ldr-popup-dialog::before { content: ""; position: absolute; top: 8px; left: 50%; width: 40px; height: 4px; margin-left: -20px; border-radius: 4px; background: currentColor; opacity: .2; z-index: 2; }
    .ldr-tab-s0-an-ol { top: var(--ldr-o, var(--ldr-rand)); left: var(--ldr-l, var(--ldr-rand)); right: auto; bottom: auto; transform: none; }
    .ldr-tab-s0-an-om { top: var(--ldr-o, var(--ldr-rand)); left: var(--ldr-v, 50%); right: auto; bottom: auto; transform: translateX(-50%); }
    .ldr-tab-s0-an-or { top: var(--ldr-o, var(--ldr-rand)); right: var(--ldr-r, var(--ldr-rand)); left: auto; bottom: auto; transform: none; }
    .ldr-tab-s0-an-ml { top: var(--ldr-v, 50%); left: var(--ldr-l, var(--ldr-rand)); right: auto; bottom: auto; transform: translateY(-50%); }
    .ldr-tab-s0-an-mr { top: var(--ldr-v, 50%); right: var(--ldr-r, var(--ldr-rand)); left: auto; bottom: auto; transform: translateY(-50%); }
    .ldr-tab-s0-an-ul { bottom: var(--ldr-u, var(--ldr-rand)); left: var(--ldr-l, var(--ldr-rand)); top: auto; right: auto; transform: none; }
    .ldr-tab-s0-an-um { bottom: var(--ldr-u, var(--ldr-rand)); left: var(--ldr-v, 50%); top: auto; right: auto; transform: translateX(-50%); }
    .ldr-tab-s0-an-ur { bottom: var(--ldr-u, var(--ldr-rand)); right: var(--ldr-r, var(--ldr-rand)); top: auto; left: auto; transform: none; }
    
    .ldr-tab-s0-mo-angedockt { --ldr-rand: 0px; }
    .ldr-tab-s0-mo-schwebend { --ldr-rand: 16px; }
    .ldr-tab-s0-mo-aus { display: none !important; }
    
    .ldr-tab-s0-mo-angedockt.ldr-tab-s0-an-mr { --ldr-ecken: var(--ldr-rad) 0 0 var(--ldr-rad); }
    .ldr-tab-s0-mo-angedockt.ldr-tab-s0-an-ml { --ldr-ecken: 0 var(--ldr-rad) var(--ldr-rad) 0; }
    .ldr-tab-s0-mo-angedockt.ldr-tab-s0-an-om { --ldr-ecken: 0 0 var(--ldr-rad) var(--ldr-rad); }
    .ldr-tab-s0-mo-angedockt.ldr-tab-s0-an-um { --ldr-ecken: var(--ldr-rad) var(--ldr-rad) 0 0; }
    .ldr-tab-s0-mo-angedockt.ldr-tab-s0-an-or { --ldr-ecken: 0 0 0 var(--ldr-rad); }
    .ldr-tab-s0-mo-angedockt.ldr-tab-s0-an-ol { --ldr-ecken: 0 0 var(--ldr-rad) 0; }
    .ldr-tab-s0-mo-angedockt.ldr-tab-s0-an-ur { --ldr-ecken: var(--ldr-rad) 0 0 0; }
    .ldr-tab-s0-mo-angedockt.ldr-tab-s0-an-ul { --ldr-ecken: 0 var(--ldr-rad) 0 0; }
    
    .ldr-tab-s0-bf-tab .ldr-tab-ausloeser, .ldr-tab-s0-bf-sammel .ldr-tab-ausloeser { display: flex; }
    .ldr-tab-s0-bf-tab .ldr-tab-liste, .ldr-tab-s0-bf-sammel .ldr-tab-liste { position: absolute; flex-direction: column; align-items: stretch; --ldr-zx: 0px; --ldr-zy: 0px; --ldr-lx: 0px; --ldr-ly: 0px; transform: translate(calc(var(--ldr-lx) + var(--ldr-zx)), calc(var(--ldr-ly) + var(--ldr-zy))); }
    .ldr-tab.is-js:not(.is-offen):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-s0-bf-tab .ldr-tab-liste,
    .ldr-tab.is-js:not(.is-offen):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-s0-bf-sammel .ldr-tab-liste,
    .ldr-tab:not(.is-js):not(:hover):not(:focus-within):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-s0-bf-tab .ldr-tab-liste,
    .ldr-tab:not(.is-js):not(:hover):not(:focus-within):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-s0-bf-sammel .ldr-tab-liste { opacity: 0; pointer-events: none; clip-path: inset(50%); }
    .ldr-tab.is-js:has(:focus-visible).ldr-tab-s0-bf-tab .ldr-tab-liste, .ldr-tab.is-js:has(:focus-visible).ldr-tab-s0-bf-sammel .ldr-tab-liste { opacity: 1; pointer-events: auto; clip-path: none; --ldr-zx: 0px; --ldr-zy: 0px; }
    
    .ldr-tab--offen.ldr-tab-s0-bf-tab .ldr-tab-ausloeser, .ldr-tab--nie.ldr-tab-s0-bf-tab .ldr-tab-ausloeser,
    .ldr-tab--offen.ldr-tab-s0-bf-sammel .ldr-tab-ausloeser, .ldr-tab--nie.ldr-tab-s0-bf-sammel .ldr-tab-ausloeser { display: none; }
    .ldr-tab--offen.ldr-tab-s0-bf-tab .ldr-tab-liste, .ldr-tab--nie.ldr-tab-s0-bf-tab .ldr-tab-liste,
    .ldr-tab--offen.ldr-tab-s0-bf-sammel .ldr-tab-liste, .ldr-tab--nie.ldr-tab-s0-bf-sammel .ldr-tab-liste { position: static; transform: none; opacity: 1; clip-path: none; pointer-events: auto; }
    .ldr-tab--offen.ldr-tab-s0-bf-tab.ldr-tab-s0-au-waagerecht .ldr-tab-liste, .ldr-tab--nie.ldr-tab-s0-bf-tab.ldr-tab-s0-au-waagerecht .ldr-tab-liste { flex-direction: row; }
    
    .ldr-tab-s0-ri-links .ldr-tab-liste { right: calc(100% + var(--ldr-gap)); left: auto; top: 50%; bottom: auto; --ldr-ly: -50%; --ldr-zx: 14px; }
    .ldr-tab-s0-ri-rechts .ldr-tab-liste { left: calc(100% + var(--ldr-gap)); right: auto; top: 50%; bottom: auto; --ldr-ly: -50%; --ldr-zx: -14px; }
    .ldr-tab-s0-ri-oben .ldr-tab-liste { bottom: calc(100% + var(--ldr-gap)); top: auto; right: 0; left: auto; --ldr-zy: 14px; }
    .ldr-tab-s0-ri-unten .ldr-tab-liste { top: calc(100% + var(--ldr-gap)); bottom: auto; right: 0; left: auto; --ldr-zy: -14px; }
    .ldr-tab-s0-ri-oben.ldr-tab-s0-an-ul .ldr-tab-liste, .ldr-tab-s0-ri-oben.ldr-tab-s0-an-ml .ldr-tab-liste, .ldr-tab-s0-ri-oben.ldr-tab-s0-an-ol .ldr-tab-liste,
    .ldr-tab-s0-ri-unten.ldr-tab-s0-an-ul .ldr-tab-liste, .ldr-tab-s0-ri-unten.ldr-tab-s0-an-ml .ldr-tab-liste, .ldr-tab-s0-ri-unten.ldr-tab-s0-an-ol .ldr-tab-liste { left: 0; right: auto; }
    .ldr-tab-s0-ri-oben.ldr-tab-s0-an-um .ldr-tab-liste, .ldr-tab-s0-ri-oben.ldr-tab-s0-an-om .ldr-tab-liste,
    .ldr-tab-s0-ri-unten.ldr-tab-s0-an-um .ldr-tab-liste, .ldr-tab-s0-ri-unten.ldr-tab-s0-an-om .ldr-tab-liste { left: 50%; right: auto; --ldr-lx: -50%; }
    .ldr-tab.is-offen.ldr-tab-s0-bf-tab .ldr-tab-liste, .ldr-tab.is-offen.ldr-tab-s0-bf-sammel .ldr-tab-liste { --ldr-zx: 0px; --ldr-zy: 0px; }
    
    .ldr-tab-s0-bf-tab .ldr-tab-ausloeser { border-radius: var(--ldr-ecken); }
    .ldr-tab-s0-bf-tab.ldr-tab-s0-au-senkrecht .ldr-tab-ausloeser { writing-mode: vertical-rl; transform: rotate(180deg); padding: 16px 12px; min-height: 96px; }
    .ldr-tab-s0-bf-tab.ldr-tab-s0-au-senkrecht .ldr-tab-ausloeser .ldr-tab-icon { transform: rotate(180deg); }
    .ldr-tab-s0-bf-tab .ldr-tab-link { border-radius: var(--ldr-rad); }
    
    .ldr-tab-s0-bf-sammel .ldr-tab-ausloeser { width: var(--ldr-g); height: var(--ldr-g); padding: 0; border-radius: 50%; }
    .ldr-tab-s0-bf-sammel .ldr-tab-kurztext { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .ldr-tab-s0-bf-sammel .ldr-tab-liste { align-items: flex-end; }
    .ldr-tab-s0-bf-tab .ldr-tab-liste .ldr-tab-link, .ldr-tab-s0-bf-sammel .ldr-tab-liste .ldr-tab-link { min-width: var(--ldr-tab-breite-offen, 44px); }
    .ldr-tab-s0-bf-sammel.ldr-tab-s0-an-ul .ldr-tab-liste, .ldr-tab-s0-bf-sammel.ldr-tab-s0-an-ml .ldr-tab-liste, .ldr-tab-s0-bf-sammel.ldr-tab-s0-an-ol .ldr-tab-liste { align-items: flex-start; }
    .ldr-tab-s0-bf-sammel.ldr-tab-s0-an-um .ldr-tab-liste, .ldr-tab-s0-bf-sammel.ldr-tab-s0-an-om .ldr-tab-liste { align-items: center; }
    .ldr-tab-s0-bf-sammel .ldr-tab-link { border-radius: 999px; width: auto; }
    .ldr-tab-s0-bf-sammel .ldr-tab-eintrag { transition: opacity .25s, transform .25s; }
    .ldr-tab.is-js:not(.is-offen).ldr-tab-s0-bf-sammel .ldr-tab-eintrag { opacity: 0; transform: translateY(8px) scale(.96); }
    .ldr-tab.is-js.is-offen.ldr-tab-s0-bf-sammel .ldr-tab-eintrag { transition-delay: calc(var(--ldr-i, 0) * var(--ldr-a-staffel, 45ms)); }
    
    .ldr-tab-s0-bf-leiste .ldr-tab-ausloeser, .ldr-tab-s0-bf-einzel .ldr-tab-ausloeser { display: none; }
    .ldr-tab-s0-bf-leiste .ldr-tab-liste, .ldr-tab-s0-bf-einzel .ldr-tab-liste { position: static; opacity: 1; clip-path: none; pointer-events: auto; transform: none; }
    .ldr-tab-s0-bf-leiste.ldr-tab-s0-au-waagerecht .ldr-tab-liste { flex-direction: row; }
    .ldr-tab-s0-bf-leiste.ldr-tab-s0-au-senkrecht .ldr-tab-liste { flex-direction: column; }
    .ldr-tab-s0-bf-leiste .ldr-tab-link { border-radius: var(--ldr-rad); }
    .ldr-tab-s0-bf-leiste.ldr-tab-s0-lb-voll.ldr-tab-s0-au-waagerecht.ldr-tab-s0-an-um, .ldr-tab-s0-bf-leiste.ldr-tab-s0-lb-voll.ldr-tab-s0-au-waagerecht.ldr-tab-s0-an-om { left: var(--ldr-l, var(--ldr-rand)); right: var(--ldr-r, var(--ldr-rand)); transform: none; }
    .ldr-tab-s0-bf-leiste.ldr-tab-s0-lb-voll.ldr-tab-s0-au-waagerecht .ldr-tab-liste { width: 100%; gap: 1px; box-shadow: var(--ldr-tab-schatten, 0 -4px 22px rgba(0, 0, 0, .14)); border-radius: var(--ldr-ecken); overflow: hidden; }
    .ldr-tab-s0-bf-leiste.ldr-tab-s0-lb-voll.ldr-tab-s0-au-waagerecht .ldr-tab-eintrag { flex: 1 1 0; min-width: 0; }
    .ldr-tab-s0-bf-leiste.ldr-tab-s0-lb-voll.ldr-tab-s0-au-waagerecht .ldr-tab-link { flex-direction: column; justify-content: center; gap: 3px; padding: 9px 4px; border-radius: 0; box-shadow: none; text-align: center; font-size: .8em; white-space: normal; }
    .ldr-tab-s0-bf-leiste.ldr-tab-s0-lb-voll.ldr-tab-s0-au-waagerecht .ldr-tab-texte { align-items: center; }
    .ldr-tab-s0-bf-leiste.ldr-tab-s0-lb-voll.ldr-tab-s0-au-waagerecht .ldr-tab-zusatz { display: none; }
    .ldr-tab-s0-bf-leiste.ldr-tab-s0-lb-voll.ldr-tab-s0-au-waagerecht.ldr-tab-s0-mo-angedockt.ldr-tab-s0-an-um .ldr-tab-link { padding-bottom: calc(9px + env(safe-area-inset-bottom, 0px)); }
    .ldr-tab-s0-bf-leiste.ldr-tab-s0-lb-pille .ldr-tab-liste { gap: 1px; border-radius: 999px; overflow: hidden; box-shadow: var(--ldr-tab-schatten, 0 6px 24px rgba(0, 0, 0, .18)); }
    .ldr-tab-s0-bf-leiste.ldr-tab-s0-lb-pille .ldr-tab-link { border-radius: 0; box-shadow: none; }
    .ldr-tab-s0-bf-leiste.ldr-tab-s0-lb-pille.ldr-tab-s0-au-senkrecht .ldr-tab-liste { border-radius: 24px; }
    
    .ldr-tab-s0-bf-einzel .ldr-tab-eintrag:not(.ldr-erster-s0) { display: none; }
    .ldr-tab-s0-bf-einzel .ldr-tab-link { width: var(--ldr-g); height: var(--ldr-g); padding: 0; justify-content: center; border-radius: 50%; }
    .ldr-tab-s0-bf-einzel .ldr-tab-texte { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .ldr-tab-s0-bf-einzel.ldr-tab-s0-au-waagerecht .ldr-tab-link { width: auto; padding: 0 22px 0 18px; border-radius: 999px; }
    .ldr-tab-s0-bf-einzel.ldr-tab-s0-au-waagerecht .ldr-tab-texte { position: static; width: auto; height: auto; overflow: visible; clip-path: none; }
}

/* --- Stufe s (ab 640 px) --- */
@media (min-width: 640px) and (max-width: 959.98px) {

    .ldr-aus-s { display: none !important; }
    .ldr-lay-s-mittig .ldr-popup-dialog { margin: var(--ldr-m-o, auto) auto var(--ldr-m-u, auto); }
    
    .ldr-lay-s-geteilt { --ldr-breite: 880px; }
    .ldr-lay-s-geteilt .ldr-popup-dialog { flex-direction: row; width: min(var(--ldr-breite), 92vw, 100%); }
    .ldr-lay-s-geteilt.ldr-lay-s-s-rechts .ldr-popup-dialog { flex-direction: row-reverse; }
    .ldr-lay-s-geteilt .ldr-popup-medien { position: relative; inset: auto; flex: 0 0 50%; min-height: 340px; }
    .ldr-lay-s-geteilt.ldr-lay-s-v-40 .ldr-popup-medien { flex-basis: 40%; }
    .ldr-lay-s-geteilt .ldr-popup-inhalt { justify-content: center; min-height: 0; }
    
    .ldr-lay-s-bildkopf { --ldr-breite: 520px; }
    .ldr-lay-s-bildkopf .ldr-popup-dialog { flex-direction: column; }
    .ldr-lay-s-bildkopf .ldr-popup-medien { position: relative; inset: auto; flex: 0 0 auto; height: min(240px, 34vh); }
    .ldr-lay-s-bildkopf .ldr-popup-inhalt { justify-content: flex-start; min-height: 0; }
    
    .ldr-lay-s-vollbild .ldr-popup-rahmen { padding: 0; }
    .ldr-lay-s-vollbild .ldr-popup-dialog { width: 100%; max-width: none; min-height: 100%; margin: 0; border-radius: 0; }
    .ldr-lay-s-vollbild .ldr-popup-inhalt { justify-content: center; }
    
    .ldr-lay-s-panel { --ldr-weg: 100%; }
    .ldr-lay-s-panel .ldr-popup-rahmen { padding: 0; align-items: stretch; justify-content: flex-end; overflow: hidden; }
    .ldr-lay-s-panel.ldr-lay-s-s-links .ldr-popup-rahmen { justify-content: flex-start; }
    .ldr-lay-s-panel .ldr-popup-dialog { width: min(var(--ldr-breite, 440px), 92vw); max-height: 100%; height: 100%; margin: 0; border-radius: 0; overflow-y: auto; }
    .ldr-lay-s-panel.ldr-lay-s-s-rechts { --ldr-dx: 100%; --ldr-dy: 0px; }
    .ldr-lay-s-panel.ldr-lay-s-s-links { --ldr-dx: -100%; --ldr-dy: 0px; }
    .ldr-lay-s-panel .ldr-popup-inhalt { justify-content: flex-start; }
    
    .ldr-lay-s-leiste { --ldr-modal: 0; --ldr-weg: 100%; pointer-events: none; }
    .ldr-lay-s-leiste .ldr-popup-hintergrund { display: none; }
    .ldr-lay-s-leiste .ldr-popup-rahmen { padding: 0; align-items: flex-end; overflow: visible; pointer-events: none; }
    .ldr-lay-s-leiste.ldr-lay-s-s-oben .ldr-popup-rahmen { align-items: flex-start; }
    .ldr-lay-s-leiste.ldr-lay-s-s-oben { --ldr-dy: -100%; }
    .ldr-lay-s-leiste .ldr-popup-dialog { pointer-events: auto; width: 100%; max-width: none; margin: 0; border-radius: 0; flex-direction: row; box-shadow: 0 -6px 26px rgba(0, 0, 0, .14); }
    .ldr-lay-s-leiste .ldr-popup-medien { display: none; }
    .ldr-lay-s-leiste .ldr-popup-inhalt { flex-direction: row; flex-wrap: wrap; align-items: center; column-gap: 18px; row-gap: 8px; padding: 12px 64px 12px 20px; min-height: 0; justify-content: center; }
    .ldr-lay-s-leiste .ldr-popup-dialog .ldr-popup-header { margin: 0; padding: 0; }
    .ldr-lay-s-leiste .ldr-popup-titel { font-size: 1.02rem; }
    .ldr-lay-s-leiste .ldr-popup-body { padding: 0; }
    .ldr-lay-s-leiste .ldr-popup-knoepfe { margin-top: 0; }
    .ldr-lay-s-leiste .ldr-popup-x { top: 50%; margin-top: -22px; }
    
    .ldr-lay-s-slidein { --ldr-modal: 0; pointer-events: none; }
    .ldr-lay-s-slidein .ldr-popup-hintergrund { display: none; }
    .ldr-lay-s-slidein .ldr-popup-rahmen { align-items: flex-end; justify-content: flex-end; overflow: visible; pointer-events: none; padding: 16px; }
    .ldr-lay-s-slidein.ldr-lay-s-e-ul .ldr-popup-rahmen { justify-content: flex-start; }
    .ldr-lay-s-slidein.ldr-lay-s-e-ol .ldr-popup-rahmen { align-items: flex-start; justify-content: flex-start; }
    .ldr-lay-s-slidein.ldr-lay-s-e-or .ldr-popup-rahmen { align-items: flex-start; }
    .ldr-lay-s-slidein.ldr-lay-s-e-ol, .ldr-lay-s-slidein.ldr-lay-s-e-or { --ldr-dy: calc(var(--ldr-weg) * -1); }
    .ldr-lay-s-slidein .ldr-popup-dialog { pointer-events: auto; width: min(var(--ldr-breite, 380px), calc(100vw - 32px)); margin: 0; }
    .ldr-lay-s-slidein .ldr-popup-dialog--medien .ldr-popup-inhalt { min-height: 200px; }
    
    .ldr-lay-s-sheet { --ldr-weg: 100%; }
    .ldr-lay-s-sheet .ldr-popup-rahmen { padding: 0; align-items: flex-end; overflow: hidden; }
    .ldr-lay-s-sheet .ldr-popup-dialog { width: 100%; max-width: none; max-height: 92vh; max-height: 92dvh; margin: 0; border-radius: var(--ldr-radius, 16px) var(--ldr-radius, 16px) 0 0; overflow-y: auto; }
    .ldr-lay-s-sheet .ldr-popup-inhalt { padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)); justify-content: flex-start; }
    .ldr-lay-s-sheet .ldr-popup-dialog::before { content: ""; position: absolute; top: 8px; left: 50%; width: 40px; height: 4px; margin-left: -20px; border-radius: 4px; background: currentColor; opacity: .2; z-index: 2; }
    .ldr-tab-s-an-ol { top: var(--ldr-o, var(--ldr-rand)); left: var(--ldr-l, var(--ldr-rand)); right: auto; bottom: auto; transform: none; }
    .ldr-tab-s-an-om { top: var(--ldr-o, var(--ldr-rand)); left: var(--ldr-v, 50%); right: auto; bottom: auto; transform: translateX(-50%); }
    .ldr-tab-s-an-or { top: var(--ldr-o, var(--ldr-rand)); right: var(--ldr-r, var(--ldr-rand)); left: auto; bottom: auto; transform: none; }
    .ldr-tab-s-an-ml { top: var(--ldr-v, 50%); left: var(--ldr-l, var(--ldr-rand)); right: auto; bottom: auto; transform: translateY(-50%); }
    .ldr-tab-s-an-mr { top: var(--ldr-v, 50%); right: var(--ldr-r, var(--ldr-rand)); left: auto; bottom: auto; transform: translateY(-50%); }
    .ldr-tab-s-an-ul { bottom: var(--ldr-u, var(--ldr-rand)); left: var(--ldr-l, var(--ldr-rand)); top: auto; right: auto; transform: none; }
    .ldr-tab-s-an-um { bottom: var(--ldr-u, var(--ldr-rand)); left: var(--ldr-v, 50%); top: auto; right: auto; transform: translateX(-50%); }
    .ldr-tab-s-an-ur { bottom: var(--ldr-u, var(--ldr-rand)); right: var(--ldr-r, var(--ldr-rand)); top: auto; left: auto; transform: none; }
    
    .ldr-tab-s-mo-angedockt { --ldr-rand: 0px; }
    .ldr-tab-s-mo-schwebend { --ldr-rand: 16px; }
    .ldr-tab-s-mo-aus { display: none !important; }
    
    .ldr-tab-s-mo-angedockt.ldr-tab-s-an-mr { --ldr-ecken: var(--ldr-rad) 0 0 var(--ldr-rad); }
    .ldr-tab-s-mo-angedockt.ldr-tab-s-an-ml { --ldr-ecken: 0 var(--ldr-rad) var(--ldr-rad) 0; }
    .ldr-tab-s-mo-angedockt.ldr-tab-s-an-om { --ldr-ecken: 0 0 var(--ldr-rad) var(--ldr-rad); }
    .ldr-tab-s-mo-angedockt.ldr-tab-s-an-um { --ldr-ecken: var(--ldr-rad) var(--ldr-rad) 0 0; }
    .ldr-tab-s-mo-angedockt.ldr-tab-s-an-or { --ldr-ecken: 0 0 0 var(--ldr-rad); }
    .ldr-tab-s-mo-angedockt.ldr-tab-s-an-ol { --ldr-ecken: 0 0 var(--ldr-rad) 0; }
    .ldr-tab-s-mo-angedockt.ldr-tab-s-an-ur { --ldr-ecken: var(--ldr-rad) 0 0 0; }
    .ldr-tab-s-mo-angedockt.ldr-tab-s-an-ul { --ldr-ecken: 0 var(--ldr-rad) 0 0; }
    
    .ldr-tab-s-bf-tab .ldr-tab-ausloeser, .ldr-tab-s-bf-sammel .ldr-tab-ausloeser { display: flex; }
    .ldr-tab-s-bf-tab .ldr-tab-liste, .ldr-tab-s-bf-sammel .ldr-tab-liste { position: absolute; flex-direction: column; align-items: stretch; --ldr-zx: 0px; --ldr-zy: 0px; --ldr-lx: 0px; --ldr-ly: 0px; transform: translate(calc(var(--ldr-lx) + var(--ldr-zx)), calc(var(--ldr-ly) + var(--ldr-zy))); }
    .ldr-tab.is-js:not(.is-offen):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-s-bf-tab .ldr-tab-liste,
    .ldr-tab.is-js:not(.is-offen):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-s-bf-sammel .ldr-tab-liste,
    .ldr-tab:not(.is-js):not(:hover):not(:focus-within):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-s-bf-tab .ldr-tab-liste,
    .ldr-tab:not(.is-js):not(:hover):not(:focus-within):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-s-bf-sammel .ldr-tab-liste { opacity: 0; pointer-events: none; clip-path: inset(50%); }
    .ldr-tab.is-js:has(:focus-visible).ldr-tab-s-bf-tab .ldr-tab-liste, .ldr-tab.is-js:has(:focus-visible).ldr-tab-s-bf-sammel .ldr-tab-liste { opacity: 1; pointer-events: auto; clip-path: none; --ldr-zx: 0px; --ldr-zy: 0px; }
    
    .ldr-tab--offen.ldr-tab-s-bf-tab .ldr-tab-ausloeser, .ldr-tab--nie.ldr-tab-s-bf-tab .ldr-tab-ausloeser,
    .ldr-tab--offen.ldr-tab-s-bf-sammel .ldr-tab-ausloeser, .ldr-tab--nie.ldr-tab-s-bf-sammel .ldr-tab-ausloeser { display: none; }
    .ldr-tab--offen.ldr-tab-s-bf-tab .ldr-tab-liste, .ldr-tab--nie.ldr-tab-s-bf-tab .ldr-tab-liste,
    .ldr-tab--offen.ldr-tab-s-bf-sammel .ldr-tab-liste, .ldr-tab--nie.ldr-tab-s-bf-sammel .ldr-tab-liste { position: static; transform: none; opacity: 1; clip-path: none; pointer-events: auto; }
    .ldr-tab--offen.ldr-tab-s-bf-tab.ldr-tab-s-au-waagerecht .ldr-tab-liste, .ldr-tab--nie.ldr-tab-s-bf-tab.ldr-tab-s-au-waagerecht .ldr-tab-liste { flex-direction: row; }
    
    .ldr-tab-s-ri-links .ldr-tab-liste { right: calc(100% + var(--ldr-gap)); left: auto; top: 50%; bottom: auto; --ldr-ly: -50%; --ldr-zx: 14px; }
    .ldr-tab-s-ri-rechts .ldr-tab-liste { left: calc(100% + var(--ldr-gap)); right: auto; top: 50%; bottom: auto; --ldr-ly: -50%; --ldr-zx: -14px; }
    .ldr-tab-s-ri-oben .ldr-tab-liste { bottom: calc(100% + var(--ldr-gap)); top: auto; right: 0; left: auto; --ldr-zy: 14px; }
    .ldr-tab-s-ri-unten .ldr-tab-liste { top: calc(100% + var(--ldr-gap)); bottom: auto; right: 0; left: auto; --ldr-zy: -14px; }
    .ldr-tab-s-ri-oben.ldr-tab-s-an-ul .ldr-tab-liste, .ldr-tab-s-ri-oben.ldr-tab-s-an-ml .ldr-tab-liste, .ldr-tab-s-ri-oben.ldr-tab-s-an-ol .ldr-tab-liste,
    .ldr-tab-s-ri-unten.ldr-tab-s-an-ul .ldr-tab-liste, .ldr-tab-s-ri-unten.ldr-tab-s-an-ml .ldr-tab-liste, .ldr-tab-s-ri-unten.ldr-tab-s-an-ol .ldr-tab-liste { left: 0; right: auto; }
    .ldr-tab-s-ri-oben.ldr-tab-s-an-um .ldr-tab-liste, .ldr-tab-s-ri-oben.ldr-tab-s-an-om .ldr-tab-liste,
    .ldr-tab-s-ri-unten.ldr-tab-s-an-um .ldr-tab-liste, .ldr-tab-s-ri-unten.ldr-tab-s-an-om .ldr-tab-liste { left: 50%; right: auto; --ldr-lx: -50%; }
    .ldr-tab.is-offen.ldr-tab-s-bf-tab .ldr-tab-liste, .ldr-tab.is-offen.ldr-tab-s-bf-sammel .ldr-tab-liste { --ldr-zx: 0px; --ldr-zy: 0px; }
    
    .ldr-tab-s-bf-tab .ldr-tab-ausloeser { border-radius: var(--ldr-ecken); }
    .ldr-tab-s-bf-tab.ldr-tab-s-au-senkrecht .ldr-tab-ausloeser { writing-mode: vertical-rl; transform: rotate(180deg); padding: 16px 12px; min-height: 96px; }
    .ldr-tab-s-bf-tab.ldr-tab-s-au-senkrecht .ldr-tab-ausloeser .ldr-tab-icon { transform: rotate(180deg); }
    .ldr-tab-s-bf-tab .ldr-tab-link { border-radius: var(--ldr-rad); }
    
    .ldr-tab-s-bf-sammel .ldr-tab-ausloeser { width: var(--ldr-g); height: var(--ldr-g); padding: 0; border-radius: 50%; }
    .ldr-tab-s-bf-sammel .ldr-tab-kurztext { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .ldr-tab-s-bf-sammel .ldr-tab-liste { align-items: flex-end; }
    .ldr-tab-s-bf-tab .ldr-tab-liste .ldr-tab-link, .ldr-tab-s-bf-sammel .ldr-tab-liste .ldr-tab-link { min-width: var(--ldr-tab-breite-offen, 44px); }
    .ldr-tab-s-bf-sammel.ldr-tab-s-an-ul .ldr-tab-liste, .ldr-tab-s-bf-sammel.ldr-tab-s-an-ml .ldr-tab-liste, .ldr-tab-s-bf-sammel.ldr-tab-s-an-ol .ldr-tab-liste { align-items: flex-start; }
    .ldr-tab-s-bf-sammel.ldr-tab-s-an-um .ldr-tab-liste, .ldr-tab-s-bf-sammel.ldr-tab-s-an-om .ldr-tab-liste { align-items: center; }
    .ldr-tab-s-bf-sammel .ldr-tab-link { border-radius: 999px; width: auto; }
    .ldr-tab-s-bf-sammel .ldr-tab-eintrag { transition: opacity .25s, transform .25s; }
    .ldr-tab.is-js:not(.is-offen).ldr-tab-s-bf-sammel .ldr-tab-eintrag { opacity: 0; transform: translateY(8px) scale(.96); }
    .ldr-tab.is-js.is-offen.ldr-tab-s-bf-sammel .ldr-tab-eintrag { transition-delay: calc(var(--ldr-i, 0) * var(--ldr-a-staffel, 45ms)); }
    
    .ldr-tab-s-bf-leiste .ldr-tab-ausloeser, .ldr-tab-s-bf-einzel .ldr-tab-ausloeser { display: none; }
    .ldr-tab-s-bf-leiste .ldr-tab-liste, .ldr-tab-s-bf-einzel .ldr-tab-liste { position: static; opacity: 1; clip-path: none; pointer-events: auto; transform: none; }
    .ldr-tab-s-bf-leiste.ldr-tab-s-au-waagerecht .ldr-tab-liste { flex-direction: row; }
    .ldr-tab-s-bf-leiste.ldr-tab-s-au-senkrecht .ldr-tab-liste { flex-direction: column; }
    .ldr-tab-s-bf-leiste .ldr-tab-link { border-radius: var(--ldr-rad); }
    .ldr-tab-s-bf-leiste.ldr-tab-s-lb-voll.ldr-tab-s-au-waagerecht.ldr-tab-s-an-um, .ldr-tab-s-bf-leiste.ldr-tab-s-lb-voll.ldr-tab-s-au-waagerecht.ldr-tab-s-an-om { left: var(--ldr-l, var(--ldr-rand)); right: var(--ldr-r, var(--ldr-rand)); transform: none; }
    .ldr-tab-s-bf-leiste.ldr-tab-s-lb-voll.ldr-tab-s-au-waagerecht .ldr-tab-liste { width: 100%; gap: 1px; box-shadow: var(--ldr-tab-schatten, 0 -4px 22px rgba(0, 0, 0, .14)); border-radius: var(--ldr-ecken); overflow: hidden; }
    .ldr-tab-s-bf-leiste.ldr-tab-s-lb-voll.ldr-tab-s-au-waagerecht .ldr-tab-eintrag { flex: 1 1 0; min-width: 0; }
    .ldr-tab-s-bf-leiste.ldr-tab-s-lb-voll.ldr-tab-s-au-waagerecht .ldr-tab-link { flex-direction: column; justify-content: center; gap: 3px; padding: 9px 4px; border-radius: 0; box-shadow: none; text-align: center; font-size: .8em; white-space: normal; }
    .ldr-tab-s-bf-leiste.ldr-tab-s-lb-voll.ldr-tab-s-au-waagerecht .ldr-tab-texte { align-items: center; }
    .ldr-tab-s-bf-leiste.ldr-tab-s-lb-voll.ldr-tab-s-au-waagerecht .ldr-tab-zusatz { display: none; }
    .ldr-tab-s-bf-leiste.ldr-tab-s-lb-voll.ldr-tab-s-au-waagerecht.ldr-tab-s-mo-angedockt.ldr-tab-s-an-um .ldr-tab-link { padding-bottom: calc(9px + env(safe-area-inset-bottom, 0px)); }
    .ldr-tab-s-bf-leiste.ldr-tab-s-lb-pille .ldr-tab-liste { gap: 1px; border-radius: 999px; overflow: hidden; box-shadow: var(--ldr-tab-schatten, 0 6px 24px rgba(0, 0, 0, .18)); }
    .ldr-tab-s-bf-leiste.ldr-tab-s-lb-pille .ldr-tab-link { border-radius: 0; box-shadow: none; }
    .ldr-tab-s-bf-leiste.ldr-tab-s-lb-pille.ldr-tab-s-au-senkrecht .ldr-tab-liste { border-radius: 24px; }
    
    .ldr-tab-s-bf-einzel .ldr-tab-eintrag:not(.ldr-erster-s) { display: none; }
    .ldr-tab-s-bf-einzel .ldr-tab-link { width: var(--ldr-g); height: var(--ldr-g); padding: 0; justify-content: center; border-radius: 50%; }
    .ldr-tab-s-bf-einzel .ldr-tab-texte { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .ldr-tab-s-bf-einzel.ldr-tab-s-au-waagerecht .ldr-tab-link { width: auto; padding: 0 22px 0 18px; border-radius: 999px; }
    .ldr-tab-s-bf-einzel.ldr-tab-s-au-waagerecht .ldr-tab-texte { position: static; width: auto; height: auto; overflow: visible; clip-path: none; }
}

/* --- Stufe m (ab 960 px) --- */
@media (min-width: 960px) and (max-width: 1199.98px) {

    .ldr-aus-m { display: none !important; }
    .ldr-lay-m-mittig .ldr-popup-dialog { margin: var(--ldr-m-o, auto) auto var(--ldr-m-u, auto); }
    
    .ldr-lay-m-geteilt { --ldr-breite: 880px; }
    .ldr-lay-m-geteilt .ldr-popup-dialog { flex-direction: row; width: min(var(--ldr-breite), 92vw, 100%); }
    .ldr-lay-m-geteilt.ldr-lay-m-s-rechts .ldr-popup-dialog { flex-direction: row-reverse; }
    .ldr-lay-m-geteilt .ldr-popup-medien { position: relative; inset: auto; flex: 0 0 50%; min-height: 340px; }
    .ldr-lay-m-geteilt.ldr-lay-m-v-40 .ldr-popup-medien { flex-basis: 40%; }
    .ldr-lay-m-geteilt .ldr-popup-inhalt { justify-content: center; min-height: 0; }
    
    .ldr-lay-m-bildkopf { --ldr-breite: 520px; }
    .ldr-lay-m-bildkopf .ldr-popup-dialog { flex-direction: column; }
    .ldr-lay-m-bildkopf .ldr-popup-medien { position: relative; inset: auto; flex: 0 0 auto; height: min(240px, 34vh); }
    .ldr-lay-m-bildkopf .ldr-popup-inhalt { justify-content: flex-start; min-height: 0; }
    
    .ldr-lay-m-vollbild .ldr-popup-rahmen { padding: 0; }
    .ldr-lay-m-vollbild .ldr-popup-dialog { width: 100%; max-width: none; min-height: 100%; margin: 0; border-radius: 0; }
    .ldr-lay-m-vollbild .ldr-popup-inhalt { justify-content: center; }
    
    .ldr-lay-m-panel { --ldr-weg: 100%; }
    .ldr-lay-m-panel .ldr-popup-rahmen { padding: 0; align-items: stretch; justify-content: flex-end; overflow: hidden; }
    .ldr-lay-m-panel.ldr-lay-m-s-links .ldr-popup-rahmen { justify-content: flex-start; }
    .ldr-lay-m-panel .ldr-popup-dialog { width: min(var(--ldr-breite, 440px), 92vw); max-height: 100%; height: 100%; margin: 0; border-radius: 0; overflow-y: auto; }
    .ldr-lay-m-panel.ldr-lay-m-s-rechts { --ldr-dx: 100%; --ldr-dy: 0px; }
    .ldr-lay-m-panel.ldr-lay-m-s-links { --ldr-dx: -100%; --ldr-dy: 0px; }
    .ldr-lay-m-panel .ldr-popup-inhalt { justify-content: flex-start; }
    
    .ldr-lay-m-leiste { --ldr-modal: 0; --ldr-weg: 100%; pointer-events: none; }
    .ldr-lay-m-leiste .ldr-popup-hintergrund { display: none; }
    .ldr-lay-m-leiste .ldr-popup-rahmen { padding: 0; align-items: flex-end; overflow: visible; pointer-events: none; }
    .ldr-lay-m-leiste.ldr-lay-m-s-oben .ldr-popup-rahmen { align-items: flex-start; }
    .ldr-lay-m-leiste.ldr-lay-m-s-oben { --ldr-dy: -100%; }
    .ldr-lay-m-leiste .ldr-popup-dialog { pointer-events: auto; width: 100%; max-width: none; margin: 0; border-radius: 0; flex-direction: row; box-shadow: 0 -6px 26px rgba(0, 0, 0, .14); }
    .ldr-lay-m-leiste .ldr-popup-medien { display: none; }
    .ldr-lay-m-leiste .ldr-popup-inhalt { flex-direction: row; flex-wrap: wrap; align-items: center; column-gap: 18px; row-gap: 8px; padding: 12px 64px 12px 20px; min-height: 0; justify-content: center; }
    .ldr-lay-m-leiste .ldr-popup-dialog .ldr-popup-header { margin: 0; padding: 0; }
    .ldr-lay-m-leiste .ldr-popup-titel { font-size: 1.02rem; }
    .ldr-lay-m-leiste .ldr-popup-body { padding: 0; }
    .ldr-lay-m-leiste .ldr-popup-knoepfe { margin-top: 0; }
    .ldr-lay-m-leiste .ldr-popup-x { top: 50%; margin-top: -22px; }
    
    .ldr-lay-m-slidein { --ldr-modal: 0; pointer-events: none; }
    .ldr-lay-m-slidein .ldr-popup-hintergrund { display: none; }
    .ldr-lay-m-slidein .ldr-popup-rahmen { align-items: flex-end; justify-content: flex-end; overflow: visible; pointer-events: none; padding: 16px; }
    .ldr-lay-m-slidein.ldr-lay-m-e-ul .ldr-popup-rahmen { justify-content: flex-start; }
    .ldr-lay-m-slidein.ldr-lay-m-e-ol .ldr-popup-rahmen { align-items: flex-start; justify-content: flex-start; }
    .ldr-lay-m-slidein.ldr-lay-m-e-or .ldr-popup-rahmen { align-items: flex-start; }
    .ldr-lay-m-slidein.ldr-lay-m-e-ol, .ldr-lay-m-slidein.ldr-lay-m-e-or { --ldr-dy: calc(var(--ldr-weg) * -1); }
    .ldr-lay-m-slidein .ldr-popup-dialog { pointer-events: auto; width: min(var(--ldr-breite, 380px), calc(100vw - 32px)); margin: 0; }
    .ldr-lay-m-slidein .ldr-popup-dialog--medien .ldr-popup-inhalt { min-height: 200px; }
    
    .ldr-lay-m-sheet { --ldr-weg: 100%; }
    .ldr-lay-m-sheet .ldr-popup-rahmen { padding: 0; align-items: flex-end; overflow: hidden; }
    .ldr-lay-m-sheet .ldr-popup-dialog { width: 100%; max-width: none; max-height: 92vh; max-height: 92dvh; margin: 0; border-radius: var(--ldr-radius, 16px) var(--ldr-radius, 16px) 0 0; overflow-y: auto; }
    .ldr-lay-m-sheet .ldr-popup-inhalt { padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)); justify-content: flex-start; }
    .ldr-lay-m-sheet .ldr-popup-dialog::before { content: ""; position: absolute; top: 8px; left: 50%; width: 40px; height: 4px; margin-left: -20px; border-radius: 4px; background: currentColor; opacity: .2; z-index: 2; }
    .ldr-tab-m-an-ol { top: var(--ldr-o, var(--ldr-rand)); left: var(--ldr-l, var(--ldr-rand)); right: auto; bottom: auto; transform: none; }
    .ldr-tab-m-an-om { top: var(--ldr-o, var(--ldr-rand)); left: var(--ldr-v, 50%); right: auto; bottom: auto; transform: translateX(-50%); }
    .ldr-tab-m-an-or { top: var(--ldr-o, var(--ldr-rand)); right: var(--ldr-r, var(--ldr-rand)); left: auto; bottom: auto; transform: none; }
    .ldr-tab-m-an-ml { top: var(--ldr-v, 50%); left: var(--ldr-l, var(--ldr-rand)); right: auto; bottom: auto; transform: translateY(-50%); }
    .ldr-tab-m-an-mr { top: var(--ldr-v, 50%); right: var(--ldr-r, var(--ldr-rand)); left: auto; bottom: auto; transform: translateY(-50%); }
    .ldr-tab-m-an-ul { bottom: var(--ldr-u, var(--ldr-rand)); left: var(--ldr-l, var(--ldr-rand)); top: auto; right: auto; transform: none; }
    .ldr-tab-m-an-um { bottom: var(--ldr-u, var(--ldr-rand)); left: var(--ldr-v, 50%); top: auto; right: auto; transform: translateX(-50%); }
    .ldr-tab-m-an-ur { bottom: var(--ldr-u, var(--ldr-rand)); right: var(--ldr-r, var(--ldr-rand)); top: auto; left: auto; transform: none; }
    
    .ldr-tab-m-mo-angedockt { --ldr-rand: 0px; }
    .ldr-tab-m-mo-schwebend { --ldr-rand: 16px; }
    .ldr-tab-m-mo-aus { display: none !important; }
    
    .ldr-tab-m-mo-angedockt.ldr-tab-m-an-mr { --ldr-ecken: var(--ldr-rad) 0 0 var(--ldr-rad); }
    .ldr-tab-m-mo-angedockt.ldr-tab-m-an-ml { --ldr-ecken: 0 var(--ldr-rad) var(--ldr-rad) 0; }
    .ldr-tab-m-mo-angedockt.ldr-tab-m-an-om { --ldr-ecken: 0 0 var(--ldr-rad) var(--ldr-rad); }
    .ldr-tab-m-mo-angedockt.ldr-tab-m-an-um { --ldr-ecken: var(--ldr-rad) var(--ldr-rad) 0 0; }
    .ldr-tab-m-mo-angedockt.ldr-tab-m-an-or { --ldr-ecken: 0 0 0 var(--ldr-rad); }
    .ldr-tab-m-mo-angedockt.ldr-tab-m-an-ol { --ldr-ecken: 0 0 var(--ldr-rad) 0; }
    .ldr-tab-m-mo-angedockt.ldr-tab-m-an-ur { --ldr-ecken: var(--ldr-rad) 0 0 0; }
    .ldr-tab-m-mo-angedockt.ldr-tab-m-an-ul { --ldr-ecken: 0 var(--ldr-rad) 0 0; }
    
    .ldr-tab-m-bf-tab .ldr-tab-ausloeser, .ldr-tab-m-bf-sammel .ldr-tab-ausloeser { display: flex; }
    .ldr-tab-m-bf-tab .ldr-tab-liste, .ldr-tab-m-bf-sammel .ldr-tab-liste { position: absolute; flex-direction: column; align-items: stretch; --ldr-zx: 0px; --ldr-zy: 0px; --ldr-lx: 0px; --ldr-ly: 0px; transform: translate(calc(var(--ldr-lx) + var(--ldr-zx)), calc(var(--ldr-ly) + var(--ldr-zy))); }
    .ldr-tab.is-js:not(.is-offen):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-m-bf-tab .ldr-tab-liste,
    .ldr-tab.is-js:not(.is-offen):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-m-bf-sammel .ldr-tab-liste,
    .ldr-tab:not(.is-js):not(:hover):not(:focus-within):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-m-bf-tab .ldr-tab-liste,
    .ldr-tab:not(.is-js):not(:hover):not(:focus-within):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-m-bf-sammel .ldr-tab-liste { opacity: 0; pointer-events: none; clip-path: inset(50%); }
    .ldr-tab.is-js:has(:focus-visible).ldr-tab-m-bf-tab .ldr-tab-liste, .ldr-tab.is-js:has(:focus-visible).ldr-tab-m-bf-sammel .ldr-tab-liste { opacity: 1; pointer-events: auto; clip-path: none; --ldr-zx: 0px; --ldr-zy: 0px; }
    
    .ldr-tab--offen.ldr-tab-m-bf-tab .ldr-tab-ausloeser, .ldr-tab--nie.ldr-tab-m-bf-tab .ldr-tab-ausloeser,
    .ldr-tab--offen.ldr-tab-m-bf-sammel .ldr-tab-ausloeser, .ldr-tab--nie.ldr-tab-m-bf-sammel .ldr-tab-ausloeser { display: none; }
    .ldr-tab--offen.ldr-tab-m-bf-tab .ldr-tab-liste, .ldr-tab--nie.ldr-tab-m-bf-tab .ldr-tab-liste,
    .ldr-tab--offen.ldr-tab-m-bf-sammel .ldr-tab-liste, .ldr-tab--nie.ldr-tab-m-bf-sammel .ldr-tab-liste { position: static; transform: none; opacity: 1; clip-path: none; pointer-events: auto; }
    .ldr-tab--offen.ldr-tab-m-bf-tab.ldr-tab-m-au-waagerecht .ldr-tab-liste, .ldr-tab--nie.ldr-tab-m-bf-tab.ldr-tab-m-au-waagerecht .ldr-tab-liste { flex-direction: row; }
    
    .ldr-tab-m-ri-links .ldr-tab-liste { right: calc(100% + var(--ldr-gap)); left: auto; top: 50%; bottom: auto; --ldr-ly: -50%; --ldr-zx: 14px; }
    .ldr-tab-m-ri-rechts .ldr-tab-liste { left: calc(100% + var(--ldr-gap)); right: auto; top: 50%; bottom: auto; --ldr-ly: -50%; --ldr-zx: -14px; }
    .ldr-tab-m-ri-oben .ldr-tab-liste { bottom: calc(100% + var(--ldr-gap)); top: auto; right: 0; left: auto; --ldr-zy: 14px; }
    .ldr-tab-m-ri-unten .ldr-tab-liste { top: calc(100% + var(--ldr-gap)); bottom: auto; right: 0; left: auto; --ldr-zy: -14px; }
    .ldr-tab-m-ri-oben.ldr-tab-m-an-ul .ldr-tab-liste, .ldr-tab-m-ri-oben.ldr-tab-m-an-ml .ldr-tab-liste, .ldr-tab-m-ri-oben.ldr-tab-m-an-ol .ldr-tab-liste,
    .ldr-tab-m-ri-unten.ldr-tab-m-an-ul .ldr-tab-liste, .ldr-tab-m-ri-unten.ldr-tab-m-an-ml .ldr-tab-liste, .ldr-tab-m-ri-unten.ldr-tab-m-an-ol .ldr-tab-liste { left: 0; right: auto; }
    .ldr-tab-m-ri-oben.ldr-tab-m-an-um .ldr-tab-liste, .ldr-tab-m-ri-oben.ldr-tab-m-an-om .ldr-tab-liste,
    .ldr-tab-m-ri-unten.ldr-tab-m-an-um .ldr-tab-liste, .ldr-tab-m-ri-unten.ldr-tab-m-an-om .ldr-tab-liste { left: 50%; right: auto; --ldr-lx: -50%; }
    .ldr-tab.is-offen.ldr-tab-m-bf-tab .ldr-tab-liste, .ldr-tab.is-offen.ldr-tab-m-bf-sammel .ldr-tab-liste { --ldr-zx: 0px; --ldr-zy: 0px; }
    
    .ldr-tab-m-bf-tab .ldr-tab-ausloeser { border-radius: var(--ldr-ecken); }
    .ldr-tab-m-bf-tab.ldr-tab-m-au-senkrecht .ldr-tab-ausloeser { writing-mode: vertical-rl; transform: rotate(180deg); padding: 16px 12px; min-height: 96px; }
    .ldr-tab-m-bf-tab.ldr-tab-m-au-senkrecht .ldr-tab-ausloeser .ldr-tab-icon { transform: rotate(180deg); }
    .ldr-tab-m-bf-tab .ldr-tab-link { border-radius: var(--ldr-rad); }
    
    .ldr-tab-m-bf-sammel .ldr-tab-ausloeser { width: var(--ldr-g); height: var(--ldr-g); padding: 0; border-radius: 50%; }
    .ldr-tab-m-bf-sammel .ldr-tab-kurztext { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .ldr-tab-m-bf-sammel .ldr-tab-liste { align-items: flex-end; }
    .ldr-tab-m-bf-tab .ldr-tab-liste .ldr-tab-link, .ldr-tab-m-bf-sammel .ldr-tab-liste .ldr-tab-link { min-width: var(--ldr-tab-breite-offen, 44px); }
    .ldr-tab-m-bf-sammel.ldr-tab-m-an-ul .ldr-tab-liste, .ldr-tab-m-bf-sammel.ldr-tab-m-an-ml .ldr-tab-liste, .ldr-tab-m-bf-sammel.ldr-tab-m-an-ol .ldr-tab-liste { align-items: flex-start; }
    .ldr-tab-m-bf-sammel.ldr-tab-m-an-um .ldr-tab-liste, .ldr-tab-m-bf-sammel.ldr-tab-m-an-om .ldr-tab-liste { align-items: center; }
    .ldr-tab-m-bf-sammel .ldr-tab-link { border-radius: 999px; width: auto; }
    .ldr-tab-m-bf-sammel .ldr-tab-eintrag { transition: opacity .25s, transform .25s; }
    .ldr-tab.is-js:not(.is-offen).ldr-tab-m-bf-sammel .ldr-tab-eintrag { opacity: 0; transform: translateY(8px) scale(.96); }
    .ldr-tab.is-js.is-offen.ldr-tab-m-bf-sammel .ldr-tab-eintrag { transition-delay: calc(var(--ldr-i, 0) * var(--ldr-a-staffel, 45ms)); }
    
    .ldr-tab-m-bf-leiste .ldr-tab-ausloeser, .ldr-tab-m-bf-einzel .ldr-tab-ausloeser { display: none; }
    .ldr-tab-m-bf-leiste .ldr-tab-liste, .ldr-tab-m-bf-einzel .ldr-tab-liste { position: static; opacity: 1; clip-path: none; pointer-events: auto; transform: none; }
    .ldr-tab-m-bf-leiste.ldr-tab-m-au-waagerecht .ldr-tab-liste { flex-direction: row; }
    .ldr-tab-m-bf-leiste.ldr-tab-m-au-senkrecht .ldr-tab-liste { flex-direction: column; }
    .ldr-tab-m-bf-leiste .ldr-tab-link { border-radius: var(--ldr-rad); }
    .ldr-tab-m-bf-leiste.ldr-tab-m-lb-voll.ldr-tab-m-au-waagerecht.ldr-tab-m-an-um, .ldr-tab-m-bf-leiste.ldr-tab-m-lb-voll.ldr-tab-m-au-waagerecht.ldr-tab-m-an-om { left: var(--ldr-l, var(--ldr-rand)); right: var(--ldr-r, var(--ldr-rand)); transform: none; }
    .ldr-tab-m-bf-leiste.ldr-tab-m-lb-voll.ldr-tab-m-au-waagerecht .ldr-tab-liste { width: 100%; gap: 1px; box-shadow: var(--ldr-tab-schatten, 0 -4px 22px rgba(0, 0, 0, .14)); border-radius: var(--ldr-ecken); overflow: hidden; }
    .ldr-tab-m-bf-leiste.ldr-tab-m-lb-voll.ldr-tab-m-au-waagerecht .ldr-tab-eintrag { flex: 1 1 0; min-width: 0; }
    .ldr-tab-m-bf-leiste.ldr-tab-m-lb-voll.ldr-tab-m-au-waagerecht .ldr-tab-link { flex-direction: column; justify-content: center; gap: 3px; padding: 9px 4px; border-radius: 0; box-shadow: none; text-align: center; font-size: .8em; white-space: normal; }
    .ldr-tab-m-bf-leiste.ldr-tab-m-lb-voll.ldr-tab-m-au-waagerecht .ldr-tab-texte { align-items: center; }
    .ldr-tab-m-bf-leiste.ldr-tab-m-lb-voll.ldr-tab-m-au-waagerecht .ldr-tab-zusatz { display: none; }
    .ldr-tab-m-bf-leiste.ldr-tab-m-lb-voll.ldr-tab-m-au-waagerecht.ldr-tab-m-mo-angedockt.ldr-tab-m-an-um .ldr-tab-link { padding-bottom: calc(9px + env(safe-area-inset-bottom, 0px)); }
    .ldr-tab-m-bf-leiste.ldr-tab-m-lb-pille .ldr-tab-liste { gap: 1px; border-radius: 999px; overflow: hidden; box-shadow: var(--ldr-tab-schatten, 0 6px 24px rgba(0, 0, 0, .18)); }
    .ldr-tab-m-bf-leiste.ldr-tab-m-lb-pille .ldr-tab-link { border-radius: 0; box-shadow: none; }
    .ldr-tab-m-bf-leiste.ldr-tab-m-lb-pille.ldr-tab-m-au-senkrecht .ldr-tab-liste { border-radius: 24px; }
    
    .ldr-tab-m-bf-einzel .ldr-tab-eintrag:not(.ldr-erster-m) { display: none; }
    .ldr-tab-m-bf-einzel .ldr-tab-link { width: var(--ldr-g); height: var(--ldr-g); padding: 0; justify-content: center; border-radius: 50%; }
    .ldr-tab-m-bf-einzel .ldr-tab-texte { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .ldr-tab-m-bf-einzel.ldr-tab-m-au-waagerecht .ldr-tab-link { width: auto; padding: 0 22px 0 18px; border-radius: 999px; }
    .ldr-tab-m-bf-einzel.ldr-tab-m-au-waagerecht .ldr-tab-texte { position: static; width: auto; height: auto; overflow: visible; clip-path: none; }
}

/* --- Stufe l (ab 1200 px) --- */
@media (min-width: 1200px) and (max-width: 1599.98px) {

    .ldr-aus-l { display: none !important; }
    .ldr-lay-l-mittig .ldr-popup-dialog { margin: var(--ldr-m-o, auto) auto var(--ldr-m-u, auto); }
    
    .ldr-lay-l-geteilt { --ldr-breite: 880px; }
    .ldr-lay-l-geteilt .ldr-popup-dialog { flex-direction: row; width: min(var(--ldr-breite), 92vw, 100%); }
    .ldr-lay-l-geteilt.ldr-lay-l-s-rechts .ldr-popup-dialog { flex-direction: row-reverse; }
    .ldr-lay-l-geteilt .ldr-popup-medien { position: relative; inset: auto; flex: 0 0 50%; min-height: 340px; }
    .ldr-lay-l-geteilt.ldr-lay-l-v-40 .ldr-popup-medien { flex-basis: 40%; }
    .ldr-lay-l-geteilt .ldr-popup-inhalt { justify-content: center; min-height: 0; }
    
    .ldr-lay-l-bildkopf { --ldr-breite: 520px; }
    .ldr-lay-l-bildkopf .ldr-popup-dialog { flex-direction: column; }
    .ldr-lay-l-bildkopf .ldr-popup-medien { position: relative; inset: auto; flex: 0 0 auto; height: min(240px, 34vh); }
    .ldr-lay-l-bildkopf .ldr-popup-inhalt { justify-content: flex-start; min-height: 0; }
    
    .ldr-lay-l-vollbild .ldr-popup-rahmen { padding: 0; }
    .ldr-lay-l-vollbild .ldr-popup-dialog { width: 100%; max-width: none; min-height: 100%; margin: 0; border-radius: 0; }
    .ldr-lay-l-vollbild .ldr-popup-inhalt { justify-content: center; }
    
    .ldr-lay-l-panel { --ldr-weg: 100%; }
    .ldr-lay-l-panel .ldr-popup-rahmen { padding: 0; align-items: stretch; justify-content: flex-end; overflow: hidden; }
    .ldr-lay-l-panel.ldr-lay-l-s-links .ldr-popup-rahmen { justify-content: flex-start; }
    .ldr-lay-l-panel .ldr-popup-dialog { width: min(var(--ldr-breite, 440px), 92vw); max-height: 100%; height: 100%; margin: 0; border-radius: 0; overflow-y: auto; }
    .ldr-lay-l-panel.ldr-lay-l-s-rechts { --ldr-dx: 100%; --ldr-dy: 0px; }
    .ldr-lay-l-panel.ldr-lay-l-s-links { --ldr-dx: -100%; --ldr-dy: 0px; }
    .ldr-lay-l-panel .ldr-popup-inhalt { justify-content: flex-start; }
    
    .ldr-lay-l-leiste { --ldr-modal: 0; --ldr-weg: 100%; pointer-events: none; }
    .ldr-lay-l-leiste .ldr-popup-hintergrund { display: none; }
    .ldr-lay-l-leiste .ldr-popup-rahmen { padding: 0; align-items: flex-end; overflow: visible; pointer-events: none; }
    .ldr-lay-l-leiste.ldr-lay-l-s-oben .ldr-popup-rahmen { align-items: flex-start; }
    .ldr-lay-l-leiste.ldr-lay-l-s-oben { --ldr-dy: -100%; }
    .ldr-lay-l-leiste .ldr-popup-dialog { pointer-events: auto; width: 100%; max-width: none; margin: 0; border-radius: 0; flex-direction: row; box-shadow: 0 -6px 26px rgba(0, 0, 0, .14); }
    .ldr-lay-l-leiste .ldr-popup-medien { display: none; }
    .ldr-lay-l-leiste .ldr-popup-inhalt { flex-direction: row; flex-wrap: wrap; align-items: center; column-gap: 18px; row-gap: 8px; padding: 12px 64px 12px 20px; min-height: 0; justify-content: center; }
    .ldr-lay-l-leiste .ldr-popup-dialog .ldr-popup-header { margin: 0; padding: 0; }
    .ldr-lay-l-leiste .ldr-popup-titel { font-size: 1.02rem; }
    .ldr-lay-l-leiste .ldr-popup-body { padding: 0; }
    .ldr-lay-l-leiste .ldr-popup-knoepfe { margin-top: 0; }
    .ldr-lay-l-leiste .ldr-popup-x { top: 50%; margin-top: -22px; }
    
    .ldr-lay-l-slidein { --ldr-modal: 0; pointer-events: none; }
    .ldr-lay-l-slidein .ldr-popup-hintergrund { display: none; }
    .ldr-lay-l-slidein .ldr-popup-rahmen { align-items: flex-end; justify-content: flex-end; overflow: visible; pointer-events: none; padding: 16px; }
    .ldr-lay-l-slidein.ldr-lay-l-e-ul .ldr-popup-rahmen { justify-content: flex-start; }
    .ldr-lay-l-slidein.ldr-lay-l-e-ol .ldr-popup-rahmen { align-items: flex-start; justify-content: flex-start; }
    .ldr-lay-l-slidein.ldr-lay-l-e-or .ldr-popup-rahmen { align-items: flex-start; }
    .ldr-lay-l-slidein.ldr-lay-l-e-ol, .ldr-lay-l-slidein.ldr-lay-l-e-or { --ldr-dy: calc(var(--ldr-weg) * -1); }
    .ldr-lay-l-slidein .ldr-popup-dialog { pointer-events: auto; width: min(var(--ldr-breite, 380px), calc(100vw - 32px)); margin: 0; }
    .ldr-lay-l-slidein .ldr-popup-dialog--medien .ldr-popup-inhalt { min-height: 200px; }
    
    .ldr-lay-l-sheet { --ldr-weg: 100%; }
    .ldr-lay-l-sheet .ldr-popup-rahmen { padding: 0; align-items: flex-end; overflow: hidden; }
    .ldr-lay-l-sheet .ldr-popup-dialog { width: 100%; max-width: none; max-height: 92vh; max-height: 92dvh; margin: 0; border-radius: var(--ldr-radius, 16px) var(--ldr-radius, 16px) 0 0; overflow-y: auto; }
    .ldr-lay-l-sheet .ldr-popup-inhalt { padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)); justify-content: flex-start; }
    .ldr-lay-l-sheet .ldr-popup-dialog::before { content: ""; position: absolute; top: 8px; left: 50%; width: 40px; height: 4px; margin-left: -20px; border-radius: 4px; background: currentColor; opacity: .2; z-index: 2; }
    .ldr-tab-l-an-ol { top: var(--ldr-o, var(--ldr-rand)); left: var(--ldr-l, var(--ldr-rand)); right: auto; bottom: auto; transform: none; }
    .ldr-tab-l-an-om { top: var(--ldr-o, var(--ldr-rand)); left: var(--ldr-v, 50%); right: auto; bottom: auto; transform: translateX(-50%); }
    .ldr-tab-l-an-or { top: var(--ldr-o, var(--ldr-rand)); right: var(--ldr-r, var(--ldr-rand)); left: auto; bottom: auto; transform: none; }
    .ldr-tab-l-an-ml { top: var(--ldr-v, 50%); left: var(--ldr-l, var(--ldr-rand)); right: auto; bottom: auto; transform: translateY(-50%); }
    .ldr-tab-l-an-mr { top: var(--ldr-v, 50%); right: var(--ldr-r, var(--ldr-rand)); left: auto; bottom: auto; transform: translateY(-50%); }
    .ldr-tab-l-an-ul { bottom: var(--ldr-u, var(--ldr-rand)); left: var(--ldr-l, var(--ldr-rand)); top: auto; right: auto; transform: none; }
    .ldr-tab-l-an-um { bottom: var(--ldr-u, var(--ldr-rand)); left: var(--ldr-v, 50%); top: auto; right: auto; transform: translateX(-50%); }
    .ldr-tab-l-an-ur { bottom: var(--ldr-u, var(--ldr-rand)); right: var(--ldr-r, var(--ldr-rand)); top: auto; left: auto; transform: none; }
    
    .ldr-tab-l-mo-angedockt { --ldr-rand: 0px; }
    .ldr-tab-l-mo-schwebend { --ldr-rand: 16px; }
    .ldr-tab-l-mo-aus { display: none !important; }
    
    .ldr-tab-l-mo-angedockt.ldr-tab-l-an-mr { --ldr-ecken: var(--ldr-rad) 0 0 var(--ldr-rad); }
    .ldr-tab-l-mo-angedockt.ldr-tab-l-an-ml { --ldr-ecken: 0 var(--ldr-rad) var(--ldr-rad) 0; }
    .ldr-tab-l-mo-angedockt.ldr-tab-l-an-om { --ldr-ecken: 0 0 var(--ldr-rad) var(--ldr-rad); }
    .ldr-tab-l-mo-angedockt.ldr-tab-l-an-um { --ldr-ecken: var(--ldr-rad) var(--ldr-rad) 0 0; }
    .ldr-tab-l-mo-angedockt.ldr-tab-l-an-or { --ldr-ecken: 0 0 0 var(--ldr-rad); }
    .ldr-tab-l-mo-angedockt.ldr-tab-l-an-ol { --ldr-ecken: 0 0 var(--ldr-rad) 0; }
    .ldr-tab-l-mo-angedockt.ldr-tab-l-an-ur { --ldr-ecken: var(--ldr-rad) 0 0 0; }
    .ldr-tab-l-mo-angedockt.ldr-tab-l-an-ul { --ldr-ecken: 0 var(--ldr-rad) 0 0; }
    
    .ldr-tab-l-bf-tab .ldr-tab-ausloeser, .ldr-tab-l-bf-sammel .ldr-tab-ausloeser { display: flex; }
    .ldr-tab-l-bf-tab .ldr-tab-liste, .ldr-tab-l-bf-sammel .ldr-tab-liste { position: absolute; flex-direction: column; align-items: stretch; --ldr-zx: 0px; --ldr-zy: 0px; --ldr-lx: 0px; --ldr-ly: 0px; transform: translate(calc(var(--ldr-lx) + var(--ldr-zx)), calc(var(--ldr-ly) + var(--ldr-zy))); }
    .ldr-tab.is-js:not(.is-offen):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-l-bf-tab .ldr-tab-liste,
    .ldr-tab.is-js:not(.is-offen):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-l-bf-sammel .ldr-tab-liste,
    .ldr-tab:not(.is-js):not(:hover):not(:focus-within):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-l-bf-tab .ldr-tab-liste,
    .ldr-tab:not(.is-js):not(:hover):not(:focus-within):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-l-bf-sammel .ldr-tab-liste { opacity: 0; pointer-events: none; clip-path: inset(50%); }
    .ldr-tab.is-js:has(:focus-visible).ldr-tab-l-bf-tab .ldr-tab-liste, .ldr-tab.is-js:has(:focus-visible).ldr-tab-l-bf-sammel .ldr-tab-liste { opacity: 1; pointer-events: auto; clip-path: none; --ldr-zx: 0px; --ldr-zy: 0px; }
    
    .ldr-tab--offen.ldr-tab-l-bf-tab .ldr-tab-ausloeser, .ldr-tab--nie.ldr-tab-l-bf-tab .ldr-tab-ausloeser,
    .ldr-tab--offen.ldr-tab-l-bf-sammel .ldr-tab-ausloeser, .ldr-tab--nie.ldr-tab-l-bf-sammel .ldr-tab-ausloeser { display: none; }
    .ldr-tab--offen.ldr-tab-l-bf-tab .ldr-tab-liste, .ldr-tab--nie.ldr-tab-l-bf-tab .ldr-tab-liste,
    .ldr-tab--offen.ldr-tab-l-bf-sammel .ldr-tab-liste, .ldr-tab--nie.ldr-tab-l-bf-sammel .ldr-tab-liste { position: static; transform: none; opacity: 1; clip-path: none; pointer-events: auto; }
    .ldr-tab--offen.ldr-tab-l-bf-tab.ldr-tab-l-au-waagerecht .ldr-tab-liste, .ldr-tab--nie.ldr-tab-l-bf-tab.ldr-tab-l-au-waagerecht .ldr-tab-liste { flex-direction: row; }
    
    .ldr-tab-l-ri-links .ldr-tab-liste { right: calc(100% + var(--ldr-gap)); left: auto; top: 50%; bottom: auto; --ldr-ly: -50%; --ldr-zx: 14px; }
    .ldr-tab-l-ri-rechts .ldr-tab-liste { left: calc(100% + var(--ldr-gap)); right: auto; top: 50%; bottom: auto; --ldr-ly: -50%; --ldr-zx: -14px; }
    .ldr-tab-l-ri-oben .ldr-tab-liste { bottom: calc(100% + var(--ldr-gap)); top: auto; right: 0; left: auto; --ldr-zy: 14px; }
    .ldr-tab-l-ri-unten .ldr-tab-liste { top: calc(100% + var(--ldr-gap)); bottom: auto; right: 0; left: auto; --ldr-zy: -14px; }
    .ldr-tab-l-ri-oben.ldr-tab-l-an-ul .ldr-tab-liste, .ldr-tab-l-ri-oben.ldr-tab-l-an-ml .ldr-tab-liste, .ldr-tab-l-ri-oben.ldr-tab-l-an-ol .ldr-tab-liste,
    .ldr-tab-l-ri-unten.ldr-tab-l-an-ul .ldr-tab-liste, .ldr-tab-l-ri-unten.ldr-tab-l-an-ml .ldr-tab-liste, .ldr-tab-l-ri-unten.ldr-tab-l-an-ol .ldr-tab-liste { left: 0; right: auto; }
    .ldr-tab-l-ri-oben.ldr-tab-l-an-um .ldr-tab-liste, .ldr-tab-l-ri-oben.ldr-tab-l-an-om .ldr-tab-liste,
    .ldr-tab-l-ri-unten.ldr-tab-l-an-um .ldr-tab-liste, .ldr-tab-l-ri-unten.ldr-tab-l-an-om .ldr-tab-liste { left: 50%; right: auto; --ldr-lx: -50%; }
    .ldr-tab.is-offen.ldr-tab-l-bf-tab .ldr-tab-liste, .ldr-tab.is-offen.ldr-tab-l-bf-sammel .ldr-tab-liste { --ldr-zx: 0px; --ldr-zy: 0px; }
    
    .ldr-tab-l-bf-tab .ldr-tab-ausloeser { border-radius: var(--ldr-ecken); }
    .ldr-tab-l-bf-tab.ldr-tab-l-au-senkrecht .ldr-tab-ausloeser { writing-mode: vertical-rl; transform: rotate(180deg); padding: 16px 12px; min-height: 96px; }
    .ldr-tab-l-bf-tab.ldr-tab-l-au-senkrecht .ldr-tab-ausloeser .ldr-tab-icon { transform: rotate(180deg); }
    .ldr-tab-l-bf-tab .ldr-tab-link { border-radius: var(--ldr-rad); }
    
    .ldr-tab-l-bf-sammel .ldr-tab-ausloeser { width: var(--ldr-g); height: var(--ldr-g); padding: 0; border-radius: 50%; }
    .ldr-tab-l-bf-sammel .ldr-tab-kurztext { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .ldr-tab-l-bf-sammel .ldr-tab-liste { align-items: flex-end; }
    .ldr-tab-l-bf-tab .ldr-tab-liste .ldr-tab-link, .ldr-tab-l-bf-sammel .ldr-tab-liste .ldr-tab-link { min-width: var(--ldr-tab-breite-offen, 44px); }
    .ldr-tab-l-bf-sammel.ldr-tab-l-an-ul .ldr-tab-liste, .ldr-tab-l-bf-sammel.ldr-tab-l-an-ml .ldr-tab-liste, .ldr-tab-l-bf-sammel.ldr-tab-l-an-ol .ldr-tab-liste { align-items: flex-start; }
    .ldr-tab-l-bf-sammel.ldr-tab-l-an-um .ldr-tab-liste, .ldr-tab-l-bf-sammel.ldr-tab-l-an-om .ldr-tab-liste { align-items: center; }
    .ldr-tab-l-bf-sammel .ldr-tab-link { border-radius: 999px; width: auto; }
    .ldr-tab-l-bf-sammel .ldr-tab-eintrag { transition: opacity .25s, transform .25s; }
    .ldr-tab.is-js:not(.is-offen).ldr-tab-l-bf-sammel .ldr-tab-eintrag { opacity: 0; transform: translateY(8px) scale(.96); }
    .ldr-tab.is-js.is-offen.ldr-tab-l-bf-sammel .ldr-tab-eintrag { transition-delay: calc(var(--ldr-i, 0) * var(--ldr-a-staffel, 45ms)); }
    
    .ldr-tab-l-bf-leiste .ldr-tab-ausloeser, .ldr-tab-l-bf-einzel .ldr-tab-ausloeser { display: none; }
    .ldr-tab-l-bf-leiste .ldr-tab-liste, .ldr-tab-l-bf-einzel .ldr-tab-liste { position: static; opacity: 1; clip-path: none; pointer-events: auto; transform: none; }
    .ldr-tab-l-bf-leiste.ldr-tab-l-au-waagerecht .ldr-tab-liste { flex-direction: row; }
    .ldr-tab-l-bf-leiste.ldr-tab-l-au-senkrecht .ldr-tab-liste { flex-direction: column; }
    .ldr-tab-l-bf-leiste .ldr-tab-link { border-radius: var(--ldr-rad); }
    .ldr-tab-l-bf-leiste.ldr-tab-l-lb-voll.ldr-tab-l-au-waagerecht.ldr-tab-l-an-um, .ldr-tab-l-bf-leiste.ldr-tab-l-lb-voll.ldr-tab-l-au-waagerecht.ldr-tab-l-an-om { left: var(--ldr-l, var(--ldr-rand)); right: var(--ldr-r, var(--ldr-rand)); transform: none; }
    .ldr-tab-l-bf-leiste.ldr-tab-l-lb-voll.ldr-tab-l-au-waagerecht .ldr-tab-liste { width: 100%; gap: 1px; box-shadow: var(--ldr-tab-schatten, 0 -4px 22px rgba(0, 0, 0, .14)); border-radius: var(--ldr-ecken); overflow: hidden; }
    .ldr-tab-l-bf-leiste.ldr-tab-l-lb-voll.ldr-tab-l-au-waagerecht .ldr-tab-eintrag { flex: 1 1 0; min-width: 0; }
    .ldr-tab-l-bf-leiste.ldr-tab-l-lb-voll.ldr-tab-l-au-waagerecht .ldr-tab-link { flex-direction: column; justify-content: center; gap: 3px; padding: 9px 4px; border-radius: 0; box-shadow: none; text-align: center; font-size: .8em; white-space: normal; }
    .ldr-tab-l-bf-leiste.ldr-tab-l-lb-voll.ldr-tab-l-au-waagerecht .ldr-tab-texte { align-items: center; }
    .ldr-tab-l-bf-leiste.ldr-tab-l-lb-voll.ldr-tab-l-au-waagerecht .ldr-tab-zusatz { display: none; }
    .ldr-tab-l-bf-leiste.ldr-tab-l-lb-voll.ldr-tab-l-au-waagerecht.ldr-tab-l-mo-angedockt.ldr-tab-l-an-um .ldr-tab-link { padding-bottom: calc(9px + env(safe-area-inset-bottom, 0px)); }
    .ldr-tab-l-bf-leiste.ldr-tab-l-lb-pille .ldr-tab-liste { gap: 1px; border-radius: 999px; overflow: hidden; box-shadow: var(--ldr-tab-schatten, 0 6px 24px rgba(0, 0, 0, .18)); }
    .ldr-tab-l-bf-leiste.ldr-tab-l-lb-pille .ldr-tab-link { border-radius: 0; box-shadow: none; }
    .ldr-tab-l-bf-leiste.ldr-tab-l-lb-pille.ldr-tab-l-au-senkrecht .ldr-tab-liste { border-radius: 24px; }
    
    .ldr-tab-l-bf-einzel .ldr-tab-eintrag:not(.ldr-erster-l) { display: none; }
    .ldr-tab-l-bf-einzel .ldr-tab-link { width: var(--ldr-g); height: var(--ldr-g); padding: 0; justify-content: center; border-radius: 50%; }
    .ldr-tab-l-bf-einzel .ldr-tab-texte { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .ldr-tab-l-bf-einzel.ldr-tab-l-au-waagerecht .ldr-tab-link { width: auto; padding: 0 22px 0 18px; border-radius: 999px; }
    .ldr-tab-l-bf-einzel.ldr-tab-l-au-waagerecht .ldr-tab-texte { position: static; width: auto; height: auto; overflow: visible; clip-path: none; }
}

/* --- Stufe xl (ab 1600 px) --- */
@media (min-width: 1600px) {

    .ldr-aus-xl { display: none !important; }
    .ldr-lay-xl-mittig .ldr-popup-dialog { margin: var(--ldr-m-o, auto) auto var(--ldr-m-u, auto); }
    
    .ldr-lay-xl-geteilt { --ldr-breite: 880px; }
    .ldr-lay-xl-geteilt .ldr-popup-dialog { flex-direction: row; width: min(var(--ldr-breite), 92vw, 100%); }
    .ldr-lay-xl-geteilt.ldr-lay-xl-s-rechts .ldr-popup-dialog { flex-direction: row-reverse; }
    .ldr-lay-xl-geteilt .ldr-popup-medien { position: relative; inset: auto; flex: 0 0 50%; min-height: 340px; }
    .ldr-lay-xl-geteilt.ldr-lay-xl-v-40 .ldr-popup-medien { flex-basis: 40%; }
    .ldr-lay-xl-geteilt .ldr-popup-inhalt { justify-content: center; min-height: 0; }
    
    .ldr-lay-xl-bildkopf { --ldr-breite: 520px; }
    .ldr-lay-xl-bildkopf .ldr-popup-dialog { flex-direction: column; }
    .ldr-lay-xl-bildkopf .ldr-popup-medien { position: relative; inset: auto; flex: 0 0 auto; height: min(240px, 34vh); }
    .ldr-lay-xl-bildkopf .ldr-popup-inhalt { justify-content: flex-start; min-height: 0; }
    
    .ldr-lay-xl-vollbild .ldr-popup-rahmen { padding: 0; }
    .ldr-lay-xl-vollbild .ldr-popup-dialog { width: 100%; max-width: none; min-height: 100%; margin: 0; border-radius: 0; }
    .ldr-lay-xl-vollbild .ldr-popup-inhalt { justify-content: center; }
    
    .ldr-lay-xl-panel { --ldr-weg: 100%; }
    .ldr-lay-xl-panel .ldr-popup-rahmen { padding: 0; align-items: stretch; justify-content: flex-end; overflow: hidden; }
    .ldr-lay-xl-panel.ldr-lay-xl-s-links .ldr-popup-rahmen { justify-content: flex-start; }
    .ldr-lay-xl-panel .ldr-popup-dialog { width: min(var(--ldr-breite, 440px), 92vw); max-height: 100%; height: 100%; margin: 0; border-radius: 0; overflow-y: auto; }
    .ldr-lay-xl-panel.ldr-lay-xl-s-rechts { --ldr-dx: 100%; --ldr-dy: 0px; }
    .ldr-lay-xl-panel.ldr-lay-xl-s-links { --ldr-dx: -100%; --ldr-dy: 0px; }
    .ldr-lay-xl-panel .ldr-popup-inhalt { justify-content: flex-start; }
    
    .ldr-lay-xl-leiste { --ldr-modal: 0; --ldr-weg: 100%; pointer-events: none; }
    .ldr-lay-xl-leiste .ldr-popup-hintergrund { display: none; }
    .ldr-lay-xl-leiste .ldr-popup-rahmen { padding: 0; align-items: flex-end; overflow: visible; pointer-events: none; }
    .ldr-lay-xl-leiste.ldr-lay-xl-s-oben .ldr-popup-rahmen { align-items: flex-start; }
    .ldr-lay-xl-leiste.ldr-lay-xl-s-oben { --ldr-dy: -100%; }
    .ldr-lay-xl-leiste .ldr-popup-dialog { pointer-events: auto; width: 100%; max-width: none; margin: 0; border-radius: 0; flex-direction: row; box-shadow: 0 -6px 26px rgba(0, 0, 0, .14); }
    .ldr-lay-xl-leiste .ldr-popup-medien { display: none; }
    .ldr-lay-xl-leiste .ldr-popup-inhalt { flex-direction: row; flex-wrap: wrap; align-items: center; column-gap: 18px; row-gap: 8px; padding: 12px 64px 12px 20px; min-height: 0; justify-content: center; }
    .ldr-lay-xl-leiste .ldr-popup-dialog .ldr-popup-header { margin: 0; padding: 0; }
    .ldr-lay-xl-leiste .ldr-popup-titel { font-size: 1.02rem; }
    .ldr-lay-xl-leiste .ldr-popup-body { padding: 0; }
    .ldr-lay-xl-leiste .ldr-popup-knoepfe { margin-top: 0; }
    .ldr-lay-xl-leiste .ldr-popup-x { top: 50%; margin-top: -22px; }
    
    .ldr-lay-xl-slidein { --ldr-modal: 0; pointer-events: none; }
    .ldr-lay-xl-slidein .ldr-popup-hintergrund { display: none; }
    .ldr-lay-xl-slidein .ldr-popup-rahmen { align-items: flex-end; justify-content: flex-end; overflow: visible; pointer-events: none; padding: 16px; }
    .ldr-lay-xl-slidein.ldr-lay-xl-e-ul .ldr-popup-rahmen { justify-content: flex-start; }
    .ldr-lay-xl-slidein.ldr-lay-xl-e-ol .ldr-popup-rahmen { align-items: flex-start; justify-content: flex-start; }
    .ldr-lay-xl-slidein.ldr-lay-xl-e-or .ldr-popup-rahmen { align-items: flex-start; }
    .ldr-lay-xl-slidein.ldr-lay-xl-e-ol, .ldr-lay-xl-slidein.ldr-lay-xl-e-or { --ldr-dy: calc(var(--ldr-weg) * -1); }
    .ldr-lay-xl-slidein .ldr-popup-dialog { pointer-events: auto; width: min(var(--ldr-breite, 380px), calc(100vw - 32px)); margin: 0; }
    .ldr-lay-xl-slidein .ldr-popup-dialog--medien .ldr-popup-inhalt { min-height: 200px; }
    
    .ldr-lay-xl-sheet { --ldr-weg: 100%; }
    .ldr-lay-xl-sheet .ldr-popup-rahmen { padding: 0; align-items: flex-end; overflow: hidden; }
    .ldr-lay-xl-sheet .ldr-popup-dialog { width: 100%; max-width: none; max-height: 92vh; max-height: 92dvh; margin: 0; border-radius: var(--ldr-radius, 16px) var(--ldr-radius, 16px) 0 0; overflow-y: auto; }
    .ldr-lay-xl-sheet .ldr-popup-inhalt { padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)); justify-content: flex-start; }
    .ldr-lay-xl-sheet .ldr-popup-dialog::before { content: ""; position: absolute; top: 8px; left: 50%; width: 40px; height: 4px; margin-left: -20px; border-radius: 4px; background: currentColor; opacity: .2; z-index: 2; }
    .ldr-tab-xl-an-ol { top: var(--ldr-o, var(--ldr-rand)); left: var(--ldr-l, var(--ldr-rand)); right: auto; bottom: auto; transform: none; }
    .ldr-tab-xl-an-om { top: var(--ldr-o, var(--ldr-rand)); left: var(--ldr-v, 50%); right: auto; bottom: auto; transform: translateX(-50%); }
    .ldr-tab-xl-an-or { top: var(--ldr-o, var(--ldr-rand)); right: var(--ldr-r, var(--ldr-rand)); left: auto; bottom: auto; transform: none; }
    .ldr-tab-xl-an-ml { top: var(--ldr-v, 50%); left: var(--ldr-l, var(--ldr-rand)); right: auto; bottom: auto; transform: translateY(-50%); }
    .ldr-tab-xl-an-mr { top: var(--ldr-v, 50%); right: var(--ldr-r, var(--ldr-rand)); left: auto; bottom: auto; transform: translateY(-50%); }
    .ldr-tab-xl-an-ul { bottom: var(--ldr-u, var(--ldr-rand)); left: var(--ldr-l, var(--ldr-rand)); top: auto; right: auto; transform: none; }
    .ldr-tab-xl-an-um { bottom: var(--ldr-u, var(--ldr-rand)); left: var(--ldr-v, 50%); top: auto; right: auto; transform: translateX(-50%); }
    .ldr-tab-xl-an-ur { bottom: var(--ldr-u, var(--ldr-rand)); right: var(--ldr-r, var(--ldr-rand)); top: auto; left: auto; transform: none; }
    
    .ldr-tab-xl-mo-angedockt { --ldr-rand: 0px; }
    .ldr-tab-xl-mo-schwebend { --ldr-rand: 16px; }
    .ldr-tab-xl-mo-aus { display: none !important; }
    
    .ldr-tab-xl-mo-angedockt.ldr-tab-xl-an-mr { --ldr-ecken: var(--ldr-rad) 0 0 var(--ldr-rad); }
    .ldr-tab-xl-mo-angedockt.ldr-tab-xl-an-ml { --ldr-ecken: 0 var(--ldr-rad) var(--ldr-rad) 0; }
    .ldr-tab-xl-mo-angedockt.ldr-tab-xl-an-om { --ldr-ecken: 0 0 var(--ldr-rad) var(--ldr-rad); }
    .ldr-tab-xl-mo-angedockt.ldr-tab-xl-an-um { --ldr-ecken: var(--ldr-rad) var(--ldr-rad) 0 0; }
    .ldr-tab-xl-mo-angedockt.ldr-tab-xl-an-or { --ldr-ecken: 0 0 0 var(--ldr-rad); }
    .ldr-tab-xl-mo-angedockt.ldr-tab-xl-an-ol { --ldr-ecken: 0 0 var(--ldr-rad) 0; }
    .ldr-tab-xl-mo-angedockt.ldr-tab-xl-an-ur { --ldr-ecken: var(--ldr-rad) 0 0 0; }
    .ldr-tab-xl-mo-angedockt.ldr-tab-xl-an-ul { --ldr-ecken: 0 var(--ldr-rad) 0 0; }
    
    .ldr-tab-xl-bf-tab .ldr-tab-ausloeser, .ldr-tab-xl-bf-sammel .ldr-tab-ausloeser { display: flex; }
    .ldr-tab-xl-bf-tab .ldr-tab-liste, .ldr-tab-xl-bf-sammel .ldr-tab-liste { position: absolute; flex-direction: column; align-items: stretch; --ldr-zx: 0px; --ldr-zy: 0px; --ldr-lx: 0px; --ldr-ly: 0px; transform: translate(calc(var(--ldr-lx) + var(--ldr-zx)), calc(var(--ldr-ly) + var(--ldr-zy))); }
    .ldr-tab.is-js:not(.is-offen):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-xl-bf-tab .ldr-tab-liste,
    .ldr-tab.is-js:not(.is-offen):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-xl-bf-sammel .ldr-tab-liste,
    .ldr-tab:not(.is-js):not(:hover):not(:focus-within):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-xl-bf-tab .ldr-tab-liste,
    .ldr-tab:not(.is-js):not(:hover):not(:focus-within):not(.ldr-tab--offen):not(.ldr-tab--nie).ldr-tab-xl-bf-sammel .ldr-tab-liste { opacity: 0; pointer-events: none; clip-path: inset(50%); }
    .ldr-tab.is-js:has(:focus-visible).ldr-tab-xl-bf-tab .ldr-tab-liste, .ldr-tab.is-js:has(:focus-visible).ldr-tab-xl-bf-sammel .ldr-tab-liste { opacity: 1; pointer-events: auto; clip-path: none; --ldr-zx: 0px; --ldr-zy: 0px; }
    
    .ldr-tab--offen.ldr-tab-xl-bf-tab .ldr-tab-ausloeser, .ldr-tab--nie.ldr-tab-xl-bf-tab .ldr-tab-ausloeser,
    .ldr-tab--offen.ldr-tab-xl-bf-sammel .ldr-tab-ausloeser, .ldr-tab--nie.ldr-tab-xl-bf-sammel .ldr-tab-ausloeser { display: none; }
    .ldr-tab--offen.ldr-tab-xl-bf-tab .ldr-tab-liste, .ldr-tab--nie.ldr-tab-xl-bf-tab .ldr-tab-liste,
    .ldr-tab--offen.ldr-tab-xl-bf-sammel .ldr-tab-liste, .ldr-tab--nie.ldr-tab-xl-bf-sammel .ldr-tab-liste { position: static; transform: none; opacity: 1; clip-path: none; pointer-events: auto; }
    .ldr-tab--offen.ldr-tab-xl-bf-tab.ldr-tab-xl-au-waagerecht .ldr-tab-liste, .ldr-tab--nie.ldr-tab-xl-bf-tab.ldr-tab-xl-au-waagerecht .ldr-tab-liste { flex-direction: row; }
    
    .ldr-tab-xl-ri-links .ldr-tab-liste { right: calc(100% + var(--ldr-gap)); left: auto; top: 50%; bottom: auto; --ldr-ly: -50%; --ldr-zx: 14px; }
    .ldr-tab-xl-ri-rechts .ldr-tab-liste { left: calc(100% + var(--ldr-gap)); right: auto; top: 50%; bottom: auto; --ldr-ly: -50%; --ldr-zx: -14px; }
    .ldr-tab-xl-ri-oben .ldr-tab-liste { bottom: calc(100% + var(--ldr-gap)); top: auto; right: 0; left: auto; --ldr-zy: 14px; }
    .ldr-tab-xl-ri-unten .ldr-tab-liste { top: calc(100% + var(--ldr-gap)); bottom: auto; right: 0; left: auto; --ldr-zy: -14px; }
    .ldr-tab-xl-ri-oben.ldr-tab-xl-an-ul .ldr-tab-liste, .ldr-tab-xl-ri-oben.ldr-tab-xl-an-ml .ldr-tab-liste, .ldr-tab-xl-ri-oben.ldr-tab-xl-an-ol .ldr-tab-liste,
    .ldr-tab-xl-ri-unten.ldr-tab-xl-an-ul .ldr-tab-liste, .ldr-tab-xl-ri-unten.ldr-tab-xl-an-ml .ldr-tab-liste, .ldr-tab-xl-ri-unten.ldr-tab-xl-an-ol .ldr-tab-liste { left: 0; right: auto; }
    .ldr-tab-xl-ri-oben.ldr-tab-xl-an-um .ldr-tab-liste, .ldr-tab-xl-ri-oben.ldr-tab-xl-an-om .ldr-tab-liste,
    .ldr-tab-xl-ri-unten.ldr-tab-xl-an-um .ldr-tab-liste, .ldr-tab-xl-ri-unten.ldr-tab-xl-an-om .ldr-tab-liste { left: 50%; right: auto; --ldr-lx: -50%; }
    .ldr-tab.is-offen.ldr-tab-xl-bf-tab .ldr-tab-liste, .ldr-tab.is-offen.ldr-tab-xl-bf-sammel .ldr-tab-liste { --ldr-zx: 0px; --ldr-zy: 0px; }
    
    .ldr-tab-xl-bf-tab .ldr-tab-ausloeser { border-radius: var(--ldr-ecken); }
    .ldr-tab-xl-bf-tab.ldr-tab-xl-au-senkrecht .ldr-tab-ausloeser { writing-mode: vertical-rl; transform: rotate(180deg); padding: 16px 12px; min-height: 96px; }
    .ldr-tab-xl-bf-tab.ldr-tab-xl-au-senkrecht .ldr-tab-ausloeser .ldr-tab-icon { transform: rotate(180deg); }
    .ldr-tab-xl-bf-tab .ldr-tab-link { border-radius: var(--ldr-rad); }
    
    .ldr-tab-xl-bf-sammel .ldr-tab-ausloeser { width: var(--ldr-g); height: var(--ldr-g); padding: 0; border-radius: 50%; }
    .ldr-tab-xl-bf-sammel .ldr-tab-kurztext { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .ldr-tab-xl-bf-sammel .ldr-tab-liste { align-items: flex-end; }
    .ldr-tab-xl-bf-tab .ldr-tab-liste .ldr-tab-link, .ldr-tab-xl-bf-sammel .ldr-tab-liste .ldr-tab-link { min-width: var(--ldr-tab-breite-offen, 44px); }
    .ldr-tab-xl-bf-sammel.ldr-tab-xl-an-ul .ldr-tab-liste, .ldr-tab-xl-bf-sammel.ldr-tab-xl-an-ml .ldr-tab-liste, .ldr-tab-xl-bf-sammel.ldr-tab-xl-an-ol .ldr-tab-liste { align-items: flex-start; }
    .ldr-tab-xl-bf-sammel.ldr-tab-xl-an-um .ldr-tab-liste, .ldr-tab-xl-bf-sammel.ldr-tab-xl-an-om .ldr-tab-liste { align-items: center; }
    .ldr-tab-xl-bf-sammel .ldr-tab-link { border-radius: 999px; width: auto; }
    .ldr-tab-xl-bf-sammel .ldr-tab-eintrag { transition: opacity .25s, transform .25s; }
    .ldr-tab.is-js:not(.is-offen).ldr-tab-xl-bf-sammel .ldr-tab-eintrag { opacity: 0; transform: translateY(8px) scale(.96); }
    .ldr-tab.is-js.is-offen.ldr-tab-xl-bf-sammel .ldr-tab-eintrag { transition-delay: calc(var(--ldr-i, 0) * var(--ldr-a-staffel, 45ms)); }
    
    .ldr-tab-xl-bf-leiste .ldr-tab-ausloeser, .ldr-tab-xl-bf-einzel .ldr-tab-ausloeser { display: none; }
    .ldr-tab-xl-bf-leiste .ldr-tab-liste, .ldr-tab-xl-bf-einzel .ldr-tab-liste { position: static; opacity: 1; clip-path: none; pointer-events: auto; transform: none; }
    .ldr-tab-xl-bf-leiste.ldr-tab-xl-au-waagerecht .ldr-tab-liste { flex-direction: row; }
    .ldr-tab-xl-bf-leiste.ldr-tab-xl-au-senkrecht .ldr-tab-liste { flex-direction: column; }
    .ldr-tab-xl-bf-leiste .ldr-tab-link { border-radius: var(--ldr-rad); }
    .ldr-tab-xl-bf-leiste.ldr-tab-xl-lb-voll.ldr-tab-xl-au-waagerecht.ldr-tab-xl-an-um, .ldr-tab-xl-bf-leiste.ldr-tab-xl-lb-voll.ldr-tab-xl-au-waagerecht.ldr-tab-xl-an-om { left: var(--ldr-l, var(--ldr-rand)); right: var(--ldr-r, var(--ldr-rand)); transform: none; }
    .ldr-tab-xl-bf-leiste.ldr-tab-xl-lb-voll.ldr-tab-xl-au-waagerecht .ldr-tab-liste { width: 100%; gap: 1px; box-shadow: var(--ldr-tab-schatten, 0 -4px 22px rgba(0, 0, 0, .14)); border-radius: var(--ldr-ecken); overflow: hidden; }
    .ldr-tab-xl-bf-leiste.ldr-tab-xl-lb-voll.ldr-tab-xl-au-waagerecht .ldr-tab-eintrag { flex: 1 1 0; min-width: 0; }
    .ldr-tab-xl-bf-leiste.ldr-tab-xl-lb-voll.ldr-tab-xl-au-waagerecht .ldr-tab-link { flex-direction: column; justify-content: center; gap: 3px; padding: 9px 4px; border-radius: 0; box-shadow: none; text-align: center; font-size: .8em; white-space: normal; }
    .ldr-tab-xl-bf-leiste.ldr-tab-xl-lb-voll.ldr-tab-xl-au-waagerecht .ldr-tab-texte { align-items: center; }
    .ldr-tab-xl-bf-leiste.ldr-tab-xl-lb-voll.ldr-tab-xl-au-waagerecht .ldr-tab-zusatz { display: none; }
    .ldr-tab-xl-bf-leiste.ldr-tab-xl-lb-voll.ldr-tab-xl-au-waagerecht.ldr-tab-xl-mo-angedockt.ldr-tab-xl-an-um .ldr-tab-link { padding-bottom: calc(9px + env(safe-area-inset-bottom, 0px)); }
    .ldr-tab-xl-bf-leiste.ldr-tab-xl-lb-pille .ldr-tab-liste { gap: 1px; border-radius: 999px; overflow: hidden; box-shadow: var(--ldr-tab-schatten, 0 6px 24px rgba(0, 0, 0, .18)); }
    .ldr-tab-xl-bf-leiste.ldr-tab-xl-lb-pille .ldr-tab-link { border-radius: 0; box-shadow: none; }
    .ldr-tab-xl-bf-leiste.ldr-tab-xl-lb-pille.ldr-tab-xl-au-senkrecht .ldr-tab-liste { border-radius: 24px; }
    
    .ldr-tab-xl-bf-einzel .ldr-tab-eintrag:not(.ldr-erster-xl) { display: none; }
    .ldr-tab-xl-bf-einzel .ldr-tab-link { width: var(--ldr-g); height: var(--ldr-g); padding: 0; justify-content: center; border-radius: 50%; }
    .ldr-tab-xl-bf-einzel .ldr-tab-texte { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .ldr-tab-xl-bf-einzel.ldr-tab-xl-au-waagerecht .ldr-tab-link { width: auto; padding: 0 22px 0 18px; border-radius: 999px; }
    .ldr-tab-xl-bf-einzel.ldr-tab-xl-au-waagerecht .ldr-tab-texte { position: static; width: auto; height: auto; overflow: visible; clip-path: none; }
}

.ldr-tab-eintrag:nth-child(2) { --ldr-i: 1; }
.ldr-tab-eintrag:nth-child(3) { --ldr-i: 2; }
.ldr-tab-eintrag:nth-child(4) { --ldr-i: 3; }
.ldr-tab-eintrag:nth-child(5) { --ldr-i: 4; }
.ldr-tab-eintrag:nth-child(6) { --ldr-i: 5; }
.ldr-tab-eintrag:nth-child(7) { --ldr-i: 6; }
.ldr-tab-eintrag:nth-child(8) { --ldr-i: 7; }
.ldr-tab-eintrag:nth-child(9) { --ldr-i: 8; }
.ldr-tab-eintrag:nth-child(10) { --ldr-i: 9; }
.ldr-tab-eintrag:nth-child(11) { --ldr-i: 10; }
.ldr-tab-eintrag:nth-child(12) { --ldr-i: 11; }