@import url('/.themes/font.css');
/*@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');*/
.styled-form .search-facets .checkbox:nth-child(7) {display: none;}

.type-sitemap li a {background-color: transparent;}

.teaser .book-info .book-msg, .teaser .book-info .oct-meta-info, .accordion .book-info .book-msg, .accordion .book-info .oct-meta-info {padding: 6px 12px;}



.styled-form b, .styled-form strong {
    font-weight: 600;
}
.styled-form .icon-append, .styled-form .icon-prepend {
    color: #EC923E;}
.styled-form .icon-prepend {
    left: 1px;
    border-right-width: 2px;
    border-right-style: dotted;}
.cost-table .ct-category {background: #f4f4f4;
        padding: 10px;}

    .cost-table .ct-class {
        display: inline;}
	    .cost-table .ct-price {
        display: inline-flex;}
	.cost-table .ct-category {
        display: block;}
@media (max-width: 1013.98px) {       
	.cost-table .ct-class {
    padding-left: 5px;	}
	}

 .info.type {display: none !important;}
.type-media .copyright {display: none;}
.type-poi .piece > .body + .link {margin-top: 25px ;}

.grundriss img {background: #EEEEEE;}
.box.rot .pos, .box.rot .fa {color: #fff;}

.area-foot .social-icons ul {justify-content: center;
}

#mercury-page {    overflow-x: clip;}
b, strong {
    font-weight: 500;
}
small, .small {font-weight: 300;}
.piece-heading, h3, .h3, h1, .h1, h2, .h2, .area-header .header-links > ul > li > a {font-family: "Marcellus", serif; font-weight: 400;}
.hl-line h1.piece-heading::before, .hl-line h2.piece-heading::before, .hl-line .piece-heading::before {
   content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 30px;
    border-left: 4px solid #C4112F;     height: 70px;
}

.hl-line h2.piece-heading::before {border-left: 4px solid #EC923E;     height: 70px;}
.hl-line .piece-heading::before {border-left: 4px solid #EC923E;     height: 70px;}
.hl-line {padding: 70px 20px 30px 20px; }
.hl-line.par {}
.hl-line .piece-heading {display: inline-flex;}
.type-imageseries {
    --my-is-square-margin: 12px;}
@media (max-width: 1013.98px) {
#topcontrol {display: none;}
.hl-line { padding: 70px 20px 0px 20px;}
}
@media (max-width: 763.98px) {

.hl-line h1.piece-heading::before, .hl-line h2.piece-heading::before, .hl-line .piece-heading::before {
 
  top: 10px;

  height: 40px;}
  .hl-line {
    padding: 30px 20px 0px 20px;}
  }


.type-media .intro-headline > span {border-bottom: 2px solid #EC923E;
    padding-bottom: 8px;}
:root{ --my-body-font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --my-body-font-size: 1.9rem;
    --my-body-font-weight: 300;
    --my-body-line-height: 1.5;
    --my-font-weight-bold: 500;
	--my-font-weight-headings: 400;
	--my-main-theme-base: #C4112F;
	--my-body-color: #000;
	    --my-box-padding: 30px;
		    --my-link-hover-color-rgb: 236, 62, 71;}
:root, .box-body-base, .box-body{--my-main-theme: #C4112F;}

 .box-theme {
    --my-body-bg: #C4112F;}
.box, .box-high {
    --my-body-bg: #eee;
    --my-body-bg-rgb: 238, 238, 238;
    --my-body-color: #444;
    --my-body-color-rgb: 68, 68, 68;
    --my-link-color: #C4112F;}
.btn:focus, .btn:hover, .btn.active, .open .dropdown-toggle .btn {
    color: #fff;
    background-color: #EC923E;}
.tile-col.element .copyright {font-size: 9px;
    font-weight: 400;
    padding: 4px;
    opacity: 0.9;
    color: #eee;
    background-color: #555555a1;}
@media (min-width: 1014px) {
.max-30 {max-width: 30%; margin: 0 auto;}
.max-40 {max-width: 40%; margin: 0 auto;}
.max-50 {max-width: 50%; margin: 0 auto;}
    h1, .h1 {
        font-size: 3.5rem;
    }
	    h2, .h2 {
        font-size: 3.2rem;
    }
}

@media (max-width: 1013.98px) {
body, .detail-page .sub-header, .detail-page .detail-visual .visual-info .infogroup, .detail-page .detail-visual .visual-info .info {font-size: 1.6rem;}
}
@media (max-width: 763.98px) {
small, .small {
  font-size: 0.97em;}
body, .detail-page .sub-header, .detail-page .detail-visual .visual-info .infogroup, .detail-page .detail-visual .visual-info .info {font-size: 1.4rem;}
    h1, .h1 {
        font-size: 2.2rem;
    }
	    h2, .h2 {
        font-size: 1.9rem;
    }
	 
	    h3, .h3, .teaser .intro-headline {
        font-size: 1.7rem;
    }
}
@media (max-width: 551.98px) {
body, .detail-page .sub-header, .detail-page .detail-visual .visual-info .infogroup, .detail-page .detail-visual .visual-info .info {font-size: 1.3rem;}
    h1, .h1 {
        font-size: 2.0rem;
    }
	    h2, .h2 {
        font-size: 1.8rem;
    }
	h3, .h3, .teaser .intro-headline {
        font-size: 1.6rem;
    }
}
.image-src-box.presized > .copyright.image-copyright, .image-src-box.original-size > .copyright.image-copyright {font-size: 12px;
    font-weight: 400;
    padding: 4px;
    opacity: 0.9;
    color: #eee;
    background-color: #555555a1;}


.fab.fa-linkedin-in:before {
    content: "\f0e1";}

.type-imageseries .image-col .copyright {font-size: 9px;
    font-weight: 400;
    padding: 4px;
    opacity: 0.9;
    color: #eee;
    background-color: #555555a1;}

.brot .nav-side {flex-direction: row; justify-content: end;}
.brot .nav-side li {border-top: 0;}
.brot .nav-side li > a {padding: 6px 20px 6px 2px; font-size: 1.8rem; font-style: italic;}
.brot .nav-side li > a:not(.btn):hover {background: transparent;}
.brot .nav-side li.currentpage > a:not(.btn){color: #C4112F; font-weight: 600;}

@media (min-width: 1014px) and (max-width: 1200px) {
.brot .nav-side li > a {padding: 6px 10px 6px 2px; font-size: 1.5rem; }
}
/*######################### NaV #######################*/
.area-header .header-links .ls-icon + span {
    --my-ls-row-spacing: calc(2 * var(--my-ws-margin));
    margin-left: 5px;
}
.area-header .header-links > ul > li > a {
    color: #444;
    text-transform: none;
    font-size: 14px;
}
.nav-mega-menu .type-linksequence a {color: #000; font-size: 17px;}
.nav-mega-menu .type-linksequence a:hover {color: #C4112F;}
.nav-side li > a:not(.btn):hover {
  color: #C4112F; background: #f4f4f4;}
ul[aria-label="St. Gereon"] li:last-child a:before {content: "\f028"; font-family: forkawesome; margin-right: 5px;}
.nav-main-items > li > a {
        color: #444;
        text-transform: none; font-family: "Marcellus", serif; font-weight: 400;}

.nav-menu > li.expand.ed > a {
        color: #C4112F;
        background-color: #fff;
    }
.nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > li.active > a:hover {
        color: #EC923E;
        background-color: #fff;
    }
header.fh .h-logo {position: relative; top: 10px;}	
@media (min-width: 1400px) {
    header.fh.ls-2 .isfixed .h-logo {
        flex: 0 0 140px;
        max-width: 140px;
    }
}	
	
@media (min-width: 1014px) {
    header.fh.meta-right .header-links {margin-top: 10px;}
.area-header .sticky.csssetting > .isfixed {padding: 10px 0;}
    .nav-menu > li > a {
        padding: 12px 20px;}
		}
	
	
@media (min-width: 1014px) {
.nav-mega-menu .nav-side li > a {font-size: 17px;}
.max33 {        justify-content: center;}
.max33 .col-lg-6 {width: 33.33333333%;}
.max80 {max-width:80%; margin: 0 auto;}
    .nav-menu {border-top: solid 3px #C4112F;
        border-bottom: solid 3px #C4112F;}
		}
		
@media (max-width: 1013.98px) {
		 
    	.nav-main-container .nav-main-group .nav-main-items {border-top: 0;}
		.nav-main-items li.expand.ed > a {color: #C4112F;}
	    .nav-main-items > li > a {font-size: 17px;}
    	.nav-main-items .nav-menu li > a {font-size: 14px;}
		.nav-main-container {padding: 30px 27px 45px; background-color: #fff;}
		.nav-main-items li.expand > a[aria-controls]::after {background-color: transparent; color: #C4112F;}
		.nav-main-items li.active > a {background-color:transparent; color: #C4112F;}
		.nav-main-items li.active.expand.ed > a {background-color: #fff;}
		.nav-main-items li > a {border-bottom: 0;}
		.nav-main-items li.expand.ed {background-color: #fff;}
		.nav-main-items li.expand.ed > a {background-color: #fff; border-color: transparent;}
		
		#label_nav-main-addition{display: none;} 
		#nav_nav-main-addition {display: flex;}
		#nav_nav-main-addition.nav-menu > li > a {padding-left: 14px;}
		 li#nav-main-addition.expand.ed{background-color: transparent;}
		 #nav_nav-main-addition.nav-menu {max-height: unset;        margin: 20px 0;}
		 #nav_nav-main-addition a {background: #C4112F; color: #fff; margin-right: 6px;}
		}
		
		
		
		
.maplibregl-marker svg {display: none;}		
.maplibregl-marker {
  width: 33px;
  height: 47px;
  top: -14px;
    left: -10px;
  background: url(/.galleries/bilder/.system/marker.png) no-repeat 0 0;
}
#template-info::before {
  display: none;
 content: '{"main-theme":"#444", "main-theme-hover":"#dd0011", "map-color":["#C4112F","#A05C3E","#235789","#ac3931","#ada8b6","#ddd","#aaa","#eee","#888","#fff","#000","#aaa"], "map-style":[{"featureType":"all","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#000"}]},{"featureType":"landscape.natural","elementType":"all","stylers":[{"lightness":"75"},{"gamma":"1.00"}]},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"color":"#d8ded8"},{"saturation":"-30"},{"lightness":"0"},{"gamma":"1"}]},{"featureType":"poi.business","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.park","elementType":"geometry.fill","stylers":[{"color":"#CC1E1C"}]},{"featureType":"road","elementType":"labels.icon","stylers":[{"visibility":"on"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#fafafa"}]},{"featureType":"water","elementType":"geometry.fill","stylers":[{"color":"#a5b1be"}]}]}'; }
 
 
/*######################### Offset-Elemente #######################*/
.clippo {clip-path: polygon(100% 3%, 100% 53%, 100% 100%, 0 100%, 0% 50%, 0 0); margin-bottom: 0;}
.clippo2 {clip-path: polygon(100% 0, 100% 53%, 100% 100%, 0 100%, 0% 50%, 0 3%); margin-bottom: 0;}
.verlauf {background-image: linear-gradient(to right, #e6d9cf, #eaded6, #eee4dd, #f1e9e4, #f5efeb); background-image: linear-gradient(to right, #f3ede9, #f5f0ec, #f6f3ef, #f8f5f3, #faf8f6);}
.box.white {        box-shadow: 2px 6px 13px -10px rgb(0 0 0 / 30%);
        border-left: 4px solid #C4112F; background-color: #fff;}
.box.white .piece-heading {color: #000;}
.type-contact.box a, .box .piece-heading {color: #fff;}
.box.hp .btn, .box.bp .btn, .box.verein .btn   {    background-color: transparent; border: 1px solid #fff}
.box.off {padding: 40px; display: flex; align-items: center; flex-direction: column; }
.box.rot {background-image: linear-gradient(to top, #c4112f, #ba102d, #b00f2a, #a60e28, #9c0d25); color: #fff;}
.box.orange {background: linear-gradient(to top, #f39200 6%,#f39200 33%,#df8600 99%);     background: linear-gradient(to top, #ffa927 6%, #f39200 33%, #da8300 100%); color: #fff;}
.box.hp {background: linear-gradient(to top, #bccf02 6%,#bccf02 33%,#aabc02 99%); background: linear-gradient(to top, #bccf02 6%, #a5b602 33%, #a5b602 99%);}
.box.off .link {    width: 100%;}
.box .link a {color: #fff; font-weight: 500; font-style: italic;}
.box.orange .intro-headline, .box.orange .hours-heading, .box.rot .intro-headline, .box.rot .hours-heading {color: #fff;}
.box.rot .facility-icons .acc-icon {border: 0px solid #fff; border-radius: 50%;}
.box.rot .btn, .box.orange .btn {border: 1px solid #fff; background-color: transparent;}
.box.verein h2, .box.bp h2, .box.hp h2, .box.verein h3, .box.bp h3, .box.hp h3, .box.verein .body, .box.bp .body, .box.hp .body, .box h4, .box.verein .text-box, .box.bp .text-box, .box.hp .text-box, .box.verein li, .box.bp .li, .box.hp li {color: #fff;}
.flex-col .box {flex-grow: 1 !important;}
.box p a {color: #fff; text-decoration: underline;}
.box.piece > .body + .link, .box.piece > .body .text + .link, .btn-wrap-geheim .text + .link {
        justify-content: flex-start;
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end; margin-top: 25px;
}
.facility-icons {--my-acc-icon-size: 4.5rem;
    --my-acc-font-size: 3rem;}
.facility-icons .acc-icon {
    color: #A00E26;
    background-color: #fff;
    font-size: 3rem;
}

@media (min-width: 1014px) {
	.box.off {padding: 40px; display: flex;     justify-content: center; }


}
@media (min-width: 1400px) {
	.box.off {padding: 70px;}

}
/*######################### Zitat #######################*/
.zitat {  font-family: "Marcellus", serif; font-weight: 400;  font-size: 2.5rem;}

@media (min-width: 1400px) {
.zitat {font-size: 3.5rem;}
.max80 .zitat {font-size: 2.5rem;}
}
@media (max-width: 1013.98px) {
.zitat {font-size: 1.8rem;}
}
@media (max-width: 763.98px) {
.zitat {font-size: 1.6rem;}
}

/*######################### Rows #######################*/
.row.centa{align-content: center;
    align-items: center;}
/*######################### Slider #######################*/

.type-slider .slider-box {--my-slider-bg: 192, 10, 38; --my-slider-bg-opacity: 1;}
.type-slider .slide-wrapper .caption .titlecaption, .type-slider .slide-wrapper .caption small {font-weight: 300; text-shadow: none;}
.type-slider .slide-wrapper .caption .titlecaption {font-family: "Marcellus", serif; font-weight: 400; font-size: 3.3rem;}
@media (min-width: 764px) {
  .type-slider .slide-wrapper .visual {
    position: relative;
    max-width: 67%;
  }
      .type-slider.cap .slide-wrapper .visual {
      
        max-width: 67%;
    }
  .type-slider .slide-wrapper .caption small {
        font-size: 2.5rem;}
.type-slider .slide-wrapper .caption.right {        padding: 30px;
  right: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 40%; /*height: 100%;*/
}
.type-slider.cap .slide-wrapper .caption.right {width: 40%;
        /* height: 100%; */
        background: #fff;    box-shadow: 2px 6px 13px -10px rgb(0 0 0 / 30%);
        border-right: 4px solid #C4112F; }
.type-slider.cap .slide-wrapper .caption .titlecaption, .type-slider.cap .slide-wrapper .caption small {color: #222;}
}

.type-slider .slide-wrapper .copyright {
font-size: 9px;
    font-weight: 400;
    padding: 4px;
    opacity: 0.9;
    color: #eee;
    background-color: #555555a1;
}
.slider-nav-btn.prev-btn::before, .slider-nav-btn.next-btn::before {
    background-image: none;
}
.slider-nav-btn::before {
    content: "\f104";
    display: block;
    width: 50px;
    height: 50px;
    background-size: 50px; font-family: 'Fontawesome'; color: #444; font-size: 50px;
}
.slider-nav-btn.prev-btn {
    left: 20px;
    bottom: 40.35%; 
}
.slider-nav-btn.prev-btn:before {color: #fff;}
.slider-dots {bottom: 20px;}
.slider-dots button::before {border: 10px solid #f2f2f2; border-radius: 50%; background-image: unset;}
.slider-dots button.active::before {border: 10px solid #B8102C;}

@media (max-width: 763.98px) {
.type-slider.text-below-on-xs .captions {
        background-color: transparent;}
.type-slider.text-always-on-slide .slide-wrapper .caption.middle {top:75%;}
.type-slider.text-below-on-xs .slide-wrapper .caption.right {width: 100%;}
.type-slider.text-always-on-slide .slide-wrapper .caption.right {right: unset !important;         max-width: 270px;
        padding: 15px;
        text-align: center;}
    .type-slider .slide-wrapper .caption .titlecaption, .type-slider .slide-wrapper .caption small {color: #222;    }
.type-slider .slide-wrapper .caption.right {  background: #fff;
        box-shadow: 2px 6px 13px -10px rgb(0 0 0 / 30%);
        border-right: 4px solid #C4112F;}
.type-slider .slide-wrapper .caption .titlecaption {font-size: 2.3rem;}
 .type-slider .slide-wrapper .caption small {font-size: 1.6rem;}
 .type-slider.text-below-on-xs .slide-wrapper .caption {padding: 20px 20px 0;}
.slider-dots {display: none !important;}
}

@media (max-width: 551.98px) {
.type-slider .slide-wrapper .caption .titlecaption{font-size: 2rem;}
.type-slider .slide-wrapper .caption small {font-size: 1.4rem;}
}


@media (min-width: 763.98px) and (max-width: 1200px) {
    .type-slider .slide-wrapper .caption small {
        font-size: 1.8rem;
    }
	.type-slider .slide-wrapper .caption .titlecaption {font-size: 2.1rem;}
}
/*######################### Zitat-Slider #######################*/
.testimonial.type-slider .slide-wrapper .caption small {
        font-size: 85%;
        font-style: italic;
        padding-top: 15px;
    }
@media (min-width: 764px) {
.testimonial.type-slider .slide-wrapper .copyright {bottom: 80px;}
.testimonial.type-slider .slide-wrapper .visual  {padding-bottom: 80px; top: 80px;}
    .testimonial.type-slider .slide-wrapper .visual, .testimonial.type-slider .slide-wrapper .caption.right {max-width: 50%;}
	.testimonial.type-slider .slide-wrapper .caption.right {top:0; padding: 70px;
        margin-bottom: 80px;}
	
	.testimonial.type-slider .slider-nav-btn::before {color: #fff;}
}
@media (min-width: 763.98px) and (max-width: 1200px) {
.testimonial.type-slider .slide-wrapper .caption.right {padding: 30px;}

}



/*######################### events #######################*/
.list-pagination .btn-append {max-width: max-content; margin: 0 auto; margin-top: 40px;}
.intro-headline > .intro {font-size: 80%; font-weight: 500; margin-bottom: 10px;}
.teaser .teaser-text {    font-size: 80%;}
.teaser-tile .teaser.piece > .body {padding: 0 15px; border-left: 3px solid #EC923E;}
.teaser.teaser-text-tile.type-event .teaser-date {font-size: 100%;  background: #fffF;  color: #444;  padding: 7px 12px; font-weight: 400;     border-right: 4px solid #C4112F;         font-family: "Marcellus", serif;}

.detail-page .detail-visual .visual-info .infogroup, .detail-page .detail-visual .visual-info .info {background-image: linear-gradient(to bottom, #c4112f, #c51834, #c71e39, #c8233e, #c92843);
    color: #fff;
   
    font-weight: 400;}
.detail-page .detail-visual .visual-info .infogroup, .detail-page .detail-visual .visual-info .info.location { padding: 20px;}
.detail-page .detail-visual .visual-info .info.location {background: linear-gradient(to top, #ffa927 6%, #f39200 33%, #da8300 100%);}
.detail-addition.ser-poi{box-shadow: 0px 1px 4px 1px rgb(0 0 0 / 14%);
    padding: 30px;
    margin-top: 40px;}
.detail-page.type-article .sub-header {display: none;}
@media (min-width: 763.98px) {
.detail-page.type-event .detail-content {margin: 50px 0;}
.detail-page .detail-visual .visual-info .infogroup {margin-right: 10px;}
.detail-page .detail-visual .visual-info .info.location {margin-left: 10px;}
    .detail-page .detail-visual.full .visual-info {
        flex-direction: row;
        justify-content: flex-start; margin-top: 20px;
    }
.detail-page .detail-visual.full .visual-info .infogroup, .detail-page .detail-visual.full .visual-info .date {
        order: 0;
    }
	.teaser.teaser-text-tile.type-event .teaser-date {font-size: 100%;  position: absolute; top: -20px; right: -4px; }
	.teaser-tile .teaser.piece {overflow: visible;}
	.row.tile-margin-30 {
    --my-gutter-x: 60px;     --my-gutter-y: 70px;}
	.detail-page .detail-visual.full:not(.pnv) .visual-info.right {
        justify-content: flex-start;
        margin: 30px 0;
    }
}
@media (max-width: 763.98px) {
.teaser-tile .teaser.piece.type-event {margin-bottom: 30px;}
.teaser .teaser-text {font-size: 100%;}
}
@media (max-width: 551.98px) {

}
/*######################### contacts #######################*/
.box.rot.type-contact .fn.n, .box.orange.type-contact .fn.n {color: #fff;}
.type-contact.box.white a {color: var(--my-body-color);}
.type-contact .tel, .type-contact .email {padding-left: 30px;}
.type-contact .phone .tel:before, .type-contact .mobile .tel:before {background: url(/.galleries/bilder/.system/fone.png) no-repeat 0 0; content: '';}
.type-contact .email:before {background: url(/.galleries/bilder/.system/at.png) no-repeat 0 0; content: '';}
.type-contact .phone .tel:before, .type-contact .email:before,  .type-contact .mobile .tel:before {
    position: absolute;
    top: 4px;
    right: 0;
    bottom: 0;
    left: 0px; background-size: 20px;}
.type-contact .tablerow > span.icon-label {display: none;}
.type-contact .tablerow {    position: relative;}
/*######################### Foot #######################*/
.dot-wrapper { max-width: 44%; display: flex; justify-content: space-between;     margin: 0 auto;}
.dot {    height: 4px;  max-width: 154px; width: 100%;  /*margin: 0 10px;*/}
.dot.one {background: #C4112F;}
.dot.two {background: #EC923E;}
.area-foot .topfoot {background-color: #fff;}
.area-foot .subfoot {background-color: #fff;}
.area-foot .subfoot .type-linksequence {display: flex;
    justify-content: center;}
.area-foot .subfoot .type-linksequence a, .area-foot .subfoot {color: #444;}

.redline:before {content:''; height: 2px;
    max-width: 100%;
    width: 100%; background: #C4112F; transform: rotate(-0.7deg);     display: flex;
     position: absolute;
    left: 0;
    overflow-x: clip;}
.redline.two:before{transform: rotate(0.7deg);}
.redline.two.orange:before{transform: rotate(0.7deg);}
.redline.orange:before {background: #EC923E;}
.redline.double:after{content:''; height: 2px;
    max-width: 100%;
    width: 100%; background: #EC923E;     display: flex;
     position: absolute;
    left: 0;
    overflow-x: clip;transform: rotate(0.5eg);}
.redline.double:before {transform: rotate(-1.7deg);}
/*########################## Link Kachel #################################*/
.element.tile-col .full-overlay {max-width: max-content;}
.tile-col .full-overlay.boxbg-overlay .piece
 {border-left: 3px solid #EC923E;
    font-family: "Marcellus", serif; font-weight: 400;);
    background-color: #fff;}
.element.tile-col .content-box {overflow: visible;z-index: 5;}
.element.tile-col .full-overlay .piece {
    margin: 0;
}
.element.tile-col .full-overlay { top: -23px;
    left: -3px;}
/*########################## Normal-AC ###################################*/
.accordion .acco-header .acco-toggle { padding: 1.5rem 1.5rem; padding-left: 30px; font-weight: 400; overflow: visible; background-color: #fff;     border-radius: 10px;}
.accordion .acco-header .acco-toggle:hover {    color: #C4112F;
    background-color: transparent;}
.accordion .acco-header .acco-toggle[aria-expanded=true] {    color: #C4112F;
    background-color: transparent;border-color: var(--my-body-bg);}
.accordion .acco-header .acco-toggle::before {font-family: ForkAwesome; font-weight: 300; line-height: .8; text-rendering: auto; content: "\f068"; position: absolute; display: flex; justify-content: unset;
    align-items: unset; top: 18px;    top: 21px; height: auto; transform: none; transition: transform .33s; right: unset; left: -18px;left: -13px; color: var(--my-main-theme); color: #EC923E;font-size: 4rem; font-size: 3rem;padding: 0; background-color: transparent;}
.accordion .acco-header .acco-toggle.collapsed::before {content: "\f067"; font-family: ForkAwesome; transform: rotate(360deg); top: 18px; top: 21px;
   transition: transform 0.33s;}
.accordion .acco-header .acco-toggle:hover::before {color: var(--my-main-theme);}
.accordion .acco-header .acco-toggle.collapsed::after, .accordion .acco-header .acco-toggle::after {display: none;}
.colored-row .accordion .acco-header .acco-toggle::before, .colored-row .accordion .acco-header .acco-toggle:hover, .colored-row .accordion .acco-header .acco-toggle:hover::before, .colored-row .accordion .acco-header .acco-toggle[aria-expanded=true] {color: #C4112F;}
.accordion .acco-body {padding: 10px 30px 30px;
    background-color: #fff; }
.accordion {--my-at-border: 0;}
.accordion {box-shadow: none; --my-at-margin-between: 1.5rem; margin-left: 18px; border-radius: 10px; border: 1px solid #EC923E;}

@media (max-width: 1013.98px) {
.accordion .acco-header .acco-toggle {font-size: 1.8rem;}
.accordion .acco-header .acco-toggle.collapsed::before, .accordion .acco-header .acco-toggle::before {font-size: 3rem;}
}

@media (max-width: 763.98px) {
.accordion .acco-header .acco-toggle {font-size: 1.6rem;}
.accordion .acco-header .acco-toggle.collapsed::before, .accordion .acco-header .acco-toggle::before {font-size: 2.5rem;}
}


@media (min-width: 1014px) {
.accordion .acco-header .acco-toggle {
    font-size: 2.7rem;}
}

/*########################## Bild-AC ###################################*/
.variant-tile-accordion .tile-col.freefloat .copyright {bottom: unset; top: 0; font-size: 9px;
    font-weight: 400;
    padding: 4px;
    opacity: 0.9;
    color: #eee;
    background-color: #555555a1;}
.variant-tile-accordion.show-border .collapse-trigger.collapsed .content-box, .variant-tile-accordion.text-below .collapse-trigger .content-box {overflow: visible;}
.variant-tile-accordion.text-below .collapse-trigger .text-overlay {border-left: 3px solid #EC923E; max-width: max-content;
    top: -22px; left: -3px;     
}
.variant-tile-accordion .collapse-container {    left: -3px;
    position: relative;}
.variant-tile-accordion.show-button .collapse-target.show::before {height: 0;}
.variant-tile-accordion.show-border .collapse-trigger .content-box {
    outline: 0;}
.variant-tile-accordion.show-button .collapse-trigger .trigger-item::after {color: #fff;
    background-color: #C4112F; top: 20px; left: 96%;
    z-index: 99; position: relative;
    margin-top: -50px;}
.variant-tile-accordion .box.white {border-left: 3px solid #EC923E; padding-bottom: 30px;}
.variant-tile-accordion.text-below .collapse-trigger[aria-expanded="true"] .content-box .image-src-box.presized.use-ratio {box-shadow: -3px 0px 0px 0px #EC923E;}


@media (max-width: 763.98px) {
.variant-tile-accordion.show-button .collapse-trigger .trigger-item::after {left: 50%; font-size: 15px;
    width: 30px;
    height: 30px;}
}
h1 {    hyphens: none !important;}

@container tile-col (min-width: 0px) {
    .variant-tile-accordion .collapse-trigger .piece-heading {
        font-size: calc(10px + 12 * clamp(0px, (100cqw - 100px) / 200, 1px));
        font-family: "Marcellus", serif;
        font-weight: 400;}
		}