/**
 * WordPress + SiteDesk: seitliche Abstände (GP + SiteDesk-CSS)
 *
 * 1) GeneratePress: Inhalt bis zum Rand (.inside-article / .entry-content).
 * 2) SiteDesk: .container hatte padding clamp(24px,4vw,40px); #nav war calc(100% - 40px)
 *    bzw. ≤1024px calc(100% - 32px) — das erzeugt auf Desktop/Tablet/Mobile sichtbare Ränder.
 *
 * Voraussetzung: Body-Klasse sitedesk-landing (Seite → CSS-Klasse des Bodys).
 * Für „null“ Rand: --sitedesk-gutter unten auf 0px setzen (nur mit Bedacht, iPhone-Notch).
 */

body.sitedesk-landing {
    --sitedesk-gutter: 12px;
}

body.sitedesk-landing .site #primary .inside-article,
body.sitedesk-landing .site #primary .entry-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.sitedesk-landing .site #primary .entry-content {
    max-width: none !important;
}

body.sitedesk-landing.one-container:not(.page) .site-content,
body.sitedesk-landing.one-container .site-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* SiteDesk .container — ersetzt clamp(24px, 4vw, 40px) */
body.sitedesk-landing .container {
    padding-left: max(var(--sitedesk-gutter), env(safe-area-inset-left)) !important;
    padding-right: max(var(--sitedesk-gutter), env(safe-area-inset-right)) !important;
}

/* SiteDesk #nav — volle Breite, kein calc(100% - 40px) */
body.sitedesk-landing nav#nav {
    width: 100% !important;
    max-width: none !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    border-radius: 0;
    box-sizing: border-box;
    padding-left: max(var(--sitedesk-gutter), env(safe-area-inset-left)) !important;
    padding-right: max(var(--sitedesk-gutter), env(safe-area-inset-right)) !important;
}

/* ≤1024px: SiteDesk setzt sonst width: calc(100% - 32px), top: 16px */
@media (max-width: 1024px) {
    body.sitedesk-landing nav#nav {
        width: 100% !important;
        top: 0;
        border-radius: 0;
        padding-left: max(var(--sitedesk-gutter), env(safe-area-inset-left)) !important;
        padding-right: max(var(--sitedesk-gutter), env(safe-area-inset-right)) !important;
    }
}

/* Kleine Phones: etwas weniger als 12px möglich */
@media (max-width: 480px) {
    body.sitedesk-landing {
        --sitedesk-gutter: 10px;
    }
}

/*
 * Seiten-Hintergrund (Verlauf oben 40%) liegt in sitedesk-sections.css auf html.
 * GeneratePress-Container transparent halten, damit er durchscheint.
 */
body.sitedesk-landing .site-content,
body.sitedesk-landing .inside-article,
body.sitedesk-landing .entry-content,
body.sitedesk-has-nav .site-content,
body.sitedesk-has-nav .inside-article,
body.sitedesk-has-nav .entry-content,
body.separate-containers.sitedesk-landing .inside-article,
body.separate-containers.sitedesk-has-nav .inside-article {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}