@import url('/export/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency.css');
@import url('/.mod/fonts/modern/font.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/mercury/main.css');
@import url('/.mod/fonts/patrick/font.css');
@import url('/export/sites/demo-s-11/0-mercury-update-fix/fix.css');

.type-list-filter .filterbox .btn.li-label, .type-list-filter .filterbox .btn.li-label:hover {
    background-color: #557290;
    border: none;
}

.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;
}
header.fh.ls-4 .h-logo {
    flex: 0 0 105px;
    max-width: 105px;}
.nav-main-mobile-logo .image-src-box.presized img {
    max-width: 90px;}
#cat_la_1ddc3e07 .li-label::after {content:" Veranstaltungen";}

.type-slider {box-shadow: 0px 4px 6px -1px rgb(0 0 0 / 30%);}

.type-contact .note {margin-top: 20px;}

.type-contact .text-box {font-size: 18px;}
.type-contact .pos {margin-top: 0;}
.type-contact .h4.org {margin-bottom: 0;}
.type-contact .body {padding: 10px 20px 20px;}

.type-contact.kita h3 {color: #557290; margin-bottom: 5px; margin-top: 15px; font-size: 25px !important;}

.detail-page.type-event .subelement.pivot.detail-bookingstatus:before{
	content:"Anmeldung zu dieser Veranstaltung";
	color: #557290;
    font-size: 3.5rem;
	font-family: 'Patrick Hand', cursive;
	margin-bottom: 10px;
	display: block;
	margin-top: 30px;
}

.detail-page.type-event .piece.full > .visual {
    max-height: 400px;
    overflow: hidden;
    pointer-events: none;
}

.detail-page.type-event .effect-piece .zoomer::after, .detail-page.type-event .effect-box .zoomer::after{
	display: none;
}

.detail-page.type-event .teaser-tile.teaser.piece > .body > .heading .headline {line-height: 1.1;}


.zeiten h3 {margin-bottom: 5px;}
.zeiten {font-size: 18px;}

.filterbox .btn {margin-top: 0; background: #557290; color: #fff; border: 0; font-size: 20px; font-weight: 400;}
.type-list-filter .filterbox.categories ul li .li-entry {width: 100%; padding: 5px 12px;}
.type-list-filter .filterbox.categories ul li .li-entry { font-size: 1.7rem;}

.accordion .acco-header, .accordion .acco-header > .acco-toggle {font-family: 'Patrick Hand', cursive !important;
    
}
.calendar-sheet > .day-number { font-size: 33px; color:#557290;}

.topfoot h3 {font-size: 26px !important; line-height: 28px;}

.nav-main-mobile-logo .image-src-box.presized img {display: none;}
header.fh.lp-l .h-info, #nav-main-addition {display: none;}

.mapboxgl-marker {background: url(/.themes/marker.png) no-repeat 0 0;}
a.external::after { top: 2px; margin-left: 2px; color: #557290;position: relative;}
a.external:hover::after{ color: #fff;}

.type-imageseries > .series > button.btn {margin-top: 15px;}

.nav-side li a { padding: 0px 20px 10px 15px; font-size: 18px;  display: inline-flex;}
.nav-side li a:before { position: relative; content: "\f111";  bottom: -6px;  left: -13px;  font-size: 10px;  color: #d0e8ea;  font-family: FontAwesome;}
.nav-side li.currentpage > a:not(.btn) { font-weight: 600;  color: #557290;}
.nav-side li.currentpage > a:not(.btn):hover,.nav-side li > a:not(.btn):focus, .nav-side li > a:not(.btn):hover {color: #557290; }
.bread {margin-top: -35px;}
.type-nav-breadcrumbs { max-width: max-content; padding: 0; background: #fff; border-radius: 0px;  margin-bottom: 10px;  margin-top: 0px;}
.nav-breadcrumbs > li a {font-size: 17px; color: #aaa; font-weight: 400;}
.nav-breadcrumbs > li:last-child a {color: #557290;}

.type-slider .slide-wrapper .caption.foreground small, .type-slider .slide-wrapper .caption small {background: #3C4856; color: #fff;} 
li.mega a::before, #nav-main-search {display: none;}

.h-info .type-linksequence {margin-bottom: 15px;}
.h-info .type-linksequence li a { padding: 5px 25px; background: #B2DBDD; border-radius: 30px;}
.h-info .type-linksequence li + li a {background: #d0e8ea;}

h1,h2,.subline p:first-child, .type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption small, .type-slider .slide-wrapper .caption .titlecaption {font-family: 'Patrick Hand', cursive;}
h1, h2, .box h3, .accordion .acco-header > .acco-toggle, .accordion .acco-header > .acco-toggle:focus, .accordion .acco-header > .acco-toggle:hover {color: #557290;}


.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 { color:#557290;}
.box h2 {margin-top: -5px;}

.events .link {text-align: center;}
.events .btn {background: #557290; color: #fff;}

.events .btn-block {    width: 80%; margin: 0 auto;}
.btn:focus, .btn:hover, .btn.active, .open .dropdown-toggle .btn {background: #557290; color: #fff;}


.type-event .styled-form h2{font-size: 3rem; margin-top: 40px;}
.type-event .styled-form {max-width: 800px;}

.detail-page.type-event .visual .subtitle, .detail-page.type-event .visual-info.right{display:none;}

.detail-page.type-event .piece.full.phh.phb {padding: 1px 25px 25px; background: #eee; margin-top: 30px;}
.detail-page.type-event .detail-visual.piece.full.phh.phb {padding: 0; background: transparent;}
.detail-page.type-event .piece.full.phh.phb .piece-heading{margin-bottom: 0}

.detail-page.type-event .intro{margin-bottom: -10px;}
.detail-page.type-event .no-list .intro {margin-bottom: 0px;}
.detail-page.type-event .sub-header{font-size:20px; font-weight: 400; margin-top: -10px;}

.detail-page.type-event .oct-alert.oct-alert-warning {
    background-color: #557290 !important;
	background: #557290 !important;
    max-width: 800px;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 19px;
    font-weight: 500 !important;
	margin-bottom: 30px;
}
.detail-page.type-event .oct-alert.oct-alert-warning:after {
    background-image: none;
   
}

.teaser.teaser-text-tile.type-event .intro-headline > .intro {position: relative;
    margin-top: -60px;
    margin-bottom: 30px;
    width: max-content;
    padding: 8px 15px 8px 8px;
    background: #aaa;
    color: #fff;
    font-weight: 400;
	left: -20px;
    bottom: -8px;
    font-size: 15px;
}
	
	
.teaser.teaser-text-tile.type-event  .intro-headline > .intro::before {
	content: "\f006";
    font-family: FontAwesome;
	margin-right: 5px;
	}

.teaser.teaser-text-tile.type-event  .teaser .intro-headline {font-size: 24px;}


.type-webform-manage .book-info{
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 8px;
}
.type-webform-manage .accordion .acco-header > .acco-toggle {
    padding: 3px 3px 3px 60px;
}

.events .link {text-align: center; border-top: 1px solid #555; display: block; margin-top: 20px; padding-top: 50px; position: relative;}
.events .btn {-webkit-transition: all 0.2s ease-in-out; background: #557290; border-radius: 50%; border: 10px solid #fdfdfd; color: #fff; display: block; 
 font-size: 16px; height: 100px; line-height: 66px; margin: -40px 0 0 -40px; position: absolute; bottom: 0px; left: 50%; text-align: center; text-transform: uppercase; width: 100px; padding: 0.6rem 1.2rem;}
.events .btn:hover {border-color: #eee; background: #557290;}

.styled-form .input .captcha {
    background-color: transparent;
    padding: 5px 10px;
}
.area-foot .styled-form .input .captcha {
    background-color: transparent;}
.area-foot .topfoot, .news-modern .list-pagination .btn.btn-append, #topcontrol, .type-slider .slide-wrapper .caption.foreground strong, .accordion .acco-toggle.collapsed::after, .variant-accordion.faq .acco-toggle.collapsed::after, .type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption  {background: #557290;}
.area-foot .subfoot  {background-color: #3C4856;}
.area-foot .subfoot .element {margin-bottom: 0;}
.topfoot .styled-form .select select  {background: #557290 !important;}
.topfoot .styled-form .select i::before { border-bottom-color: #fff;}
.topfoot .styled-form .select i::after { border-top-color: #fff;}

.events-round .image-src-box.presized img {border-radius: 50%;}


.type-iconbox {background-color: #D1E9EB; border-radius: 8px; padding: 40px;}
.type-iconbox .icon-image {font-size: 50px;}
.type-iconbox a:not(.btn):not(.uncolored) {color: #557290;}
.type-iconbox .icon-text > p {font-size: 20px; font-weight: 400;}

.icons-para {padding-top: 80px; padding-bottom: 60px;}
.icons-para .text-white, .icons-para .text-white h2, .icons-para .text-white .subline p:first-child { color: #fff; text-align: center;}

.icons-para .text-white h2, .icons-para .text-white .subline p:first-child { font-size: 43px;}
.icons-para .text-white .btn { border-radius: 30px; margin-top: 25px; padding: 7px 45px; font-size: 20px; color: #fff;  border: 1px solid #fff;}

.teaser .intro-headline { font-weight: 400;}
@media (max-width: 551.98px) {
.styled-form section {margin-bottom: 1.1rem;}
.lead {font-size: 18px !important;}
.type-slider .slide-wrapper .caption.bottom {
    bottom: -0.5rem;}
}


@media (max-width: 763.98px) {
.variant-accordion.faq .acco-toggle.collapsed::after {font-size: 17px;}
.accordion .acco-header > .acco-toggle {font-size: 18px; padding: 11px 15px 16px 60px;}
.accordion .acco-toggle.collapsed::after, .accordion .acco-toggle::after {padding: 8px 12px; font-size: 10px; margin-top: 0px;}
.accordion .acco-body {padding: 0 15px 0 15px; border-left: 2px dotted #ddd;}
.type-slider .slide-wrapper .caption.foreground small {font-size: 13px;}
.type-slider .slide-wrapper .caption.foreground strong, .type-slider .slide-wrapper .caption.foreground .titlecaption {font-size: 15px;}
}


@media (min-width: 764px) {
.events-round .list-entry .teaser { box-shadow: none;}
.news-index .list-entry.teaser-tile .body { padding: 0 25px 25px;}
.events-all .list-entry.teaser-tile .body { padding: 0px 20px 25px;  margin-top: 0px;}
.area-wide .calendar-sheet::before {background-color: #557290 !important; }
.events-all .calendar-sheet {height: 90% !important; }
.events-all .teaser .teaser-date, .events-kita .teaser .teaser-date { font-weight: 400;}

.events-kita .body { font-size: 19px; display: flex; align-items: center; padding-right: 15px;}

.events-kita .teaser .intro-headline {margin-top:0;}
.area-foot .styled-form section:last-child {width: 97%;}
}


@media (min-width: 1014px) {
.nav-icon.eyeAbleSkipFontSize a {display: none;}
.barrierefrei ul.eyeAbleSkipFontSize {
    position: fixed;
        right: -54px;
    padding: 10px 15px 10px 15px;
    top: 310px;
    background: rgba(0,0,0,.6);
    z-index: 200000;
    -moz-transform: rotate(-90deg);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.barrierefrei ul.eyeAbleSkipFontSize a:link, a:visited {
 text-decoration: none;
}


.icons-para .text-white {font-size: 30px;}
.icons-para .text-white .btn { font-size: 28px;}
.spacer { margin-top: 40px; margin-bottom: 25px; padding: 0 0 0 20px;}
h1, .subline p:first-child { font-size: 4.2rem; line-height: 1.45;}
h2, .h2, .subline.sub2 p:first-child { font-size: 3.5rem; line-height: 1.45;}
.teaser .intro-headline {margin-top: 1.6rem;font-size: 2.2rem;}
header.fh.ls-4 .h-logo { flex: 0 0 220px; max-width: 220px;}
.header-image.image-src-box.presized img {top: -12px; z-index: 10; background: #fff; padding: 10px 20px 20px;}
li.mega > a {background: transparent; color: #444 !important;  margin-top: 0px; margin-left: 0px !important; border-radius: 0; padding: 0 14px 8px 14px !important;}
header.fh.pad-md.header-notfixed.nav-below .h-nav {padding-top: 30px;}
.side-group .type-nav-side {box-shadow: 0px 0px 5px -1px rgb(0 0 0 / 30%); padding: 20px 25px 20px;  margin-top: 80px; margin-bottom: 25px; border-top: 10px solid #557290; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.nav-mega-menu .nav-side li > a { font-size: 18px; padding: 6px 0px 6px 17px;  font-weight: 400;}
.nav-mega-menu .nav-side li a::before {display: flex; top: 6px; color: #d0e8ea; font-size: 10px; content: "\f111"; position: relative;  left: -7x;  font-family: FontAwesome;  margin-left: 0.1rem;}
.nav-mega-menu .nav-side li:hover a:before  { color: #557290; }
.nav-menu.nav-mega-menu {top: 47px !important;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {font-family: 'Patrick Hand', cursive; font-size: 30px; color: #557290 !important;}

.nav-first a {display: flex;}
.head-detail-page { margin-bottom: 60px !important;}
header.fh.ls-4 .isfixed .h-logo { flex: 0 0 160px;  max-width: 160px;}
.type-job.teaser .intro-headline {
    margin-top: 1.6rem;
    font-size: 2.8rem;
}
}

@media (max-width: 1013.98px) {

.fa.fa-universal-access.eyeAbleSkipFontSize {margin-left: 5px;}
.nav-main-items > li.expand.ed > a { color: #557290; }
.nav-toggle, .nav-toggle.active, html.active-nav .area-header .header-group li[aria-expanded] > a::after {background-color: #557290 !Important;}
.nav-main-mobile-logo .image-src-box.presized {padding-bottom: 32px !important;}
.nav-main-container {    background: linear-gradient(
          rgba(0, 0, 0, 0.5), 
          rgba(0, 0, 0, 0.5)
        ), url('/.galleries/bilder/.system/back-nav.jpg') no-repeat 0 0; border-left: 1px solid #ddd;}
.nav-main-container .nav-main-group {background-color: transparent;}

.nav-main-container .nav-main-mobile-logo {background: transparent;}
.nav-main-items li > a {  color: #fff;    line-height: 24px; padding: 10px 15px; border-bottom: solid 1px #ddd;}
li.mega a {  color: #fff;}
li.mega .nav-menu a {   color: #fff; border-bottom: 0;}
.nav-main-items li[aria-expanded] > a[aria-controls]::after {top: 7px;}
.nav-main-items li[aria-expanded=true] > a, .nav-main-items li.active[aria-expanded=true] > a, .nav-main-items li.active > a { color: #fff;  background: rgba(85, 114, 144, 0.8);
    border-color: #fff;
}
.nav-main-items li.active.final > a {background: transparent;}
}