@import url('/export/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency.css');
@import url('/.mod/fonts/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');
.type-slider .slider-box.tr-fade {z-index: 0;}
.max-1400 .container {max-width: 1400px;}

.topfoot .type-webform .formbtn-row .formbtn.btn {color: #333; border: 1px solid #333;}
@media (min-width: 764px) {
    .topfoot .type-webform .formbtn-row {
        justify-content: flex-start;
    }
}

.lotse .piece > .visual .subtitle, .icons .piece > .visual .subtitle {z-index: 23;  cursor: default; background:rgba(178, 10, 10, .85); padding: 10px 20px; position:absolute; bottom: 30px; width: auto; color: #fff; font-weight: 300; font-style: normal; font-size: 22px;}
.lotse .type-section {position:relative;}

.type-list-filter .filterbox .btn.li-label, .styled-form .input.button button.btn { background-color: #B20A0A; border: none;}

.image-src-box.presized > .copyright.image-copyright {font-size: 12px; font-weight: 400; opacity: 1;}

.area-foot .type-contact.no-resize .image-src-box img {max-width: 100%;}
.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;
}
.topfoot .col-lg-4.flex-col {
    container-type: normal;
}

.map-full .type-map .oc-option-bar  {margin-top: -70px !important;}
.map-full .oc-edit-buttons-visible div.oc-option-bar {margin-top: -70px!important;}
.opencms-page-editor .map-full {margin-top: 80px !important;
    margin-bottom: 70px;}
body {font-size: 2.3rem; font-family: 'Fira Sans', sans-serif;}
h1,h2,h3,h4, .subline p:first-child, .type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption small, .nav-main-items > li > a, 
.calendar-sheet, .nav-main-items > li > a  {font-family: Fira Sans;}
h3, .h3 {font-weight: 400}
.subline p:first-child, .intro-headline > .intro {color:  #B20A0A;}
a { color: #B20A0A;}

.type-slider .slide-wrapper .caption strong {background: rgba(17, 17, 17, .85); border-radius: 5px; font-weight: 300;   }
.type-slider .slide-wrapper .caption small {background:  rgba(178, 10, 10, .85); color: #fff;  border-radius: 5px; padding: 20px 30px; font-weight: 300;  max-width: 500px; }
.slick-arrow {top: unset; bottom: 40px;}
.slick-next { right: 70px;}
.slick-prev { left:unset; right: 120px;}
header.fh.ls-4 .h-logo {
    flex: 0 0 130px;
    max-width: 130px;
}
.nav-main-mobile-logo .image-src-box.presized img {
    max-width: 80px;
}

.intro-headline > .intro {font-weight: 500;}
.box {padding: 20px 40px 40px;}
.box.grau {box-shadow: none; background: #ddd;}
.box.grau2 {box-shadow: none; background: #838383;}
.box.rot{background: #B20A0A; color: #fff;}
.box.rot2 {box-shadow: none; background: #B20A0A;}
.box.rot h1, .box.rot h2, .box.rot h3, .box.rot h4{color: #fff;}
.box.rot .btn, .box.rot .btn:focus, .box.rot .btn:hover, .box.rot .btn.active, .box.rot .open .dropdown-toggle .btn {color: #fff; border: 1px solid #fff !important;}
.box.rot a{color: #ddd;}

.effect-parallax-bg .cite {padding: 80px 0; border-bottom: 0; background: none;}
.max-800 {max-width: 800px; margin: 0 auto;}

.cite {font-size: 33px;}

.area-foot img {max-width: 280px;}
.area-foot .topfoot {
    background: #333 url(/.galleries/bilder/.system/watermark2.png) no-repeat 100px center;}
.area-foot .topfoot h3 {font-size: 23px !important;}
.area-foot .topfoot .text-box {font-size: 19px;}

.styled-form label, .styled-form .label {font-weight: 500;}

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

.nav-mega-menu a.external:after {display: none;}
.date-top .teaser .teaser-date {background: #B20A0A;}


.pswp .title {font-size: 19px;}
.pswp__bg {opacity: 1 !important;}
.pswp__caption {     left: 20px;  bottom: 20px; width: 400px;}
.pswp .pswp__caption__center {text-align: left; padding: 15px; background: rgba(0,0,0,0.7);}
.pswp__caption__center span {display: block; font-weight: 300; margin-top: 8px;}

/*.news-index .type-article .link {display: none;}
.type-decoy.piece > .body + .link {margin-top: -20px; text-align: center;
    margin-bottom: 20px;}
.type-decoy .btn {font-size: 19px; padding: 2px 30px;}*/
.teaser .intro-headline {margin-bottom: 0.4rem;}

.detail-page.type-article .sub-header {font-size: 23px;}
.list-pagination .btn.btn-append {background: #B20A0A;}
.list-pagination .btn.btn-append:hover {background: #222;}
.teaser-tile .teaser.piece > .body > .heading .headline {line-height: 1.1; margin-bottom: 10px;}

.intro-headline > .intro {margin-bottom: 0; color: #B20A0A;  font-style: italic;}
.teaser .intro-headline > .intro {margin-bottom: 0.25rem;}

.btn.social {border-radius: 0; border-radius: 4px; font-size: 29px;  padding: 0; background: #B20A0A !important; }
.btn:focus, .btn:hover, .btn.active, .open .dropdown-toggle .btn {background-color: #B20A0A; color: #fff !important; border: 1px solid #B20A0A;  border-color: #B20A0A !important; }

a.external:after { font-size: 24px;  color: #666;  top: 2px;  position: relative; right: -4px;}

.mega-spenden .btn { background-color: #B20A0A;  border: 1px solid #B20A0A;  margin-top: 15px; color: #fff;}
.h-info .type-linksequence li a { padding: 3px 25px; background: #fff;  border: 1px solid #333;}
    

button#fb, button#insta, button#twitter, button#yt   {position: fixed;  z-index: 100; background: rgba(238, 51, 56, 1); color: #fff; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); border: 0px solid #fff;  box-shadow: none;  visibility: visible; 
opacity: 1; -webkit-transition: all .6s; transition: all .6s;}
button#fb { right: 2px; top: 340px;   width: 44px;  height: 50px;}
button#insta {right: 0px;  top: 385px;right: 2px;  width: 44px; height: 50px;  }
button#yt { right: 2px; top: 430px;    width: 44px;  height: 50px;}


button#fb {background: #4267b2; }
button#insta {background: #666;}
button#yt {background: #B20A0A;}

.map-full.map-start {margin-top: 1px !important; }

.type-media .body {margin-top: -5px; padding: 15px 20px; background: #ddd; font-size: 18px;}

.accordion .acco-toggle.collapsed::after {background: #B20A0A;}
.accordion .acco-header > .acco-toggle:focus, .accordion .acco-header > .acco-toggle:hover {color: #B20A0A;}

.type-sitemap li.top > a {background: #B20A0A; padding: 10px;}

.area-foot .subfoot {background: #B20A0A;}
.area-foot .topfoot {background: #eee !important; color: #333; padding: 90px 0px 0px 0px;}
.area-foot.footer-white .topfoot{background: #fff !important;}
.area-foot .topfoot a:not(.btn), .area-foot .topfoot a:not(.btn):focus, .area-foot .topfoot a:not(.btn):hover, 
.area-foot .topfoot h1, .area-foot .topfoot h2, .area-foot .topfoot h3, .area-foot .topfoot h4, .area-foot .topfoot h5, .area-foot .topfoot h6, .topfoot .styled-form label {color: #333  !important;}

.area-foot  .social-icons li a {background-color: #eee}

.area-foot .topfoot {}
.topfoot .styled-form {border: 0; background: transparent;}
.topfoot .styled-form footer, .topfoot .styled-form fieldset { padding: 0 10px;  border-top: 0;}
.topfoot .styled-form .note {display: none;}

.topfoot .type-webform .formbtn-row .formbtn {margin-left: 0;    margin-right: 0; background-color: transparent; border: 1px solid #fff; color: #fff;}


.area-foot .c-foot .note a {padding: 8px 10px; background: #F68B1F; color: #fff !important; display: block; width: 95%; margin-top: 25px; text-align: center;}
.area-foot .c-foot .note a:hover {color: #fff !important;}


.topfoot .styled-form .input input, .topfoot .styled-form .textarea textarea, .topfoot .styled-form .select select, .topfoot .styled-form .checkbox i {
    background-color: transparent !important;
    color: #333;
    border-color: #333;
}

#topcontrol, .marktxt a  { background: #B20A0A;}
.mapboxgl-marker { width: 50px;  height: 72px;  background: url(/.galleries/bilder/.system/marker.png) no-repeat 0 0;}



/* ############### 2 Cols no-gutters bg-img + text ####################### */
.type-section.back-center {display: flex; align-items: center; justify-content: center; align-content: center; padding: 50px; }
.type-section.back-center .body {align-items: center; display: flex; font-size: 18px;}
.type-section.back-center h2 {  margin-top: 0; font-size: 23px;}

.row.no-gutters {border-left: 20px solid #fff;}
.no-gutters.no-img .element {margin-bottom: 0; border-right: 10px solid #fff; border-bottom: 10px solid #fff;}


.type-section.back-center .btn  { color: #fff; border-color: #fff; font-size: 18px;}
.type-section.back-center.color4 .btn  { color: #333; border-color: #333; }

.sec1 {background: url('/.galleries/bilder/teaser/missbrauch.jpg') left top / cover no-repeat; }
.sec2 {background: url('/.galleries/bilder/teaser/zukunftsweg.jpg') left top / cover no-repeat; }
.sec3 {background: url('/.galleries/bilder/teaser/picken.jpg') left top / cover no-repeat; }
.sec4 {background: url('/.galleries/bilder/teaser/eroeffnung.jpg') left top / cover no-repeat; }
.no-img img {display: none;}

.color1, .color1 h2 {background-color: #B20A0A; color: #fff;}
.color2, .color2 h2 {background-color: #222; color: #fff;}
.color3, .color3 h2 {background-color: #666; color: #fff;}
.color4, .color4 h2 {background-color: #ddd; color: #333;}
.color2 a { color: #fff;}
.color1 a.btn:hover  {background-color: #fff; color: #333 !important; border: 1px solid #fff;  border-color: #fff !important; }


@media (max-width: 450px){
.type-slider .slide-wrapper .caption strong {font-size: 15px;}
.type-slider .slide-wrapper .caption small {font-size: 15px; padding: 10px 20px;}
}

@media (min-width: 552px) {
header.fh.ls-4 .h-logo {
    flex: 0 0 130px;
    max-width: 130px;}
}


@media (min-width: 763.98px) {
.type-slider .slide-wrapper .caption strong {font-size: 20px;}
.type-slider .slide-wrapper .caption small {font-size: 32px; line-height: 38px;}
.list-entry.teaser-tile .teaser-text {font-size: 20px;}
}
@media (min-width: 992px) {
header.fh.ls-4 .h-logo {
    flex: 0 0 130px;
    max-width: 130px;}
}
@media (min-width: 1014px) {
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {
    margin-left: 6px;
    padding-left: 6px;
}
header.fh.ls-4 .h-logo {
    flex: 0 0 200px;
    max-width: 200px;}
header.fh.ls-4 .isfixed .h-logo {
    flex: 0 0 180px;
    max-width: 180px;
}
header.fh.ls-4.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 120px);}
.header-image.image-src-box.presized img {padding: 20px;}
h1,h2, .subline p:first-child { font-size: 5.8rem; line-height: 1.20;}
h1.intro-headline  {font-size: 4.2rem; margin-bottom: 20px;}

.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 {color: #B20A0A;}
.nav-menu {
    border-top: solid 1px #B20A0A;
    border-bottom: solid 1px #B20A0A;

}

.no-gutters.no-img .element.small-border {border-right: 1px solid #fff;}
.no-gutters.no-img .element {border-right: 20px solid #fff; border-bottom: 20px solid #fff;}
.logo-quer .header-image.image-src-box.presized img {
    top: 3px;
    padding: 20px 0 0;
    box-shadow: none;}
.logo-quer .head.isfixed .header-image.image-src-box.presized img {
    background: #fff;
    padding: 20px 20px 20px;
    box-shadow: none;
    border: 0;
    top: -8px;}

.nav-menu > li.active > a, .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-color: #B20A0A;}
.accordion .acco-header > .acco-toggle {font-size: 29px;}
.type-slider {margin-bottom: 40px;}
.teaser .intro-headline {font-size: 23px;}
li.mega > a {background: #B20A0A;}
.full-width .container {max-width: 100%; overflow-x: hidden; padding-right: 0;    padding-left: 0;}
}




@media (max-width: 1013.98px) {
.nav-toggle, .nav-toggle.active, html.active-nav .area-header .header-group li[aria-expanded] > a::after {
    background-color: #B20A0A !Important;}
	h1,h2, .subline p:first-child { font-size: 3rem !important; line-height: 1;}
	.back-center h2 {font-size: 24px !important;}
	body {
    font-size: 2.0rem;}
}

@media (max-width: 764px){
.back-center h2 br, .slick-arrow {display: none;}
h1,h2, .subline p:first-child { font-size: 2rem !important; line-height: 1;}
.type-slider .slide-wrapper .caption.left {
    left: 1rem;}
.type-slider .slide-wrapper .caption.bottom {
    bottom: 0.5rem;}
.list-entry.teaser-tile {margin-bottom: 50px;}
button#fb, button#insta,button#twitter, button#yt  {bottom: 0; right: 4px; top: unset; padding: 10px 13px; font-size: 16px;  -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg);
-o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
button#fb {right: 20px; top: unset; bottom: -2px; width: 44px; height: 44px; font-size: 23px; padding: 0;}
button#insta {right: 65px; top: unset; bottom: 0; width: 44px; height: 42px; font-size: 26px; padding: 0;}
button#yt {right: 110px; top: unset; bottom: -2px; width: 44px; height: 44px; font-size: 23px; padding: 0;}
.accordion .acco-body {
    padding: 0 20px 0px 15px; border-left: 0; margin-left: 0;}
.effect-parallax-bg .cite {padding: 80px 30px;}
}


@media (min-width: 1200px) {
header.fh.ls-4 .h-logo {
    flex: 0 0 220px;
    max-width: 220px;}
}