@import url('/.themes/font.css');
@import url('/shared/css/m-access.css');
@container tile-col (min-width: 0px) {
    .variant-tile-accordion .collapse-trigger .piece-heading {
        font-size: calc(13px + 12 * clamp(0px, (100cqw - 100px) / 200, 1px));
        font-family: 'Patrick Hand', cursive;
        font-weight: 500;}
    }
.no-mb .element, .no-mb.element {margin-bottom: 0;}


@media (max-width: 1013.98px) {
.styled-form {font-size: 1.2rem;}
	 .piece.p-xs-3 {
        --my-piece-visual-size: calc((var(--my-piece-width) + var(--my-gutter-x)) * 0.25 - (var(--my-gutter-factor) * var(--my-gutter-x)) + var(--my-piece-visual-size-adjust));
    }
	    .piece.p-xs-4 {
        --my-piece-visual-size: calc((var(--my-piece-width) + var(--my-gutter-x)) * 0.3333333333 - (var(--my-gutter-factor) * var(--my-gutter-x)) + var(--my-piece-visual-size-adjust));
    }
	.piece.p-xs-5 {
        --my-piece-visual-size: calc((var(--my-piece-width) + var(--my-gutter-x)) * 0.4166666667 - (var(--my-gutter-factor) * var(--my-gutter-x)) + var(--my-piece-visual-size-adjust));
    }
	    .piece.p-xs-6 {
        --my-piece-visual-size: calc((var(--my-piece-width) + var(--my-gutter-x)) * 0.5 - (var(--my-gutter-factor) * var(--my-gutter-x)) + var(--my-piece-visual-size-adjust));
    }
    .piece.p-xs-8 {
        --my-piece-visual-size: calc((var(--my-piece-width) + var(--my-gutter-x)) * 0.6666666667 - (var(--my-gutter-factor) * var(--my-gutter-x)) + var(--my-piece-visual-size-adjust));
    }
	    .piece.p-xs-9 {
        --my-piece-visual-size: calc((var(--my-piece-width) + var(--my-gutter-x)) * 0.75 - (var(--my-gutter-factor) * var(--my-gutter-x)) + var(--my-piece-visual-size-adjust));
    }
	    .piece.p-xs-10 {
        --my-piece-visual-size: calc((var(--my-piece-width) + var(--my-gutter-x)) * 0.8333333333 - (var(--my-gutter-factor) * var(--my-gutter-x)) + var(--my-piece-visual-size-adjust));
    }
}

.nav-side li.currentpage > a:not(.btn):hover {
    color: #1068B1;}

.btn-right.piece > .body + .link {
    justify-content: right !important;
}

.nav-side li.currentpage > a:not(.btn), .nav-side li > a:not(.btn):focus, .nav-side li > a:not(.btn):hover, .download-list.dl-list-compact a.dl-link:hover .dl-title {
    background: transparent;
    color: #1068B1;
}

.pagination > li > a:hover, .pagination > li.active > a:hover {color: #fff;
    background: #498CC4;
    border-color: #498CC4;}

.box-theme {
    --my-body-bg: #498CC4;}

.tile-col .text-overlay {background:  #498CC4;}
.honeypot section:first-of-type {display: none;}
.honeypot table.webform-input tr:first-child {display: none;}
html:not(.opencms-page-editor) .honeypot fieldset section:first-of-type:not(.webform_subfields *){display: none !important;}
.honeypot table.webform-input tr:first-child {display: none !important;}
.type-webform .btn.resetbutton {
    --my-btn-fg: #fff;}
:root, .box-body-base, .box-body
{    --my-main-theme: #1068B1;}
.pp-banner .buttons .btn-accept {color: #fff; background: green;}
.pp-banner * {font-size: 16px;}
: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-main-theme-base: #1068b1;
	    --my-box-padding: 24px;}
a {color:#1068b1;}
h1, h2, h3, h4, h5, h6 {font-family: 'Patrick Hand', cursive;font-family: 'Roboto Condensed'; font-weight: 400;}
body {font-family: "Open Sans", sans-serif; font-weight: 400;}
.immer-drei .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
@media (min-width: 1014px) {
.two-cols.piece.box.blau > .body {-webkit-column-rule: 2px dotted #fff;
       
        -moz-column-rule: 2px dotted #fff;}


	.topfoot .container {margin-bottom: -20px;
    padding-left: 0;
    padding-right: 0;         max-width: 100%;}
    h1, .h1 {
        font-size: 4.5rem;
    }
	    h2, .h2 {
        font-size: 3.5rem;
    }
	h3, .h3 {
        font-size: 2.8rem;
    }
body {font-size: 1.8rem;}
  #mercury-page {
    max-width: 90%;
    margin: 0 auto;
  }
  .max-80 {max-width: 80%;
    margin: 0 auto;}
	.max-60 {max-width: 60%;
    margin: 0 auto;}
	.max-50 {max-width: 51%;
    margin: 0 auto;}
}
.type-media .content {background-color: transparent;}
.btn {background-color: #1068B1; padding: 5px 15px;
    border-radius: 4px;}
.btn:focus, .btn:hover, .btn.active, .open .dropdown-toggle .btn {
    color: #fff;
    background-color: #ff6600 !important;border: 0;}
.spenden .btn {
    background-color: #ff6600;}
.spenden .btn:focus, .spenden .btn:hover, .spenden .btn.active, .open .dropdown-toggle .spenden  .btn {
    color: #fff;
    background-color: #1068B1;border: 0;}
.box.piece > .body + .link, .box.piece > .body .text + .link, .piece > .body + .link {
  justify-content: center;
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  margin-top: 15px;
}
.box.piece.left > .body + .link, .box.piece.left > .body .text + .link, .piece.left > .body + .link {justify-content: left;}
.box.piece.lay-0 > .body + .link {justify-content: left;}
.detail-bookingstatus {margin-top: 15px;}
/* ###################### Boxen #######################*/
.box.white {background-color: #fff; box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;}
.zentriert {justify-content: center;}
.box.blau {background-color: #1068B1; color: #fff;}
.box.hellblau {background-color:#1068b1a1; background-color: #1068b1c2;}
.type-linkbox.box.hellblau a {color: #fff;}
.box.orange {background-color: #ff6600; color: #fff;}
.box.hell {background-color: #cfdfe6;}

.box.orange.weiss {background-color: #fff; color: #444; border: 4px solid #ff6600;}
.box .piece-heading {font-weight: 400;}
.box.blau .piece-heading, .box.orange .piece-heading, .box.hellblau .piece-heading, .box.blau .fn, .box.blau a, .box.hellblau, .box.blau h3 {color: #fff;}
.box.orange .piece-heading  {color: #111;}
.box.orange.weiss .piece-heading {color: #444;}
.type-list-filter .filterbox .btn.li-label:hover {
    color: #fff;
        background-color: #FF6600;}
.box.blau .btn {
    background-color: #498CC4;	}	
@media (min-width: 764px) {
    html.desktop .effect-inset.effect-piece:hover {
       border: 2px solid #FF6600;
    }
}
/* ###################### Head #######################*/
.area-header .header-links > ul > li > a {text-transform: none;}
.area-header .header-links > ul {padding: 9px 15px;}

.area-header .header-links {margin: -6px 0 -5px; }
.area-header .header-links > ul > li > a {font-weight: 400; font-size: 1.4rem;}
.area-header .header-links > ul > li > a.fon {color: #fff;
    font-weight: 700;
    background: #FF6600;
    padding: 3px 15px;
    border-radius: 30px;}
.nav-main-items > li.active > a, .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, .nav-main-items > li.expand > a:hover::after, .nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > li.active > a:hover  {
        color: #1068B1;
    }
.nav-menu > li.active > a {
        color: #1068B1;
        background-color: #f5f5f5;
    }
.nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > li.active > a:hover {
        color: #1068B1;
        background-color: #fff;
    }
@media (min-width: 764px) {
    .area-header .sticky.csssetting > .isfixed, .area-header .sticky.always > .isfixed, .area-header .sticky.upscroll > .isfixed {box-shadow: none;}
	}
@media (min-width: 1400px) {
    .co-lg-xl {
        max-width: 100%;
    }
}
@media (min-width: 552px) and (max-width: 1013.98px) {
  .co-sm-md {
        max-width: 100% !important;
    }
}
@media (min-width: 764px) and (max-width: 1013.98px) {
    .co-sm-md {
        max-width: 100% !important;
    }
}

@media (min-width: 1014px) {
    .nav-main-items > li.expand > a::after {right: -2px;
        top: 3px;
    }
    .nav-menu {min-width: 260px;}
    header.fh .h-logo {justify-content: center;}
.nav-menu > li > a {font-size: 16px;
        font-weight: 500;}
.nav-menu {border-left: solid 5px #ff6600;border-top: 0;
        border-bottom: 0;}
.area-header {
    margin-bottom: 0;
}
header.fh.ls-3.header-isfixed.fix-compact .h-logo {
            flex: 0 0 190px;
        max-width: 190px;
        top: 30px;
        position: absolute;}
    .nav-main-items > li > a {
        color: #444;
        text-transform: none;
        font-size: 20px;
                font-weight: 400;
        line-height: 1.2;}
	    header.fh .h-info > .h-nav {margin:30px 0 10px;
    }
    header.fh.ls-3 .h-logo {
        flex: 0 0 280px;
        max-width: 280px;
    }

.head.isfixed {
    max-width: 90%;
    margin: 0 auto;  }
}
@media (min-width: 1014px) and (max-width: 1399.98px) {
    header.fh.ls-3 .h-logo {
        flex: 0 0 190px;
        max-width: 190px;
    }

}
@media (min-width: 1014px) and (max-width: 1199.98px) {
 .nav-main-items > li > a {font-size: 16px; padding-left: 12px !important;}
     .nav-main-items > li.expand > a::after {top: -1px;}
	 .nav-menu.no-mega > li > a {font-size: 14px;}
	     header.fh .h-info > .h-nav {margin: 15px 0 10px;}
}
/* ###################### Mobile Nav #######################*/
@media (min-width: 1014px) {
.quicklink {display: none !important;}

}
@media (max-width: 763.98px) {
    header.fh.ls-3 .h-logo {
        flex: 0 0 200px;
        max-width: 200px;}
    }

@media (max-width: 1013.98px) and (max-width: 551.98px) {
	    .nav-toggle-btn .nav-toggle {
        width: 40px;}
    .nav-toggle-btn .nav-burger::before {
        top: -8px;
    }
	    .nav-toggle-btn .nav-burger::after {
        bottom: -8px;
    }
}
@media (max-width: 1013.98px) {
header.fh.ls-3 .nav-main-mobile-logo .mobile-logolink {
    width: 148px;}
/*.nav-toggle-btn .nav-toggle {
  width: 50px;
  height: 43px;
}*/

    .nav-main-container .nav-main-mobile-logo {  
        padding: 0px 0px 25px;
		}

.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after {	
	height: 3px;
    background: #444 !important;
}

header.bh #nav-toggle-label-open .nav-toggle {
    width: 50px;
    height: 43px;
}

.nav-toggle {
	 background-color: #ffffffa3 ! Important;
	 background: rgba(255,255,255,0.7);
}
.nav-toggle-btn.active-nav .nav-burger {
    background: none !important;
}
.nav-main-container {background-color: #fff; padding: 30px 10px 45px;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {max-width: 190px;}
.nav-main-items li[aria-expanded] > a[aria-controls]::after, .nav-main-container .nav-main-group {
  background-color: transparent;
}
.nav-main-items > li > a {
  color: #444 !important;
  text-transform: none;
  font-size: 18px;
  font-weight: 400;
  padding: 7px 0px;
  border-bottom: solid 1px #444;
}


.nav-main-items > li > ul > li > a {
  color: #444 !important;
  text-transform: none;
  font-size: 18px;
  font-weight: 400;
  padding: 7px 0px;
  border-bottom: 0;
}


.nav-main-items .nav-menu li > a{
  font-size: 16px;
  padding: 10px 0;
  font-weight: 400;
}


.nav-main-items li ul.nav-menu li > a{
  font-size: 18px;
  padding: 5px 0px;
  font-weight: 400;
}


.nav-main-items .nav-menu .expand .nav-menu li > a{
  font-size: 15px;
  padding: 4px 0;
  border-bottom: 0;
  text-transform: none;
  font-weight: 400;
}
.nav-main-items .nav-menu .expand.ed{
	margin-bottom: 20px;
}

.nav-main-items  .expand.ed .nav-menu{
	background: #CFDFE6ad; padding: 10px 20px; margin-bottom: 20px;
}

.nav-main-items .nav-menu .expand.ed ul{
	margin-top: 10px;	
}



	
header.bh .nav-menu-header {
    background-color: transparent;
    padding: 0px 0 25px;
}

.nav-main-container .nav-main-group .nav-main-items {
    border-top: 0;
}
.nav-main-items li ul li.active > a{
	padding-left: 0 !Important;
    font-weight: 600 !Important;
}

.nav-first::after {content:"Die Themenbereiche"; background: #CFDFE6ad; padding: 4px 10px; margin-bottom: 5px; margin-left: -3px; font-size: 20px; font-weight: 600; border-radius: 4px; color: #444; margin-top: 20px;}
/*.nav-divider::after {content:"Quicklinks"; background: #CFDFE6ad; padding: 4px 10px; margin-bottom: 5px;  margin-left: -3px; font-size: 20px; font-weight: 600; border-radius: 4px; color: #444; margin-top: 30px;}*/
.rechner a:before {
	content: "\f1ec";
	width:22px;
	font-family: 'ForkAwesome';
	margin-right: 7px;
	color: #444;
	display: inline-flex;
}
.nav-intern a:before {
	content: '\f023';
	width:22px;
	font-family: 'ForkAwesome';
	margin-right: 0px;
	color: #444;
	display: inline-flex;
}

.nav-ort a:before {
	content: '\f041';
	width:22px;
	font-family: 'ForkAwesome';
	margin-right: 0px;
	color: #444;
	display: inline-flex;
}
.nav-news a:before {
	content: "\f0e7";
    width: 22px;
    font-family: 'ForkAwesome';
    margin-right: 0;
    color: #444;
    display: inline-flex;
}

.nav-ki a:before {
	content: "\f0e6";
    width: 22px;
    font-family: 'ForkAwesome';
    margin-right: 8px;
    color: #444;
    display: inline-flex;
}



html.active-nav .area-header .head-overlay {opacity: 0.5;}


header.bh .nav-main-items .nav-meta-icons > ul {border-bottom: 0;}
.nav-main-items li ul li > a, .nav-main-items li ul li.active.expand.ed > a, .nav-main-items li ul li.active > a {padding-left: 20px;}
.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {background-color: transparent;}
header.bh .nav-main-items li.expand > a::after {right: 0;}
.nav-main-items li.expand > a[aria-controls]::after {top: 9px; background-color:  transparent; color: #444;}
html.active-nav .area-header .header-group li.expand > a::after {
    right: 3px;
}
.nav-main-items li.expand.ed > a {background-color: transparent;
    border-color: transparent;}

#nav-main-addition {display: none;}


}


/* ###################### Slider #######################*/
.slider-dots button::before {background-image: url('/.galleries/bilder/.system/sliderbutton.svg');}
.type-slider .slide-wrapper .caption { padding: 15px;  background-color: #1068b1; }
.type-slider .slide-wrapper .caption .titlecaption, .type-slider .slide-wrapper .caption small { font-weight: 400;   text-shadow: none;     font-family: 'Patrick Hand', cursive;}
@media (min-width: 764px) {
    .type-slider .slide-wrapper .caption .titlecaption {
        font-size: 3.8rem;
    }
}

/* ###################### Zitat-Slider #######################*/
.zitat.type-slider .slide-wrapper img {border-radius: 50%;}
.zitat.type-slider .slide-wrapper .visual    {background: url(/.galleries/bilder/.system/famkreis.svg) 0% 100% no-repeat;background-size: contain;   padding: 30px;       z-index: 9;}
.zitat.type-slider .slide-wrapper .caption { padding: 50px;   background-color: #ffffff; text-align: center; direction: ltr; box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;}
.zitat.type-slider .slide-wrapper .caption small {color: #1068B1;font-family: 'Patrick Hand', cursive; font-size: 3rem}
.zitat.type-slider .slide-wrapper .caption small:nth-of-type(2) {font-size: 2rem; font-family: "Open Sans", sans-serif; font-style: italic;
    margin-top: 10px;}
@media (min-width: 764px) {
.zitat.type-slider .slide-wrapper .visual {
    position: relative;
    width: 40%;}
.zitat.type-slider .slide-wrapper	{direction: rtl;}

.zitat.type-slider .slide-wrapper .caption.left {
    left: var(--my-default-margin);
    max-width: 60%;}
	}

@media (min-width: 1014px) {
	.col-lg-6 .zitat.type-slider .slide-wrapper .caption small {font-size: 1.5rem;}
	.col-lg-6  .zitat.type-slider .slide-wrapper .caption small:nth-of-type(2) {font-size: 1.2rem;}
}


@media (min-width: 1200px) {
	.col-lg-6 .zitat.type-slider .slide-wrapper .caption small {font-size: 1.8rem;}
	.col-lg-6  .zitat.type-slider .slide-wrapper .caption small:nth-of-type(2) {font-size: 1.5rem;}
}
@media (min-width: 1400px) {
	.col-lg-6 .zitat.type-slider .slide-wrapper .caption small {font-size: 2rem;}
	.col-lg-6  .zitat.type-slider .slide-wrapper .caption small:nth-of-type(2) {font-size: 1.5rem;}
}

@media (max-width: 1013.98px) {
.zitat.type-slider .slide-wrapper .caption small {font-size: 2rem;}
.zitat.type-slider .slide-wrapper .caption small:nth-of-type(2) {display: block; font-size: 1.6rem;}

}
@media (max-width: 763.98px) {
.zitat.type-slider .slide-wrapper .caption {padding: 30px !important;}
.zitat.type-slider .slide-wrapper .caption small {font-size: 2.5rem;  text-align: center; line-height: 1.3;}
.zitat.type-slider .slide-wrapper .caption small:nth-of-type(2) {font-size: 2rem;}
.zitat.type-slider .slide-wrapper .caption {padding: 0px 30px;}
.type-slider.text-below-on-xs .slide-wrapper small:nth-of-type(2)::before {display: none;}
	}
/* ###################### Footer #######################*/
.area-foot .box {padding: 40px;}
.socials.box.blau {padding-top: 0;}
.socials a {font-size: 150%;}
#topcontrol {color: #FF6600; background: transparent; right: unset;
    left: 10px;}
#topcontrol::after {font-size: 5rem; font-weight: 600;}
.no-mb.detail-page {margin-bottom: 0;}
.area-foot .topfoot {background-color: #fff;    padding-top: 0;}
.area-foot  .ico-img > img {height: 3.9em; vertical-align: super; max-width: 100%;}
.area-foot .subfoot .type-linksequence{display: flex; justify-content: center;}
.area-foot .subfoot  {background-color:#fff; color: #444; padding: 40px 0 20px;}
.area-foot .subfoot a {color: #444;}
@media (max-width: 1013.98px) {
.area-foot .subfoot {padding: 0px 0 20px;}
}

.flags {position: fixed;     z-index: 9;
    top: 50%;
    right: -117px;
    transform: rotate(-90deg);}
.flags .ico-img > img {height: 1em; vertical-align: bottom; max-width: 100%;}
.flags a {padding: 10px 18px; font-weight: 600;     margin-left: 3px;}
.flags a.fruehe {background-color: #498CC4; color: #fff;     -webkit-font-smoothing: antialiased;}
.flags a.spd {background-color: #FF6600; color: #fff;}
.flags.ls-row.no-icon li:not(:last-of-type) {
    margin-right: 0px;
}

@media (max-width: 763.98px) {
.btn-wrap { transform: rotate(0deg); right: unset; top: unset; bottom: -16px; left: 50px;}
.btn-wrap a{font-size: 1rem; }
.btn-wrap .btn i {display: none;}
.btn-wrap .ls-icon + span {
    --my-ls-row-spacing: calc(2 * var(--my-ws-margin));
    margin-left: 4px;
}
}

/* ###################### News #######################*/
.teaser-tile .teaser.piece.full > .visual {margin-bottom:0;}
.teaser-tile .teaser.piece {box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; }
.teaser-tile .teaser.piece > .body {background: #fff;
    padding: 20px; /*border-left: 3px solid #FF6600;*/ border-bottom: 3px solid #FF6600;}
.round .piece > .visual {margin-bottom: 20px;}
.round img {border-radius: 50%;}
.intro-headline > .intro {font-size: 75%; color: #1068B1;}
.list-pagination .btn-append {max-width: max-content;
    margin: 0 auto;
}
.detail-page .info.location {background: #1068B1; color: #fff; padding: 15px;}
.detail-page .detail-visual.full .visual-info .infogroup {
  background: #CFDFE6; color: #444;
  padding: 15px; max-width: max-content;}
.detail-page .detail-visual .visual-info .info::before {width: 2rem;}
.detail-page .detail-visual.full .visual-info {
  line-height: 1.4;
  margin: 30px 0 40px;
}
@media (max-width: 763.98px) {
.teaser-tile .teaser.piece {margin-bottom: 20px;}
}
@media (min-width: 764px) {
.teaser-tile .teaser.piece{transition-property: transform, box-shadow, transform-origin;
        transition-duration: 0.33s;
        transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
        transition-delay: 0s;
        z-index: 4;}
.teaser-tile .teaser.piece:hover {transform: scale(0.93); border: 3px solid #FF6600; border-bottom: 0;}
  .detail-page.type-event .detail-visual.full .visual-info {
    justify-content: unset;}
  }
/* ###################### Events #######################*/
.calendar-sheet {background-color: #fff;}
.area-wide .calendar-sheet::before {background-color: #ff6600;}

@media (min-width: 764px) {
    .area-wide .full .calendar-sheet {border: 0; border-bottom: 1px solid var(--my-cs-border-color);}
		}
/*########################## Normal-AC ###################################*/
.accordion .acco-header .acco-toggle {padding: 1.5rem 1.5rem; padding-left: 30px; font-weight: 400; overflow: visible; background-color: #f7f7f7;}


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


.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: #498CC4;
    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;}
/*.job-ac .accordion .acco-header .acco-toggle::before{content: "\f112";
    font-family: ForkAwesome;
    font-size: 3rem;
    left: -10px;
    top: 20px;}*/
.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: #1068b1;}
.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 10px 30px; border-bottom-left-radius: 10px; border-bottom-right-radius: 7px;}
.accordion {--my-at-border: 0;}


.variant-tile-accordion.show-button .collapse-target.show::before {
    height: calc(15px);
}
.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) {
.type-webform .btn.resetbutton {margin-bottom: 15px !important;}
.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;}
}
.styled-form footer {
    border-top: 0;
    padding-top: 0;
}
.map-osm .maplibregl-popup-content {padding: 10px 30px 10px 10px;}
#template-info::before {
  display: none;
 content: '{"main-theme":"#444", "main-theme-hover":"#dd0011", "map-color":["#FF6600","#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":"#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"}]}]}'; }