/* DAH-HM | Legacy-Schirmherrschaft | Automatische Beitragsdarstellung | CSS | Version 1.4 | Stand 20.08.2026 */
/* =========================================================
   Projekt/Seite: Automatische Darstellung alter Schirmherrschaftsbeiträge
   Abschnitt: Einzelbeitrag / separater Legacy-Adapter
   Codeart: CSS
   Version: 1.4
   Stand: 20.08.2026
   Zielumgebung: PRD-Child-Theme
   Zieldatei im Child-Theme: dah-hm-legacy-schirmherrschaft.css
   Obergruppe: .dah-legacy-schirmherrschaft
   Zielgruppe: alte Einzelbeiträge mit Kategorie-Slug schirmherrschaft-archiv
   HTML-Objekt: nicht vorhanden; Child-Theme-Datei
   Relevante Klassen: .dah-legacy-schirmherrschaft-hero,
                      .dah-legacy-schirmherrschaft-hero__media,
                      .dah-legacy-schirmherrschaft-hero__media--small-image,
                      .dah-legacy-schirmherrschaft-content-frame,
                      .dah-legacy-schirmherrschaft-beitrag
   Kategorie-Slug: schirmherrschaft-archiv

   Aufgabe:
   - Alte Schirmherrschafts-Einzelbeiträge ohne manuelle Gutenberg-Umstellung
     im approved redaktionellen DAH-HM-Design darstellen.
   - Vollständig getrennte Klassen- und Dateistruktur gegenüber Legacy-News.
   - Den gesamten gerenderten Beitragsinhalt unabhängig davon gestalten, ob
     intern ein einzelner Classic-Editor-Block oder mehrere gemischte
     Gutenberg-/Classic-Blöcke vorhanden sind.
   - Das vollständige native Beitragsbild proportional im Hero darstellen.
   - Den sichtbaren Hero-Medienrahmen bei normalen und großen Bildern
     dynamisch an das tatsächliche Seitenverhältnis anpassen.
   - Sehr kleine Legacy-Beitragsbilder nicht unnötig hochskalieren; auch ihr
     Medienrahmen folgt den natürlichen Bildabmessungen und dem tatsächlichen
     Seitenverhältnis.
   - Beitragstitel und roten Divider im Hero zentrieren; bei einem ersten
     Doppelpunkt die bestätigte Titelgliederung des Legacy-News-Adapters
     gestalterisch unterstützen.
   - Ausschließlich die vom separaten PHP-/JavaScript-Adapter erzeugte
     Schirmherrschafts-Klassenstruktur gestalten.

   Grundlage / Vergleich:
   - Approved Legacy-News DEV CSS 1.13 als technische Referenzlösung.
   - beitrag_redaktionell_hero_css_1.3.txt.
   - beitrag_redaktionell_inhaltsrahmen_css_1.0.txt.
   - beitrag_redaktionell_design_css_1.29.txt.
   - Redaktionelle Beitragsvorlage ist laut Master ausdrücklich auch für
     Schirmherr:innen vorgesehen.

   Diff zu CSS 1.3:
   - Zielumgebung im Dateikopf von DEV auf PRD umgestellt.
   - Die ausdrücklich freigegebene DEV-CSS-Logik 1.3 wurde 1:1 unverändert
     übernommen.
   - Keine funktionalen oder gestalterischen Änderungen.
   ========================================================= */

.dah-legacy-schirmherrschaft {
    --dah-legacy-schirmherrschaft-red: #e90000;
    --dah-legacy-schirmherrschaft-red-dark: #b90000;
    --dah-legacy-schirmherrschaft-blue: #4488cc;
    --dah-legacy-schirmherrschaft-blue-dark: #2f5f89;
    --dah-legacy-schirmherrschaft-darkgray: #444444;
    --dah-legacy-schirmherrschaft-text: #252525;
    --dah-legacy-schirmherrschaft-text-soft: #50565d;
    --dah-legacy-schirmherrschaft-border: #e1e6eb;

    container-type: inline-size;
    container-name: dah-legacy-schirmherrschaft-page;
}

.dah-legacy-schirmherrschaft,
.dah-legacy-schirmherrschaft *,
.dah-legacy-schirmherrschaft *::before,
.dah-legacy-schirmherrschaft *::after {
    box-sizing: border-box;
}

/* =========================================================
   ÜBERGANG VOM ALTEN GESAMTRAHMEN ZUR GETRENNTEN STRUKTUR
   Hero und Beitrag sind jetzt eigenständige Gutenberg-Bereiche.
   ========================================================= */

body.single-post article.type-post:has(.dah-legacy-schirmherrschaft) {
    width: min(100%, 1040px) !important;
    max-width: 1040px !important;
    margin: 0 auto 38px !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.single-post article.type-post:has(.dah-legacy-schirmherrschaft)
.post-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    row-gap: 0 !important;
}

body.single-post article.type-post:has(.dah-legacy-schirmherrschaft)
.entry-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* =========================================================
   HERO-GRUPPE
   ========================================================= */

.dah-legacy-schirmherrschaft-hero {
    position: relative;
    --dah-legacy-schirmherrschaft-media-max: 300px;
    width: 100%;
    max-width: none !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 92% 12%,
            rgba(233, 0, 0, 0.075) 0,
            rgba(233, 0, 0, 0) 30%
        ),
        linear-gradient(135deg, #ffffff 0%, #fafafa 100%);
    border: 1px solid var(--dah-legacy-schirmherrschaft-border);
    border-left: 6px solid var(--dah-legacy-schirmherrschaft-red);
    border-radius: 22px;
    box-shadow:
        0 14px 38px rgba(0, 0, 0, 0.075),
        0 3px 10px rgba(0, 0, 0, 0.035);
    container-type: inline-size;
    container-name: dah-legacy-schirmherrschaft-hero;
}

.dah-legacy-schirmherrschaft-hero::after {
    content: "";
    position: absolute;
    right: -85px;
    bottom: -105px;
    width: 230px;
    height: 230px;
    border: 34px solid rgba(68, 136, 204, 0.045);
    border-radius: 50%;
    pointer-events: none;
}

.dah-legacy-schirmherrschaft-hero
> .wp-block-group__inner-container {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, var(--dah-legacy-schirmherrschaft-media-max)) minmax(0, 1fr);
    align-items: center;
    gap: clamp(24px, 4cqi, 42px);
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding:
        clamp(24px, 4cqi, 38px)
        clamp(24px, 5cqi, 48px) !important;
}

/* Das leere HTML-Objekt bleibt ausschließlich technischer Code-Träger. */
.dah-legacy-schirmherrschaft-hero
> .wp-block-group__inner-container
> .wp-block-html:empty,
.dah-legacy-schirmherrschaft-hero
> .wp-block-group__inner-container
> .wp-block-html:not(:has(*)) {
    display: none !important;
}

/* =========================================================
   DYNAMISCHES WORDPRESS-BEITRAGSBILD IM HERO
   ========================================================= */

.dah-legacy-schirmherrschaft-hero__media {
    position: relative;
    z-index: 2;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: min(100%, var(--dah-legacy-schirmherrschaft-media-max)) !important;
    max-width: var(--dah-legacy-schirmherrschaft-media-max) !important;
    aspect-ratio: var(--dah-legacy-schirmherrschaft-media-aspect-ratio, 1 / 1);
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden;
    background: #ffffff !important;
    border: 1px solid rgba(68, 136, 204, 0.18) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 26px rgba(32, 33, 36, 0.08) !important;
}

.dah-legacy-schirmherrschaft-hero__media.wp-post-image {
    padding: 0 !important;
}

body.single-post article.type-post:has(.dah-legacy-schirmherrschaft)
.dah-legacy-schirmherrschaft-hero__media:not(.wp-post-image)
.wp-post-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: scale-down !important;
    object-position: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.single-post article.type-post:has(.dah-legacy-schirmherrschaft)
img.dah-legacy-schirmherrschaft-hero__media.wp-post-image {
    display: block !important;
    width: min(100%, var(--dah-legacy-schirmherrschaft-media-max)) !important;
    max-width: var(--dah-legacy-schirmherrschaft-media-max) !important;
    aspect-ratio: var(--dah-legacy-schirmherrschaft-media-aspect-ratio, 1 / 1);
    height: auto !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: scale-down !important;
    object-position: center !important;
    background: #ffffff !important;
    border: 1px solid rgba(68, 136, 204, 0.18) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 26px rgba(32, 33, 36, 0.08) !important;
}

/* =========================================================
   KLEINE LEGACY-BEITRAGSBILDER
   JavaScript 1.4 setzt die Zustandsklasse bei einer längsten
   natürlichen Bildkante bis einschließlich 200 px und liefert
   zusätzlich natürliche Bildbreite und Seitenverhältnis.
   Der Rahmen folgt damit auch bei kleinen Bildern dem Bildformat.
   ========================================================= */

.dah-legacy-schirmherrschaft-hero__media.dah-legacy-schirmherrschaft-hero__media--small-image:not(.wp-post-image) {
    width: min(100%, var(--dah-legacy-schirmherrschaft-media-natural-width, 160px)) !important;
    max-width: min(
        var(--dah-legacy-schirmherrschaft-media-natural-width, 160px),
        var(--dah-legacy-schirmherrschaft-media-max)
    ) !important;
    aspect-ratio: var(--dah-legacy-schirmherrschaft-media-aspect-ratio, 1 / 1);
}

body.single-post article.type-post:has(.dah-legacy-schirmherrschaft)
.dah-legacy-schirmherrschaft-hero__media.dah-legacy-schirmherrschaft-hero__media--small-image:not(.wp-post-image)
.wp-post-image {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    object-fit: scale-down !important;
    object-position: center !important;
}

body.single-post article.type-post:has(.dah-legacy-schirmherrschaft)
img.dah-legacy-schirmherrschaft-hero__media.dah-legacy-schirmherrschaft-hero__media--small-image.wp-post-image {
    width: min(100%, var(--dah-legacy-schirmherrschaft-media-natural-width, 160px)) !important;
    max-width: min(
        var(--dah-legacy-schirmherrschaft-media-natural-width, 160px),
        var(--dah-legacy-schirmherrschaft-media-max)
    ) !important;
    aspect-ratio: var(--dah-legacy-schirmherrschaft-media-aspect-ratio, 1 / 1);
    height: auto !important;
    max-height: none !important;
    object-fit: scale-down !important;
    object-position: center !important;
}

/* =========================================================
   DYNAMISCHER WORDPRESS-BEITRAGSKOPF IM HERO
   ========================================================= */

.dah-legacy-schirmherrschaft-hero__content {
    position: relative !important;
    z-index: 2;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    text-align: left !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.dah-legacy-schirmherrschaft-hero__content
.entry-title,
.dah-legacy-schirmherrschaft-hero__content
h1.entry-title {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--dah-legacy-schirmherrschaft-blue-dark) !important;
    font-family: inherit;
    font-size: clamp(1.8rem, 4.4cqi, 2.65rem) !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.03em;
    text-align: center !important;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
    text-wrap: wrap;
}

.dah-legacy-schirmherrschaft-hero__content
.entry-title
.dah-legacy-schirmherrschaft-hero__title-prefix,
.dah-legacy-schirmherrschaft-hero__content
.entry-title
.dah-legacy-schirmherrschaft-hero__title-nowrap {
    white-space: nowrap;
}

.dah-legacy-schirmherrschaft-hero__content
.entry-title::after,
.dah-legacy-schirmherrschaft-hero__content
h1.entry-title::after {
    content: "";
    display: block;
    width: 58px;
    height: 4px;
    margin: 18px 0 14px;
    background: linear-gradient(
        90deg,
        var(--dah-legacy-schirmherrschaft-red) 0%,
        var(--dah-legacy-schirmherrschaft-red-dark) 100%
    );
    border-radius: 999px;
}

.dah-legacy-schirmherrschaft-hero__content
.entry-meta {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--dah-legacy-schirmherrschaft-text-soft) !important;
    font-size: 0.84rem !important;
    font-weight: 650;
    line-height: 1.45;
}

.dah-legacy-schirmherrschaft-hero__content
.entry-meta a {
    color: var(--dah-legacy-schirmherrschaft-blue-dark) !important;
    text-decoration: none !important;
}

.dah-legacy-schirmherrschaft-hero__content
.entry-meta a:hover,
.dah-legacy-schirmherrschaft-hero__content
.entry-meta a:focus-visible {
    color: var(--dah-legacy-schirmherrschaft-red-dark) !important;
}

/* Autorenangaben bleiben wie im bisherigen produktiven Beitragsdesign verborgen. */
body.single-post article.type-post:has(.dah-legacy-schirmherrschaft)
.byline,
body.single-post article.type-post:has(.dah-legacy-schirmherrschaft)
.author,
body.single-post article.type-post:has(.dah-legacy-schirmherrschaft)
.meta-author,
body.single-post article.type-post:has(.dah-legacy-schirmherrschaft)
.entry-meta-author,
body.single-post article.type-post:has(.dah-legacy-schirmherrschaft)
.author-meta,
body.single-post article.type-post:has(.dah-legacy-schirmherrschaft)
.posted-by {
    display: none !important;
}

/* =========================================================
   LEGACY-HERO OHNE BEITRAGSBILD
   Tatsächliches DEV-DOM:
   .dah-legacy-schirmherrschaft-hero
   > .wp-block-group__inner-container
     > .dah-legacy-schirmherrschaft-hero__media (optional)
     > .dah-legacy-schirmherrschaft-hero__content
   ========================================================= */

/* Ohne Beitragsbild: einspaltig und vollständig zentriert. */
.dah-legacy-schirmherrschaft-hero
> .wp-block-group__inner-container:not(:has(.dah-legacy-schirmherrschaft-hero__media)) {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 0;
}

.dah-legacy-schirmherrschaft-hero
> .wp-block-group__inner-container:not(:has(.dah-legacy-schirmherrschaft-hero__media))
> .dah-legacy-schirmherrschaft-hero__content {
    align-items: center;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.dah-legacy-schirmherrschaft-hero
> .wp-block-group__inner-container:not(:has(.dah-legacy-schirmherrschaft-hero__media))
> .dah-legacy-schirmherrschaft-hero__content
.entry-title,
.dah-legacy-schirmherrschaft-hero
> .wp-block-group__inner-container:not(:has(.dah-legacy-schirmherrschaft-hero__media))
> .dah-legacy-schirmherrschaft-hero__content
h1.entry-title {
    text-align: center !important;
}

.dah-legacy-schirmherrschaft-hero
> .wp-block-group__inner-container:not(:has(.dah-legacy-schirmherrschaft-hero__media))
> .dah-legacy-schirmherrschaft-hero__content
.entry-title::after,
.dah-legacy-schirmherrschaft-hero
> .wp-block-group__inner-container:not(:has(.dah-legacy-schirmherrschaft-hero__media))
> .dah-legacy-schirmherrschaft-hero__content
h1.entry-title::after {
    margin-right: auto;
    margin-left: auto;
}

.dah-legacy-schirmherrschaft-hero
> .wp-block-group__inner-container:not(:has(.dah-legacy-schirmherrschaft-hero__media))
> .dah-legacy-schirmherrschaft-hero__content
.entry-meta {
    justify-content: center;
    text-align: center;
}

/* Mit Beitragsbild: approved Zweispaltenzustand ausdrücklich absichern. */
.dah-legacy-schirmherrschaft-hero
> .wp-block-group__inner-container:has(.dah-legacy-schirmherrschaft-hero__media) {
    grid-template-columns: minmax(0, var(--dah-legacy-schirmherrschaft-media-max)) minmax(0, 1fr);
    justify-items: stretch;
    gap: clamp(24px, 4cqi, 42px);
}

/* Small Image: linke Grid-Spalte an den kompakten Medienrahmen koppeln. */
.dah-legacy-schirmherrschaft-hero
> .wp-block-group__inner-container:has(.dah-legacy-schirmherrschaft-hero__media--small-image) {
    grid-template-columns: minmax(0, 160px) minmax(0, 1fr);
}

.dah-legacy-schirmherrschaft-hero
> .wp-block-group__inner-container:has(.dah-legacy-schirmherrschaft-hero__media)
> .dah-legacy-schirmherrschaft-hero__content {
    align-items: stretch;
    text-align: left !important;
}

.dah-legacy-schirmherrschaft-hero
> .wp-block-group__inner-container:has(.dah-legacy-schirmherrschaft-hero__media)
> .dah-legacy-schirmherrschaft-hero__content
.entry-title,
.dah-legacy-schirmherrschaft-hero
> .wp-block-group__inner-container:has(.dah-legacy-schirmherrschaft-hero__media)
> .dah-legacy-schirmherrschaft-hero__content
h1.entry-title {
    text-align: center !important;
}

.dah-legacy-schirmherrschaft-hero
> .wp-block-group__inner-container:has(.dah-legacy-schirmherrschaft-hero__media)
> .dah-legacy-schirmherrschaft-hero__content
.entry-title::after,
.dah-legacy-schirmherrschaft-hero
> .wp-block-group__inner-container:has(.dah-legacy-schirmherrschaft-hero__media)
> .dah-legacy-schirmherrschaft-hero__content
h1.entry-title::after {
    margin-right: auto;
    margin-left: auto;
}

.dah-legacy-schirmherrschaft-hero
> .wp-block-group__inner-container:has(.dah-legacy-schirmherrschaft-hero__media)
> .dah-legacy-schirmherrschaft-hero__content
.entry-meta {
    justify-content: flex-start;
    text-align: left;
}

/* =========================================================
   RESPONSIVE HERO
   ========================================================= */

@container dah-legacy-schirmherrschaft-hero (max-width: 700px) {
    .dah-legacy-schirmherrschaft-hero {
        --dah-legacy-schirmherrschaft-media-max: 270px;
    }

    .dah-legacy-schirmherrschaft-hero
    > .wp-block-group__inner-container,
    .dah-legacy-schirmherrschaft-hero
    > .wp-block-group__inner-container:has(.dah-legacy-schirmherrschaft-hero__media),
    .dah-legacy-schirmherrschaft-hero
    > .wp-block-group__inner-container:has(.dah-legacy-schirmherrschaft-hero__media--small-image) {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 26px 24px 28px !important;
    }

    .dah-legacy-schirmherrschaft-hero__media
    .wp-post-image,
    .dah-legacy-schirmherrschaft-hero
    img.dah-legacy-schirmherrschaft-hero__media.wp-post-image {
        max-width: 100% !important;
        max-height: 100% !important;
    }

    .dah-legacy-schirmherrschaft-hero__content {
        align-items: center;
        text-align: center !important;
    }

    .dah-legacy-schirmherrschaft-hero__content
    .entry-title,
    .dah-legacy-schirmherrschaft-hero__content
    h1.entry-title {
        font-size: clamp(1.55rem, 7cqi, 2rem) !important;
        text-align: center !important;
    }

    .dah-legacy-schirmherrschaft-hero__content
    .entry-title::after,
    .dah-legacy-schirmherrschaft-hero__content
    h1.entry-title::after {
        margin-right: auto;
        margin-left: auto;
    }

    .dah-legacy-schirmherrschaft-hero__content
    .entry-meta {
        justify-content: center;
        text-align: center;
    }
}

@container dah-legacy-schirmherrschaft-hero (max-width: 420px) {
    .dah-legacy-schirmherrschaft-hero {
        --dah-legacy-schirmherrschaft-media-max: 235px;
        border-left-width: 5px;
        border-radius: 16px;
    }

    .dah-legacy-schirmherrschaft-hero
    > .wp-block-group__inner-container {
        gap: 19px;
        padding: 20px 16px 22px !important;
    }

    .dah-legacy-schirmherrschaft-hero__media {
        padding: 0 !important;
        border-radius: 15px !important;
    }

    .dah-legacy-schirmherrschaft-hero__media
    .wp-post-image,
    .dah-legacy-schirmherrschaft-hero
    img.dah-legacy-schirmherrschaft-hero__media.wp-post-image {
        max-width: 100% !important;
        max-height: 100% !important;
    }

    .dah-legacy-schirmherrschaft-hero__content
    .entry-title,
    .dah-legacy-schirmherrschaft-hero__content
    h1.entry-title {
        font-size: 1.45rem !important;
        line-height: 1.14 !important;
    }

    .dah-legacy-schirmherrschaft-hero__content
    .entry-title::after,
    .dah-legacy-schirmherrschaft-hero__content
    h1.entry-title::after {
        width: 50px;
        height: 3px;
        margin-top: 15px;
        margin-bottom: 12px;
    }

    .dah-legacy-schirmherrschaft-hero__content
    .entry-meta {
        font-size: 0.76rem !important;
    }
}


/* DAH-HM | Redaktionelle Beitragsvorlage | Inhaltsrahmen | CSS | Version 1.0 | Stand 16.08.2026 */
/* =========================================================
   Projekt/Seite: Redaktionelle Beitragsvorlage
   Abschnitt/Gutenberg-Gruppe: Gruppe -INHALTSRAHMEN-
   Codeart: CSS
   Version: 1.0
   Stand: 16.08.2026
   Obergruppe: .dah-legacy-schirmherrschaft
   Zielgruppe: .dah-legacy-schirmherrschaft-content-frame
   HTML-Objekt: HTML -INHALTSRAHMEN-

   Aufgabe:
   - Eigenständigen äußeren Inhaltsrahmen für den redaktionellen
     Beitragsbereich unterhalb des neuen Hero bereitstellen.
   - Gruppe -BEITRAG- auf die vollständige verfügbare Breite setzen.
   - Aktuelle DAH-HM-Inhaltsrahmen-Designfamilie mit blauem linken
     Hauptakzent, hellem Verlauf, Radius und Schatten verwenden.
   - Den bereits durch Hero CSS 1.3 bereitgestellten Abstand zwischen
     Hero und Inhaltsrahmen nicht verdoppeln.
   - Responsive Innenabstände für Desktop, Tablet, Smartphone und
     kleine Smartphones abbilden.

   Grundlage / Vergleich:
   - beitrag_redaktionell_design_css_1.23.txt als bisheriger produktiver
     Gesamtstand des redaktionellen Beitrags.
   - beitrag_redaktionell_hero_css_1.3.txt als freigegebener neuer Hero.
   - blogs_inhaltsrahmen_css_1.0.txt und
     turniermodus_inhaltsrahmen_css_1.1.txt als freigegebene Referenzen
     für den aktuellen DAH-HM-Inhaltsrahmen.

   Versionshinweis:
   - Neue Codeart für die neu eingeführte Gruppe -INHALTSRAHMEN-;
     kein Vorgänger.
   - HTML -INHALTSRAHMEN- bleibt leer und dient ausschließlich als
     technischer CSS-Träger.
   - Gruppe -BEITRAG- und deren Beitragsdesign werden durch diese
     Version noch nicht inhaltlich oder typografisch verändert.
   ========================================================= */

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-content-frame {
    --dah-legacy-schirmherrschaft-frame-blue: #40709b;
    --dah-legacy-schirmherrschaft-frame-border: #e1e6eb;

    position: relative;
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding: 22px 34px 34px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 92% 8%,
            rgba(64, 112, 155, 0.07) 0,
            rgba(64, 112, 155, 0) 32%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #ffffff 70%,
            #f6f9fc 100%
        );

    border: 1px solid var(--dah-legacy-schirmherrschaft-frame-border);
    border-left: 6px solid var(--dah-legacy-schirmherrschaft-frame-blue);
    border-radius: 22px;
    box-shadow: 0 12px 30px rgba(32, 33, 36, 0.065);
    box-sizing: border-box;

    container-type: inline-size;
    container-name:
        dah-legacy-schirmherrschaft-content-frame-container
        dah-legacy-schirmherrschaft-content-container;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-content-frame,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-content-frame *,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-content-frame *::before,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-content-frame *::after {
    box-sizing: border-box;
}

/* Gutenberg-Innencontainer auf die vollständige Kachelbreite setzen. */
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-content-frame
> .wp-block-group__inner-container {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Direkte Gutenberg-Blöcke, insbesondere Gruppe -BEITRAG-,
   nicht durch Theme- oder Gutenberg-Breitenbegrenzungen einschränken. */
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-content-frame
> .wp-block-group__inner-container
> * {
    width: 100%;
    max-width: none !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

/* Das leere HTML-Objekt dient ausschließlich als CSS-Träger. */
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-content-frame
.wp-block-html:empty,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-content-frame
.wp-block-html:not(:has(*)) {
    display: none !important;
}

/* =========================================================
   MITTLERE DESKTOPBREITEN
   ========================================================= */

@media screen and (max-width: 1100px) {
    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-content-frame {
        padding: 20px 30px 30px;
        border-radius: 21px;
    }
}

/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 760px) {
    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-content-frame {
        padding: 18px 22px 26px;
        border-radius: 20px;
    }
}

/* =========================================================
   SMARTPHONE
   ========================================================= */

@media screen and (max-width: 520px) {
    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-content-frame {
        padding: 16px 16px 22px;
        border-left-width: 5px;
        border-radius: 18px;
        box-shadow: 0 9px 22px rgba(32, 33, 36, 0.055);
    }
}

/* =========================================================
   KLEINE SMARTPHONES
   ========================================================= */

@media screen and (max-width: 380px) {
    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-content-frame {
        padding: 14px 12px 18px;
        border-radius: 16px;
        box-shadow: 0 7px 18px rgba(32, 33, 36, 0.05);
    }
}


/* DAH-HM | Redaktionelle Beitragsvorlage | Beitragsdesign | CSS | Version 1.29 | Stand 16.08.2026 */
/* =========================================================
   Projekt/Seite: Redaktionelle Beitragsvorlage
   Abschnitt/Gutenberg-Gruppe: Gruppe -BEITRAG-
   Codeart: CSS
   Version: 1.29
   Stand: 16.08.2026
   Obergruppe: .dah-legacy-schirmherrschaft
   Zielgruppe: .dah-legacy-schirmherrschaft-beitrag
   HTML-Objekt: HTML -BEITRAGSDESIGN-

   Aufgabe:
   - Bisheriges Gesamt-Beitragsdesign auf den eigentlichen redaktionellen
     Beitragsinhalt begrenzen.
   - Hero und Inhaltsrahmen vollständig aus diesem CSS herauslösen.
   - Gruppe -BEITRAG- als eigenständige innere Inhaltskachel mit
     DAH-HM-grauem Akzent gestalten.
   - Bestehende Typografie und Blockgestaltung für Absätze, Überschriften,
     Listen, Zitate, Links, Buttons, Bilder, Tabellen und Shortcodes
     aus dem freigegebenen CSS 1.23 erhalten und auf die neue
     Beitragsgruppe scopen.
   - Theme-Beitragsfuß weiterhin dezent und ohne zusätzliche Trennlinie
     darstellen.

   Grundlage / Vergleich:
   - beitrag_redaktionell_design_css_1.23.txt als letzter freigegebener
     produktiver Gesamtstand.
   - beitrag_redaktionell_hero_css_1.3.txt als freigegebener Hero.
   - beitrag_redaktionell_inhaltsrahmen_css_1.0.txt als bestätigter
     neuer Inhaltsrahmen.

   Versionshinweis:
   - CSS 1.24 bis 1.27 wurden bereits ausgegeben und verworfen; diese
     Versionsnummern bleiben verbraucht.
   - Die verworfene CSS 1.27 ist nicht Bestandteil des verbindlichen
     Produktionsbestands und wird nicht rekonstruiert.
   - Funktionaler Alt-Neu-Vergleich erfolgt deshalb gegen CSS 1.23.

   Diff zur unmittelbar vorherigen Ausgabe CSS 1.28:
   - Ausschließlich die graue linke Akzentkante der Beitragskachel auf
     den aktuellen DAH-HM-Standard korrigiert.
   - Desktop/Tablet: 5 px -> 3 px.
   - Smartphone bis 440 px: 4 px -> 2 px.
   - Alle übrigen Regeln gegenüber CSS 1.28 unverändert.
   ========================================================= */

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag {
    --dah-legacy-schirmherrschaft-content-red: #e90000;
    --dah-legacy-schirmherrschaft-content-red-dark: #b90000;
    --dah-legacy-schirmherrschaft-content-blue-dark: #2f5f89;
    --dah-legacy-schirmherrschaft-content-gold: #e6ad00;
    --dah-legacy-schirmherrschaft-content-darkgray: #444444;
    --dah-legacy-schirmherrschaft-content-text: #252525;
    --dah-legacy-schirmherrschaft-content-text-soft: #50565d;
    --dah-legacy-schirmherrschaft-content-border: #e1e6eb;
    --dah-legacy-schirmherrschaft-content-surface: #f5f9fc;

    position: relative;
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding: clamp(18px, 2.2cqi, 20px) clamp(22px, 3.6cqi, 34px) clamp(28px, 3.8cqi, 36px) !important;
    color: var(--dah-legacy-schirmherrschaft-content-text);
    background: #ffffff;
    border: 1px solid var(--dah-legacy-schirmherrschaft-content-border);
    border-left: 3px solid var(--dah-legacy-schirmherrschaft-content-darkgray);
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(32, 33, 36, 0.06);
    box-sizing: border-box;

    container-type: inline-size;
    container-name: dah-legacy-schirmherrschaft-beitrag;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag *,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag *::before,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag *::after {
    box-sizing: border-box;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
> .wp-block-group__inner-container {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Das HTML-Objekt bleibt ausschließlich technischer CSS-Träger. */
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
.wp-block-html:empty,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
.wp-block-html:not(:has(*)) {
    display: none !important;
}

/* Direkte Inhaltsblöcke nutzen die vollständige verfügbare Breite. */
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
> .wp-block-group__inner-container
> *:not(.wp-block-html),
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
> *:not(.wp-block-html) {
    width: 100%;
    max-width: none;
    margin-right: 0;
    margin-left: 0;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
:is(
    figure,
    .wp-block-image,
    .wp-block-gallery,
    .wp-block-columns,
    .wp-block-table,
    .wp-block-shortcode,
    .wp-block-embed,
    .wp-block-cover,
    .wp-block-media-text,
    .wp-block-buttons,
    .wp-block-separator
) {
    width: 100%;
    max-width: none;
}

/* Alle texttragenden Inhaltsobjekte bleiben linksbündig. */
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
:is(
    p,
    h2,
    h3,
    h4,
    h5,
    h6,
    ul,
    ol,
    li,
    blockquote,
    cite,
    figcaption,
    .wp-block-tadv-classic-paragraph,
    .mce-content-body,
    .wp-block-shortcode,
    .wp-block-table,
    .wp-block-buttons
) {
    text-align: left !important;
}

/* =========================================================
   ABSÄTZE UND CLASSIC-PARAGRAPH
   ========================================================= */

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag p,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
.wp-block-tadv-classic-paragraph
> div,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
.mce-content-body
> div {
    color: var(--dah-legacy-schirmherrschaft-content-text);
    font-family: inherit;
    font-size: clamp(0.96rem, 1.35cqi, 1.04rem);
    font-weight: 400;
    line-height: 1.72;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag p {
    margin-top: 0;
    margin-bottom: 1.18em;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
.wp-block-tadv-classic-paragraph
> div,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
.mce-content-body
> div {
    margin-top: 0;
    margin-bottom: 0.92em;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
.wp-block-tadv-classic-paragraph
> div:last-child,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
.mce-content-body
> div:last-child,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag p:last-child {
    margin-bottom: 0;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag strong {
    color: var(--dah-legacy-schirmherrschaft-content-text);
    font-weight: 800;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag em {
    color: var(--dah-legacy-schirmherrschaft-content-text-soft);
}

/* =========================================================
   ÜBERSCHRIFTEN
   ========================================================= */

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
:is(h2, h3, h4, h5, h6) {
    margin-top: 1.65em !important;
    margin-bottom: 0.62em !important;
    padding: 0 !important;
    color: var(--dah-legacy-schirmherrschaft-content-blue-dark) !important;
    font-family: inherit;
    font-weight: 820;
    line-height: 1.22;
    letter-spacing: -0.015em;
    text-align: left;
    text-wrap: balance;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag h2 {
    font-size: clamp(1.35rem, 2.7cqi, 1.82rem) !important;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag h3 {
    font-size: clamp(1.18rem, 2.25cqi, 1.5rem) !important;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
:is(h4, h5, h6) {
    font-size: clamp(1.02rem, 1.8cqi, 1.2rem) !important;
}

/* Erste Überschrift beziehungsweise erster Inhaltsblock beginnt ohne zusätzlichen Oberabstand. */
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
> .wp-block-group__inner-container
> :first-child:not(.wp-block-html),
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
> :first-child:not(.wp-block-html) {
    margin-top: 0 !important;
}

/* =========================================================
   LISTEN
   ========================================================= */

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
:is(ul, ol) {
    margin-top: 0.3em;
    margin-bottom: 1.35em;
    color: var(--dah-legacy-schirmherrschaft-content-text);
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag ul {
    padding-left: 1.35em;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag ol {
    padding-left: 0;
    list-style: none;
    counter-reset: dah-legacy-schirmherrschaft-ordered-list;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
:is(ul, ol) li {
    margin: 0.42em 0;
    font-size: clamp(0.96rem, 1.35cqi, 1.04rem);
    line-height: 1.62;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag ul li {
    padding-left: 0.12em;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag ol > li {
    position: relative;
    padding-left: 1.65em;
    counter-increment: dah-legacy-schirmherrschaft-ordered-list;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag ol > li::before {
    content: counter(dah-legacy-schirmherrschaft-ordered-list) ".";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.25em;
    color: var(--dah-legacy-schirmherrschaft-content-blue-dark);
    font-weight: 800;
    text-align: right;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag ul li::marker {
    color: var(--dah-legacy-schirmherrschaft-content-red);
}

/* =========================================================
   ZITATE
   ========================================================= */

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag blockquote,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag .wp-block-quote {
    position: relative;
    margin-top: 1.5em;
    margin-bottom: 1.65em;
    padding: clamp(20px, 3.2cqi, 30px) clamp(20px, 3.5cqi, 34px) clamp(20px, 3.2cqi, 28px) clamp(54px, 7cqi, 72px);
    background: rgba(230, 173, 0, 0.075);
    border: 1px solid rgba(230, 173, 0, 0.3);
    border-left: 5px solid var(--dah-legacy-schirmherrschaft-content-gold);
    border-radius: 16px;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag blockquote::before,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag .wp-block-quote::before {
    content: "\201C";
    position: absolute;
    top: 9px;
    left: 19px;
    color: var(--dah-legacy-schirmherrschaft-content-gold);
    font-family: Georgia, serif;
    font-size: clamp(3rem, 7cqi, 4.7rem);
    font-weight: 700;
    line-height: 1;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag blockquote p,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag .wp-block-quote p {
    margin-bottom: 0.75em;
    font-size: clamp(0.97rem, 1.45cqi, 1.06rem);
    font-style: normal;
    line-height: 1.66;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag blockquote cite,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag .wp-block-quote cite {
    display: block;
    color: var(--dah-legacy-schirmherrschaft-content-blue-dark);
    font-size: 0.84rem;
    font-style: normal;
    font-weight: 800;
}

/* =========================================================
   LINKS UND SCHALTFLÄCHEN
   ========================================================= */

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag a:not(.wp-block-button__link) {
    color: var(--dah-legacy-schirmherrschaft-content-blue-dark);
    font-weight: 700;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag a:not(.wp-block-button__link):hover,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag a:not(.wp-block-button__link):focus-visible {
    color: var(--dah-legacy-schirmherrschaft-content-red-dark);
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 18px;
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--dah-legacy-schirmherrschaft-content-red), var(--dah-legacy-schirmherrschaft-content-red-dark));
    border: 1px solid var(--dah-legacy-schirmherrschaft-content-red-dark);
    border-radius: 999px;
    box-shadow: 0 6px 14px rgba(185, 0, 0, 0.18);
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.25;
    text-decoration: none !important;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag .wp-block-button__link:hover,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag .wp-block-button__link:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(185, 0, 0, 0.25);
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag a:focus-visible,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag button:focus-visible {
    outline: 3px solid rgba(64, 112, 155, 0.34);
    outline-offset: 3px;
}

/* =========================================================
   BILDER, GALERIEN UND MEDIEN
   ========================================================= */

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
:is(.wp-block-image, .wp-block-gallery, .wp-block-cover, .wp-block-media-text, figure) {
    margin-top: 1.65em;
    margin-bottom: 1.65em;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag
:is(.wp-block-image, figure) img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(32, 33, 36, 0.085);
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag figcaption {
    margin: 9px auto 0;
    color: var(--dah-legacy-schirmherrschaft-content-text-soft);
    font-size: 0.78rem;
    line-height: 1.45;
    text-align: center !important;
}

/* =========================================================
   TABELLEN, TRENNLINIEN UND SHORTCODES
   ========================================================= */

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag .wp-block-table {
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    overflow-x: auto;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border: 1px solid var(--dah-legacy-schirmherrschaft-content-border);
    border-radius: 14px;
    overflow: hidden;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag th,
.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag td {
    padding: 11px 13px;
    border-right: 1px solid var(--dah-legacy-schirmherrschaft-content-border);
    border-bottom: 1px solid var(--dah-legacy-schirmherrschaft-content-border);
    font-size: 0.88rem;
    line-height: 1.45;
    text-align: left;
    vertical-align: top;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag th {
    color: #ffffff;
    background: var(--dah-legacy-schirmherrschaft-content-blue-dark);
    font-weight: 800;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag tr:last-child td {
    border-bottom: 0;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag :is(th, td):last-child {
    border-right: 0;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag .wp-block-separator {
    height: 1px;
    margin-top: 2em;
    margin-bottom: 2em;
    background: var(--dah-legacy-schirmherrschaft-content-border);
    border: 0;
}

.dah-legacy-schirmherrschaft
.dah-legacy-schirmherrschaft-beitrag .wp-block-shortcode {
    margin-top: 1.7em;
    margin-bottom: 1.7em;
    padding: clamp(14px, 2.8cqi, 22px);
    background: var(--dah-legacy-schirmherrschaft-content-surface);
    border: 1px solid var(--dah-legacy-schirmherrschaft-content-border);
    border-radius: 16px;
}

/* =========================================================
   THEME-BEITRAGSFUSS
   Bestandsverhalten aus CSS 1.23 beibehalten.
   ========================================================= */

body.single-post article.type-post:has(.dah-legacy-schirmherrschaft)
.entry-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin: 18px 22px 0 !important;
    padding: 0 !important;
    color: #50565d;
    border: 0 !important;
    font-size: 0.78rem;
    line-height: 1.45;
}

body.single-post article.type-post:has(.dah-legacy-schirmherrschaft)
.entry-footer a {
    color: #2f5f89 !important;
    font-weight: 750;
    text-decoration: none !important;
}

body.single-post article.type-post:has(.dah-legacy-schirmherrschaft)
.entry-footer a:hover,
body.single-post article.type-post:has(.dah-legacy-schirmherrschaft)
.entry-footer a:focus-visible {
    color: #b90000 !important;
}

/* =========================================================
   RESPONSIVE NACH TATSÄCHLICHER BEITRAGSBREITE
   ========================================================= */

@container dah-legacy-schirmherrschaft-beitrag (max-width: 680px) {
    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-beitrag {
        padding: 18px 22px 26px !important;
        border-radius: 16px;
    }

    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-beitrag blockquote,
    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-beitrag .wp-block-quote {
        padding-left: 50px;
    }
}

@container dah-legacy-schirmherrschaft-beitrag (max-width: 440px) {
    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-beitrag {
        padding: 16px 16px 22px !important;
        border-left-width: 2px;
        border-radius: 14px;
        box-shadow: 0 8px 18px rgba(32, 33, 36, 0.05);
    }

    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-beitrag p,
    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-beitrag
    .wp-block-tadv-classic-paragraph
    > div,
    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-beitrag
    .mce-content-body
    > div,
    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-beitrag
    :is(ul, ol) li {
        font-size: 0.93rem;
        line-height: 1.62;
    }

    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-beitrag ul {
        padding-left: 1.25em;
    }

    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-beitrag ol {
        padding-left: 0;
    }

    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-beitrag ol > li {
        padding-left: 1.6em;
    }

    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-beitrag blockquote,
    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-beitrag .wp-block-quote {
        padding: 18px 17px 18px 45px;
        border-radius: 14px;
    }

    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-beitrag blockquote::before,
    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-beitrag .wp-block-quote::before {
        top: 8px;
        left: 15px;
        font-size: 3rem;
    }

    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-beitrag .wp-block-shortcode {
        padding: 12px;
        border-radius: 14px;
    }
}

@media (max-width: 520px) {
    body.single-post article.type-post:has(.dah-legacy-schirmherrschaft)
    .entry-footer {
        margin-right: 16px !important;
        margin-left: 16px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dah-legacy-schirmherrschaft
    .dah-legacy-schirmherrschaft-beitrag .wp-block-button__link {
        transition: none;
    }
}