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

#mercury-page {overflow-x: hidden;}

.not-round.spenden img {
    border-radius: 0;
}

.nl-teaser {position: fixed; bottom: 40px; right: 60px; z-index: 1000; transition: 0.8s all ease;}
a.btn-nl-teaser { animation: pulse-animation 1.5s infinite; border-radius: 50%; height: 120px; width: 120px; line-height: 1; border: 3px solid #ccc; background: #e00; color: #fff; font-size: 14px; font-weight: 400; padding-top: 22px; display: flex; justify-content: center; align-items: center;}
.nl-teaser:before {content: "\f0e0"; font-family: "FontAwesome"; position: absolute;  top: 38px;  left: 47px;  color: #fff; font-size: 20px;} 
@media (max-width: 763.98px) {
.nl-teaser {position: fixed; bottom: 0;  right: 0;}
a.btn-nl-teaser {   line-height: 1; border: 8px solid #eee;  font-size: 15px; font-weight: 400; padding-top: 10px;  line-height: 2; display: block; width: 110%;  height: auto; border: 0;  border-radius: 0; }
a.btn-nl-teaser br {display: none;}
.nl-teaser:before { top: 29px;  left: 14px; font-size: 18px;}
#topcontrol {bottom: 70px; right: 10px;}
}


@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.4);
  }
}



.progress img {border-radius: 50px;}
b, strong {
    font-weight: 600;
}
.colored-row.bg-grey {
    --my-body-bg: #ddd;
    --my-body-color: #222;}
.bg-image {
    background: url(/.galleries/bilder/bilder-spenden/slider/so-wirkt.jpg) no-repeat right top;
    background-size: cover;
}
.box.bg-red {
    background: #e00;
    padding: 50px;
}
.box.bg-red h2, .box.bg-red p, .box.bg-red h3 {
    color: #fff;
}
.bg-image.btn-red .btn {
    margin: 100px 0 100px;
}
.type-imageseries .square-col .content {
    border-radius: 50%;
}

.offset-wrap p {font-family: "Times New Roman", Times, serif;}

a:focus .zoom-overlay .zoom-icon, .zoom:hover .zoom-overlay .zoom-icon {border-radius: 50%;}
.neg-mb {margin-top: -40px;}
.neg-mb2 {margin-top: -100px;}


.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;
}
.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/bilder-spenden/.system/stars-bg.png) no-repeat 100% 35%;}
.stars-left {background: url(/.galleries/bilder/bilder-spenden/.system/stars-left.png) no-repeat 0% 0%;}
.amil-bg {background: url(/.galleries/bilder/bilder-spenden/.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;}


.calendar-sheet > .day-number, .intro-headline > .intro {color: #e00;}

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

/* ############### Header + Nav ####################### */
.blasser h3 {
    font-size: 25px; color: #444;
}



.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) {
.max-50 img {max-width: 30%;}

.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) {
/*.caring .flex-col .type-section {
    flex-grow: unset;
}*/
.blasser .col-lg-4, .blasser .col-lg-3 {opacity: 0.5;}
.lead {
    font-size: 2.5rem;
}
.heart .btn {font-size: 3rem;}

.offset-wrap p {    font-size: 32px; line-height: 40px;  font-weight: 400; }

.offset-wrap .col-lg-4 {z-index: 99;}
.offset-text.right:after {
    background-color: #e00;
    bottom: 0;
    left: 0;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 99999px;
    z-index: -1;
}
.offset-text.left:before {
    background-color: #999;
    bottom: 0;
    right: 0;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 99999px;
    z-index: -1;
}
.offset-text {position: relative;
    width: 100%; color: #fff;top: 80px;
    }
.offset-text.right {left: -120px; padding: 65px 0px 65px 170px;}
.offset-text.left {right: -120px; padding: 80px 170px 80px 0px;}
.imageflip .text-section {
    padding: 2rem 4rem;}
.offset-wrap {max-width: 1400px; margin: 0 auto; margin-bottom: 120px;  }
.offset-wrap.bild-rechts {margin-bottom: 120px; margin-top: 120px; }
}


}



@media (max-width: 1013.98px) {
.mr-40 {
    margin-right: 0rem !important;}
.ml-30 {
    margin-left: 0rem !important;}


blockquote:before {font-size: 3rem;}
.header-image.image-src-box.presized img {z-index: 6; background: rgba(255,255,255,0.5); 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;}


.type-slider .slide-wrapper .caption.bottom {display: none;}
h1, .h1, h2, .h2, .subline p:first-child, .teaser .intro-headline {
    font-size: 26px !important;}

.spenden .btn, .btn-red .btn {
    background-color: #e00;
    border: 1px solid #e00;
    color: #fff;
    font-size: 12px;
    font-weight: 600;}

}
@media (max-width: 1013.98px) {
.mr-40 {
    margin-right: 0rem !important;}
.ml-30 {
    margin-left: 0rem !important;}
}