.background_jobs {
    background: url("../../pictures/join/theim_hg_jobs.png") no-repeat center center;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
}

/* Lokaler Typo-Rhythmus nur für Job-Detail */
.content--job {
    --job-gap: clamp(18px, 2.5vh, 28px); /* Standardabstand */
    --job-gap-lg: clamp(42px, 3.8vh, 54px); /* nach/vor Headlines */
}

    /* Grundreset & gleichmäßige Abstände */
    .content--job > * {
        margin: 0;
        --job-h1-gap: clamp(32px, 6vh, 80px);
    }

        .content--job > * + * {
            margin-top: var(--job-gap);
        }

    /* Mehr Luft NACH Headlines und VOR neuen Headlines */
    .content--job :is(h2,h3,h4) + * {
        margin-top: var(--job-gap-lg);
    }

    .content--job :is(p,ul,ol,blockquote) + :is(h2,h3,h4) {
        margin-top: var(--job-gap-lg);
    }

    /* H1 + Meta-Zeile enger zusammen */
    .content--job h1 {
        margin: 0 0 var(--job-h1-gap);
    }

        /* damit sich nix „addiert“, die nächste Zeile direkt nach der H1 ohne Extra-Top-Margin */
        .content--job h1 + p {
            margin-top: 0;
        }

    /* Listen: Einrückung/Spacing lokal steuern (überschreibt base.css nur hier) */
    .content--job ul {
        padding-left: 1.25rem;
        margin-bottom: var(--job-gap-lg);
    }

        .content--job ul li {
            margin-bottom: 0.9rem; /* nach Geschmack erhöhen/vermindern */
        }

    /* CTA-Bereich unter Text */
    .content--job .ov-actions {
        margin-top: clamp(22px, 4vh, 48px);
    }

    .content--job .cookie-btn {
        margin-top: clamp(10px, 2vh, 22px);
    }