section.frame-10 div[class*='col-container-'],
div.frame-10 {
    background-color: #E5ECEE;

}

section.frame-11 div[class*='col-container-'],
div.frame-11 {
    background-color: #336F7B;

}

section.frame-12 div[class*='col-container-'],
div.frame-12{
    background-color: #E5ECEE;
    width: 100%;

}

section.frame-13 div[class*='col-container-'],
div.frame-13{
    background-color: #336F7B;
    width: 100%;
}

section.frame-12 div[class*='col-container-']::before, section.frame-13 div[class*='col-container-']::before,
div.frame-12::before, div.frame-13::before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: -50vw;
    left: -50vw;
    background-color: #E5ECEE;
}

section.frame-13 div[class*='col-container-']::before,
div.frame-13::before {
    background-color: #336F7B;
}

main.site-content div[class*='frame-1'],
main.site-content section [class*=col-container] div[class*='frame-1']{
    padding: 20px;
}


main.site-content div[class*='frame-1']:has(img){
    padding-inline: 0;
    padding-block: 0;
}

.mask_text_mit_banner_volle_breite a {
    color: var(--color-orange-light);
}

main.site-content div.frame-13 p,
main.site-content div.frame-13 ul *,
main.site-content div.frame-13 ol *,
main.site-content div.frame-13 header *,
main.site-content div.frame-13 header *,
main.site-content div.frame-11 header *,
main.site-content div.frame-11 header *,
main.site-content div.frame-11 p,
main.site-content div.frame-11 ol *,
main.site-content div.frame-11 ul *,
section.frame-11 div[class*='col-container-'] header *,
section.frame-11 div[class*='col-container-'] p,
section.frame-13 div[class*='col-container-'] header *,
section.frame-13 div[class*='col-container-'] ul,
section.frame-13 div[class*='col-container-'] p{
    color: #FFF;
}
#content section:not(.mask_textbild, .mask_haeufig_gesucht, .selectric-wrapper) .frame-11 ul:not(.slick-dots) > li::before,
#content section:not(.mask_textbild, .mask_haeufig_gesucht, .selectric-wrapper) .frame-13 ul:not(.slick-dots) > li::before{
    border-color: #fff;
}

.col1 div.frame-12::before,
.col1 div.frame-13::before{
    right: 0;
    left: unset;
    width: 100vw;
}
.col2 div.frame-12::before,
.col2 div.frame-13::before{
    left: 0;
    right: unset;
    width: 100vw;
}

main.site-content div[class*='frame-1'] p,
main.site-content div[class*='frame-1'] header *,
main.site-content div[class*='frame-1'] :is(h1, h2, h3, h4, h5, h6){
    position: relative;
    z-index: 1;
}



[class*='col-container'] [class*='col']:first-child div.frame-12,
[class*='col-container'] [class*='col']:first-child div.frame-13{
   padding-left: 0;
}

[class*='col-container'] [class*='col']:last-child div.frame-12,
[class*='col-container'] [class*='col']:last-child div.frame-13{
    padding-right: 0;
}

div.frame-11 :is(h1,h2,h3,h4,h5,h6),
div.frame-13 :is(h1,h2,h3,h4,h5,h6) {
   color: #fff;
}
main.site-content div[class*='frame-1'] .mask_textbild_wrapper.reverse .rte{
    padding-right: 20px;
}

main.site-content div[class*='frame-1'] .mask_textbild_wrapper .rte{
    padding-left: 20px;
    padding-block: 20px;
}

/** mask_teaser_zu_unterseiten */
main.site-content  .mask_teaser_zu_unterseiten div[class*='frame-1']{
    padding-block: 20px;
}
main.site-content  .mask_teaser_zu_unterseiten > .frame-12,
main.site-content  .mask_teaser_zu_unterseiten > .frame-13{
    padding-inline: 20px;
}

/** mask_haeufig_gesucht */
.frame-11 .linkList ul li a,
.frame-13 .linkList ul li a{
    border-bottom-color: #fff;
}
.frame-11 .linkList a:not(:hover) svg path,
.frame-13 .linkList a:not(:hover) svg path{
    fill: #fff;
}