@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('/export/sites/demo-s-11/0-caritas-shared/mercury/main.css');
@import url('/.themes/bdsj-addon.css');
@import url('/export/sites/demo-s-11/0-mercury-update-fix/fix.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/m-access/m-access.css');

.list-pagination .btn.btn-append {background: #666;}
.topfoot .styled-form span.label {color: #fff;}
.nrw {display: none;}

lightwidget__btn {font-weight: 300 !important; font-family: 'Source Sans Pro', sans-serif !important;}
.lightwidget {
  font-family: 'Source Sans Pro', sans-serif !important;
}
.lightwidget__lightbox--active {
    z-index: 999999 !Important;
}
.lightwidget__lightbox-caption {
  
  
  font-size: 1.6rem !Important;
  line-height: 1.4 !Important;}
.type-linksequence a {display: flex;}
.ls-navigation.custom-icon li a::before, .ls-bullets.custom-icon li::before, .ls-row.custom-icon li::before {margin-right: 5px;}
.social a {padding: 6px 17px;
    border: 1px solid #fff;
    border-radius: 10px; text-decoration: none !important;}
	.type-contact {
    --my-contact-spacer-x: calc(0.5 * var(--my-default-margin-small));
    --my-contact-spacer-y: calc(0 * var(--my-default-margin-small));}
.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;}
.nav-main-items li.active.mega.expand.ed > a, .nav-main-items li.mega.active > a {background-color: #009036;}
.subline p:first-child {
    color: #555;
}
.type-iconbox {background-color: #E2001A;}
.ap-legaltext {margin-left: -15px; margin-right: -15px;}
.type-contact .h4 {
    font-size: 1.9rem !important;}
.type-contact .body {
    padding: 26px 20px 20px;
}
.square-m-20.row-square {
    margin-left: 0;
    margin-right: 0;}
.nav-menu > li.expand.ed > a {
    color: #009036;}
.nav-menu li.active.expand.ed > a {    color: #fff;
    background-color: #009036;}
.h-info .type-linksequence li a {
    padding: 2px 10px;
    background: #666;
    border-radius: 4px;
    color: #fff !important;
}
#topcontrol {
    background: #E2001A;}
.btn, .topfoot .type-webform .formbtn-row .formbtn.btn {border-radius: 9px;}

.control .list-entry .teaser {border-radius: 9px; min-height: 136px;}
.no-mb.element {margin-bottom: 0;}
h3 {font-weight: 500; margin-bottom: .8rem;}
li.mega a::before {
    font-family: fontawesome;
    content: "\f164"; top: 1px;
	}
	
.box {padding: 40px;}
.box.box2 {background: #E1E9E4;}
.box.box3 {background: #efefef;}
.box, .type-contact {box-shadow: 0 0 8px 0px rgb(0 0 0 / 20%); flex-grow: 1;}

.btn:focus, .btn:hover {background-color: #E2001A;}
.btn {border: 1px solid #ccc;}
.bildkachel .box {padding:0;}
.bildkachel .box .body {padding: 10px 30px 0;}
.bildkachel .box .link {padding: 0 30px 25px;}
.type-media .content {background-color: transparent;}

.tile-col .text-overlay h1, .tile-col .text-overlay h2, .tile-col .text-overlay h3, .tile-col .text-overlay h4, .tile-col .text-overlay div, .square-col .text-overlay h1, .square-col .text-overlay h2, .square-col .text-overlay h3, .square-col .text-overlay h4, .square-col .text-overlay div {text-shadow: none;}
.tile-col .text-overlay, .square-col .text-overlay {background: rgba(0, 0, 0, 0.5); bottom: -1px;}

.book-info {margin: 20px 0 30px;}
/*#################### News Masonry########################*/

.tile-col .text-overlay h2 + h3, .tile-col .text-overlay div, .square-col .text-overlay h2 + h3, .square-col .text-overlay div {
    font-size: 1.5rem;}
.square-m-20 .square-col .content {
    height: calc(100% - 10px);
    width: calc(100% - 10px);
    margin: 0px;}
/*.square-m-20 .square-large .content {
    height: calc(101% - 9px);
    width: calc(102% - 23px);
    margin: 0px;}*/
.square-col.square-large .text-overlay {margin-bottom: 0;}
.square-col.square-small .text-overlay {margin-bottom: 0;}
/*.square-m-20.row-square {
    margin: -12px;}
.list-content ul.list-entries.row-square.square-m-20 {margin-left: 0px;
    margin-right: -11px;}*/
.list-content .list-append-position {
    text-align: center;
    border-top: 1px solid #555;
    display: block;
    margin-top: 60px;}
.date-top .teaser .teaser-date {background: rgba(0,144,54,0.8);}
.news-index .teaser-tile .teaser.piece {background: #fff;}
.news-index.new .tile-margin-15 .tile-col {margin-bottom: 0px;}
.news-index.new .teaser-tile .teaser.piece {padding: 30px 15px;}
.news-index.new .list-entry .teaser {box-shadow: none !important;}
.news-index.new .list-entry.teaser-tile .body {
    padding: 0 !important;}
.news-index.new.date-top .teaser .teaser-date {top: 7px; background: rgba(0,144,54,0.9); display: none;}
/*#################### Events########################*/
.events-start .piece > .body + .link {/*margin: 0 20px 20px !important;*/position: absolute;
    bottom: 15px;
    left: 20px;
    right: 20px;}
.events-start .btn {width: 100%;}
.events-start .masonry-list .teaser-tile .teaser.piece > .body {padding-bottom: 80px !important;}
.events-round .image-src-box.presized img {border-radius: 50%;}

.events-round.offset .image-src-box.presized img {
    border-radius: 50%;
    border: 2px solid #ccc;
    padding: 4px;
}

.lotse .piece > .visual .subtitle, .icons .piece > .visual .subtitle {
    z-index: 23;
    cursor: default;
    background: rgba(226,0,26, .75)}


.list-pagination .btn.btn-append:hover {
    border-color: #eee;
    background: #009036;}
.pagination > li.active > a {
    color: #fff;
    background-color: #009036;
    border-color: #009036;}

.area-foot img {max-width: 246px;}
.area-foot .topfoot {background: #333 url(/.galleries/bilder/.system/watermark-single.png) no-repeat 100px center;}
.area-foot .subfoot {
    background-color: #009036;}

.cite {background: url(/.galleries/bilder/.system/watermark-single.png) no-repeat 15% center;}

.type-contact .text {
    font-size: 1.9rem;}

.angebote img {border-radius: 100%; padding: 30px; max-width: 90%; margin: 0 auto;}
.angebote .grey img {background: #666; }
.angebote .red img {background: #E2001A;}
.angebote .gruen img {background: #009036;}
.angebote .piece > .visual .subtitle {font-size: 18px; text-align: center; font-weight: 400;}
.angebote .image-src-box.presized img {right: 0; box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);}


.link li, .pdf li, .check li {line-height: 1.4;}

.onclick-activation.presized.has-image.has-icon {background: #000;}
.onclick-activation.presized.has-image.has-icon .image-src-box {opacity: 0.5; }
.onclick-activation .oa-icon span {font-size: 100px; opacity: 0.3;}
.onclick-activation.presized .oa-heading {
    top: auto;
    bottom: 69px;
    text-align: center;
    left: 0;
    right: 0;}

.calendar-sheet > .day-number {
    font-size: 24px;
    font-weight: 600;
    color: #009036;}
.calendar-sheet {
    background: #efefef; border: 0 !important;}
.calendar-list .list-entry .teaser {box-shadow: none; border-radius: 9px; border: 1px solid #ccc;}
.green {background-color: #edf1ed;}

.contact-new .image-src-box.presized img {
    position: absolute;
    top: -25px;
    left: 0px; z-index: 99;}
.contact-new .body {background: #efefef;
    position: absolute !important;
    left: 217px;
    width: 40% !important;
    
    padding-left: 90px !important;}

.contact-new.type-contact {
    box-shadow: none;}


.teaser .intro-headline {margin-bottom: 0.5rem;}

.box.information {
    overflow: visible;}
.information h3:before, .information h2:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 34px;
	    line-height: 60px;
    margin: 0 10px 0 1px;
    width: 60px;
   height: 60px; 
    background: #009036;
    position: absolute;
    text-align: center;
    margin-top: -40px;
   z-index: 99999;
    top: 11px;
    left: -28px;
    overflow: visible;
    color: #fff;
    box-shadow: 0px 6px 13px -1px rgb(0 0 0 / 30%); 
	border-radius: 50%;
      transition: all 0.6s ease 0s;}
.type-nav-breadcrumbs {margin-bottom: 20px;
    margin-top: 20px;}

.contact-icon h2:before {content: "\f2bc"; font-family: ForkAwesome; padding-right: 10px;}

.nav-side li.active > a, .accordion .acco-header > a:focus, .accordion .acco-header > a:hover {
    color: #E2001A;
}
.nav-side li.currentpage > a:not(.btn):hover, .nav-side li > a:not(.btn):focus, .nav-side li > a:not(.btn):hover {
    color: #009036;
}
.variant-accordion.faq .acco-toggle.collapsed::after, .accordion .acco-toggle.collapsed::after {background: #E2001A;}

/*#################### Zitat-Slider ########################*/
.cite-content {
    max-width: 950px;}
.zitat .slick-next {
    right: 20px;}
.zitat .slick-prev {
    left: 0;}
.zitat .image-src-box.presized img {border-radius: 50%;
    max-width: 490px; border: 2px solid #ccc;
    padding: 4px;}
.type-slider.zitat .slide-wrapper .copyright { border-radius: 30px;
    border-bottom-left-radius: 0; box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);     right: 30px;
    transform: skew(-9deg,0deg);
    font-size: 32px;
	line-height: 1.2;
    padding: 45px; bottom: 70px;     overflow: visible;
    z-index: 999;
    color: #fff;
	max-width: 60%; text-align: left;
    background-color: rgba(0,144,54,0.8);
    opacity: 1;}
/*.type-slider.zitat .slide-wrapper .copyright:nth-child(2n) {background-color: rgba(238,0,0,0.8);}*/
.zitat.type-slider.logo-slider > .lm-10 .slide-wrapper .visual {
    margin: 10px;
    padding-top: 60px;
}
p.author {font-style: italic;
    font-size: 25px; text-align: center;}
	
	
	
	h3.webform_fullybooked_headline {    font-weight: 600 !important;}
	p.webform_fullybooked_text {color: #fff;  font-size: 20px !important;}
	
	
	.control .teaser .book-info .oct-meta-info, .control .teaser .book-info .book-msg {padding: 5px 12px; border-radius: 3px;}
	.control .teaser .book-info {font-size: 1.8rem;}
	.control .book-info .book-msg {background: #555; color: #fff;}

/*#################### Kurven ########################*/

.bg-curve {background-image: url(/.galleries/bilder/slider/bg-curve.jpg); background-repeat: no-repeat; padding: 26px 0;     background-position: center;}
.bg-curve .container-box {display: none;}
.bg-curve-top {background-image: url(/.galleries/bilder/slider/bg-curve-top.png); background-repeat: no-repeat; padding: 26px 0;    z-index: 2222;     background-position: center;}
.no-margin {margin-top: 2px !important;}
.neg-mb {margin-bottom: -27px;}
.hero-slider .slide-wrapper {z-index: 0;}
.type-nav-breadcrumbs {z-index: 109; margin: 0 auto; margin-bottom: 20px;}




.maplibregl-marker  svg {display: none;}
.maplibregl-marker  {background: url(/.galleries/bilder/.system/marker-target.png) no-repeat 0 0; width: 40px;
    height: 70px;}
.area-foot .type-linksequence {font-size: 1.9rem !important;}
.area-foot .subfoot .type-linksequence {font-size: 1.6rem !important;}
.area-foot .type-linksequence li {line-height: 1.5 !important;}

@media (max-width: 551.98px) {
h1, .h1, h2, .h2, .subline p:first-child, .teaser .intro-headline {
    font-size: 24px !important;
}
.zitat .image-src-box.presized img {margin: 0 auto;}
.curve-white {margin-top: -48px;}
.information h3:before, .information h2:before {
    left: -5px;}
header.fh.ls-4 .h-logo {
    flex: 0 0 150px;
    max-width: 150px;}
.box h3 {font-size: 21px !important;}
}

@media (min-width: 552px) {
.curve-white {margin-top: -66px;}

}
@media (max-width: 763.98px) {
.area-foot .subfoot .type-linksequence {font-size: 1.4rem !important;}
.type-slider.zitat .slide-wrapper .copyright {position: relative; max-width: 84%; right: -30px;}
.list-entry.teaser-tile .body {
    padding: 10px 20px 25px;
}
.square-col-list {margin: 0 20px 0 30px !important;}
.neg-mt {margin-top: -30px;}
.square-col.text-below-on-xs:not(.revealed).square-4-3.square-xs-12, .square-col.text-below-on-xs:not(.revealed).square-16-9.square-xs-12 {margin-bottom:30px !important;}
.events-start .list-entry.teaser-tile .body {
    padding: 10px 20px 10px; padding-bottom: 80px !important;}
.zitat .image-src-box.presized img {
        max-width: 360px;}
.type-slider.zitat .slide-wrapper .copyright {
    font-size: 18px !important;}
p.author {
    font-size: 15px !important;}
.accordion .acco-header > a {font-size: 18px;}
.angebote .piece > .visual .subtitle {
    font-size: 18px;}
.angebote .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;}
.square-col.text-below-on-xs:not(.revealed) .text-overlay {
    background: #666;}
	
	
}
@media (min-width: 764px) {
.topfoot .styled-form section:nth-of-type(3), .topfoot .styled-form section:nth-of-type(4) {
    width: 100%;}
.calendar-list .piece.flex.left > .body {padding-right: 30px !important; padding-top: 20px;}
.area-wide .calendar-sheet::before {background-color: #009036;}
.news-index.new .tile-margin-15 .tile-col {margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;}
.events-round.offset .body {box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);  color: #FFF !important;  border-radius: 9px;
    position: absolute;     padding: 30px 35px !important;
    width: 60%;
    /* right: 0; */
    left: 33%;
    top: -9px;}
.events-round.offset .intro-headline > span, .events-round.offset .teaser .teaser-date, .events-round.offset .teaser .teaser-text {color: #fff;}
.events-round.offset .body .btn {color: #fff;     border: 1px solid #fff; margin-bottom: 15px;     float: right; margin-right: 15px;}
.events-round.offset .image-src-box.presized img {}

.events-round.offset li:nth-child(odd) .body{background: rgba(0,144,54,0.8);}
.events-round.offset li:nth-child(even) .body {background: rgba(226,0,26,.6);}


.neg-mt {margin-top: -50px;}
.events-round .list-entry .teaser {
    box-shadow: none;}


.control .list-entry .teaser {box-shadow: none; padding: 20px; }

.control .list-entry:nth-child(even) .teaser {background: #eee; }
.control .list-entry:nth-child(odd) .teaser {background: #ddd; }


.curve-white {margin-top: -78px;}
.list-entry.teaser-tile .teaser-text {
    font-size: 1.8rem;}
.type-contact.piece.flex.left > .body { padding-top: 20px;}
.events-start .list-entry.teaser-tile .body {
    padding: 10px 20px 10px; padding-bottom: 80px !important;}
}


@media (min-width: 764px) and (max-width: 1013.98px) {
.events-round .list-entry .teaser {margin-bottom: 100px;}
.type-slider.zitat .slide-wrapper .copyright {font-size: 26px !important;}
}

@media (max-width: 1013.98px) {
.detail-page .detail-visual .visual-info {
  font-size: 1.6rem;
}
.area-foot .type-linksequence {
    font-size: 1.4rem !important;
}
.h-nav .co-lg-xl {
    padding-right: 30px;
    padding-bottom: 0;
}
.angebote .col-md-4:first-child, .angebote .col-md-4:last-child {display: none;}
.teaser .text {font-size: 20px;}
.events-round .teaser .intro-headline {
    font-size: 22px;
}
.type-slider.zitat .slide-wrapper .copyright {
    font-size: 32px}
p.author {font-size: 20px;}
 .nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > li.active > a:hover {color: #fff; background: #E2001A; font-weight: 500;}
.box h3 {font-size: 23px; font-weight: 400;}
header.fh.ls-4 .nav-main-mobile-logo .img-responsive {
    width: 120px;}
.nav-menu > li > a {
    padding-left: 15px;
}
.type-contact .text {
    font-size: 1.5rem;}
.nav-main-items > li.expand.ed > a{color: #009036;}
}
li.mega > a {
    
    color: #fff !important;}
@media (min-width: 1014px) {
li.mega > a {
    
    color: #fff !important;
    margin-top: -10px;
    margin-left: 20px !important;
    border-radius: 4px;
    padding: 8px 20px 8px 15px !important;
}
.detail-page .detail-visual .visual-info {
  font-size: 2.2rem;
}
.tab-list {
    border-bottom: solid 2px #009036;}


.area-header .header-links > ul > li > a {
    font-size: 20px;
}
.area-foot .type-linksequence h3 {margin-bottom: -6px; }
header.fh.pad-md.header-notfixed.nav-below .h-nav {
    padding-top: 12px;
}
.nav-menu .expand > a.nav-label + a[aria-controls] {width: 0 !important;}
.nav-menu .expand.open-left > .nav-menu, .nav-menu .expand.open-left .expand > .nav-menu {right: 235px;}
#mercury-page .external-cookie-notice {
    font-size: 1.9rem; padding: 30px 60px;}
.onclick-activation .oa-heading {
    font-size: 3rem !important;}
.nav-mega-menu .nav-side li a:hover:before {color: #ccc; font-weight: 500:}
html.hasscript .nav-main-container .nav-mega-menu {
    border-radius: 6px;}
	.nav-mega-menu .nav-side li > a {font-weight: 300;}
.nav-menu > li:last-child > a, .nav-menu {border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;}
.nav-menu > li:first-child > a, .nav-menu {border-top-left-radius: 6px;
    border-top-right-radius: 6px;}

.nav-menu {min-width: 235px;}
.detail-page .sub-header {font-size: 1.9rem;}
.lead {    font-size: 2.6rem;}
.wings {z-index: 99999;
    background: url(/.galleries/bilder/.system/wings-right.png) no-repeat 97% 124%; background-size: 38%;
	}
.wings-left {z-index: 99999;
    background: url(/.galleries/bilder/.system/wings-left.png) no-repeat 17% 19%; background-size: 39%;
	}
	.wings-left-trans {z-index: 99999;
    background: url(/.galleries/bilder/.system/wings-left-trans.png) no-repeat 17% 19%; background-size: 39%;
	}
.neg-mt {margin-top: -50px;}
.topfoot h3 {
    font-size: 3.2rem !important;
    padding-bottom: 15px;
}
.events-round .teaser .intro-headline {
    font-size: 2.2rem;}
li.mega > a {
    background: rgba(0,144,54,1);}
.curve-white {margin-top: -98px;}
.tile-col.min-height.square-small .text-overlay, .square-col.min-height.square-small .text-overlay {
    min-height: 25% !important;}

.header-image.image-src-box.presized img {
    top: -12px;
    z-index: 10;
    background: transparent;
    padding: 0;
    box-shadow: none;
	}
.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[aria-expanded=true] > a, .nav-main-items > li[aria-expanded=true] > a:focus, .nav-main-items > li[aria-expanded=true] > a:hover, 
.nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > li.active > a:hover, .nav-main-items > li.expand.ed > a, .nav-main-items > li.expand.ed > a:focus, .nav-main-items > li.expand.ed > a:hover {color: #009036;}
.nav-menu > li.active > a, .nav-mega-menu .nav-side li > a:active, .nav-mega-menu .nav-side li > a:hover {
    color: #fff;
    background-color: #009036;
}
.head.isfixed .header-image.image-src-box.presized img {
    box-shadow: none; background: transparent;
    border: 0;}
 .nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > li.active > a:hover {color: #fff; background: #009036;}
.box h3 {font-size: 27px;}
.nav-menu {border-top: 0; border-bottom: 0;}
.nav-menu > li > a {font-size: 18px; font-weight: 300; }

.header-image.image-src-box.presized img, .head.isfixed .header-image.image-src-box.presized img {padding: 0;
    top: 0px;
    left: 20px;}
.header-image.image-src-box.presized img {top: -5px;}
header.fh.ls-4 .h-logo {
    flex: 0 0 200px;
    max-width: 200px;}
	header.fh.ls-4 .isfixed .h-logo {
    flex: 0 0 170px;
    max-width: 170px;}
	.nav-first a {
    display: flex;}
	header.fh.ls-4.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 150px);}
	header.fh.nav-disp-big.nav-right .nav-main-items > li > a {
    padding-left: 0px;
}
}

@media (min-width: 1200px) {
.h-group .h-info {
    padding-right: 25px !important;
}
.curve-white {margin-top: -108px;}
header.fh.ls-4 .h-logo {
    flex: 0 0 340px;
    max-width: 340px;}
header.fh.ls-4 .isfixed .h-logo {
    flex: 0 0 210px;
    max-width: 210px;}

}
@media (min-width: 1600px) {
.neg-mt {margin-top: -100px;}
.curve-white {margin-top: -124px;}
.neg-mt {margin-top: -100px;}
}


.accordion .acco-body {border: 0; border-left: 4px dotted #ddd; padding: 
0 30px 20px 40px;}
button.acco-toggle {font-size: inherit !important; font-weight: inherit !important; border: 0 !important;} .accordion .acco-toggle.collapsed::after, .accordion .acco-header .acco-toggle::after {width: 45px;} .accordion .acco-header .acco-toggle[aria-expanded=true] {background: 
#eee; color: #333;}
.accordion .acco-header .acco-toggle::after {content: "\f068";} .accordion .acco-header .acco-toggle.collapsed::after {content: "\f067";}