@import url('/.themes/font.css');

html:not(.opencms-page-editor) .honeypot fieldset section:first-of-type:not(.webform_subfields *){display: none;}
.honeypot table.webform-input tr:first-child {display: none;}


/*********** Archiv *************/
#mercury-page {overflow-x: clip;}
.nl-archiv .list-content .teaser {
    margin-bottom: 20px;
}
.nl-archiv .list-entries  li:before {content:"Aktuelle Ausgabe"; content: "Aktuelle Ausgabe";
    background: #3CB371;
    padding: 4px 20px;
    margin-bottom: 13px;
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    border-radius: 5px;}
.nl-archiv .list-entries  li + li:before {content:""; display: none;}
.nl-archiv .list-entries  li {background: #f3f3f3; padding: 30px 30px 10px; margin-bottom:40px; border-radius: 5px;}
.nl-archiv .list-entries  li + li {background: #fff; padding: 0;}
/****************** ENDE ********************/
.topfoot table.webform-input  {display: none;}



@media (max-width: 700px) {
    .btn-barriere {
        right: 77px !important;
        top: 39px !important;
    }
}
@media (min-width: 1014px) {
    .nav-main-items {margin-top: 25px !important;    }
}

.pp-banner .banner.bottom {top: unset !important;}
.h-ac .container {max-width: 100%;}
.eyable-wrap {max-width: max-content;}
.hover-text a.easy{background: url(/.galleries/bilder/.system/easy-read.svg) no-repeat 0% 50%; padding: 10px 10px 10px 30px;     background-size: 22px;}
.hover-text a .fa-universal-access:before {content: "\f29a";font-family: 'FontAwesome'; font-style: normal;margin-right: 7px; font-size: 23px; color: #777; position: relative; top: 2px;}
.btn-barriere{    right: 0;
    position: absolute;
    top: 0;
    z-index: 1;}
.hover-text a{color: #333; font-size: 17px;}
.hover-text a:hover{text-decoration: none;}
.hover-text{margin-left: 20px;}
.tooltip-text {visibility: hidden; position: absolute; z-index: 0; width: 200px; color: #333; font-size: 14px; background-color: #eee; border-radius: 10px; padding: 10px 15px 10px 15px;}
.tooltip-text::after {content: ""; position: absolute; transform: rotate(45deg); background-color: #eee; padding: 5px; z-index: 1;}
.hover-text .easy .normal, .hover-text .bottom .normal{display: none;}
.hover-text .easy-active .normal{display: inline-block;}
.hover-text .easy .leicht, .hover-text .bottom .leicht{display: inline-block;}
.hover-text .easy-active .leicht{display: none;}
.hover-text:hover .tooltip-text {visibility: visible;}
.bottom {top: 34px; left: -30px;}
.bottom::after {top: -5%; left: 45%;}
.hover-text {position: relative; display: inline-block; font-family: Arial; text-align: center; cursor: pointer; top: -34px;}

@media (max-width: 1013.98px){
.btn-barriere {right: 77px; top: 14px;}
}
@media (max-width: 700px){
.hover-text span{display: none !important;}
.btn-barriere {right: 27px; top: 9px;}
.hover-text {margin-left: 8px;top: -40px;}
.hover-text a.easy {padding: 0px 0px 0px 22px; background-size: 23px; height: 24px; position: relative; display: block; top: 5px;}
}
@media (max-width: 380px) {
.btn-barriere {right: 11px; top: 6px;}
}


.ico-svg.ico-my-easy-language > svg {
    vertical-align: bottom;
    fill: #777;
    height: 25px;
    width: auto;
    top: 4px;
    position: relative;
}
@media (min-width: 1014px){
.h-info .ls-row.no-icon li:not(:last-child) {
    margin-right: 10px !important;}
.h-info .type-linksequence li:nth-child(2) a {
        padding: 0 !important; 
    }
}


.detail-page.type-event .subelement.type-webform .form-text.form-confirm{background: #f6f6f6; padding: 30px 40px; margin: 50px 0;}
.detail-page.type-event .subelement.type-webform{display: block;}

.detail-page.type-event .subelement.detail-bookingstatus{margin-top: 40px; margin-bottom: 40px;}

/*.nav-main-items li a[target="_blank"]:after{content:'\f08e'; position: relative; font-size: 15px; font-family: fontawesome; margin-left: 6px;}*/

.area-foot .box.trans {background-color: #d67545c9 !important; color: #fff; box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, .3);}
.box.trans {background-color: #d67545c9 !important; color: #fff;}
.type-slider .slide-wrapper .copyright {font-size: 1.3rem;right: 23px; bottom: 27px; padding: 7px; border-radius: 4px;}
.area-foot  .box.family {background-color:rgba(170, 199, 46, .8) !important; color: #fff; box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, .3);}
.box.family {background-color:rgba(170, 199, 46, 1) !important; color: #fff; }
.box.trans h3, .box.trans a, .box.family, .box.family a, .box.family h3{color: #fff;}
.flags a {font-weight: 400;}
body {font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4 { font-weight: 300;font-family: "Fira Sans", sans-serif; }
#topcontrol::after {color: #fff;}
: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: 2rem;
  --my-body-font-weight: 300;
  --my-body-line-height: 1.5;
  --my-font-weight-bold: 600;
  --my-disabled-color: #ddd;
  --my-disabled-fg-color: #444;
  --my-main-theme-base: #aac72e;
  --my-main-theme: #aac72e;
  --my-main-theme-fg: #aac72e;
  --my-font-weight-headings: 300;
  --my-main-theme-base: #aac72e;
    --my-main-theme: #aac72e;
    --my-main-theme-fg: #aac72e;
}

 .teaser.type-job .intro-headline {font-weight: 300 !important;    }
@media (min-width: 1014px) {
    .teaser.type-job .intro-headline {
        font-size: 2.5rem;
        
    }
}


@media (max-width: 1013.98px) {
:root {
      --my-body-font-size: 1.6rem;}
	  .type-slider .slide-wrapper .copyright {font-size: .8rem; padding: 4px;}
	  }

.check li ul li:before {
    font: normal normal normal 16px / 1 FontAwesome;
    margin-right: 10px;
    left: 0;
    position: absolute;
    content: "\f068";
    top: 7px;
}

a {
    color: #D67545;}
@media (min-width: 1014px) {
h1, .h1 {
    font-size: 4.8rem;
  }
h2, .h2 {
    font-size: 3.8rem;
  }
h3, .h3 {
    font-size: 2.8rem;
  }
.box h3, .box .h3 {
    font-size: 2.5rem;
  }
body {max-width: 97%;
    margin: 0 auto;}
    .lead {
        font-size: 3rem;
    }

.max-86 {
    max-width: 86%;
    margin: 0 auto;
  }
.max-75 {
    max-width: 77%;
    margin: 0 auto;
  }
  .max-60 {
    max-width: 61%;
    margin: 0 auto;}
}
small, .small {font-weight: 300;}
/*########################## News ###################################*/
.type-list-filter .filterbox .btn.li-label {color: #fff;}
.type-list-filter .filterbox {background-color: #fff;  border-radius: 4px;}
.type-list-filter .filterbox .btn.li-label {color: #444; background-color: #ebebeb; padding: 14px; line-height: 1;   border-radius: 4px;}
.filter-switch .element.type-list-filter {margin-bottom: 8px;}
.type-list-filter .filterbox.categories ul li {margin-top: 5px;}
.type-list-filter .filterbox.categories ul li a {display: block; font-size: 15px; font-weight: 500;}
.type-list-filter .filterbox.categories ul li.active a { font-weight: 700;}
.type-list-sortoptions .dropdown-toggle { padding: 11px 35px 10px 14px; line-height: 1; border: 0; border-radius: 4px; font-weight: 400; background: #e00; color: #fff;}
.type-list-sortoptions .dropdown-toggle::after {top: -1px;}

.type-list-filter .filterbox.search .styled-form .input input {box-shadow: 0; border-radius: 4px;}
.type-list-filter .filterbox.search input {border-color: #999;}
.styled-form .input input {padding: 10px 10px; }
.type-list-filter .filterbox .btn.li-label:hover {
    color: var(--my-filter-btn-hover-fg);
    background-color:#D67545;
}
.teaser .text > a, .teaser .text > a:focus, .teaser .text > a:hover {
    color: var(--my-body-color);
    text-decoration: none;
    font-weight: 300;
}
.pagination > li.active > a {
    color: #fff;
    background-color: #D67545;
    border-color: var(--my-pag-active-bg-color);
}
.pagination > li > a:hover, .pagination > li.active > a:hover {
    color: #fff;
    background:#AAC72E;}
.pagination > li > a {border: 0 !important; margin: 0 5px;}
.teaser .book-info .book-msg, .teaser .book-info .oct-meta-info, .accordion .book-info .book-msg, .accordion .book-info .oct-meta-info {
    display: inline-block;
    padding: 4px 8px;
    margin-bottom: 15px;
    border-radius: 95% 2% 92% 2% / 3% 92% 2% 95% !important;
    background: #003056;
    color: #fff;
	}

.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: #AAC72E;
    margin-left: 7px;
}
.teaser-text-tile.type-decoy.in-list .headline:after:hover { opacity: .7;}
.teaser .list-badge {display: none;}
.teaser-text-tile {border-radius: 95% 2% 92% 2%/1% 95% 2% 95% !important; padding: 20px; background: #fff;}
.teaser-text-tile.type-decoy {background: #f1f1f1;}
.teaser-text-tile  .btn {border: 2px solid #008294;  border-radius: 30px; padding: 10px 70px; font-weight: 600;	color: #444; margin: 0 auto;}
.teaser .intro-headline {font-weight: 400;}
.list-pagination .btn-append {margin: 0 auto; width: auto;     margin-top: 10px;}
.intro-headline > .intro {margin: 9px 0; color: #D67545;}
.lightwidget__btn {background: #e98a15 !important;}

.detail-page .info.location {   border-width: 3px 3px 3px 3px !important;  border-radius: 95% 2% 92% 2%/1% 95% 2% 95% !important; border: solid #AAC72E; padding: 20px 30px; max-width: max-content;  margin-right: 20px; }
.detail-page .detail-visual.full .visual-info {font-size: 90%;}
.detail-page .detail-visual.full .visual-info .infogroup {background: #e9eff3; padding: 20px 30px; border-radius: 95% 2% 92% 2%/1% 95% 2% 95% !important;     max-width: max-content;}
.detail-page .detail-visual.full .visual-info .date {order: 10; font-weight: 500; }
.detail-page .detail-visual.full .visual-info {line-height: 1.4; margin: 30px 0 40px;}
.detail-page .sub-header {font-size: 2rem;
    line-height: 1.4;}
@media (min-width: 1014px){
.job-liste .teaser .intro-headline {font-size: 2.8rem;}
}
@media (max-width: 1013.98px){
.detail-page .sub-header {font-size: 1.6rem;}
.list-content .teaser {margin-bottom: calc(1* var(--my-element-margin));}
}
@media (min-width: 764px) {
  .detail-page .detail-visual.full .visual-info {justify-content: unset; font-size: 90%;}
  .detail-page.type-event .detail-visual.full .visual-info.right {justify-content: flex-start;}
}


/*########################## Head ###################################*/
.area-header.fix-xs .sticky.csssetting > .isfixed, .area-header.fix-xs .sticky.always > .isfixed, .area-header.fix-xs .sticky.upscroll > .isfixed {box-shadow: none;}
header.bh .header-group {border-bottom: 0;}
.h-logo-col {margin: 0 auto;}
.h-logo-row.container {max-width: 100%;}
    .nav-main-items > li > a {
        color: #444;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
		font-family: "Fira Sans", sans-serif;
        /*font-family: "Bitter", serif;*/
        position: relative;
        padding: 0 14px 8px 14px;
    }
.area-header {
    margin-bottom: 0;
}

#label_nav-main-addition {display: none;}
#nav_nav-main-addition {display: flex;}
header.fh.ls-2 .nav-main-mobile-logo .mobile-logolink {
    width: 55px;}

.nav-main-items > li > a:focus, .nav-main-items > li > a:hover, .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-menu > li.active > a {color: #AAC72E;}
.nav-main-items > li.active > a, .nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > li.active > a:hover {color: #D67545;}
.nav-side li > a:not(.btn):focus, .nav-side li > a:not(.btn):hover {color: #D67545; background: #f4f4f4;}
.nav-menu > li.active > a, .nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > li.active > a:hover {background-color: #f4f4f4;}
.area-header .header-links > ul > li > a {
    text-transform: none;
    font-size: 1.6rem;
    font-weight: 400;
}
@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: 1014px) {
    header.fh.pad-sm .h-meta {position: relative;  top: -16px;}
    .nav-menu {border-top: solid 1px #AAC72E; border-bottom: solid 1px #AAC72E;}
header.fh.header-isfixed.fix-overlay .h-logo::before, header.fh.header-isfixed.fix-overlay .h-logo::after {display: none;}
header.fh.ls-2 .h-logo {
        flex: 0 0 200px;
        max-width: 200px;
		        top: -28px;
    }
	.head.isfixed{padding-top: 25px !Important;}

    header.fh.header-isfixed.ls-2 .h-logo {
        flex: 0 0 120px;
        max-width: 120px;
        top: -29px;
    }
.h-logo {    position: absolute;
    z-index: 25;
}
.area-header .head {
        position: relative;
        min-height: 28px;
        padding: 30px 0 10px;
    }
header.fh .header-group {
        border-bottom: 0;
    }
.head.isfixed {max-width: 97%;}
.area-header .header-group::before {display: none;}
}
@media (min-width: 1400px) {
    .h-group.co-lg-xl {
        max-width: 100%;
    }
}
@media (max-width: 1013.98px) {
	.nav-main-container {background-color: #fff;}
	.nav-main-container .nav-main-group .nav-main-items {border-top: 0;    }
	    .nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a, .nav-main-items li.expand.ed > a {background-color: transparent;           border-color: transparent; }
	.nav-main-items > li > a {font-size: 16px;}
	    .nav-main-container .nav-main-group.has-sidelogo {padding: 0 20px 20px;}
	#nav_nav-main-addition {background: transparent; padding: unset;
        margin: unset;}
	.nav-main-items .expand.ed .nav-menu {        margin: 10px 20px;
    background: #f3f3f3;
    padding: 10px 20px;}
	.nav-main-items > li > a {padding: 8px 14px 8px 14px; }
	    .nav-main-items li > a {border-bottom: 0;         margin: 5px 0; }
    .nav-main-items li.expand > a[aria-controls]::after {background-color: transparent;
        color: #444;}
	.nav-menu > li > a {
        padding-left: 12px;
    }
	.nav-toggle-btn .nav-burger::before, .nav-toggle-btn .nav-burger::after, .nav-toggle-btn .nav-burger {background-color: #fff;}
	header.fh.ls-2 .h-logo {
        flex: 0 0 95px;
        max-width: 95px;
    }
}
@media (min-width: 552px) and (max-width: 1013.98px) {
    .co-sm-md {max-width: 100%;}
    }
/***************** Rows & Container ******************/
@media (min-width: 1014px) {
	.max-68 {max-width: 68%; margin: 0 auto;}
}


/***************** Boxen, Buttons & Borders ******************/
.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: 15px;
}
.btn, .box, .zoom-overlay .zoom-icon, .image-src-box, .image-src-box > img, #topcontrol.show, .pagination > li > a, .styled-form {border-radius: 95% 1% 92% 1%/1% 92% 1% 95% !important;}
.box-theme, .box-akzent1, .box-akzent2, .box-akzent3 {--my-body-color: #444;}
.box-akzent1 {--my-body-bg: #F9D6D2;}
.box-akzent2 {--my-body-bg: #FEEBCD;}
.box-akzent3 {--my-body-bg: #9DD9D2;}
.box {padding: 30px; background-color: #f6f6f6;}
.box.shadow {box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 17%);}

.box.white {background-color: #fff;}
.box.green, .box.box-theme {background-color: #e2e6cf;}
.box.grey, .box.box-akzent1 {background-color: #f6f6f6;}
.box.beige, .box.box-akzent2 {background-color: #FEEBCD;}
.box.box-akzent3 {background-color: #9DD9D2;}
.box.border {background-color: #fff; border: 4px solid;}
.box.border.green {border-color: #aac72e;     background-color: #fff;}
.box.border.rose {border-color: #F9D6D2;}
.box.border.beige {border-color: #FEEBCD;}
.box.border.blue, .box.border.orange {border-color: #D67545; background: #fff;}
.box.border.grey {border-color: #ccc;}
.btn {background-color:  #aac72e  ; color: #fff;}

.box .btn {background-color: #D67545 !important;}
.box.green .btn {background-color: #AAC72E !important;}
.box.grey .btn {background-color: #999;}
.box.border .btn {background-color: transparent !important; margin-top: 15px;}
.box.border.blue .btn, .box.border.orange .btn {color: #D67545; border: 2px solid #D67545;}
.box.border.grey .btn {color: #888; border: 2px solid #888;}
.box.border.green .btn {color: #AAC72E; border: 2px solid #AAC72E; }
.box.border .btn:hover {background-color: transparent; opacity: .5;}
.btn:focus, .btn:hover, .btn.active, .open .dropdown-toggle .btn {background-color: #AAC72E;opacity: .7;}
.info .piece-heading:before {content: "\f05a"; font-family: ForkAwesome; padding-right: 8px; font-size: 100%; color: #002E56;}
.box .btn{margin-top: 15px;}

.box.piece h3.piece-heading, .box.piece h2.piece-heading, .box.piece h1.piece-heading {
    margin-bottom: 6px;
    margin-top: 0; font-weight: 700;
}
/*########################## slider ###################################*/
.slider-dots button::before {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    background-size: 20px;background: #D67545; border: 2px solid #fff;
    border-radius: 50%;
}
.slider-dots {    bottom: 15px;}
.head-slider .type-slider .slide-wrapper .caption {background-color: transparent !important;}

	.head-slider .type-slider .slide-wrapper .caption strong {background:#aac72e; max-width: 100%; display: inline-block;   text-shadow: none; padding:22px 20px 12px; font-family: 'Bitter'; font-family: "Fira Sans", sans-serif;}
	.head-slider .type-slider .slide-wrapper .caption small {background: #f2f3f4;
    text-shadow: none;
    padding: 15px 20px;
    font-weight: 300;
    color: #444; }
	.area-wide.area-full-row.head-slider .type-slider .slide-wrapper img {border-top-left-radius: 25px; border-bottom-right-radius: 25px;}
		.head-slider .type-slider .slide-wrapper .caption.bottom.left small {transform: rotate(-2.5deg);  margin-left: 30px; margin-top: -2px !important;     max-width: max-content; -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;}
		.head-slider .type-slider .slide-wrapper .caption.bottom.left {bottom: 40px; left: 40px; overflow: visible; display: flex;
    flex-direction: column;
    justify-content: flex-end;}
		.area-wide.area-full-row.head-slider .type-slider .slide-wrapper img {border-radius: 95% 2% 92% 2%/3% 92% 2% 95% !important;}
		
		



.slider-nav-btn::before {width: 60px; height: 54px; background-size: 60px;}
.slider-nav-btn.prev-btn {left: 30px;}
.slider-nav-btn.next-btn {right: 30px;}

@media (max-width: 1013.98px) {
.head-slider .type-slider .slide-wrapper .caption strong {padding: 17px 20px 12px;}
}

@media (max-width: 763.98px) {
.type-slider.text-below-on-xs .captions {
        background-color: #AAC72E;         border: 12px solid #fff;}
.head-slider .type-slider .slide-wrapper .caption.bottom.left small, .type-slider .slide-wrapper .caption.bottom.left small {
        background: transparent;
        color: #fff;
                padding: 0;
        margin-left: 10px;}
.area-wide.area-full-row.head-slider .type-slider .slide-wrapper img {
    border-radius: 95% 3% 92% 3% / 4% 92% 4% 95% !important;
}
.slider-nav-btn{display: none !Important;}
 .head-slider .container {
    max-width: 670px;}
.head-slider .type-slider .slide-wrapper .caption.bottom.left small {
    
    font-size: 1.3rem;}
.head-slider .type-slider .slide-wrapper .caption strong {    padding: 18px 20px 8px;
    font-size: 2.4rem;}
}

@media (min-width: 1014px) {
.head-slider .type-slider .slide-wrapper .caption strong {font-size: 40px; font-weight: 300;}
.head-slider .type-slider .slide-wrapper .caption small {font-size: 30px;}
}

@media (min-width: 764px) {
.type-slider .slide-wrapper .caption strong {
    font-size: 3.8rem;
}
}

		


.type-slider .slide-wrapper img {  border: 8px solid rgba(255, 255, 255, 1.6); border-radius: 92% 2% 92% 2%/3% 92% 4% 92% !important; 
   /* outline: 4px solid rgba(255, 255, 255, .7);
    outline-offset: -30px;*/
}
@media (min-width: 1400px) {

.head-slider .container {    max-width: 1370px;}
}


@media (max-width: 551.98px) {
.head-slider .type-slider .slide-wrapper .caption.bottom.left {bottom: 30px;left: 20px;}
.head-slider .type-slider .slide-wrapper .caption strong, .head-slider .type-slider .slide-wrapper .caption small {padding: 15px 15px 5px;}
.head-slider .type-slider .slide-wrapper .caption.bottom.left small {        margin-left: 5px;}
.head-slider.no-para.effect-parallax-bg {background-image: none !important;} 
.head-slider .type-slider .slide-wrapper .caption.bottom.left small {font-size: 1.1rem;}
}
.area-foot .subfoot {
    --my-body-color: #fff;
    --my-body-bg: #aac72e;}
/*.area-foot {
    background: url(/fruehe-hilfen/.galleries/bilder/.system/foot-bg.svg) 92% -20% no-repeat;
    background-size: 240%;
}*/
.area-foot .topfoot {
    background: url(/.galleries/bilder/.system/hintergrund-gruen.svg) 50% 0% no-repeat;
    background-size: cover; border-radius: 95% 1% 92% 1% / 1% 92% 1% 95%;}

.area-foot .topfoot, .area-foot .subfoot {background-color: transparent;}
.area-foot .ls-row ul {
  display: flex;
  justify-content: center;color: #555;
}
 .area-foot .ls-row ul li a {
  color: #555;
  font-weight: 300;
}
.area-foot .box {
  background-color: #ffffff;
  box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 17%);
  border-color: transparent !important;
}
.flex-col .type-contact {flex-grow: 1;}
.area-foot .box.green {background-color: rgba(255, 255, 255, .7);}



/* ######## MODAL FLAGS ######## */
.btn-wrap {display: flex; transform: rotate(-90deg); position: fixed; overflow: visible; right: -177px; 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: 16px; color: #fff !important; padding: 10px 16px; font-weight: 400; border: 2px solid #fff;}
.btn-wrap .btn.active, .btn-wrap .btn:focus, .btn-wrap .btn:hover {background-color: #666; color: #fff; }
.btn-wrap .btn.color1{background-color: #D67545; color: #fff;}
.btn-wrap .btn.color2{background-color: #AAC72E; color: #fff;}
.btn-wrap .fa:before{margin-right: 10px;}

.modal {box-shadow:0px 4px 16px 0px rgba(0,0,0,0.36);}
.modal-content { background: #fff;border-radius: 15px 0;}
.modal-text {line-height: 1.15; margin-bottom: 20px; font-size: 19px; color: #444;}
.modal-body { padding: 3px 30px 30px; text-align: center; font-weight: 400; margin-top: -15px; font-size: 22px;}
.modal-body a.btn {position: relative; display: inline-flex;  background: #AAC72E; 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-body a.btn.portal {background: #D67545;}

.modal-body a.btn:after {font-size: 20px;font-family: ForkAwesome; margin-left: 12px;}
.modal-body a.btn.portal:after {content: "\f002";}
.modal-body a.btn.spende:after {content: "\f234";}
.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 { transform: rotate(0deg); right: unset; top: unset; bottom: 0; left: 0;}
.btn-wrap .btn {font-size: 1rem; border: 1px solid #fff; border-bottom: 0;}
.btn-wrap .btn i {display: none;}
}



/*########################## two-cols ###################################*/
@media (min-width: 1014px) {
.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: 1px solid #ccc;
-webkit-column-rule: 1px solid #ccc;
-moz-column-rule: 1px solid #ccc;}
}
.no-para.effect-parallax-bg {
    background-attachment: initial;
    background-position: center !important;}
.fifth .container-box:last-child {display: none;}
@media (min-width: 1200px) {
    .fifth .col-xl-2 {
        flex: 0 0 auto;
        width: 19.666667%;
    }
}
@media (min-width: 1014px) {
  .max-75 {
    max-width: 77%;
    margin: 0 auto;
  }
  .max-60 {
    max-width: 61%;
    margin: 0 auto;}
.max-50 {
    max-width: 51%;
    margin: 0 auto;}
}
/*########################## Normal-AC ###################################*/
.accordion .acco-header .acco-toggle {border-radius: 97% 0.5% 92% 0.5% / 2% 97% 1% 95%; padding: 1.5rem 1.5rem; padding-left: 30px; font-weight: 400; overflow: visible; background-color: #f6f6f6;}


.accordion .acco-header .acco-toggle:hover {
    color: var(--my-main-theme);
    background-color: #eceff3;}
	
.accordion .acco-header .acco-toggle[aria-expanded=true] {
    color: var(--my-main-theme);
        background-color: #eceff3;
    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: var(--my-main-theme);
    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;}
.faq .accordion .acco-header .acco-toggle.collapsed::before {
        content: "\f29c"; 
    width: 40px;
    display: flex;
    justify-content: center; transform: rotate(360deg);
    background: #008294;
    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: 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: #AAC72E;}
.accordion .acco-body {padding: 20px 0px 30px; background-color: transparent; border-bottom-left-radius: 10px; border-bottom-right-radius: 7px;}
.accordion {--my-at-border: 0;}


.accordion {box-shadow: none; --my-at-margin-between: 1.5rem; margin-left: 18px;}
@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;}
}
/*########################## Kachel-AC ###################################*/
.tile-col .text-overlay div {color: #fff; }
.variant-tile-accordion .collapse-trigger .piece-heading {font-weight: 400;}
.variant-tile-accordion.text-below .collapse-trigger .text-overlay {background-color: #AAC72E; border-radius: 95% 1% 92% 1% / 1% 92% 1% 95%; margin-top: 5px;}
.variant-tile-accordion.show-button .collapse-trigger .trigger-item::after {background-color: #AAC72E; color: #fff; bottom: -45px; border-radius: 95% 2% 92% 2% / 3% 92% 2% 95%;}
.variant-tile-accordion.show-button .collapse-target.show::before {height: calc(20px);}
.variant-tile-accordion .collapse-trigger .tile-col:hover {opacity: .7;}
.tile-col .text-overlay, .square-col .text-overlay {padding: 30px 20px;}
@container tile-col (min-width: 0px) {
    .variant-tile-accordion .collapse-trigger .piece-heading {
        font-size: calc(7px + 12* clamp(0px,(100cqw - 100px) / 200, 1px));
    }
}
/*########################## Tabs ###################################*/
.abc h3 {font-size: 2rem;
    font-weight: 400 !important;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap; }
.abc .tab-pane .type-section .heading {    margin-bottom: 20px;     background: #f3f3f3;
    padding: 10px 10px 5px;
    max-width: max-content; border-radius: 5px;}
.abc .tab-list > li > .tab-toggle, .abc h3 {border-radius: 50%; background-color: #fff; width: 42px; height: 42px; text-align: center; font-weight: 600; border: 2px solid #ccc;}
.abc .tab-list > li > .tab-toggle.active, .abc h3 {color: #fff; background-color: #AAC72E; border-color: #fff;}
.abc .tab-list > li > .tab-toggle:hover {color: #fff; background-color: #D67545; border-color: #fff;}
.abc .tab-list > li { margin: 3px; float: none;}
.abc .tab-list {display: flex; flex-direction: row;  flex-wrap: wrap;  justify-content: center;}
.abc .tab-content > .active {margin-top: 25px;}
@media (min-width: 1014px) {
 	.abc .tab-list > li { float: none;}
    .abc .tab-list {
        border-bottom: 0}
		}

 @media (max-width: 1013.98px) {
	.abc .tab-list > li > .tab-toggle, .abc h3 {width: 50px; height: 50px; font-size: 1.6rem;}
	}
/*########################## Formular ###################################*/
.type-webform {display: flex;  flex-grow: 1;}
.styled-form {background: #ffffffc9; background-color: rgba(255, 255, 255, .7);flex-grow: 1;    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 17%);
    border-color: transparent !important;}
.styled-form footer, .styled-form fieldset + fieldset {
    border-top: 0;
}
#search-form.styled-form {box-shadow: none;}
@media (min-width: 764px) {
    .type-webform .formbtn-row .formbtn.btn, .type-webform .formbtn-row .formbtn .btn {min-width: 130px;
    }
}

/***** Fade In *****/
html:not(.opencms-page-editor) .f-in {
 animation: fade-in 1.5s ease 0s 1 normal forwards;
}

html:not(.opencms-page-editor) .f-in.slow {
 animation-duration:  4s;
}


@keyframes fade-in {
	0% {
		opacity: 0;
		transform: scale(0.6);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

html:not(.opencms-page-editor) .slide-r {
  animation: 3s ease-in-out slide-right;
}
@keyframes slide-right {
  from {
    margin-left: -700px;
  }
  to {
    margin-left: 0%;
  }
}

.slide-r strong {
       
        width: auto;
        height: 51px;
        z-index: 1;
        position: relative;
        padding-right: 111px;
        background-size: 100px;
    }
	}

html:not(.opencms-page-editor) .loading-overlay {position: fixed; width: 100%; height: 100%; background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 15000001;}
html:not(.opencms-page-editor) .loading-spinner {border: 4px solid #f3f3f3; border-top: 4px solid #E1091A; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite;}
html:not(.opencms-page-editor) .loading-logo{background: url(/.galleries/bilder/.system/logo-spinner2.png) center center; width: 240px;height: 141px; margin-bottom: 20px;}

@keyframes spin {
   0% {
       transform: rotate(0deg);
      }

   100% {
       transform: rotate(360deg);
      }
}


#template-info::before {
  display: none;
 content: '{"main-theme":"#444", "main-theme-hover":"#dd0011", "map-color":["#AAC72E","#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"}]}]}'; }