@import url('/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency-menu.css');
@import url('/.mod/fonts/modern/font.css');
@import url('/export/sites/webstart/.mercury/.mod/classic.css');
@import url('/export/sites/webstart/.mercury/.mod/modern.css');
@import url('/export/sites/webstart/.mercury/.mod/modern-plus.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/m-access/m-access.css');
.hello p {padding: 25px 20px; background: rgba(0, 0, 0, 0.4);}

.direct-search .styled-form .input input {
    color: #444 !important;
}
@media (min-width: 1014px) {
    .hello p, .hello h1 {color: #fff;
        font-size: 3.5rem;}
}
@media (max-width: 1013.98px) {
    .direct-search-row, .direct-search-row.oc-drag-element {
        bottom: 140px;
    }
}


@media (max-width: 1013.98px) {
    .hello p {
        font-size: 1.8rem;
    }
}
@media (max-width: 552.98px) {
    .hello p {
        font-size: 2rem;
    }
}
.header-image.image-src-box.presized img {box-shadow: none !important;}
@media (min-width: 1014px) {
    
    .head.isfixed .header-image.image-src-box.presized img {display: none;}
	}
.start-bg.effect-parallax-bg {
    background-size: cover;
    background-attachment: unset;
    background-position: 100% 17% !important;
}
header.bh .header-group {
    border-bottom: 0;
}
a[href^="http://"]:not([href*="opencms.erzbistum-koeln.de/.mercury/pe-m-w"]):after,
a[href^="https://"]:not([href*="opencms.erzbistum-koeln.de/.mercury/pe-m-w"]):after, .symbol:after {font-family: var(--my-icon-font-family);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: " \f08e";
    margin-left: 2px;
    font-size: 1.2rem;
   
    padding: 6px 0 0 6px;
}
.area-foot a:after {display: none !important;}
.area-foot a[href^="https://"]:not([href*="katholisch-wachtberg-meckenheim.de"]):after, .area-foot .symbol:after {display: none;}
body {font-family: 'Source Sans Pro', sans-serif;}
:root {
    --my-body-font-family: 'Source Sans Pro',}
/*################Image-Flips###################*/
.imageflip .image-section.front .heading {
    position: absolute;
    top: unset;
    left: unset;
    padding: 0;
    z-index: 9;
    bottom: 0;
    right: 0;
}
.imageflip .image-section.front .heading .text-heading{
	background: #6989c5bd;
    color: #fff;
    padding: 20px;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 1px;
    margin-right: 1px;
    font-family: 'Source Sans Pro', sans-serif;
    opacity: 1;
	font-weight: 500;
	}

.wrap-flips .image-src-box.presized > .image-copyright {
    background: unset;
    color: unset;
    padding: unset;
    font-size: unset;
    font-weight: unset;
    margin-bottom: unset;
    margin-right: unset;
    font-family: unset;
    opacity: unset;
    right: unset;
		font-size: 11px;
    padding: 6px 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.6) !important;
}

.type-list-filter .filterbox .btn.li-label {background-color:  #6989c5;}
.type-list-filter .filterbox .btn.li-label:hover {background-color:  #A196F4;}

.nav-main-items li > a{ font-size: 17px !Important;   padding: 10px 30px !Important;}


.box h2, .box2 h2 {margin-top: 0;}

.ap-legaltext > .row > *{padding-left: 0;}

.wrap-flips .image-src-box.presized > .image-copyright { background: rgba(255,127,80, 0.7);}
.imageflip .text-section {color: #fff; background-color:  #6989c5;}
.nav-side li.currentpage > a:not(.btn):hover {
    color: #6989c5;
    background: #f4f4f4;}
.nav-side li > a:not(.btn):focus, .nav-side li > a:not(.btn):hover {background: #f4f4f4;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {
    display: flex;
    width: 100%;
    max-width: 140px;}

.pagination > li.active > a {
    color: #fff;
    background-color: #6989c5;
    border-color: #6989c5;}
.pagination > li > a:hover, .pagination > li.active > a:hover {
    color: #fff;
    background: #A196F4;
    border-color: #A196F4;}

.box.no-shadow {box-shadow: none;}
.head-detail-page {
  margin-bottom: 80px !important;
}
.webstart-flips a:hover {
    color: #fff;}

.box .heading {
    background: rgba(0, 0, 0, 0.6);}
.topfoot .styled-form.state-error .note-error {
    color: #fff;
}
.spacer .nav-side li.currentpage > a:not(.btn) {font-weight: 400;}
.nav-main-mobile-logo .image-src-box.presized {padding-bottom: 100px !important;}
.nav-main-container .nav-main-mobile-logo {background: #fff !important;}
.nav-main-items li.expand.ed > a, .nav-main-items li.expand > a[aria-controls]::after {background-color: transparent;}
.nav-main-items li.expand > a[aria-controls]::after {top: 9px;}
a:hover {
    color: #636363;}

.area-foot .topfoot {background: linear-gradient(rgba(0,0,0, 0.7), 
rgba(0,0,0, 0.6)), url(/.galleries/bilder/slider/back-m-mw.jpg) no-repeat 59% 31%;}


.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;
}
.kat-filter, .type-list-filter .filterbox.categories ul li .li-entry {
	padding: 0,8rem;
	margin-bottom: 3px;
	line-height: 1.1;
}

.direct-search .btn {
   background: #6989c5bd;
}
.direct-search .btn:hover {
    background: #92bfe5;
}
.calendar-sheet > .day-number {
    
    color: #6989c5;
    
}

.list-pagination .btn.btn-append:hover, .teaser.type-event .btn:hover {
    background: #6989c5;
    color: #333;
    border: 1px solid #333;
}




.subline p:first-child, .intro-headline > .intro {color:  #6989c5;}
a { color: #ed6d60;}

.type-slider .slide-wrapper .caption.foreground strong {background: rgba(17, 17, 17, .85); border-radius: 5px; font-weight: 300;   }
.type-slider .slide-wrapper .caption.foreground small {background:  rgba(178, 10, 10, .85); color: #fff;  border-radius: 5px; padding: 20px 30px; font-weight: 300;  max-width: 500px; }


.intro-headline > .intro {font-weight: 500;}

.box.grau {box-shadow: none; background: #eee;}


/*.area-foot .topfoot {
    background: #333 url(/cv-oberberg/.galleries/bilder/.system/watermark2.png) no-repeat 100px center;}*/

.date-top .teaser .teaser-date {background: #6989c5;}




.list-pagination .btn.btn-append {background: #6989c5;}
.list-pagination .btn.btn-append:hover {background: #222;}

.intro-headline > .intro {margin-bottom: 0; color: #6989c5;  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: #6989c5 !important; }
.btn:focus, .btn:hover, .btn.active, .open .dropdown-toggle .btn {background-color: #6989c5; color: #fff !important; border: 1px solid #6989c5;  border-color: #6989c5 !important; }


.accordion .acco-header > .acco-toggle:focus, .accordion .acco-header > .acco-toggle:hover {
    color: #fff;
    background: #6989c5;
   }
   
.btn{
 background:#636363;
}
.teaser.type-event .btn {
    background: #636363;
    color: #fff !important;
    border: 0 !important;
    font-size: 2.2rem !important;
    padding: 7px 20px;
}


.nav-toggle, .nav-toggle.active{ 
background:#6989c5 !Important;
}


.nav-main-items li.active[aria-expanded="true"] > a, .nav-main-items li.active > a {
    background-color: #6989c5;
}
.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {
    
    background-color: #6989c5;
}


header.fh.nav-disp-big.nav-right .nav-main-items > li > a {
    padding-left: 12px !important;
    margin-left: 0;
	margin-right: 0;
}
.nav-side li.currentpage > a:not(.btn), .nav-side li > a:not(.btn):focus, .nav-side li > a:not(.btn):hover {
    color: #6989c5;
}






.area-foot .subfoot {background: #6989c5;}


.topfoot .styled-form label, .topfoot .styled-form{
    color: #fff !important;}

.topfoot .styled-form .input input, .styled-form .input input, .styled-form .select select, .styled-form .textarea textarea, .styled-form .radio i, .styled-form .checkbox i, .styled-form .icon-append, .styled-form .icon-prepend {border-color: #fff;}
.topfoot .type-webform .formbtn-row .formbtn {margin-left: 0;    margin-right: 0; background-color: transparent; border: 1px solid #fff; color: #fff;}


#topcontrol, .marktxt a  { background: #6989c5;}

.accordion .acco-header .acco-toggle[aria-expanded=true], .tab-list > li > .tab-toggle.active {
    color: var(--my-at-header-active);
    background-color: #92bfe5;
    border-color: #92bfe5;
}
.type-map .mapbuttons { top: 60px;}
/* ############### 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('/bonner-muenster/.galleries/bilder/teaser/missbrauch.jpg') left top / cover no-repeat; }
.sec2 {background: url('/bonner-muenster/.galleries/bilder/teaser/zukunftsweg.jpg') left top / cover no-repeat; }
.sec3 {background: url('/bonner-muenster/.galleries/bilder/teaser/picken.jpg') left top / cover no-repeat; }
.sec4 {background: url('/bonner-muenster/.galleries/bilder/teaser/eroeffnung.jpg') left top / cover no-repeat; }
.no-img img {display: none;}*/

.wrap-flips .imageflip.color1 .text-section {background: #6989c5;}
.wrap-flips .imageflip.color2 .text-section {background: #ed6d60;}
.wrap-flips .imageflip.color3 .text-section {background: #458fa2;}



/*.color1, .color1 h2 {background-color: #6989c5; color: #fff;}
.color2, .color2 h2 {background-color: #ed6d60; color: #fff;}
.color3, .color3 h2 {background-color: #458fa2; 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; }
header.fh.ls-2 .nav-main-mobile-logo .mobile-logolink {
    width: 75px;
    max-width: 28%;}
	
@media (min-width: 1200px) {
    header.bh.ls-2 .h-logo-col {
        flex: 0 0 194px;
        max-width: 194px;
    }
}
@media (min-width: 1014px) {
    header.bh.ls-2.header-isfixed .h-logo-col {
        flex: 0 0 160px;
        max-width: 160px;
    }
}

@media (max-width: 765px) {
.start-bg {background-image: url(/.galleries/bilder/slider/back-m-plus.jpg) !important; height: 500px;}
header.bh .h-logo-col .h-logo {
    width: 79%;}
}
@media (min-width: 764px){
.area-wide .calendar-sheet::before {
    background-color: #6989c5;
    }
}

@media (max-width: 1013.98px) {
.area-foot .topfoot {background: linear-gradient(rgba(0,0,0, 0.7), rgba(0,0,0, 0.6)), url(/.galleries/bilder/slider/back-m-mw.jpg) no-repeat 59% 31%; background-size: cover; background: #374B8B;}
.nav-main-mobile-logo .image-src-box.presized { padding-bottom: 120px !important;}
.start-logo .header-image.image-src-box.presized img{background: #fff !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; padding: 10px 0 !important;}
.header-image.image-src-box.presized img {background: #fff !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; padding: 10px !important;}
header.fh.ls-2 .h-logo {
    flex: 0 0 120px !important;
    max-width: 120px !important;}
.start-logo.fh.ls-2 .h-logo {
    flex: 0 0 160px !important;
    max-width: 160px !important;
}
}
@media (max-width: 763.98px) {
.type-map .mapbuttons {
    top: 90px;
}
.start-logo .header-image.image-src-box.presized img{background: #fff !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; padding: 10px 0 !important;}
.header-image.image-src-box.presized img {background: #fff !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; padding: 10px !important;}
header.fh.ls-2 .h-logo {
    flex: 0 0 80px !important;
    max-width: 120px !important;
}
.start-logo.fh.ls-2 .h-logo {
    flex: 0 0 160px !important;
    max-width: 160px !important;
}
}
@media (max-width: 553.98px) {
.start-logo .header-image.image-src-box.presized img{background: #fff !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; padding: 10px 0 !important;}
.header-image.image-src-box.presized img {background: #fff !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; padding: 10px !important;}
header.fh.ls-2 .h-logo {
    flex: 0 0 80px !important;
    max-width: 80px !important;

}
.start-logo.fh.ls-2 .h-logo {
    flex: 0 0 160px !important;
    max-width: 160px !important;
}
}

@media (min-width: 1014px) {
header.fh.ls-2 .h-logo {
    flex: 0 0 160px;
    max-width: 160px;}
.start-logo.fh.ls-2 .h-logo {
    flex: 0 0 370px;
    max-width: 370px;
}
.start-logo .header-image.image-src-box.presized img{background: #fff !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; padding: 10px 0 !important;}
.header-image.image-src-box.presized img {background: #fff !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; padding: 10px !important;}
.area-foot .topfoot {background: linear-gradient(rgba(0,0,0, 0.8), rgba(0,0,0, 0.8)), url(/.galleries/bilder/slider/back-m-mw.jpg) no-repeat 59% 31%; background: #374B8B;}
h1, .h1 {font-size: 4.6rem;}
.kat-filter, .type-list-filter .filterbox.categories ul li .li-entry {
	font-size: 1.9rem;}
	
}
@media (min-width: 1400px) {
.area-foot.no-mt {
    margin-top: 70px;
    z-index: 0;
  }
}