/* -- Modul - Layout Zwischenheader -- */
:root {
    --molay_zw_aspect: 20/6;
    --molay_zw_width: 100%;
    --molay_zw_width90: var(--content-width);
    --molay_zw_maxwidth: var(--max-width);
    --molay_zw_minheight: 250px;
    --molay_zw_abstand: var(--paddingl50);
    --molay_zw_overlay: rgba(var(--color_base_color),var(--color_base_alpha030));
    --molay_zw_overlay_text: rgba(var(--color_base_color),var(--color_base_alpha070));
    --molay_zw_color: rgb(var(--color_weiss));
}

.frame.frame-layout-20:has(.ce-gallery) {
    margin: var(--molay_zw_abstand) 0;
}

.frame.frame-layout-20:has(.ce-intext.ce-nowrap) > .rahmen {
    max-width: unset;
    width: var(--molay_zw_width);
    margin: 0;
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic {
    width: var(--molay_zw_width);
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic .ce-gallery {
    width: var(--molay_zw_width);
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    position: relative;
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic .ce-gallery::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: var(--molay_zw_overlay);
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic .ce-gallery .ce-row {
    display: none;
    width: var(--molay_zw_width);
    height: var(--molay_zw_width);
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic .ce-gallery .ce-row:first-child {
    display: block;
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic .ce-gallery .ce-row .ce-column,
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic .ce-gallery .ce-row .ce-column .image {
    width: var(--molay_zw_width);
    height: var(--molay_zw_width);
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    display: block;
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic .ce-gallery .ce-row .ce-column .image picture {
    display: block;
    width: var(--molay_zw_width);
    height: var(--molay_zw_width);
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic .ce-gallery .ce-row .ce-column .image a::before {
    display: none;
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:not(:has(.ce-bodytext > *)) .ce-gallery .ce-row .ce-column .image img {
    max-width: unset;
    width: var(--molay_zw_width);
    height: auto;
    aspect-ratio: var(--molay_zw_aspect);
    object-fit: cover;
    object-position: center;
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:not(:has(.ce-bodytext > *)) .ce-gallery.ce-border .bg_fixed {
    width: var(--molay_zw_width);
    display: block;
    aspect-ratio: var(--molay_zw_aspect);    
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

@supports (-webkit-touch-callout: none) {
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic .ce-gallery.ce-border .bg_fixed {
        background-attachment: scroll;
    }
}

/* -- Wenn im Responsive das aspect-ration zu klein wird. -- */
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:not(:has(.ce-bodytext > *)) .ce-gallery .ce-row .ce-column .image img,
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:not(:has(.ce-bodytext > *)) .ce-gallery.ce-border .bg_fixed {
    min-height: var(--molay_zw_minheight);
}

/* -- Mit Content -- */
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) {
    position: relative;
    display: grid;
    width: var(--molay_zw_width);
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *)::before {
    content: '';
    display: block;
    aspect-ratio: var(--molay_zw_aspect);
    grid-area: 1 / 1;
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-gallery {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-gallery::after {
    background: var(--molay_zw_overlay_text);
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext {
    grid-area: 1 / 1;
    align-self: center;
    justify-self: center;
    width: var(--molay_zw_width90);
    max-width: var(--molay_zw_maxwidth);
    margin: var(--molay_zw_abstand) 0;
    position: relative;
    z-index: 2;
    color: var(--molay_zw_color);
}

/* -- Überschreibt die streicher_header.css wegen Hintergrund -- */
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext a,
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext header *,
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext h1,
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext h2,
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext h3,
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext h4,
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext a.link-pfeil::before {
    color: var(--molay_zw_color);
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext a:not([class])::before, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext a.ankerlink::before, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext a.data-fancybox.inline::before,
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext a:not([class]):hover::before, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext a.ankerlink:hover::before, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext a.data-fancybox.inline:hover::before,
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext a.link-mail::after, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext a.link-phone::after, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext a.link-fax::after, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext a.link-legal::after {
    background-color: var(--molay_zw_color);
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext a.link-mail::before, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext a.link-phone::before, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext a.link-fax::before, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext a.link-legal::before {
    color: var(--molay_zw_color);
    background-color: var(--molay_zw_color);
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext a.link-kontur {
  border-color: var(--molay_zw_color);  
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext a.link-kontur:hover {
  border-color: var(--color_base_hightlight_1);
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext h1.hl1_linie, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext header:has(.hl1-2_linie),
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext h2.hl2_linie, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext header:has(.hl2-3_linie),
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext h3.hl3_linie, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext .pwieh3_mit_linie, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext header:has(.hl3-4_linie),
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext .hl1_normal_schnoerkel span + span, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext .hl2_normal_schnoerkel span + span, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext .hl3_normal_schnoerkel span + span, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext .hl1_schnoerkel_normal > span:first-child, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext .hl1-2_schnoerkel_normal, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext .hl2_schnoerkel_normal > span:first-child, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext .hl1-2_normal_schnoerkel + h2, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext .hl2-3_schnoerkel_normal, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext .hl2-3_normal_schnoerkel + h3, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext .hl3_schnoerkel_normal > span:first-child, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext .hl3-4_schnoerkel_normal, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext .hl3-4_normal_schnoerkel + h4,
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext .hl1_linie,
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext .hl2_linie,
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext .hl3_linie {
    padding-left: 0;
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext:has(.headerslogan_schnoerkel),
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext:has(.hz_zahl) {
    overflow: unset;
}

.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext h1.hl1_linie::before, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext header:has(.hl1-2_linie)::before,
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext h2.hl2_linie::before, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext header:has(.hl2-3_linie)::before,
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext h3.hl3_linie::before, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext .pwieh3_mit_linie::before, 
.frame.frame-layout-20 > .rahmen > .ce-intext.ce-nowrap.ce-textpic:has(.ce-bodytext > *) .ce-bodytext header:has(.hl3-4_linie)::before {
    display: none;
}


/* -- Fallback, wenn etwas falsch ausgewählt wurde. --*/
.frame.frame-layout-20:not(:has(.ce-gallery)) > .rahmen,
.frame.frame-layout-20:not(:has(.ce-textpic.ce-intext.ce-nowrap)) > .rahmen {
    display: none;
}

.frame.frame-layout-20:not(:has(.ce-gallery))::after,
.frame.frame-layout-20:not(:has(.ce-textpic.ce-intext.ce-nowrap))::after {
    content: var(--basic_fehlertext);
    display: block;
    color: var(--color_base_hightlight_1);
    margin: var(--paddingl50) 0;
    font-weight: var(--hl_fontweigt_700);
}