@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('/export/sites/demo-s-11/0-caritas-shared/m-access/m-access.css');
@import url('/export/sites/demo-s-11/0-mercury-update-fix/fix.css');
.list-pagination .btn.btn-append {background: #666;}
.type-nav-breadcrumbs {background: #f9f9f9;}
.nav-breadcrumbs > li a {color: #666;}
.onclick-activation .oa-heading, .onclick-activation .oa-notice  {text-shadow: none;}
.area-foot .styled-form {--my-form-text-color: #fff;}
:root {
    --my-body-font-family: 'Source Sans Pro', sans-serif, -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";}


.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;}

.subline p:first-child {
    color: #555;
}
.detail-visual .subtitle {display: none;}

.detail-visual .zoomer {pointer-events: none;}
#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%);}

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


.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;}
.tile-col.min-height.square-large .text-overlay, .square-col.min-height.square-large .text-overlay {border-bottom: 10px solid #666;
}
.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: 6px;}
.square-col.square-small .text-overlay {margin-bottom: 6px;}
/*.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);}
/*#################### 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 {
    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;}

.tab-list > li > .tab-toggle.active {background-color: #009036;}

.mapboxgl-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 .type-linksequence li {line-height: 1.5 !important;}
.area-foot .type-linksequence h3 {margin-bottom: -6px; }
@media (max-width: 551.98px) {
h1, .h1, h2, .h2, .subline p:first-child, .teaser .intro-headline {
    font-size: 24px !important;
}


.curve-white {margin-top: -48px;}
.information h3: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) {
.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;}
.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);}

.square-col-list {margin-left: 20px;}
.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;}
.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) {
.lotse .piece > .visual .subtitle {position: absolute;}
.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: 83px;}
#nav-main-addition {display: none;}
.type-contact .text {
    font-size: 1.5rem;}
.nav-main-items > li.expand.ed > a{color: #009036;}
ul.nav-main-items {    position: relative;}
li.nav-icon {position: absolute; top: -43px; left: 13px;}
li.nav-icon a { border-bottom:0;     background: #555;
    color: #fff;
    border-radius: 4px;
    padding: 3px 10px;}
}

@media (min-width: 1014px) {

header.fh.nav-disp-big.nav-right .nav-main-items  > li.nav-icon > a {
    font-size: 22px;
}

.nav-main-items .nav-icon {position: fixed;    right: -66px;
    padding: 10px 15px 10px 0; top: 400px; background: rgba(0,0,0,.6); z-index: 200000; -moz-transform: rotate(-90deg); border-top-left-radius: 4px;  border-top-right-radius: 4px;
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);}
.nav-main-items .nav-icon span.hidden-lg, .nav-main-items .nav-icon span.hidden-xl  {display: inline-block !important; color: #fff;}
.nav-icon .fa-universal-access:before {color: #fff; margin-left: 10px; position: relative; top: 2px;}
.subline p:first-child {
    margin-top: -20px;
    line-height: 1;}
#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 130px;
    max-width: 130px;}
	.nav-first a {
    display: flex;}
	header.fh.ls-4.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 150px);}
}

@media (min-width: 1200px) {

.curve-white {margin-top: -108px;}
header.fh.ls-4 .h-logo {
    flex: 0 0 270px;
    max-width: 270px;}
header.fh.ls-4 .isfixed .h-logo {
    flex: 0 0 162px;
    max-width: 162px;}

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


.zitat .image-src-box.presized img {margin: 0 auto; max-width: 220px !important;}
.type-slider.zitat .slide-wrapper .copyright, p.author {
    font-size: 13px !important;}
 .type-slider.zitat .slide-wrapper .copyright   {padding: 25px;}
 .zitat.type-slider.logo-slider > .lm-10 .slide-wrapper .visual {
    margin: 10px;
    padding-top: 20px;}
.zitat.type-slider.logo-slider {margin-bottom: -120px;}
}