.dmg-ueber-uns { box-sizing: border-box; width: 100%; max-width: 1100px; margin: 0 auto; padding: 32px 16px; }
.dmg-ueber-uns__titel, .dmg-ueber-uns__intro { text-align: center; }
.dmg-ueber-uns__intro { max-width: 850px; margin: 0 auto 24px; line-height: 1.7; }
.dmg-ueber-uns__layout { max-width: 850px; margin-inline: auto; }
.dmg-ueber-uns--mit-bild .dmg-ueber-uns__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 32px; max-width: 1100px; align-items: start; }
.dmg-ueber-uns figure { margin: 0; }
.dmg-ueber-uns img { display: block; width: 100%; height: auto; border-radius: 16px; }
.dmg-ueber-uns__text { min-width: 0; line-height: 1.7; overflow-wrap: anywhere; }
.dmg-ueber-uns__text > p:first-child { margin-top: 0; }
.dmg-ueber-uns__ergaenzung { margin-top: 24px; }
@media (max-width: 780px) { .dmg-ueber-uns--mit-bild .dmg-ueber-uns__layout { grid-template-columns: minmax(0, 1fr); gap: 24px; } }
/* Inhalt behält seine Abstände */
.dmg-ueber-uns-hintergrund {
    position: relative;
    isolation: isolate;
    box-sizing: border-box;

    margin-top: 0;
    margin-bottom: 0;
    padding: 48px 16px;

    background: none;
}

/* Nur der Hintergrund reicht bis zum Bildschirmrand */
.dmg-ueber-uns-hintergrund::before {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;

    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);

    background-color: #f5f5f5;
    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.85),
            rgba(255, 255, 255, 0.85)
        ),
        url("./backgrounds/leistungen.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.dmg-ueber-uns-hintergrund .dmg-ueber-uns {
    padding-top: 0;
    padding-bottom: 0;
}

@media (max-width: 780px) {
    .dmg-ueber-uns-hintergrund {
        padding: 32px 12px;
    }
}

/* Hintergrund automatisch für die Shortcode-Ausgabe */
.dmg-ueber-uns {
    position: relative;
    isolation: isolate;
}

/* Nur das Hintergrundbild auf Bildschirmbreite ziehen */
.dmg-ueber-uns::before {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;

    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);

    background-color: #f5f5f5;
    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.72),
            rgba(255, 255, 255, 0.72)
        ),
        url("./backgrounds/leistungen.webp");

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*
 * Falls bereits ein gemeinsamer Hintergrund-Gruppenblock
 * vorhanden ist: keinen zweiten Hintergrund erzeugen.
 */
.dmg-ueber-uns-hintergrund .dmg-ueber-uns::before {
    display: none;
}