@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');
@media (min-width: 1014px) {
    .direct-search .styled-form .input input {
        padding: 15px;
        border-color: #eee;
        color: #444 !important;
    }
}


/****************** NL-FORM ******************/
.type-newsletter-config .btn{background-color: #607C89; padding: 10px; color:#fff;}
.type-newsletter-config .styled-form fieldset + fieldset {border-top: none;}
.type-newsletter-config .styled-form {font-size: 1.6rem;}
.type-newsletter-config .styled-form footer {padding: 30px 0 30px; border-top: none;}
.type-newsletter-config .styled-form{border: 0;}
.anmeldung .type-newsletter-config h2, .anmeldung .type-newsletter-config .description {display: none;}
.anmeldung .type-newsletter-config {padding: 30px;     margin-bottom: 50px;}
.type-newsletter-config .styled-form fieldset {padding: 30px 30px 0px;}
.type-newsletter-config{box-shadow: 0px 0px 5px -1px rgba(0,0,0,.3);}
.type-newsletter-config .btn[value="1"] {background-color: #AF456D;}
/****************** ENDE ********************/

/*********** Archiv *************/

.nl-archiv .list-content .teaser {
    margin-bottom: 20px;
}
.nl-archiv .list-entries  li:before {content:"Aktuelle Ausgabe"; content: "Aktuelle Ausgabe";
    background: #AF456D;
    padding: 4px 20px;
    margin-bottom: 13px;
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    border-radius: 5px;}
.nl-archiv .list-entries  li + li:before {content:""; display: none;}
.nl-archiv .list-entries  li {background: #f3f3f3; padding: 30px 30px 10px; margin-bottom:40px; border-radius: 5px;}
.nl-archiv .list-entries  li + li {background: #fff; padding: 0;}
/****************** ENDE ********************/



.nav-side li a + a:before {display: none;}
.accordion .acco-header .acco-toggle[aria-expanded=true], .tab-list > li > .tab-toggle.active {background-color: #005ba3;}

.direct-search input::placeholder {font-size: 1.6rem; !important; color: #444 !important;}
.wrap-flips .image-src-box.presized > .image-copyright {
    background: unset !important; 
	background-color: var(--my-copyright-bg-color) !important;
	color: var(--my-copyright-color);
    padding: var(--my-copyright-padding);
        font-size: var(--my-copyright-font-size);
    font-weight: unset;
    margin-bottom: unset;
    margin-right: unset; right: 0;
    border-radius: 0px 0 0 3px;
    top: 0;
    bottom: unset}


a[href^="http://"]:not([href*="lambertuspfarre.de/"]):after,
a[href^="https://"]:not([href*="lambertuspfarre.de/"]):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;
    color: unset;
    padding: 6px 0 0 6px; 
}
.teaser .visual a:after, .teaser .heading a:after, .teaser .text a:after, .area-foot a[href^="http://"]:not([href*="lambertuspfarre.de/"]):after,
.area-foot a[href^="https://"]:not([href*="lambertuspfarre.de/"]):after, 
.area-foot a[href^="http://"]:not([href*="opencms.erzbistum-koeln.de/.mercury/kopiervorlage-v5-neu/"]):after,
.area-foot a[href^="https://"]:not([href*="opencms.erzbistum-koeln.de/.mercury/kopiervorlage-v5-neu/"]):after, .area-foot .symbol:after {display: none;}
.area-foot .extern a: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;
    color: unset;
    padding: 6px 0 0 6px; display: inline-flex !important;}

.list-entries a:not(.teaser-btn):after {display: none;}

.type-list-filter .filterbox .btn.li-label {background-color:  #af456d;}
.type-list-filter .filterbox .btn.li-label:hover {background-color:  #005ba3;}

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




.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:  #af456d;}

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: #af456d;
    border-color: #af456d;}
.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;}


.full-w {margin: 0 auto;
}

.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: #AF456D;
}

.calendar-sheet > .day-number {
    
    color: #af456d;
    
}

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




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

.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: #af456d;}
.area-foot .styled-form {
    --my-form-text-color: #eee;}

/*################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-color: #af456dd4;
    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;
	}

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

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


.accordion .acco-header > .acco-toggle:focus, .accordion .acco-header > .acco-toggle:hover {
    color: #fff;
    background: #af456d;
   }
   
.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:#af456d !Important;
}


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


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: #af456d;
}




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

.area-foot .subfoot {background: #af456d;}





.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: #af456d;}



/* ############### 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;}*/

.color1, .color1 h2 {background-color: #af456d; 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; }
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 160px;
        max-width: 160px;
    }
}
@media (min-width: 1014px) {

.volle-breite .element {padding: 15px 15px 0;}
.hello, .oc-drag-element.hello {
    position: absolute;
    bottom: 8rem;
    width: 100%;
}
    header.bh.ls-2.header-isfixed .h-logo-col {
        flex: 0 0 140px;
        max-width: 140px;
    }
}

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

@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/BackgroundHeader.jpg) no-repeat 49% 31%; background-size: cover;}
.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) {
.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.7), rgba(0,0,0, 0.6)), url(/.galleries/bilder/slider/BackgroundHeader.jpg) no-repeat 59% 31%; background-size: cover;}
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;
  }
}