// TODO REMOVE
.lightbox_item.loading {
    opacity: 1 !important;
}


/***************************************************************************
* Footer | Newsletter
****************************************************************************/
.content_section:has(+.custom_newsletter),
.content_section:has(+ .content_section_edit + .custom_newsletter) {
    padding-bottom: 7em;
}
.content_section.custom_newsletter {
    padding-top: 0;
    padding-bottom: 0;
    background-color: var(--typo-color-dark-grey);
}
.custom_newsletter .content_row {
    padding: 1em;
    position: relative;
    margin-top: -5em;
    color: #FFFFFF;
}
.custom_newsletter .content_row:after {
    content: ''; position: absolute;
    top: 1em; left: 1em; right: 1em; bottom: 1em;
    width: auto; height: auto;
    background-color: #666666;
    pointer-events: none;
    border-radius: 0.375em;
}
.custom_newsletter .content_row > * {
    position: relative;
    z-index: 10;
}
.custom_newsletter .block_image {
    position: relative;
    width: 100%; padding: 0 0 50%;
    overflow: hidden;
    border-top-left-radius: 0.375em;
    border-top-right-radius: 0.375em;

}
.custom_newsletter .block_image figure {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    transform: skewY(-4deg);
    transform-origin: 0 100%;
    overflow: hidden;
}
.custom_newsletter .block_image figure .data_ratio {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    transform: skewY(4deg);
    transform-origin: 0 100%;
}
.custom_newsletter .data_ratio:before {
    content: none;
}

@media screen and (min-width:40em){
    .content_section:has(+.custom_newsletter),
    .content_section:has(+ .content_section_edit + .custom_newsletter) {
        padding-bottom: 9em;
    }
    .custom_newsletter .content_row {
        justify-content: end;
        margin-top: -6em;
    }
    .custom_newsletter .block_image {
        position: absolute;
        top: 1em; left: 1em; right: auto; bottom: 1em;
        width: 20%; height: auto;
        padding: 0; border-radius: 0;
        border-top-left-radius: 0.375em;
        border-bottom-left-radius: 0.375em;
    }
    .custom_newsletter .block_image figure {
        transform: skewX(-10deg);
        transform-origin: 0 0;
    }
    .custom_newsletter .block_image figure .data_ratio {
        transform: skewX(10deg);
        transform-origin: 0 0;
    }
    .custom_newsletter .content_row {
        padding-right: 5%;
    }
    .custom_newsletter .block_text {
        padding-top: var(--typo-section-gap);
        padding-bottom: var(--typo-section-gap);
        flex: 0 0 75%;
        max-width: 75%;
    }
}

@media screen and (min-width:64em){
    .content_section:has(+.custom_newsletter),
    .content_section:has(+ .content_section_edit + .custom_newsletter) {
        padding-bottom: 11em;
    }
    .custom_newsletter .content_row {
        margin-top: -7em;
    }
    .custom_newsletter .block_image {
        width: 40%; height: auto;
    }
    .custom_newsletter .content_row {
        padding-right: 7%;
    }
    .custom_newsletter .block_text {
        padding-top: var(--typo-section-gap);
        padding-bottom: var(--typo-section-gap);
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/***************************************************************************
* Column | Blockquote in Image
****************************************************************************/
.block_column.blockquote_in_image .block_image + .block_text {
    margin-top: -6em;
    position: relative;
}


/***************************************************************************
* Custom Footer Teaser
****************************************************************************/
.custom_footer_teaser .listing .item {
    padding-bottom: 4em;
    position: relative;
}
.custom_footer_teaser .listing .item:after {
    content: ''; position: absolute;
    height: 1px; left: var(--typo-gap); right: var(--typo-gap);
    width: auto; bottom: 2em;
    background-color: currentColor;
    opacity: 0.25;
}
.custom_footer_teaser .listing .item:last-child:after {
    content: none;
}

@media screen and (min-width:40em){
    .custom_footer_teaser .listing {
        margin: 0 -2em;
        width: auto;
    }
    .custom_footer_teaser .listing .item {
        padding: var(--typo-gap) 2em;
    }
    .custom_footer_teaser .listing .item:after {
        height: auto; top: var(--typo-gap); bottom: var(--typo-gap);
        width: 1px; left: auto; right: 0;
    }
}

@media screen and (min-width:64em){
    .custom_footer_teaser .listing {
        margin: 0 -3em;
    }
    .custom_footer_teaser .listing .item {
        padding: var(--typo-gap) 3em;
    }
}

@media screen and (min-width:90em){
    .custom_footer_teaser .listing {
        margin: 0 -5em;
    }
    .custom_footer_teaser .listing .item {
        padding: var(--typo-gap) 5em;
    }
}