:root{
    --background-height: 100vh;
    --short-report-wrapper-margin-left: calc((100vw - min(100vw, var(--short-report-wrapper-width))) / 2);
}

[data-layout="lead_hintergrund"]{
    padding-top: 0px;
    padding-bottom: 0px;
}

[data-layout="lead_hintergrund"],
[data-layout="lead_hintergrund"] .image-full-width{
    min-height: calc(var(--background-height));
    width: 100%;
}

[data-layout="lead_hintergrund"] .image-full-width{
    position: relative;
    min-height: var(--background-height);
    width: 100vw;
    left: calc(-1 * (var(--navigation-space) + var(--short-report-wrapper-margin-left) + (var(--gap) / 2)));
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

[data-layout="lead_hintergrund"] h1,
[data-layout="lead_hintergrund"] h2{
    color: var(--light-blue);
}

[data-layout="lead_hintergrund"] img,
[data-layout="lead_hintergrund"] .overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

[data-layout="lead_hintergrund"] .overlay{
    z-index: 1;
}

[data-layout="lead_hintergrund"] .image-full-width > div:not(.overlay){
    padding-top: var(--section-gap);
    padding-bottom: var(--section-gap);
}

[data-layout="lead_hintergrund"] .image-full-width > div:not(.overlay),
[data-layout="lead_hintergrund"] .wrapper{
    position: relative;
    z-index: 1;
    width: calc(var(--wrapper-width) + var(--navigation-space));
    max-width: 100%;
    padding-left: calc(var(--navigation-space) + (var(--gap) / 2));
    padding-right: calc(var(--gap) / 2);
    margin: auto;
}

[data-layout="lead_hintergrund"] .wrapper{
    padding-left: 0;
    width: calc(var(--wrapper-width));
}

[data-layout="lead_hintergrund"] *:not(.section-title.bordered):not(.link-item){
    color: #fff;
}

/* [data-layout="lead_hintergrund"] .link-item.link::after{
    content: url(../../media/image/icon-arrow-white-2.svg);
} */



@media only screen and (max-width: 579.99991px){
    [data-layout="lead_hintergrund"] .wrapper{
        padding: 0px;
    }

    [data-layout="lead_hintergrund"] .image-full-width > div:not(.overlay){
        padding-left: calc(var(--gap) / 2);
        padding-right: calc(var(--gap) / 2);
    }

    [data-layout="lead_hintergrund"] .image-full-width{
        left: calc(-1 * (var(--gap) / 2));
    }
}