/* CTA, BG on Child Elements */
.t3-layout-background-red {margin-bottom: 2rem}
.t3-layout-background-red.t3-layout-bg-onchildren { background-color: unset; padding: unset }
.t3-layout-background-red.t3-layout-bg-onchildren .frame { background-color: #ff0000; padding: 1rem; min-height: 18rem }
.t3-layout-background-red.t3-layout-bg-onchildren .frame { position: relative; }
.t3-layout-background-red.t3-layout-bg-onchildren .frame:hover { -webkit-transform: scale(1.03);-ms-transform: scale(1.03);transform: scale(1.03);}
.t3-layout-background-red.t3-layout-bg-onchildren .frame * { color: #fff; }
.t3-layout-background-red.t3-layout-bg-onchildren h3 { font-weight: 900}
.t3-layout-background-red.t3-layout-bg-onchildren a { position: absolute;left: 20px;bottom: 20px}

.t3-layout-background-red .row.equal-height [class*="col-"] header,
.t3-layout-background-red .row.equal-height [class*="col-"] .ce-bodytext {background-color: red; padding: 0;}

.t3-layout-bgimage-transparent .frame {padding: 5rem; color: #fff; font-weight: 900;}
.t3-layout-bgimage-transparent .frame header h1 {font-size: 4vw; font-weight: 900; max-width: 60%}
.t3-layout-bgimage-transparent .frame .ce-textpic {max-width: 60%}

.t3-layout-bgimage-white .frame {padding: 5rem;}
.t3-layout-bgimage-white header {background: #fff; padding: 20px 20px 10px 20px; width: 50%}
.t3-layout-bgimage-white .ce-bodytext {background: #fff; padding: 0 20px 10px 20px; width: 50%}

/*.swiper-container-horizontal {background-color: #fff; padding:  20px 0}*/
/*.swiper-container-horizontal .ce-bodytext {margin-left: 6rem; font-weight: 900}*/
.swiper-container-horizontal header {font-size: 3vw; line-height:  1.2em}
.swiper-button-disabled,
.swiper-pagination-bullet:only-child { display: none; }

.t3-layout-quote-rot {padding: 10rem 0 10rem 0; background-color: red;}
.t3-layout-quote-rot .frame-type-textmedia {  max-width: 60%; color:  #fff; font-weight: 900;}
.t3-layout-quote-rot .frame-type-textmedia {      position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-end;
    width: 100%;
    max-width: 60%;
    margin: 0 auto;
    text-align: left;
    color: #fff;}
.t3-layout-quote-rot .frame-type-textmedia header h2 {  color: #fff !important; font-weight: 900;}
.t3-layout-quote-rot .frame-type-textmedia header h2:before { content: '„'; position: relative; display: inline-block;}
.t3-layout-quote-rot .frame-type-textmedia header h2:after { content: '“'; position: relative; display: inline-block;}


.mapsvg {position: relative; display: block;width: 100%;height: 100%;}

/* Artikel Filter Display Grid */
.t3-layout-highlights-grid {margin: 2rem 0}
.t3-layout-highlights-grid .containment {display: grid; grid-template-columns: repeat(6, 1fr);grid-gap: 1rem;}
.t3-layout-highlights-grid .containment img {width: 100%; height: 100%; object-fit: cover;}
.t3-layout-highlights-grid .containment header a {color: #0065a4 !important}
.t3-layout-highlights-grid .containment .frame {background: #fff; margin:  0}
.t3-layout-highlights-grid .containment .frame .ce-bodytext {padding:  10px 20px}
.t3-layout-highlights-grid .containment .frame:nth-child(1) { grid-column: span 4; grid-row: span 2;}
.t3-layout-highlights-grid .containment .frame:nth-child(2),
.t3-layout-highlights-grid .containment .frame:nth-child(3) {grid-column: span 2;}
.t3-layout-highlights-grid .containment .frame:nth-child(4),
.t3-layout-highlights-grid .containment .frame:nth-child(5){ grid-column: span 3; }
.t3-layout-highlights-grid .containment .frame:nth-child(6){ grid-column: span 6; }


@media (max-width: 576px) { 
.t3-layout-bgimage-transparent .frame {padding: 5rem 1rem;}
.t3-layout-bgimage-transparent .frame header h1 {font-size: 2em; font-weight: 900; max-width: 80%}
.t3-layout-bgimage-transparent .frame .ce-textpic {display: none;}
.t3-layout-bgimage-white .frame {padding: 5rem 1rem}
.t3-layout-bgimage-white header {width: 70%}
.t3-layout-bgimage-white .ce-bodytext {width: 70%}
.t3-layout-bgimage-white .ce-bodytext ul {display:  none}
}