@import url('/export/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/fonts/modern/font.css');
@import url('/.themes/main.css');
@import url('/export/sites/demo-s-11/0-mercury-update-fix/fix.css');
.ap-legaltext > .row > div {padding-left: 0;
    padding-right: 0;
}
.box-theme {
    --my-body-bg: #85A47B;}

.radius img {    border-radius: 15px;}
.box.red h2 {color: #fff;}
/*########################### Flags #################################*/
.btn-wrap {  position: fixed; z-index: 99999;
    left: 10px;
    bottom: 5px;}
.btn-wrap .btn {
    background-color: transparent;
    border-radius: 5px;
    border: 0;
    margin-top: 0;
    color: #fff;
    padding: 5px 20px;
    font-weight: 300;
  
    font-size: 1.6rem;
}
.btn.bf {background-color: #85A47B;}
.btn.log {background-color: #888888;}
@media (min-width: 1014px)  {
.btn-wrap { 
left: unset; bottom: unset;
    right: -133px;
    top: 50vh;     
    transform: rotate(-90deg);}
}
@media (max-width: 763.98px) {
.btn-wrap .btn {padding: 5px 10px; font-size: 1.4rem;}
}
/*########################### End Flags #################################*/

.ls-bullets.custom-icon li::before {margin-right: 5px; color: #444;}
.ls-bullets.custom-icon li {display: flex;}

.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;}
: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";}
a {color: #85A47B;}

.btn {font-size: 1.8rem;}
body {color: #444;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {font-weight: 400;}
.area-foot img {max-width: 280px;}
/*.area-foot .topfoot {
    background: #333 url(/mercury-caritas-ohne-inhalt/.galleries/bilder/.system/watermark2.png) no-repeat 100px center;}
.cite {background: #85A47B url(/mercury-caritas-ohne-inhalt/.galleries/bilder/.system/watermark-single.png) no-repeat 15% center;}*/
.social-icons ul {justify-content: center;}
li.mega > a {
    background-color: #85A47B !important;}
.box {border-radius: 15px;}
.box.white {background-color: #fff;}
.box.blue {background-color: #E6F4FF;}
.box.border {background-color: #fff; border: 3px solid #85A47B;}
.box.red {background-color: #85A47B; color: #fff;}
.box.red a {color: #fff;}
.box.red h3 {color: #fff;}
.box.red .btn {color: #fff; border-color: #fff; background-color: #fff;
    color: #85A47B;}
.box {padding: 20px;}
.flex-col .box {flex-grow: 1;}

.brush{    background:  url(/.galleries/bilder/.system/eb-noun.png) no-repeat right center;
    background-size: contain;}
.brush2 {    background:  url(/.galleries/bilder/.system/brush2.png) no-repeat left center;
    background-size: contain;}
.brush3 {    background:  url(/.galleries/bilder/.system/brush3.png) no-repeat right center;
    background-size: contain;}

.type-map .presized.presized-vars, .type-map .presized {border-radius: 20px;}

.colored-row.bg-highlight, .colored-row.bg-switch:nth-of-type(even) {background-color: #85a47b2e;}
.colored-row.bg-grey-light {background-color: #8888882e;}

.area-header .header-links > ul, #nav-main-addition {
    display: none;}
.nav-toggle-btn .nav-toggle {background-color: #85A47B;}
@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)  {
.lead {
        font-size: 130%;
    }
body, .area-header .head.isfixed {max-width: 95%; margin: 0 auto;}
.max-75 {max-width: 68%;
    margin: 0 auto;}
    header.fh.meta-right .header-links {
        justify-content: flex-end;
        padding: 15px;
    }
}

.type-slider .slide-wrapper .caption.left {background: #85A47B; border-radius: 0 40px;}
/* ################ 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;}

}
/*########################## Normal-AC ###################################*/
.accordion .acco-header .acco-toggle {padding: 1.5rem 1.5rem; padding-left: 30px; font-weight: 400; overflow: visible; background-color: transparent; letter-spacing: -2px; border-radius: 15px 15px 15px 15px;
    border: 3px solid #85A47B !important;}
.accordion .acco-header .acco-toggle b {font-weight: 700;}
.accordion .acco-header .acco-toggle:hover {color: #ff2626; background-color: #f3f3f3; border-color: #ff26267d;}
.accordion .acco-header .acco-toggle[aria-expanded=true] {color: #FF2626; background-color: #f3f3f3; border-color: #ff26267d;}
.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: -21px;
    color: #85A47B; font-size: 4rem; padding: 0; background-color: transparent;}
.accordion .acco-header .acco-toggle.collapsed::before {content: "\f061"; font-family: ForkAwesome; transform: rotate(360deg); top: 14px; transition: transform 0.33s;}
.accordion .acco-header .acco-toggle:hover::before {color: #888888; }
.accordion .acco-header .acco-toggle:hover {border-color: #888888 !important; color:#888888;}
.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: #85A47B;}
.accordion .acco-body {padding: 20px 10px 30px; 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) {
.type-slider {margin: 0 15px;}
.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.6rem !important;}
}



.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;
}


  
.check ul {list-style: none outside none; margin-left: 0; padding-left: 0; margin-bottom: 0px !important;}
.check li {overflow: visible; padding-left: 25px; position: relative; line-height: 1.5;}
.check li:before { font: normal normal normal 19px/1 FontAwesome; margin-right: 10px; left: 0; position: absolute; content: "\f046"; top: 7px;}


/* ######## SLIDER ######## 
.type-slider .slide-wrapper .caption.top.left {width: 530px; background: rgba(0,0,0,.5); left: 0; top: 50px; padding: 50px; height: 100%; top: 0; display: flex; justify-content: center; flex-direction: column;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption { font-size: 25px; font-weight: 300; display: block; line-height: 1; text-shadow: none;}
.type-slider .slide-wrapper .subcaption small{font-size: 45px; font-weight: 400; display: block; line-height: 1.1; margin: 15px 0; text-shadow: none;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption, .type-slider .slide-wrapper .caption small{padding: 0;}
.type-slider .slide-wrapper .subcaption small:nth-of-type(2) { color: #fff; text-shadow: none !Important; padding: 0; font-size: 19px; font-weight: 300; line-height: 1.3;}

.type-slider .btn{display: block; max-width: max-content; margin-top: 25px; padding: 9px 20px; border-radius: 4px; font-size: 19px !Important;}
.type-slider .image-src-box.presized img, .area-wide.area-full-row .type-slider .slide-wrapper img {border-radius: 20px 0 20px 0 !important;}
.area-wide.area-full-row .type-slider .slider-box{border-top-left-radius: 20px !important;}

.slider-dots li button.dot-btn::before{border: 12px solid #ddd; border-radius: 50%;}
.slider-dots li button.active::before{border: 12px solid #85A47B; border-radius: 50%;}
.slider-dots {bottom: 23px;}

@media (max-width: 1199.98px){
.type-slider .slide-wrapper .subcaption small {font-size: 33px;}
.type-slider .slide-wrapper .subcaption small:nth-of-type(2) {font-size: 16px;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {font-size: 22px;}
}
@media (max-width: 1013.98px){
.type-slider .slide-wrapper .caption.top.left {width: 440px;}
}
@media (max-width: 763.98px){
.type-slider .slider-box, .type-slider .image-src-box.presized img, .area-wide.area-full-row .type-slider .slide-wrapper img {border-bottom-right-radius: 0 !Important;}
.type-slider.text-below-on-xs .slide-wrapper small {display: block;}
.type-slider .slide-wrapper .caption.top.left {width: 100%; background: #85A47B; padding: 30px;}
.type-slider .slide-wrapper .caption small {padding: 0;}
.type-slider .slide-wrapper .caption small a.btn {padding: 9px 16px;font-size: 16px; margin-top: 20px;color: #444; background-color: #fff; font-weight: 400;}
.type-slider.text-below-on-xs .slide-wrapper .subcaption {padding: 0;}
.type-slider.text-below-on-xs .captions {background-color: transparent; display: inline-block;}
.slider-dots, .type-slider.text-below-on-xs .slide-wrapper small:nth-of-type(2)::before{display: none;}
}
@media (max-width: 549.98px){
.type-slider .slide-wrapper .caption.top.left {padding: 20px;}
.type-slider .slide-wrapper .subcaption small {font-size: 27px;}
.type-slider .slide-wrapper .subcaption small:nth-of-type(2) {font-size: 16px;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {font-size: 20px;}
.type-slider .btn {font-size: 17px ! Important;}
}


*/
.type-slider .slide-wrapper .caption.right {
    text-align: left;
    background: #0000009c;     display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
    
    padding: 30px 50px;}
.type-slider .slide-wrapper .caption strong + .subcaption small:first-of-type, .type-slider .slide-wrapper .caption .titlecaption + .subcaption small:first-of-type {
    margin-top: var(--my-default-margin-verysmall);
    font-size: 3rem;
    font-weight: 600;
}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption, .type-slider .slide-wrapper .caption small {padding: 0;}
.type-slider .slide-wrapper .caption small:first-of-type {padding: 20px 0;}
@media (min-width: 764px){
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption  {
    
    font-size: 4rem;
    
}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption, .type-slider .slide-wrapper .caption small:nth-of-type(2) {
        font-size: 2.8rem;
        font-weight: 400;
    }
.type-slider .slide-wrapper .caption.right {
    right: 0;
    text-align: left;
    background: #00000070;
    height: 100%;
    top: 0;         max-width: 600px;}
}


/************************** Kachel-Akkordeon ******************************************/
.variant-tile-accordion.show-border .collapse-trigger.collapsed .content-box, .variant-tile-accordion.show-border .collapse-trigger .content-box {border-radius: 15px;}

.variant-tile-accordion .collapse-trigger .text-overlay {
    display: flex;
    align-items: center;
    background: #85a47bc9;
    width: auto;
    text-align: left;
    bottom: 10px;
    padding: 10px 20px;
	border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
	margin-right: 5px;
}
.variant-tile-accordion img{
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.variant-tile-accordion .piece.pac .heading > .piece-heading {font-weight: 300;
    font-style: normal;
    font-size: 22px;
    text-align: left; -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.variant-tile-accordion .collapse-target {
    margin-bottom: 50px;
    padding-left: 35px;
    border-left: 5px solid #eee;
    margin-left: 15px;
    margin-top: 70px;
	margin-top: 40px;
  background: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}
.variant-tile-accordion .piece .piece-heading {
    margin-bottom: 10px;
}
.variant-tile-accordion.show-button .collapse-trigger .trigger-item::after {bottom: -55px; background: #85A47B; color: #fff; border-radius: 50%;}

.variant-tile-accordion .collapse-trigger .piece-heading {
    font-weight: 400;}
.tile-col.freefloat .copyright {
	font-size: 10px;
    padding: 6px 10px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
	top: 0;
    bottom: unset;
}
.variant-tile-accordion.show-button .collapse-target.show::before {
    height: calc(0px) !Important;
}
.variant-tile-accordion .collapse-trigger .text-overlay:before {    transform: rotate(-180deg);transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;}


.variant-tile-accordion .collapse-trigger.collapsed .text-overlay:before {content: "\f067"; font-family: 'ForkAwesome'; color: #fff; 
    margin-right: 7px; font-size: 19px; top: -2px; position: relative;}
.variant-tile-accordion .collapse-trigger .text-overlay:before {content: "\f068"; font-family: 'ForkAwesome'; color: #fff; 
    margin-right: 7px; font-size: 19px; top: -2px; position: relative;}
@media (min-width: 1400px) {
  header.fh.ls-3 .h-logo {
    flex: 0 0 250px;
    max-width: 250px;}
	
header.fh.ls-3 .isfixed .h-logo {
    flex: 0 0 170px;
    max-width: 170px;}
 
}



@media (min-width: 1200px) {
  header.fh.ls-3 .h-logo {
    flex: 0 0 220px;
    max-width: 220px;}
	
header.fh.ls-3 .isfixed .h-logo {
    flex: 0 0 150px;
    max-width: 150px;}
 
}
@media (min-width: 1014px) {
  header.fh.ls-3 .h-logo {
    flex: 0 0 220px;top: 15px;
  }
  header.fh.ls-3 .isfixed .h-logo {
    flex: 0 0 150px;
    max-width: 150px;}
}

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