@import url('/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency-menu.css');
@import url('/.themes/font.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/mercury/main.css');
@import url('/export/sites/demo-s-11/0-mercury-update-fix/fix.css');
.colored-row.bg-grey {
    --my-body-bg: #ddd;
    --my-body-color: #222;}
.type-imageseries .square-col .content {
    border-radius: 50%;}
	.type-imageseries img {border-radius: 50%;}
.nav-last {display: none !important;}
header.bh .h-logo-row {max-width: 100%;}
header.bh .nav-menu-header {background-color: rgba(255,255,255,0.3);}
.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {background-color: transparent;}

#label_26b3f2ef_7 {display: none;}
.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;}
a:focus .zoom-overlay .zoom-icon, .zoom:hover .zoom-overlay .zoom-icon {border-radius: 50%;}
.neg-mb {margin-top: -40px;}
.neg-mb2 {margin-top: -50px;}
.type-slider .slide-wrapper .caption.bottom {bottom: 9rem;}

.subline p:first-child {color: #b2963a; font-weight: 400;}
.subline.red p:first-child {color: #e00; font-weight: 400;}
.type-slider .slide-wrapper .caption.foreground strong {background: #b2963a;}
.amal img {border-radius: 100%;}
.font-small {font-size: 2rem;}

.square-col .content {height: calc(95% - 4px) !important; width: calc(95% - 4px) !important; border-radius: 100%; box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);}

.colored-row.bg-grey {
    background-color: #ddd;
}
.box h2{font-weight: 300;}
.spenden.hl h2 {margin-bottom: 0.5rem; margin-top: 0;}

.heart .btn {box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);}
.heart a:before {content: "\f08a";
    font-family: "FontAwesome";
    padding: 0 7px 0 0;}
.spenden h2, .spenden h3 {font-family: 'Big Shoulders Text', cursive; color: #b2963a;}
.spenden h2.piece-heading:before {content: "\f08a"; font-family: "FontAwesome"; padding: 0 15px 0 5px;}
.spenden .piece-heading {margin-top: 0;}
.spenden .btn, .btn-red .btn {background-color: #e00; border: 1px solid #e00; color: #fff;}
.spenden img {border-radius: 100%;}
.stars {background: url(/.galleries/bilder/.system/stars-bg.png) no-repeat 100% 35%;}
.stars-left {background: url(/.galleries/bilder/.system/stars-left.png) no-repeat 0% 0%;}
.amil-bg {background: url(/.galleries/bilder/.system/amil-bg.png) no-repeat 50% 20%;}
.box {background: #fff;}
.box.grey {box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%); background: #EBEAEA;}
.box.gold {background: #e7dfc3;}
.spenden .box {padding: 25px;}
.colored-row.bg-grey-light {background-color: #ebeaea;}

blockquote {margin: 2rem 2rem 1rem; font-style: italic; line-height: 1.4; font-weight: 400;}
blockquote:before {content: "\f10e"; font-family: "FontAwesome"; padding: 0 15px 0 5px; color: #b2963a; font-size: 4rem; opacity: 0.4;  position: absolute; left: -30px; margin-top: -12px;}

.area-foot img {max-width: 280px;}
.area-foot .topfoot {
    background: #333 url(/.galleries/bilder/.system/watermark2.png) no-repeat 100px center;}
.cite {background: #ee0000 url(/.galleries/bilder/.system/watermark-single.png) no-repeat 15% center;}
.calendar-sheet > .day-number, .intro-headline > .intro {color: #e00;}

.calendar-sheet > span {font-weight: 500;}

/* ############### Header + Nav ####################### */
.header-group.sticky {height: 0 !important;}
.h-logo {z-index: 99;}
.nav-main-container {     background-color: rgba(238,0,0,0.65);}
.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: #fff !important;}
.nav-main-mobile-logo .image-src-box.presized img {
    max-width: 200px; display: none;}


.nav-main-container .nav-main-mobile-logo {display: block; padding: 0 0 20px;}
.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;}
.image-src-box.header-image.presized {padding-bottom: 30% !important;}

.nav-main-container {padding: 30px;}
.nav-main-items li.active a.nav-label, html.active-nav .area-header .header-group li[aria-expanded] > a::after, .nav-first {display: none !important;}

.nav-toggle {background: rgba(238,0,0,0.8); width: 55px;}
.nav-toggle.active {background: transparent; }
.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 span::before, .nav-toggle span::after, .nav-toggle span {background: #f4f4f4;}
.nav-menu > li > a {padding: 10px 0px ; text-transform: uppercase; font-size: 19px;  font-weight: 300;}

header.fh.ls-4 .nav-main-mobile-logo .mobile-logolink {width: 220px;}


.foot-spenden .topfoot {display: none;}

.topfoot .styled-form .checkbox input:checked + i::after {color: #fff;}

@media (max-width: 763.98px) {
.type-slider.text-below-on-xs .slider-box {
    background-color: #b2963a;}
	}


@media (min-width: 764px) {
.area-header .head { min-height: 0;}
.area-wide .calendar-sheet::before {background-color: #e00;}
.calendar-sheet > .day-number {font-size: 4rem;}
.area-wide .calendar-sheet {height: 80%;}
.area-wide .calendar-sheet-piece .body {margin-top: -40px;}
.type-event .link .btn {width: 100%;}
.type-contact.piece.p-md-5.flex > .body {
    flex: 0 0 calc((100% + 30px) * 0.5833333337 - 16px);
    padding: 30px 15px 20px;}
	
	.captcha {width: 48%; float: left; margin-right: 10px;}
	#captchaphrase-841601019 {    width: 48%; padding: 13px;}
	
	
}



@media (min-width: 1014px) {
.heart .btn {font-size: 3rem;}
header.fh.ls-4 .h-logo {flex: 0 0 270px; max-width: 270px;}
.header-image.image-src-box.presized img {background: rgba(255,255,255,1);
    box-shadow: none; padding: 15px 0 8px; max-width: 158px; top: -9px; left: -12px;}

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;}
.nav-menu {border-top: 0; border-bottom: 0;}
}


@media (min-width: 1200px) {
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {
    font-size: 24px;}
}
@media (max-width: 1013.98px) {
blockquote:before {font-size: 3rem;}
.header-image.image-src-box.presized img {z-index: 6; background: rgba(255,255,255,0.7); padding: 15px 0 8px; top: -9px; left: -12px;}
.type-contact .text {font-size: 1.8rem !important;}
.mobile-logolink {background-size: 140px;}
h1, .h1, h2, .h2, .subline p:first-child, .teaser .intro-headline {
    font-size: 2.7rem;}
}
@media (max-width: 551.98px) {
blockquote:before {left: -21px;}
.header-image.image-src-box.presized img {z-index: 6; background: rgba(255,255,255,0.9); padding: 15px 0 8px; top: -9px; left: -15px;}
header.fh.ls-4 .h-logo {
    flex: 0 0 120px; max-width: 120px;}
.type-slider .slide-wrapper .caption.bottom {display: none;}
h1, .h1, h2, .h2, .subline p:first-child, .teaser .intro-headline {
    font-size: 26px !important;}
.nav-toggle {height: 43px;}
.spenden .btn, .btn-red .btn {
    background-color: #e00;
    border: 1px solid #e00;
    color: #fff;
    font-size: 12px;
    font-weight: 600;}
}