@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');

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: #892d9b;
    border-color: #892d9b;}
.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-plus.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: rgba(137,45,155,.5);
}

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

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




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

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


/*################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: rgba(137,45,155,.7);
    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: #892d9b;}
.list-pagination .btn.btn-append:hover {background: #222;}

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


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


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


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




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

.area-foot .subfoot {background: #892d9b;}





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



/* ############### 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: #892d9b; 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 (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: #892d9b;
    }
}

@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-foot.jpg) no-repeat 59% 31%;}
.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/back-m-foot.jpg) no-repeat 59% 31%;}
h1, .h1 {font-size: 4.6rem;}
.kat-filter, .type-list-filter .filterbox.categories ul li .li-entry {
	font-size: 1.9rem;}
	
}