@import url('/.themes/font.css');
:root, .box-body-base, .box-body {
    --my-body-bg: #fff;
    --my-body-bg-rgb: 255, 255, 255;
    --my-body-color: #444;
    --my-body-color-rgb: 68, 68, 68;
    --my-link-color: #36a9e1;
	--my-body-font-weight: 300;
	--my-headings-color: #555;
	--my-main-theme-base: #36A9E1;
	--my-main-theme: #36A9E1;
	--my-main-theme-hover: #36A9E1;
	/*--my-font-family-headings: font-family: "Bree Serif", serif;*/
	}
	
.btn:hover {opacity: .8; color: #fff;}	
.check li:last-child {margin-bottom: 15px;}
.foot-img img {max-width: 220px;}
.foot-img .visual {display: flex; justify-content: center;}
h1, h2, h3, h1 strong, h2 strong, h3 strong, h4, h4 strong {font-family: "Bree Serif", serif; font-weight: 400;}
body { font-family: "Figtree", sans-serif; font-size: 1.8rem;}
small, .small {
    font-size: 0.875em;
    font-weight: 300;
}
h1 {font-size: 3rem;}
h2 {font-size: 2.5rem; }
h1 strong, h2 strong, , h3 strong {color: #36a9e1; font-weight: 400;}
b, strong {font-weight: 600;}
h1 strong, h2 strong, h3 strong {color:#36A9E1; }
.heide  h1 strong, .heide h2 strong, .heide h3 strong {color: #BCCF02; font-weight: 400;}
.burg  h1 strong, .burg h2 strong, .burg h3 strong {color: #f39200; font-weight: 400;}
a {color: #36a9e1;}
.box a {color: #fff;}

@media (min-width: 1014px) {
 h1 {font-size: 4rem; padding-bottom: 20px;}
 h2 {font-size: 3.5rem; padding-bottom: 20px;}
h3, .h3, .type-liturgy .calendar-simple, .accordion .sub-header, .onclick-activation .oa-heading {font-size: 3rem; font-weight: 400; font-family: "Bree Serif", serif;}
.type-contact h3, h4 {font-size: 2.5rem; padding-bottom: 0; font-weight: 400; font-family: "Bree Serif", serif;}
 
 body {font-size: 2.2rem;}
 }

@media (max-width: 1013.98px) {
h1 {font-size: 2rem;}

    h2, .h2 {
        font-size: 2rem;
    }
	h3, .h3, .type-liturgy .calendar-simple, .accordion .sub-header, .onclick-activation .oa-heading {font-size: 1.8;}
	body {font-size: 1.6rem;}
	.btn {font-size: 1.6rem;}
}


/*######################### Buttons #######################*/
.btn {font-size: 1.8rem; font-weight: 400;}

.piece.pac.only-link > .link {
        text-align: center;
    }
.burg .btn {background-color: #F39200;}
.heide .btn {background-color: #BCCF02;}

/*######################### Nav #######################*/
.nav-side li {border-top: 0;}
.nav-main-items .heide a {background-color: #BCCF02; color: #fff;}

.nav-main-items .heide .nav-menu a {background-color: #BCCF02; color: #fff;}
.nav-main-items .ver a {background-color: #36A9E1; color: #fff;}
.nav-main-items .burg a {background-color: #f39200; color: #fff;}
.heidep .nav-side li > a:not(.btn):focus, .heidep .nav-side li > a:not(.btn):hover, .heidep .nav-side li > a:hover, .heidep .nav-side li > a:focus {
    color: #BCCF02 !important;
    background: #fff;}
.nav-mega-menu .heidep .nav-side li > a {
    color: #fff;
    background: #BCCF02;}
.burgp .nav-side li > a:not(.btn):focus, .burgp .nav-side li > a:not(.btn):hover, .burgp .nav-side li > a:hover, .burgp .nav-side li > a:focus {
    color: #f39200 !important;
    background: #fff;}
.nav-mega-menu .burgp .nav-side li > a {
    color: #fff;
    background: #f39200;}
.vereins .nav-side li > a:not(.btn):focus, .vereins .nav-side li > a:not(.btn):hover, .vereins .nav-side li > a:hover, .vereins .nav-side li > a:focus {
    color: #36A9E1 !important;
    background: #fff;}
.nav-mega-menu .vereins .nav-side li > a {
    color: #fff;
    background: #36A9E1;}
header.fh.nav-disp-default.nav-right .nav-main-items > li.heide > a, header.fh.nav-disp-default.nav-right .nav-main-items > li.burg > a, header.fh.nav-disp-default.nav-right .nav-main-items > li.ver > a {padding: 6px 20px;}
header.fh.nav-disp-default.nav-right .nav-main-items > li > a {padding: 6px 0;}

@media (min-width: 764px) {


}
.nav-main-items > li > a:hover, .nav-main-items > li.active > a, .nav-main-items > li.active > a:focus, .nav-main-items > li.active > a:hover {color: #36A9E1;}
.nav-main-items > li.heide a:hover, .nav-main-items > li.burg a:hover, .nav-main-items > li.ver a:hover, .nav-main-items > li.burg.expand.ed a:hover,  .nav-main-items > li.heide.expand.ed a:hover, .nav-main-items > li.ver.expand.ed a:hover, .nav-main-items > li.heide.expand.ed > a, .nav-main-items > li.burg.expand.ed > a, .nav-main-items > li.ver.expand.ed > a {color: #fff;}
.nav-main-items > li.active > a {color: #36a9e1;}
.nav-main-items > li.burg.active > a, .nav-main-items > li.heide.active > a, .nav-main-items > li.ver.active > a {color: #fff;}
@media (min-width: 1014px) {
.nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > li.active > a:hover,    .nav-main-items > li > a:focus, .nav-main-items > li > a:hover, .nav-main-items > li.active > a, .nav-main-items > li.active > a:focus, .nav-main-items > li.active > a:hover, .nav-main-items > li.expand.ed > a, .nav-main-items > li.expand.ed > a:focus, .nav-main-items > li.expand.ed > a:hover {
        text-decoration: none;
        color: #36a9e1;}
    header.fh.header-isfixed.fix-overlay .h-logo::before, header.fh.header-isfixed.fix-overlay .h-logo::after {box-shadow: none;}
header.fh.ls-3 .isfixed .h-logo {
        flex: 0 0 200px;
        max-width: 200px;
    }
.heide header.fh.ls-3 .isfixed .h-logo {
        flex: 0 0 205px;
        max-width: 205px;
    }
.burg header.fh.ls-2 .isfixed .h-logo {
        flex: 0 0 100px;
        max-width: 100px;
    }
.burg header.fh.ls-2 .h-logo {
        flex: 0 0 150px;
        max-width: 150px;
    }
.nav-menu {border-top: 0; border-bottom: 0;}
.nav-main-items > li.expand > a::after {display: none;}
		    header.fh .nav-main-container {
        flex-basis: auto;
        flex-grow: 1;
        margin-bottom: 15px;
    }
	.nav-mega-menu .nav-side li > a:before {content: "\f101"; font-family: 'ForkAwesome'; margin-right: 5px;}
        .nav-mega-menu .nav-side li > a {
		margin-bottom: 5px;
		padding-left: 15px;
        color: #444;
        background-color: transparent;
        width: 100%;
        font-size: 2rem;
        font-weight: 400;
    }
    .nav-main-items > li > a {
        color: #444;
        text-transform: uppercase;
        font-size: 1.8rem;
        font-weight: 400;
        line-height: 1;
        font-family: "Figtree", sans-serif;}
	.nav-main-items > li {
		margin-left: 20px;}
		}
@media (max-width: 1199.98px) and (min-width: 1014px) {
  .nav-main-items > li > a {font-size: 1.4rem;}
	}
@media (max-width: 1013.98px) {
    .nav-main-items li.expand > a[aria-controls]::after {
        background-color: transparent;}
	header.fh.nav-disp-default.nav-right .nav-main-items > li > a {
    padding: 6px 15px;
}

    .nav-main-items .burg a {
        background-color: #fff;
        color: #444;
    }
	.nav-main-items .burg a {
    background-color: #f39200;
    color: #fff;
}
	.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a

 {
        
        background-color: transparent;}
	    .nav-main-items li.heide.active.expand.ed > a, .nav-main-items li.heide.active > a, .nav-main-items li.heide.expand.ed > a {
        background-color: #BCCF02; color: #fff;}
		.nav-main-items li.burg.active.expand.ed > a, .nav-main-items li.burg .active > a, .nav-main-items li.burg.expand.ed > a {
        background-color: #F39200; color: #fff;}
		.nav-main-items li.ver.active.expand.ed > a, .nav-main-items li.ver .active > a, .nav-main-items li.ver.expand.ed > a {
        background-color: #36A9E1; color: #fff;}
    }
/*######################### Slider #######################*/
.slider-nav-btn.prev-btn::before, .slider-nav-btn.next-btn::before {
    background-image: url("/.galleries/bilder/.system/prev2.png"); background-repeat: no-repeat; background-color: #009640; background-position: center center;}
.slider-nav-btn::before {width: 60px;
    height: 60px;
    background-size: 45px;
    border-radius: 50%;
}
.type-slider .slide-wrapper .visual {
    position: relative;
    max-width: 50%;
}
.type-slider.logo-slider .slide-wrapper .visual {
      max-width: unset;
}
.type-slider .slider-box {--my-slider-bg-opacity: 0;}
.type-slider .slide-wrapper .caption {

    transition: opacity 1.5s linear;
    opacity: 0;
    width: 41.6%;
    height: 100%;
}

.type-slider .slide-wrapper .caption.right {
    right: 0;
    text-align: center;     display: flex;
    flex-direction: column;
    justify-content: center;
}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption small {
    color: #fff;  text-shadow: none;}

/*.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption small {color: #555;
    text-shadow: none;}*/

.type-slider .slide-wrapper .caption small {font-family: "Figtree", sans-serif;
        line-height: 1.5;
        font-weight: 300;
    }
.type-slider .slide-wrapper.slide-active .caption strong {font-family: "Bree Serif", serif; font-weight: 400; margin-bottom: 20px;}
.heide .type-slider .slide-wrapper.slide-active .caption {background: linear-gradient(to top, #bccf02 6%, #a5b602 33%, #a5b602 99%);}
.burg .type-slider .slide-wrapper.slide-active .caption {    background: linear-gradient(to top, #ffa927 6%, #f39200 33%, #da8300 100%);}



.type-slider .slide-wrapper.slide-active .caption {background: linear-gradient(to top, #36a9e1 6%,#1f97d1 33%,#0f70b7 99%);}
@media (min-width: 764px) {
.head-slider.use-embla-slider.hero-slider .slide-wrapper.slide-active .caption {border-radius: 50%; background: #BCCF02 url("/.galleries/bilder/.system/favicon.png"); background-repeat: no-repeat; background-size: 100%;}

.head-slider img {border-radius: 50%;}
.type-slider .slide-wrapper .visual {
    position: relative;
    max-width: 58.4%;
}
.type-slider.logo-slider .slide-wrapper .visual {
      max-width: unset;
}

    .type-slider .slide-wrapper .caption strong {
        font-size: 3.5rem;
        text-align: left;
    }
}

@media (max-width: 1199.98px) {
	.type-slider .slide-wrapper .caption small {font-size: 1.8rem;}
	.type-slider .slide-wrapper .caption strong {font-size: 3rem;}

}
@media (max-width: 1399.98px) {
	.type-slider .slide-wrapper .caption small {display: none;}
	}
@media (max-width: 1013.98px) {
	.type-slider .slide-wrapper .caption.right {padding: 30px;}
	.type-slider .slide-wrapper .caption strong {font-size: 2rem;}

}
@media (max-width: 763.98px) {
    .type-slider.text-below-on-xs .captions .caption {width:100%; display: none;}
	.type-slider.text-below-on-xs .visual {max-width:100%;}
	    .type-slider.text-below-on-xs .captions {
        background-color: transparent;}
	}
@media (min-width: 1014px) {	
	.type-slider .slide-wrapper .caption small {
        font-size: 2.2rem;         text-align: left;}
		}

@media (min-width: 1014px) {
    .type-slider .slide-wrapper.slide-active .caption {
        padding: 40px;}
		}
@media (min-width: 1400px) {
    .type-slider .slide-wrapper.slide-active .caption {
        padding: 70px;
    }
}

@media (max-width: 1399.98px) and (min-width: 1014px) {
 .type-slider .slide-wrapper .caption, .type-slider .slide-wrapper .visual {width: 50%;}

}
/*######################### Two-Cols #######################*/
@media (min-width: 1014px) {
.two-cols .link {display: flex;
    justify-content: flex-end;}
.two-cols.piece > .body {column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
column-gap: 60px;
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-rule: 2px dotted #ccc;
-webkit-column-rule: 2px dotted #ccc;
-moz-column-rule: 2px dotted #ccc;}

}
.box.piece > .body + .link, .box.piece > .body .text + .link {
        justify-content: flex-start;
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end; margin-top: 15px;
}
/*######################### Gallery #######################*/
.type-imageseries > .series > button.btn {
    
    max-width: max-content;
    margin: 0 auto;
    margin-top: 20px;
}
.type-imageseries {
    --my-is-square-margin: 8px;}

/*######################### Counter #######################*/
.features:after {display: none;}
.para h2 {color: #fff;}
.row-count {max-width: 80%;margin: 0 auto; color: #fff;}
.features span.counter {font-size: 85px;  font-weight: 600;display: inline-block; margin-bottom: -20px}
.features-info {display: block; font-size: 20px; font-weight: 400; padding-top: 20px; border-top: 2px solid #fff; max-width: 80%; margin: 0 auto; margin-top: 20px; color: #fff;}
.features {text-align: center;}
.counter-plus {font-weight: 500; font-size: 30px;}

@media (max-width: 549.98px) {
	.features span.counter {font-size: 60px;}
	.features-info {font-size: 17px;}
}

/*######################### Offset-Elemente #######################*/
.type-contact.box a {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; max-width: max-content;}
.box.verein {background: linear-gradient(to top, #36a9e1 6%, #1f97d1 33%, #0f70b7 99%);}
.box.bp {background: linear-gradient(to top, #f39200 6%,#f39200 33%,#df8600 99%);     background: linear-gradient(to top, #ffa927 6%, #f39200 33%, #da8300 100%);}
.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.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;}

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


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

}
/* ######## MODAL FLAGS ######## */
.btn-wrap {display: flex; transform: rotate(-90deg); position: fixed; overflow: visible; right: -159px; top: 50vh; max-width: max-content; z-index: 1140;-webkit-transform-origin: 53% 51%; }
.btn-wrap .btn {margin-right: 5px; border-radius: 0; font-size: 20px; color: #fff !important; padding: 10px 16px; font-weight: 400;}
.btn-wrap .btn.active, .btn-wrap .btn:focus, .btn-wrap .btn:hover {background-color: #666; color: #fff; }
.btn-wrap .btn.color1{background-color: #36A9E1; color: #fff;}
.btn-wrap .btn.color2{background-color: #888; color: #fff;}
.btn-wrap .btn.color3{background-color: #1680C1; color: #fff;}
.btn-wrap .fa:before{margin-right: 10px;}
.modal .fa {text-align: left;}
.modal .color1{background: linear-gradient(to top, #36a9e1 6%, #1f97d1 33%, #0f70b7 99%); padding: 30px;}
.modal .color2{background: linear-gradient(to top, #bccf02 6%, #a5b602 33%, #a5b602 99%); padding: 30px;}
.modal .color3{background: linear-gradient(to top, #ffa927 6%, #f39200 33%, #da8300 100%); padding: 30px;}
.fa-envelope-o{padding-top: 10px;}
.m-det{display: grid; }
.m-tel, .m-mail {    font-family: "Figtree", sans-serif; font-weight: 300;}
.modal {--my-modal-width: 1000px; }
.modal {box-shadow:0px 4px 16px 0px rgba(0,0,0,0.36); color: #fff; }
.modal h3{color: #fff; padding-bottom: 5px;     text-align: left;}
.modal-content {background: transparent;border-radius: 15px 0;}
.modal-text {line-height: 1.15; font-size: 19px;}
.modal-body { padding: 0; text-align: center; font-weight: 400; margin-top: -15px; font-size: 22px; display: inline-flex;}
.modal-body a.btn {position: relative; display: inline-flex;  background: #7E2A42; color: #fff !important; margin-bottom: -4px; border-radius: 10px 0; font-size: 20px !important;font-weight: 400; border: 0; box-shadow:0px 4px 16px 0px rgba(0,0,0,0.36);}

.modal .fa:before{margin-right: 7px;}

.modal-body a.btn:after {font-size: 20px;font-family: ForkAwesome; margin-left: 12px;}
.modal-body a.btn.jobs:after {content: "\f234";}
.modal-body a.btn.spende:after {content: "\f004";}
.modal-backdrop{opacity:0.7 !important;}
.modal-backdrop + .modal-backdrop {display: none;}
.modal-header .btn-close {position: relative; right: -14px; top: -16px; border: 0; background: #fff; font-size: 20px; font-weight: 400; color: #444; max-width: max-content; padding: 7px 10px; line-height: 1; border-radius: 50%; box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 17%);}
.modal-header .btn-close:before{content: "\f00d"; font-family: ForkAwesome;}
.modal img {max-width: 100%; margin-bottom: 20px; border-radius: 15px 0;}

@media (max-width: 763.98px) {
.btn-wrap {display: flex; transform: rotate(0deg); right: unset; top: unset; bottom: 0;}
.btn-wrap .btn {font-size: 1.2rem; border: 1px solid #fff; border-bottom: 0;}
.modal-body{display: block;}

}
/*######################### Jobs #######################*/
.detail-page.type-job .detail-visual p {border: 1px solid #00497b; max-width: max-content; color: #00497b; padding: 3px 12px; font-weight: 400;}
.type-job .detail-content .paragraph {border: 1px solid #ccc; padding: 30px;}

/*######################### News #######################*/
.intro-headline > .intro {font-weight: unset;}
.teaser-text-tile.type-decoy.in-list .headline:after {
    content: "\f14c";
    display: inline-block;
    font: normal normal normal 14px/1 ForkAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #36a9e1;
    margin-left: 7px;
}
.teaser .list-badge {display: none;}
h3.intro-headline {padding-bottom: 0;}
.teaser .teaser-date {font-weight: 600;}
.teaser-tile .teaser.piece {overflow: visible;}
.list-pagination .btn-append {
    padding: 0.6rem 1.2rem;
    display: block;
    width: unset;
    margin: 0 auto;}
/*.square-col-list .square-col .content {border-radius: 20px 0;}*/
.teaser-tile .teaser.piece > .body {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
	background: #fff;
    padding: 20px;
	font-size: 1.6rem;
}
.masonry-list .teaser-tile .teaser.piece > .body {
    flex-grow: 0;}
.burg .intro-headline > .intro {color: #F39200;}
.heide .intro-headline > .intro {color: #BCCF02;}
.teaser-tile .teaser.piece > .visual {
    margin-bottom: 0.8rem;}
.area-wide .calendar-sheet .day-name, .area-wide .calendar-sheet .month-year {padding: 0px; font-family: "Bree Serif", serif; font-weight: 400; color: #36A9E1;}
.calendar-sheet {
    background-color: #fff;}
.burg .area-wide .calendar-sheet::before {background-color: #F39200;}
.burg .calendar-sheet > .day-number {color: #F39200;}
/*######################### Lotse #######################*/
.tile-col .text-overlay h1, .tile-col .text-overlay h2, .tile-col .text-overlay h3, .tile-col .text-overlay h4, .tile-col .text-overlay div, .square-col .text-overlay h1, .square-col .text-overlay h2, .square-col .text-overlay h3, .square-col .text-overlay h4, .square-col .text-overlay div {text-shadow: none;}
.lotse .tile-col .text-overlay {padding: 30px; height: 100%; display: flex; justify-content: center; align-items: center;}
.lotse .tile-col .content-box {border-radius: 50%; max-width: 70%; margin: 0 auto; outline-offset: 4px;}
.lotse .tile-col .bp.content-box {outline: 5px solid #f39200; }
.lotse .tile-col .hp.content-box {outline: 5px solid #BCCF02;}
.tile-col .bp .text-overlay, .square-col .bp .text-overlay {background-color: #f39200;}
.tile-col .hp .text-overlay, .square-col .hp .text-overlay {background-color: #bccf02;}
@media (min-width: 1014px) {
.lotse	.tile-col .text-overlay h2, .lotse .square-col .text-overlay h2 {font-size: 4.6rem;}
.lotse	.tile-col .text-overlay div, .lotse .square-col .text-overlay h2 + h3, .square-col .text-overlay div {font-size: 2.2rem;}
}

/*######################### Rows & Co #######################*/
.bg-blue-orange { background-image: url("/.galleries/bilder/.system/bg-blue-orange.png"); background-repeat: no-repeat; background-color: transparent;     background-position: 95% 100%;
    background-size: 250px;} 
.bg-orange-blue { background-image: url("/.galleries/bilder/.system/bg-blue.png"); background-repeat: no-repeat; background-color: transparent;     background-position: center center;
    background-size: 100%;}
.brush-blue { background-image: url("/.galleries/bilder/.system/brush-blue.png"); background-repeat: no-repeat; background-color: transparent;     background-position: center center;
    background-size: 100%;}
@media (max-width: 1199.98px) {
.space-xs {display: none;}
}
@media (min-width: 1014px) {
    .co-lg-xl {
        max-width: 100%;
    }
}
@media (min-width: 1600px) {
	.map-start.max-80 {max-width: 92.4%;}
	.max-80 {max-width: 90%; margin: 0 auto;} 
	.area-header .co-lg-xl {max-width: 90%;}
	
}
@media (min-width: 1014px) {
.area-full .container {max-width: 100%;}
}



/*########################## Normal-AC ###################################*/



.accordion .acco-header .acco-toggle:hover {
    color: #36A9E1;
    background-color: #f3f3f3;}
	
.accordion .acco-header .acco-toggle[aria-expanded=true] {
    color: #36A9E1;
        background-color: #fff;
    border-color: var(--my-body-bg);
}

.heide .accordion  {border-color: #BCCF02;}
.heide .accordion .acco-header .acco-toggle:hover::before {color: #BCCF02; border-color: #BCCF02;}
.heide .accordion .acco-header .acco-toggle[aria-expanded=true] {color: #BCCF02; border-color: #BCCF02;}
.heide .accordion .acco-header .acco-toggle:hover {color: #BCCF02; border-color: #BCCF02;}
.heide .accordion .acco-header .acco-toggle::before {color: #BCCF02;}
.burg .accordion  { border-color: #F39200;}
.burg .accordion .acco-header .acco-toggle:hover::before {color: #F39200;}
.burg .accordion .acco-header .acco-toggle[aria-expanded=true] {color: #F39200;}
.burg .accordion .acco-header .acco-toggle:hover {color: #F39200;}
.burg .accordion .acco-header .acco-toggle::before {color: #F39200; }
.accordion .acco-header .acco-toggle::before {
	
    font-family: ForkAwesome;
    font-weight: 300;
    line-height: .8;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f068";
    position: absolute;
    display: flex;
    justify-content: unset;
    align-items: unset;
    top: 17px;
    height: auto;
    transform: none;
    transition: transform .33s;
    right: unset;
    left: -18px;
    color: #36A9E1;
    font-size: 4rem;
    padding: 0;
    background-color: transparent;
}
.accordion .acco-header .acco-toggle.collapsed::before {content: "\f061"; font-family: ForkAwesome; transform: rotate(360deg); top: 14px;
    transition: transform 0.33s;}
.accordion {border: 1px solid; border-color: #36a9e1;}
.accordion .acco-header .acco-toggle {padding: 1.5rem 1.5rem; padding-left: 30px; font-weight: 400; overflow: visible; background-color: #fff;  }
.job-ac .accordion .acco-header .acco-toggle.collapsed::before {content: "\f064"; 
    font-family: ForkAwesome;
    font-size: 3rem;
    left: -4px;
    top: 20px;}
.job-ac .accordion .acco-header .acco-toggle {padding-left: 40px;}
.faq .accordion .acco-header .acco-toggle.collapsed::before {
        content: "\f29c"; 
    width: 40px;
    display: flex;
    justify-content: center; transform: rotate(360deg);
    background: #e00;
    height: 40px;
    align-items: center;
    border-radius: 50px;
    color: #fff;
        box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);
}
.faq .accordion .acco-header .acco-toggle.collapse::before {
    
    transform: rotate(-180deg);
    transition: transform 0.33s;
}




.faq .accordion .acco-header .acco-toggle.collapsed:hover::before {color: #fff;}
.accordion .acco-header .acco-toggle:hover::before {color: #36A9E1;}
.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: #008294;}*/
.accordion .acco-body {padding: 20px 30px 30px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;     background: #fff;}
.accordion {--my-at-border: 0;}
    h2.acco-header {padding-bottom: 0;    }


.accordion {box-shadow: none; --my-at-margin-between: 1.5rem; margin-left: 18px;}
@media (max-width: 1013.98px) {
.variant-tile-accordion .collapse-target .detail-page:last-child, .variant-tile-accordion .collapse-target .element:last-child {margin-bottom: var(--my-element-margin);}
.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-body {padding: 20px 15px 30px;}
.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;}
	.small-hl .accordion .acco-header .acco-toggle {font-size: 23px;}
}





/*######################### foot #######################*/
#topcontrol::after {font-weight: 600;}
#topcontrol {background: #36A9E1;
   
   width: 40px;
    height: 40px;
    font-size: 31px;
    line-height: 1;}

.area-foot .subfoot .type-linksequence a {color: #fff; font-size: 1.8rem;}
.area-foot .subfoot {background-color: #36A9E1;}
.burg .area-foot .subfoot {background-color: #F39200;}
.heide .area-foot .subfoot {background-color: #BCCF02;}
.area-foot .topfoot {background-color: transparent;}
.social-icons li a {border-radius: 50px;}
/*.burg .social-icons.themed li a {background-color: #F39200;}
.heide .social-icons.themed li a {background-color: #BCCF02;}*/
.social-icons ul {justify-content: center;}
.fa-linkedin-in:before {
    content: "\f0e1";
}

@media (min-width: 1014px) {
    #topcontrol {
        right: 1px;
    }
	#topcontrol::after {width: 50px;}
	#topcontrol {width: 50px;
    height: 40px;}
}
@media (min-width: 1014px) {
.area-foot .subfoot .type-linksequence {display: flex;
    justify-content: flex-end;}
}
@media (max-width: 1013.98px) {
.area-foot .subfoot .type-linksequence a {font-size: 1.2rem;}
#topcontrol {display: none;}
}
/*######################### map #######################*/
.maplibregl-marker svg {display: none;}
.maplibregl-marker {width: 45px;  height: 70px; background: url(/.galleries/bilder/.system/marker.png) no-repeat 0 0;}
.map-marker a {color: #36a9e1;}
.map-osm .maplibregl-popup-close-button:hover {
    background-color: transparent; color: #36A9E1;}
#template-info::before {
    display: none;
    content: '{"main-theme":"#444", "main-theme-hover":"#dd0011", "sass-version":"mercury-u0fa33044", "map-color":["#36a9e1","#4a2003","#235789","#ac3931","#ada8b6","#444","#aaa","#eee","#888","#fff","#000","#aaa"], "map-style":[{"featureType":"all","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#222"}]},{"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":"#d8ded8"}]},{"featureType":"road","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#fafafa"}]},{"featureType":"water","elementType":"geometry.fill","stylers":[{"color":"#a5b1be"}]}]}'; }