@import url('/shared/css/generics.css');
@import url('/.themes/font.css');
@import url('/shared/css/m-access.css');

.pp-banner .title:focus {outline: 0;}

#topcontrol {display: none;}
:root, .box-body-base, .box-body {--my-link-color: green;
    --my-link-hover-color: #ec3e47;
    --my-link-hover-color-rgb: 236, 62, 71;
    --my-main-theme: green;
    --my-main-theme-hover: #6A3A87;
}
.type-list-filter {--my-filter-btn-hover-fg: #fff;}
.pagination > li > a:hover, .pagination > li.active > a:hover {color: #fff;}
:root {
    --my-body-font-family: "Open Sans";
	--my-body-font-size: 2rem;
    --my-body-font-weight: 300;
	--my-font-weight-headings: 300;
	--my-btn-border-radius: 5px 0;
	--my-border-radius: 15px 0;
	--my-link-color: #6A3A87;}
.type-sitemap {
    --my-sm-color: var(--my-main-theme-hover-fg);
    --my-sm-bg-color: #fff;}

.box-theme {
    --my-body-bg: green;}
.box, .box-high {
    --my-body-bg: #f3f3f3;}
.center .link {text-align: center;}
.immer .col-lg-4 {flex: 0 0 auto;
    width: 33.33333333%;}
	
.btn.btn-save {
  background-color: #fff;
  color: #000;
}


.pp-banner .buttons .btn-accept, .pp-banner .buttons .btn-accept:hover {
color: #fff;
  background-color: green !important;
}

@media (min-width: 1014px) {
    h1, .h1 {font-size: 4.5rem;}
	h2, .h2 {font-size: 3.8rem;}
	h3, .h3 {font-size: 2.8rem;}
}
@media (max-width: 1013.98px) {
	:root {--my-body-font-size: 1.6rem;}
}
@media (max-width: 763.98px) {
    .type-slider.text-below-on-xs .captions {
        background-color: green;}
		}
h1, .h1, h2, .h2, h3, .h3, .type-slider .slide-wrapper .caption strong {hyphens: none !important;}
a {color: green; font-weight: 400;}
.btn:focus, .btn:hover, .btn.active, .open .dropdown-toggle .btn {color: #fff; background-color: #6A3A87;}
.btn {background-color: green;}
b, strong {font-weight: 500;}

h1 strong, h2 strong, h3 strong{font-weight: 700;}
h1, h2, h3{letter-spacing: -2px;}
.nav-side li > a:not(.btn):focus, .nav-side li > a:not(.btn):hover {
    color: #6A3A87;
    background: #f3f3f3;}
.max-1500 .container {max-width: 1500px;}

small, .small {font-weight: 300;}
.no-radius img {border-radius: 0;}

.fuenfer .flex-col:has(.simple){display: none; }
@media (min-width: 1200px) {
.fuenfer .col-xl-2 {width: 19.66666667%;}
}

.area-foot .type-contact h2 {font-size: 2.0rem !important; font-weight: 600;}
.area-foot .type-contact .text{font-size: 20px;}
.area-foot .type-contact h4{font-size: 21px;}

@media (max-width: 763.98px) {
.type-contact .body{line-height: 1.5;}
}

@media (max-width: 550.98px) {
	:root {--my-body-font-size: 18px;}
	.type-linksequence .ls-item {font-size: 14px;}
	.area-foot .type-contact .text {font-size: 17px;}
	.area-foot .type-contact h3 {font-size: 21px;}
}


header.bh .h-logo-col .h-logo {
    max-width: 120px;
    position: absolute;
    z-index: 9;
    top: 16px;
    background: #fff;
    border: 7px solid #fff;
	    border-top: 0;
    left: 41px;
}
header.bh.suche .h-logo-col .h-logo {top: 0;}
header.bh.meta-above .h-meta {position: relative; top:10px;}
.h-logo .image-src-box.presized img, .mobile-logolink img {border-radius: 0;}
header.bh .h-logo-row {max-width: 100%; padding-top: 0px;
    padding-bottom: 0px;}
@media (max-width: 1013.98px) {
header.bh.meta-above .h-meta {top: 30px;
}
header.bh .h-logo-col .h-logo {
    max-width: 80px; top: 5px;}
	}
@media (max-width: 551.98px) {
    header.bh.meta-above .h-meta {
        right: 6px;
        top: 39px;
    }
}


@media (min-width: 1014px) {
    .type-slider .slide-wrapper .caption.left {min-width: 530px;}
	header.fh.ls-2 .head.isfixed .h-logo {flex: 0 0 70px; max-width: 70px; position: relative; left: 70px; top: 0px;}
	.head.isfixed {max-width: 90%;}
	#mercury-page {max-width: 90%; margin: 0 auto;}
	}

/*############### Head ################
header.fh .h-logo {padding-right: 0; padding-left: 0;}
.h-logo img {border-radius: 0;}
@media (min-width: 1014px) {
	#mercury-page {max-width: 90%; margin: 0 auto;}
	header.fh .h-group {max-width: 100%;}
	.head.isfixed {max-width: 100%; left: 0;}
	.head.notfixed .h-logo {position: absolute; z-index: 9; background: #fff;}
	header.fh.ls-2 .h-logo {flex: 0 0 130px; max-width: 130px;}
	header.fh.ls-2 .head.isfixed .h-logo {flex: 0 0 70px; max-width: 70px; position: relative; left: 70px; top: 0px;}
	header.fh.pad-lg .h-logo {padding-top: 0; padding-bottom: 0;  top: -5px;}
	header.fh.pad-sm .h-logo, header.fh.header-isfixed.fix-compact .h-logo, header.fh.header-isfixed.fix-overlay .h-logo {padding-top: 0; padding-bottom: 0;}
	header.fh .notfixed .h-group {top: 25px;}
	header.fh .isfixed .h-info > .h-nav {margin-bottom: 10px;}
	}*/
/*############### Nav ################*/

.area-header .header-links > ul > li > a {text-transform: none;}
header.bh .h-meta {
    display: flex;}
.area-header .header-links > ul > li > a {font-size: 19px;}
	.h-meta .container {max-width: 100% !important; }
	.fa-search:before {position: relative; right: 57px;}
	header.bh .h-toggle-col {right: 10px; position: relative;}
	header.bh.fixtoggle #nav-toggle-label-open .nav-toggle{top: 20px;}


@media (min-width: 1014px) {
	header.bh .header-group {margin-top: 10px;}
	    header.bh .h-meta {padding-top: 0;}
		.area-header .header-links > ul > li > a {font-size: 2rem;}
    header.bh.meta-left .header-links {justify-content: flex-end;}
	    header.bh.meta-above .h-meta {position: relative; top: 10px;}
}
@media (max-width: 1013.98px) {
header.bh.fixtoggle #nav-toggle-label-open .nav-toggle {top: 0px; right: 20px;}
}
@media (max-width: 550.98px) {
header.bh.fixtoggle #nav-toggle-label-open .nav-toggle {right: 0px;}
}
.nav-main-items > li.active > a {color: #6A3A87;}

    .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 {color: green;}
#nav-main-addition {display: none;}


/*########### NAV ###########*/
header.bh .nav-menu-header{ padding: 0;   padding-top: 30px;}


.nav-toggle, .nav-toggle.active {background: transparent; width: 55px;}


 .nav-toggle-btn .nav-toggle { background-color: rgba(0, 0, 0, .2); border-radius: 3px; }
 
 
 
 .nav-toggle span {height: 3px; top: 19px;}
.nav-toggle span::before {height: 3px;top: -10px;}
.nav-toggle span::after {height: 3px;    bottom: -10px;}

.nav-toggle-btn .nav-burger, .nav-toggle-btn .nav-burger::before, .nav-toggle-btn .nav-burger::after {background: #fff;}

.h-logo-row.container {padding-right: 0; padding-left: 0;}


.h-logo .image-src-box.presized img {top: 0px; left: 0px;}

header.bh .nav-menu-header {background-color: transparent; margin-bottom: 20px;}
.nav-main-container .nav-main-group .nav-main-items {border-top: 0;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a{background: transparent !important;}

.nav-main-items li > a {border-bottom: solid 1px #525252;}
#nav-toggle-label{background: rgba(0, 0, 0, .1) !important; padding: 0 5px 5px 5px;}

 .nav-main-container {background-color: rgba(255,255,255, .9); padding: 30px; width: 600px; display: flex; justify-content: center;}
.nav-main-items li.expand > a[aria-controls]::after {color: #444;}
.nav-main-items li[aria-expanded] > a[aria-controls]::after, .nav-main-container .nav-main-group { background-color: transparent;}
.nav-main-items > li > a, .nav-main-items li > a { color: #444;}

.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {background-color: transparent;}

.nav-main-container .nav-main-mobile-logo {background: transparent !important;}
html.active-nav .area-header .head-overlay { opacity: 0.45;}
.nav-main-items li.active[aria-expanded=true] > a, .nav-main-items li.active > a { background-color: transparent;}

 html.active-nav .area-header .header-group li[aria-expanded] > a::after {display: none;}


 .nav-main-items > li > a, .nav-main-items li > a {padding: 10px 5px; text-transform: uppercase; font-size: 20px; font-weight: 300;}
 .nav-main-items li.expand.ed > a {background-color: transparent; border: 0; color: #6A3A87;}
.nav-main-items li.expand > a[aria-controls]::after {right: 5px !important; top: 4px; background-color: transparent;}

.nav-menu > li > a, .nav-menu > li > ul > li > a {text-transform: none;  font-size: 19px; border-bottom: 0;  padding: 5px 10px 5px 20px;     display: flex;}
 .nav-menu > li > ul > li > a:before {content: "\f105";font-family: 'ForkAwesome'; margin-right: 8px; font-size: 18px;}
.nav-menu > li > a {font-size: 19px; padding: 5px 10px 5px 5px;}



.nav-main-items li.active[aria-expanded=true] > a, .nav-main-items li.active > a {font-weight: 600 !important;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {max-width: 70px;}
header.bh #nav-toggle-label-open .nav-toggle {width: 45px; }

.nav-main-items > li.active > a {color: #6A3A87;}

    .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 {color: green;}



@media (min-width: 1014px) {
header.bh.ls-3 .h-logo-col {
        flex: 0 0 170px;
        max-width: 170px;
}

.nav-toggle {margin-top: -25px;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a { font-size: 19px; padding-top: 10px; padding-bottom: 10px; font-weight: 300; padding-left: 0;}
.nav-main-container .nav-main-group { width: 350px;}
}

@media (min-width: 551.98px) and (max-width: 1014px) {
.transparenz  {max-width: 60%; margin: 0 auto;}
}

@media (min-width: 763.98px) and (max-width: 1014px) {

    .btn-bewerbung {top: 40px;}
}

@media (max-width: 763.98px) {
    header.bh.ls-3 .h-logo-col {
        flex: 0 0 120px;
        max-width: 120px;
    }
}
@media (max-width: 1013.98px) {
.fa-search:before {position: relative; right: 57px; top: 4px; font-size: 20px;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {width: 40%;}
}


@media (max-width: 763.98px) {
    .fa-search:before {top: -7px;}
header.bh.lp-l .nav-main-container {right: -100vw;}
header.bh #nav-toggle-label-open .nav-toggle {top: -11px;}
}


@media (max-width: 599.98px) {
.nav-main-container {width: 100%; padding: 15px;}

header.bh.lp-l .nav-menu-header .nav-menu-toggle {padding-left: 0;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {width: 60%;}
}
@media (max-width: 551.98px) {
.nav-toggle {height: 45px; margin-top: 10px;}
}


/********* JOBS ***********/
.detail-page.type-job .detail-visual p {border: 1px solid #00497b; max-width: max-content; color: #00497b; padding: 3px 12px; font-weight: 400; border-radius: 7px 0; margin-top: 10px;}
.type-job .teaser-text {margin-top: unset;}
.detail-page.type-job .detail-visual p {margin: 20px 0 34px 0;}
.type-job.teaser .body {padding: 15px 30px 30px !Important;}
.type-job.teaser .intro-headline {font-size: 20px; font-weight: 400; }
.type-job.teaser.piece {border-radius: 15px 0 15px; box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 17%); background: #fff;}
.type-job.detail-page .image-src-box.presized img {border-radius: 15px 0;}
.type-job.detail-page .detail-visual .visual-text{font-weight: 300;}
.type-job.detail-page .headline{font-weight: 400; margin-bottom: 20px 0;}
.type-job.detail-page h2{font-size: 32px; font-weight: 400;}
.type-job .detail-content .paragraph {border: 1px solid #ccc; padding: 30px; border-radius: 15px 0;}
.type-job .intro-headline > .intro {margin-bottom: 15px; font-size: 80%; color: green; letter-spacing: -0.5px;}
.type-job.detail-page .intro-headline > .intro {font-size: 55%;}
@media (min-width: 1014px) {
.type-job.detail-page .headline{font-size: 40px;}
}
/*############### Breadcrumb ################*/
.nav-breadcrumbs > li + li::before {
    content: "\f054";
    display: inline-block;
    font-family: var(--my-icon-font-family);
   font-size: 1rem;
   
    color: #6A3A87;
    margin: 0 5px;}
.type-nav-breadcrumbs {
max-width: max-content;
margin: 0 auto;
}
.nav-breadcrumbs {
    display: flex;
    justify-content: center;
	
}
.nav-breadcrumbs > li a {
    color: #6A3A87;
    font-size: 14px;
}
.nav-breadcrumbs > li:last-child a {
    color: green;
    font-weight: 600;
    pointer-events: none;
}


.copyright {
  --my-copyright-padding: 5px 7px 4px;
  --my-copyright-font-size: 11px;
  --my-copyright-bg-color: rgba(255, 255, 255, 0.8);
  --my-copyright-opacity: 0.9;
  --my-copyright-border-radius: 1px 0 15px 0px;
}
/*############### Socials ################*/
.social-icons li a {border-radius: 50%;}
/*############### Slider ################*/
.type-slider .slide-wrapper .copyright {right: 0;border-radius: 0px 0 0 3px; top: 0; bottom: unset;}
.slider-dots li button::before {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    background-size: 20px;background: green; border: 2px solid #fff;
    border-radius: 50%;
}
.slider-dots {    bottom: 15px;}
a.oben {display: flex;
    max-width: max-content;
    margin-top: 20px;}
.area-wide.area-full-row .type-slider .slide-container {border-radius: 20px 0;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption small {text-shadow: none;}
    .type-slider .slide-wrapper .caption small:first-of-type {letter-spacing: -2px;}


@media (min-width: 764px) {
	.type-slider .slide-wrapper .caption.left {left: 0; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 60px 30px 30px; max-width: 530px; background: rgba(0,0,0,.4);}
	.type-slider .slide-wrapper .caption.bottom {bottom: 0;}
	.type-slider .slide-wrapper .caption strong {font-size: 2.4rem; font-weight: 300;}
	.type-slider .slide-wrapper .caption small:first-of-type {font-size: 3.8rem; font-weight: 500; margin: 20px 0 20px;}
	.type-slider .slide-wrapper .caption small:nth-of-type(2) {font-size: 1.9rem; font-weight: 300; line-height: 1.5;}
}
@media (min-width: 764px) and (max-width: 1699.98px) {
header.bh .h-logo-col .h-logo{max-width: 85px;top: 32px;}
}
@media (min-width: 764px) and (max-width: 1449.98px) {
.type-slider .slide-wrapper .caption small:nth-of-type(2) {font-size: 18px !Important;}
.type-slider .slide-wrapper .caption small:first-of-type{font-size: 35px;}
.type-slider .slide-wrapper .caption strong {font-size: 23px;}
a.oben {margin-top: 15px;}
.type-slider .slide-wrapper .caption small:first-of-type{margin: 20px 0 6px;}
.type-slider .slide-wrapper .caption strong + .subcaption small:first-of-type {margin-top: 0px;}
.type-slider .slide-wrapper .caption.left {padding: 60px 30px 5px;}
}
@media (max-width: 1013.98px) {
header.bh .h-logo-col .h-logo { max-width: 85px; top: 10px;}
}
@media (max-width: 763.98px) {
.type-slider .slide-wrapper .caption small:nth-of-type(2) {margin-top: 0;margin-left: -5px;}
.type-slider.text-below-on-xs .slide-wrapper small {display:  flex !important; flex-direction: column;}
a.oben {border: 2px solid #fff;}
.type-slider.text-below-on-xs .slide-wrapper .caption {background-color: green; padding: 20px}
.type-slider .slide-wrapper .caption small:first-of-type {letter-spacing: 0px; font-size: 35px; font-weight: 600; line-height: 1.3;}
.type-slider .slide-wrapper .caption strong {font-size: 23px;}
.type-slider.text-below-on-xs .slide-wrapper small:nth-of-type(2)::before{display: none;}
.type-slider .slide-wrapper .caption strong + .subcaption small:first-of-type {margin-top: -4px;}
}
@media (max-width: 550.98px) {
header.bh .h-logo-col .h-logo {top: 10px; left: 8px;         max-width: 68px;
}
.type-slider .slide-wrapper .caption strong {font-size: 21px;}
.type-slider .slide-wrapper .caption small:first-of-type {font-size: 30px; margin-bottom: 15px;}
}
/*############### Boxen ################*/
.box, .box-high { 
	--my-link-color: green;}
.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;}
.box {padding: 25px; border-radius: 10px 0; box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3);}
.box.piece > .visual {margin-bottom: 15px;}
.box.white {background-color: #fff; }
.box.green {background-color: green; color: #fff;}
.box.green a {color: #FCC12E;}
.box.lila, .box.lila li a {background-color: #AE3692; color: #fff;}
.box.lila .btn, .box.green .btn {background-color: #6A3A87; color: #fff;}
.box.lila .btn:hover {background-color: green;}
.box.green .btn:hover {background-color: #AE3692;}
.box.lila h3, .box.green h3 {color: #fff;}

/*############### FORMULAR ################*/
.honeypot section:first-of-type {display: none;}
.honeypot table.webform-input tr:first-child {display: none;}
 .styled-form a {color: #444;}
.topfoot .styled-form {background: transparent; border: 0;  padding: 0px 0 20px 20px;}
.topfoot .styled-form label { color: #444;}
.topfoot .styled-form .input input, .topfoot .styled-form .textarea textarea, .topfoot .styled-form .select select, .topfoot .styled-form .checkbox i {background-color: transparent !important; color: #444;
    border-color: #444;}
.topfoot .type-webform .formbtn-row .formbtn { margin-left: 0; margin-right: 16px; background-color: transparent; border: 1px solid #444; color: #444;  padding: 7px 30px; border-radius: 5px 0 !important;	margin-top: 0px;}
.topfoot .styled-form footer, .topfoot .styled-form fieldset {padding: 0 10px; border-top: 0;}
.topfoot .styled-form .note{display: none;}



@media (min-width: 764px) {
.topfoot .type-webform .formbtn-row {justify-content: flex-end;}
.topfoot .styled-form section:nth-of-type(-n+3) {width: 47%; float: left; margin-right: 3%; }
.topfoot .styled-form footer section {width: 100% !important; float: none !important; margin-right: 0 !important; }
.topfoot .styled-form .textarea textarea {width: 97%;}
.topfoot .styled-form section:nth-of-type(n+4) {width: 100%;}
}
@media (max-width: 1013.98px) {
.topfoot .styled-form label {font-size: 16px;}
.topfoot .styled-form {padding: 0px 0 20px 0px;}
.topfoot .styled-form label a{font-size: 14px;}
}
@media (max-width: 550.98px) {
.topfoot .styled-form label {font-size: 15px;}
}

/*############### Icon Row ################*/
.icon-row .type-section {margin-bottom:50px;}
.icon-row h3, .icon-row .text {-webkit-hyphens: auto;
    hyphens: auto !important;
    overflow-wrap: anywhere;
    word-break: break-word;}
.icon-row img {background: url("/.galleries/bilder/.system/circle.png")no-repeat center/90%;}
/*.icon-row .image-src-box.presized.use-ratio {border-radius: 50%; background: #f3f3f3;}*/
.row.icon-row {--my-gutter-x: 50px;}

.icon-row.round img {background: unset; border-radius: 50%;}
@media (max-width: 1013.98px) {

   .icon-row .col-lg-4 {
        flex: 0 0 auto;
        width: 50%;
    }
}
@media (max-width: 763.98px) {
   .icon-row .col-lg-4 {width: 100%;}
}
@media (max-width: 550.98px) {
.icon-row img {max-width: 260px; margin: 0 auto; display: flex;}
}

/* ######## MODAL FLAGS ######## */
.btn-wrap {display: flex; transform: rotate(-90deg); position: fixed; overflow: visible; right: -160px; 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: #6A3A87; color: #fff;}
.btn-wrap .btn.color3{background-color: green; color: #fff;}
.btn-wrap .btn.color2{background-color: #AE3692; 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: #6A3A87; 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: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: none !Important; transform: rotate(0deg); right: unset; top: unset; bottom: 0;}
.btn-wrap .btn {font-size: 1.2rem; border: 1px solid #fff; border-bottom: 0;}
}

/*########################## Normal-AC ###################################*/
.colored-row .accordion .acco-body {    background: transparent;}
.accordion .acco-header .acco-toggle {padding: 1.5rem 1.5rem; padding-left: 55px; font-weight: 400; overflow: visible; background-color: transparent; letter-spacing: -2px;}
.accordion .acco-header .acco-toggle b {font-weight: 700;}
.accordion .acco-header .acco-toggle:hover {color: #6A3A87; background-color: #f3f3f3;}
.accordion .acco-header .acco-toggle[aria-expanded=true] {color: #6A3A87; 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: 21px; height: auto; transform: none; transition: transform .33s; right: unset; left: 15px;
    color: green; font-size: 2.7rem; padding: 0; background-color: transparent;}
.accordion .acco-header .acco-toggle.collapsed::before {/*content: "\f061";*/ content: "\f067"; font-family: ForkAwesome; transform: rotate(360deg); top: 22px; transition: transform 0.33s;}
.accordion .acco-header .acco-toggle:hover::before {color: #6A3A87;}
.accordion .acco-header .acco-toggle.collapsed::after, .accordion .acco-header .acco-toggle::after {display: none;}

.accordion .acco-body {padding: 20px 30px 30px; border-bottom-left-radius: 10px; border-bottom-right-radius: 7px; background: #fff;}
.accordion {--my-at-border: 0;}
.accordion {box-shadow: none; --my-at-margin-between: 1.5rem; margin-left: unset; border: 2px solid #6A3A87;
    border-radius: 10px 0;
    }
@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;}
}

/*############### KACHELN ###############*/
.lotse .tile-col .text-overlay {background: rgba(37, 156, 26, .7);  hyphens: auto; overflow-wrap: anywhere; word-break: break-word; max-width: max-content;bottom: 10px; border-bottom-right-radius: 13px;}
.lotse.lila .tile-col .text-overlay {background: rgba(94, 44, 136, .7);}
.lotse .tile-col .text-overlay h3{font-size: 19px;font-weight: 500;text-shadow: none; line-height: 1.3;}
.lotse .element {margin-bottom: 30px;}


/*############### Rows mit max-width & border-radius ###############*/

@media (min-width: 1014px) {
   .icon-row.six .col-xl-2 {
        flex: 0 0 auto;
        width: 32.666667%;
    }
	}
@media (min-width: 551px) and  (max-width: 1013.98px) {
   .icon-row.six .col-xl-2 {
        flex: 0 0 auto;
        width: 49.666667%;
    }
	}

.icon-row.six col
.colored-row.bg-grey {background: #EEE9F3;}
.colored-row.bg-grey-light {background: #f3f3f3;}
.colored-row.bg-highlight, .colored-row.bg-switch:nth-of-type(even) {background: #EEE9F3;}
.row-has-background {border-radius: 20px 0;}
@media (min-width: 1014px) {
    .max-40 {max-width: 41%; margin: 0 auto;}
	.max-50 {max-width: 48%; margin: 0 auto;}
	.max-58 {max-width: 58%; margin: 0 auto;}
	.max-68 {max-width: 68%; margin: 0 auto;}
	.max-75 {max-width: 75%; margin: 0 auto;}
	.max-87 {max-width: 87%; margin: 0 auto;}
}
.btn-center .link {display: flex; justify-content: center;}
/* ######## NEWS // Detail ######## */
.news-wrap .teaser {background: #fff; border-top-left-radius: 10px;    border-bottom-right-radius: 10px; }
.news-wrap .teaser .body {padding: 20px 30px 30px; font-size: 18px;}
.news-wrap.list .teaser .body {padding: 5px 30px 30px; font-size: 18px;}
.news-wrap .teaser .intro {    padding: 4px 15px; background: green; max-width: max-content; margin-bottom: 15px; font-size: 80%; color: #fff; border-radius: 2px; letter-spacing: -0.5px;}
.news-wrap .teaser .teaser-date:before {font-family: forkawesome; content: "\f274"; margin-right: 8px; font-weight: 300;}
.teaser .image-src-box > img {border-radius: 0;}
.news-wrap .teaser .teaser-date {
    font-weight: 600;
    position: absolute;
    top: -13px;
    background: green;
    color: #fff;
    padding: 5px 12px;
    left: 0;
    border-radius: 10px 0 0;
}
.news-wrap .list-entry .piece .heading {margin-top: 39px;
    padding: 0 30px;
}
.news-wrap .tile-margin-15.row > .tile-col {
    margin-bottom: 10px;
}
.news-wrap .teaser-tile .teaser.piece {overflow: visible;}
.list-entries.row ~ .list-pagination {margin-top: 50px;}
.list-content .list-append-position {border-top: 1px solid #555; margin-top: 40px; padding-top: 50px; }
.news-wrap .list-pagination .btn.btn-append {background: #f3f3f3; color: #444; left: 49% !important; font-size: 22px; height: 100px; margin: -40px 0 0 -40px; position: absolute; bottom: 0px; text-transform: uppercase; width: 100px;}
.news-archive .list-pagination .btn.btn-append {background: #fff; color: #444; left: 49% !important; font-size: 22px; height: 100px; margin: -40px 0 0 -40px; position: absolute; bottom: 0px; text-transform: uppercase; width: 100px;}
.news-archive .list-pagination{margin-top: 20px;}
.list-pagination .btn.btn-append:hover { color: green; background: #f3f3f3;}
.all-news:after {content: "\f0a9"; font-family: 'ForkAwesome'; margin-left: 7px;}
.detail-page.type-article img {border-radius: 25px 0 25px 0 !Important;}
.detail-page.type-article .detail-visual .visual{margin: 35px 0;}
.detail-page.type-article .sub-header{display: none;}
.type-list-filter .filterbox.archive .btn.li-label:before{display: none;}
.type-list-filter .filterbox.archive .btn.year.li-label:before{display: inline-block;}
.teaser .text > a {font-weight: unset;}
.detail-page .detail-visual .subtitle{display: none;}
.intro-headline > .intro {color: #6A3A87;}
.news-detail .intro-headline > .intro {display: none;}
.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: #6A3A87;    margin-left: 7px;}
.teaser .list-badge {display: none;}
@media (min-width: 763.98px) and (max-width: 1013.98px){
	.news-wrap .teaser .body {padding: 12px 13px 14px;}
}
@media (min-width: 764px) {
  .list-entry .teaser {box-shadow: 2px 2px 12px -1px rgb(0 0 0 / 30%);}
  .teaser .intro-headline {font-size: 20px;font-weight: 500;}
}
@media (max-width: 763.98px) {
  .teaser .intro-headline {font-size: 20px; font-weight: 500;}
  
}
@media (max-width: 549.98px) {
	.news-wrap .teaser .intro { margin-bottom: 10px;}
	.area-content.news-wrap {margin-top: 10px; padding-bottom: 0px; padding-top: 40px;}
	.list-entries.row ~ .list-pagination {margin-top: 30px;}
	.list-pagination .btn.btn-append {bottom: 1px; font-size: 20px;}
}


/* ################ Foot ################ */
.area-foot img {border-radius: 0;}
.area-foot .subfoot {border-radius: 0 0 20px 0;}
.area-foot .subfoot a {color: #fff; font-weight: unset;}
.area-foot .subfoot .type-linksequence {display: flex;justify-content: center;}
.area-foot .topfoot {background-color: transparent;}
.area-foot .subfoot {background-color: #6A3A87; margin-bottom: 30px;}
.dot-wrapper { max-width: 44%; display: flex; justify-content: space-between;     margin: 0 auto;}
.dot {height: 24px;max-width: 24px; width: 100%; border-radius: 50%; /*margin: 0 10px;*/}
.dot.one {background: green;}
.dot.two {background: #E75395;}
.dot.three {background: #FCC12E;}
.dot.four {background: #EE3338;}
.dot.five {background: #6A3A87;}


/*######################### Counter #######################*/
.features:after {display: none;}
.row-count {max-width: 80%;margin: 0 auto; color: #444;}
.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 #444; max-width: 80%; margin: 0 auto; margin-top: 20px;}
.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;}
}


/* ################ Bild-AC ################ */
@container tile-col (min-width: 0px) {
    .variant-tile-accordion .collapse-trigger .piece-heading {
        font-size: calc(8px + 12* clamp(0px,(100cqw - 100px) / 200, 1px));
    }
}
.variant-tile-accordion.text-below .collapse-trigger .content-box {background-color: #fff;}
.tile-col .text-overlay, .square-col .text-overlay {background-color: green;}
.variant-tile-accordion .collapse-container {background: #fff; padding: 30px; border-radius: 20px 0;}
.variant-tile-accordion.show-button .collapse-target.show::before {height: 0;}
.acco-body > div > .row-12:last-child, .acco-body > div > .row:last-child, .tab-pane > div > .row-12:last-child, .tab-pane > div > .row:last-child {margin-bottom: 0px;}
@media (max-width: 1013.98px) {
.variant-tile-accordion .collapse-target .detail-page:last-child, .variant-tile-accordion .collapse-target .element:last-child {margin-bottom: 30px;}
}
/* ######## MAP ######## */
.map-marker {padding: 10px;}
.map-osm .maplibregl-popup-content {border-radius: 6px;}
.type-map .map-marker .marktxt {line-height: 1.4;}
.maplibregl-marker  svg {display: none;}
.maplibregl-marker { width: 50px;  height: 50px; background: url(/.galleries/bilder/.system/map-marker.png) no-repeat 0 0 !important;}

.map-marker a {background: #95c11f; max-width: max-content; padding: 6px 16px; border-radius: 4px; color: #fff; margin-top: 10px !important; text-align: center;}
#template-info::before {
  display: none;
 content: '{"main-theme":"#000", "main-theme-hover":"#dd0011", "map-color":["#777","#dd0011","#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"}]}]}'; }

@media (max-width: 763.98px){
.type-map .map-marker .markhead {font-size: 18px;}
.type-map .map-marker {font-size: 15px;}
.map-osm .maplibregl-popup-content {max-width: 320px;}
}
/* ################ linksequenz ################ */
.type-linksequence.ls-row.buttons a {padding: 0.6rem 1.2rem; border-radius: var(--my-btn-border-radius); color: var(--my-btn-fg); background-color: var(--my-btn-bg); margin-bottom: 15px;}
.type-linksequence.ls-row.buttons a:hover {color: #fff; background-color: green; text-decoration: none;}
.type-linksequence.ls-row.buttons {display: flex; justify-content: center;}
.type-linksequence.ls-row.buttons a:hover {color: #fff; background-color: green; text-decoration: none;}
.type-linksequence.ls-row.buttons li {margin-bottom: 20px;}


/* ################ Back to Top ################ */
#topcontrol::after {content: "\f077";}
#topcontrol {color: green; background: transparent;}
@media (min-width: 1014px) {
    #topcontrol {bottom: 35px;}
}

/***** 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 {
        background: url(/.galleries/bilder/.system/h1-rider.png) no-repeat 100% 40%;
        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);
      }
}