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

   Aufgabe:
   - Archivierte Spendenempfänger-Einzelbeiträge ohne manuelle Gutenberg-
     Umstellung in die aktuelle DAH-HM-Beitragsdesignfamilie überführen.
   - Ausschließlich das native WordPress-Beitragsbild als Hero-Bild verwenden.
   - Das Beitragsbild vollständig und proportional darstellen; kleine Bilder
     nicht unnötig hochskalieren.
   - Hero-Typografie und Responsive-Verhalten an der approved Sponsor-/
     Spendenempfänger-Beitragsvorlage orientieren.
   - Den gesamten gerenderten .entry-content unabhängig von Classic- oder
     Gutenberg-Struktur als Einheit gestalten und verschachtelte Gruppen,
     Spalten, Bilder, Shortcodes und Plugin-Ausgaben erhalten.
   - Keine Post-ID-abhängigen Selektoren verwenden.
   - Legacy-News und Legacy-Schirmherrschaft nicht beeinflussen.

   Grundlage / Vergleich:
   - Approved Legacy-Schirmherrschaft DEV CSS 1.3 als technische
     Adapter-Referenz für natives Beitragsbild und heterogene Legacy-Inhalte.
   - Sponsor-/Spendenempfänger-Hero CSS 1.4 als visuelle Hero-Referenz.
   - Sponsor-/Spendenempfänger-Inhaltsrahmen CSS 1.0.
   - Redaktionelles Beitragsdesign CSS 1.29 für den generischen Inhaltsbereich.
   - Bestätigte reale Legacy-DOM-Strukturen mit Classic-, Gutenberg- und
     NextGEN-Inhalten.

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

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

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

.dah-legacy-spendenempfaenger,
.dah-legacy-spendenempfaenger *,
.dah-legacy-spendenempfaenger *::before,
.dah-legacy-spendenempfaenger *::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-spendenempfaenger) {
    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-spendenempfaenger)
.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-spendenempfaenger)
.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-spendenempfaenger-hero {
    position: relative;
    --dah-legacy-spendenempfaenger-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-spendenempfaenger-border);
    border-left: 6px solid var(--dah-legacy-spendenempfaenger-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-spendenempfaenger-hero;
}

.dah-legacy-spendenempfaenger-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-spendenempfaenger-hero
> .wp-block-group__inner-container {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(230px, 0.79fr) minmax(0, 1.21fr);
    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-spendenempfaenger-hero
> .wp-block-group__inner-container
> .wp-block-html:empty,
.dah-legacy-spendenempfaenger-hero
> .wp-block-group__inner-container
> .wp-block-html:not(:has(*)) {
    display: none !important;
}

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

.dah-legacy-spendenempfaenger-hero__media {
    position: relative;
    z-index: 2;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: min(100%, var(--dah-legacy-spendenempfaenger-media-max)) !important;
    max-width: var(--dah-legacy-spendenempfaenger-media-max) !important;
    aspect-ratio: var(--dah-legacy-spendenempfaenger-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-spendenempfaenger-hero__media.wp-post-image {
    padding: 0 !important;
}

body.single-post article.type-post:has(.dah-legacy-spendenempfaenger)
.dah-legacy-spendenempfaenger-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-spendenempfaenger)
img.dah-legacy-spendenempfaenger-hero__media.wp-post-image {
    display: block !important;
    width: min(100%, var(--dah-legacy-spendenempfaenger-media-max)) !important;
    max-width: var(--dah-legacy-spendenempfaenger-media-max) !important;
    aspect-ratio: var(--dah-legacy-spendenempfaenger-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
   Legacy-Spendenempfänger JavaScript 1.0 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-spendenempfaenger-hero__media.dah-legacy-spendenempfaenger-hero__media--small-image:not(.wp-post-image) {
    width: min(100%, var(--dah-legacy-spendenempfaenger-media-natural-width, 160px)) !important;
    max-width: min(
        var(--dah-legacy-spendenempfaenger-media-natural-width, 160px),
        var(--dah-legacy-spendenempfaenger-media-max)
    ) !important;
    aspect-ratio: var(--dah-legacy-spendenempfaenger-media-aspect-ratio, 1 / 1);
}

body.single-post article.type-post:has(.dah-legacy-spendenempfaenger)
.dah-legacy-spendenempfaenger-hero__media.dah-legacy-spendenempfaenger-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-spendenempfaenger)
img.dah-legacy-spendenempfaenger-hero__media.dah-legacy-spendenempfaenger-hero__media--small-image.wp-post-image {
    width: min(100%, var(--dah-legacy-spendenempfaenger-media-natural-width, 160px)) !important;
    max-width: min(
        var(--dah-legacy-spendenempfaenger-media-natural-width, 160px),
        var(--dah-legacy-spendenempfaenger-media-max)
    ) !important;
    aspect-ratio: var(--dah-legacy-spendenempfaenger-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-spendenempfaenger-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-spendenempfaenger-hero__content
.entry-title,
.dah-legacy-spendenempfaenger-hero__content
h1.entry-title {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--dah-legacy-spendenempfaenger-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: left !important;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
    text-wrap: wrap;
}

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

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

.dah-legacy-spendenempfaenger-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-spendenempfaenger-text-soft) !important;
    font-size: 0.84rem !important;
    font-weight: 650;
    line-height: 1.45;
}

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

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

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

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

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

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

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

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

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

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

/* Small Image: Sponsor-/Spendenempfänger-Grid beibehalten; der Medienrahmen selbst bleibt natürlich kompakt. */
.dah-legacy-spendenempfaenger-hero
> .wp-block-group__inner-container:has(.dah-legacy-spendenempfaenger-hero__media--small-image) {
    grid-template-columns: minmax(230px, 0.79fr) minmax(0, 1.21fr);
}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .dah-legacy-spendenempfaenger-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-spendenempfaenger
   Zielgruppe: .dah-legacy-spendenempfaenger-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 den Hero-Teil dieser Legacy-CSS 1.0 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-spendenempfaenger
.dah-legacy-spendenempfaenger-content-frame {
    --dah-legacy-spendenempfaenger-frame-blue: #40709b;
    --dah-legacy-spendenempfaenger-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-spendenempfaenger-frame-border);
    border-left: 6px solid var(--dah-legacy-spendenempfaenger-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-spendenempfaenger-content-frame-container
        dah-legacy-spendenempfaenger-content-container;
}

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

/* Gutenberg-Innencontainer auf die vollständige Kachelbreite setzen. */
.dah-legacy-spendenempfaenger
.dah-legacy-spendenempfaenger-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-spendenempfaenger
.dah-legacy-spendenempfaenger-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-spendenempfaenger
.dah-legacy-spendenempfaenger-content-frame
.wp-block-html:empty,
.dah-legacy-spendenempfaenger
.dah-legacy-spendenempfaenger-content-frame
.wp-block-html:not(:has(*)) {
    display: none !important;
}

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

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

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

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

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

@media screen and (max-width: 520px) {
    .dah-legacy-spendenempfaenger
    .dah-legacy-spendenempfaenger-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-spendenempfaenger
    .dah-legacy-spendenempfaenger-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-spendenempfaenger
   Zielgruppe: .dah-legacy-spendenempfaenger-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-spendenempfaenger
.dah-legacy-spendenempfaenger-beitrag {
    --dah-legacy-spendenempfaenger-content-red: #e90000;
    --dah-legacy-spendenempfaenger-content-red-dark: #b90000;
    --dah-legacy-spendenempfaenger-content-blue-dark: #2f5f89;
    --dah-legacy-spendenempfaenger-content-gold: #e6ad00;
    --dah-legacy-spendenempfaenger-content-darkgray: #444444;
    --dah-legacy-spendenempfaenger-content-text: #252525;
    --dah-legacy-spendenempfaenger-content-text-soft: #50565d;
    --dah-legacy-spendenempfaenger-content-border: #e1e6eb;
    --dah-legacy-spendenempfaenger-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-spendenempfaenger-content-text);
    background: #ffffff;
    border: 1px solid var(--dah-legacy-spendenempfaenger-content-border);
    border-left: 3px solid var(--dah-legacy-spendenempfaenger-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-spendenempfaenger-beitrag;
}

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

.dah-legacy-spendenempfaenger
.dah-legacy-spendenempfaenger-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-spendenempfaenger
.dah-legacy-spendenempfaenger-beitrag
.wp-block-html:empty,
.dah-legacy-spendenempfaenger
.dah-legacy-spendenempfaenger-beitrag
.wp-block-html:not(:has(*)) {
    display: none !important;
}

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

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

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

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

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

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

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

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

.dah-legacy-spendenempfaenger
.dah-legacy-spendenempfaenger-beitrag
:is(h2, h3, h4, h5, h6) {
    margin-top: 1.65em !important;
    margin-bottom: 0.62em !important;
    padding: 0 !important;
    color: var(--dah-legacy-spendenempfaenger-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-spendenempfaenger
.dah-legacy-spendenempfaenger-beitrag h2 {
    font-size: clamp(1.35rem, 2.7cqi, 1.82rem) !important;
}

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

.dah-legacy-spendenempfaenger
.dah-legacy-spendenempfaenger-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-spendenempfaenger
.dah-legacy-spendenempfaenger-beitrag
> .wp-block-group__inner-container
> :first-child:not(.wp-block-html),
.dah-legacy-spendenempfaenger
.dah-legacy-spendenempfaenger-beitrag
> :first-child:not(.wp-block-html) {
    margin-top: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

.dah-legacy-spendenempfaenger
.dah-legacy-spendenempfaenger-beitrag blockquote,
.dah-legacy-spendenempfaenger
.dah-legacy-spendenempfaenger-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-spendenempfaenger-content-gold);
    border-radius: 16px;
}

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

.dah-legacy-spendenempfaenger
.dah-legacy-spendenempfaenger-beitrag blockquote p,
.dah-legacy-spendenempfaenger
.dah-legacy-spendenempfaenger-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-spendenempfaenger
.dah-legacy-spendenempfaenger-beitrag blockquote cite,
.dah-legacy-spendenempfaenger
.dah-legacy-spendenempfaenger-beitrag .wp-block-quote cite {
    display: block;
    color: var(--dah-legacy-spendenempfaenger-content-blue-dark);
    font-size: 0.84rem;
    font-style: normal;
    font-weight: 800;
}

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

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

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

.dah-legacy-spendenempfaenger
.dah-legacy-spendenempfaenger-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-spendenempfaenger-content-red), var(--dah-legacy-spendenempfaenger-content-red-dark));
    border: 1px solid var(--dah-legacy-spendenempfaenger-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-spendenempfaenger
.dah-legacy-spendenempfaenger-beitrag .wp-block-button__link:hover,
.dah-legacy-spendenempfaenger
.dah-legacy-spendenempfaenger-beitrag .wp-block-button__link:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(185, 0, 0, 0.25);
}

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

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

.dah-legacy-spendenempfaenger
.dah-legacy-spendenempfaenger-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-spendenempfaenger
.dah-legacy-spendenempfaenger-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-spendenempfaenger
.dah-legacy-spendenempfaenger-beitrag figcaption {
    margin: 9px auto 0;
    color: var(--dah-legacy-spendenempfaenger-content-text-soft);
    font-size: 0.78rem;
    line-height: 1.45;
    text-align: center !important;
}

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

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

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

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

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

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

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

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

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

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

body.single-post article.type-post:has(.dah-legacy-spendenempfaenger)
.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-spendenempfaenger)
.entry-footer a {
    color: #2f5f89 !important;
    font-weight: 750;
    text-decoration: none !important;
}

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

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

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

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

@container dah-legacy-spendenempfaenger-beitrag (max-width: 440px) {
    .dah-legacy-spendenempfaenger
    .dah-legacy-spendenempfaenger-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-spendenempfaenger
    .dah-legacy-spendenempfaenger-beitrag p,
    .dah-legacy-spendenempfaenger
    .dah-legacy-spendenempfaenger-beitrag
    .wp-block-tadv-classic-paragraph
    > div,
    .dah-legacy-spendenempfaenger
    .dah-legacy-spendenempfaenger-beitrag
    .mce-content-body
    > div,
    .dah-legacy-spendenempfaenger
    .dah-legacy-spendenempfaenger-beitrag
    :is(ul, ol) li {
        font-size: 0.93rem;
        line-height: 1.62;
    }

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

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

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

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

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

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

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

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