@import url('/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency-menu.css');
@import url('/.themes/font.css');
.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;
}
:root, .box-body-base, .box-body {
--my-body-font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --my-body-bg: #fff;
    --my-body-bg-rgb: 255, 255, 255;
    --my-body-color: #444;
    --my-link-color: #3C3768;
    --my-link-color-rgb: 153, 0, 17;
    --my-link-hover-color: #7BB7D9;
    --my-link-hover-color-rgb: 221, 0, 17;
    --my-link-fg-color: #fff;
    --my-link-hover-fg-color: #fff;
    --my-link-opacity: 1.0;
    --my-main-theme: #3C3768;
    --my-main-theme-rgb: 153, 0, 17;
    --my-main-theme-fg: #fff;
    --my-main-theme-hover: #7BB7D9;
	    --my-font-weight-headings: 300;
		    --my-body-font-size: 2rem;}
a {color: #3C3768;}
a:hover {color: #7BB7D9;}

.box.blau{background-color: #def0fb;}

h3 {font-size: 24px; font-weight: 500;}

.type-contact .ico, .type-contact .fa {margin-right: unset; width: unset;}

.subfoot .ls-item{color:#3C3768;}
header.bh .h-logo-row {
  max-width: 100% ;
}
.btn, .box, .zoom-overlay .zoom-icon, .image-src-box, .image-src-box > img, #topcontrol.show, .row-has-background, .type-slider .slide-wrapper .caption.left, .type-linksequence {border-radius: 95% 2% 92% 1% / 2% 92% 2% 95% !important;}
.teaser .image-src-box > img, .teaser .image-src-box {border-radius: 95% 2% 92% 0% / 1% 92% 2% 95% !important;}
.type-linksequence .heading {background: #7BB7D9;
    padding: 10px 20px;
    color: #fff;
    font-weight: 400; margin-bottom: 0;}
.h-meta .type-linksequence ul {background: #fff;
    padding: 20px 0 0;}
.type-linksequence ul {
    padding: 20px;}

@media (max-width: 1013.98px) {
body{font-size: 1.6rem;}

}
@media (max-width: 763.98px) {
h3 {font-size: 1.8rem;}
}
@media (max-width: 551.98px) {
body{font-size: 1.4rem;}
}

.type-slider .slide-wrapper .caption small span {display: block;    padding-top: 15px;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption, .type-slider .slide-wrapper .caption small {    text-shadow: none;}
.type-slider .slide-wrapper .caption {background-color: #7BB7D9;}
.type-slider .slide-wrapper .caption.left {
    left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.type-slider .slide-wrapper .caption.bottom {
    bottom:30px;
    top: 30px;
	max-width: 30%;
}
.type-slider .slide-wrapper .caption {
    background-color: rgba(123, 183, 217, .9);
    padding: 30px 60px;
}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {font-weight: 400;}
.type-slider .slider-box {    --my-slider-fg: #fff;}
.h1 strong, h1 strong, .h2 strong, h2 strong {color:#7BB7D9;}
.h1, h1, .h2., h2 {color: #3C3768;}

@media (min-width: 1600px) {
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {font-size: 3rem;}
.type-slider .slide-wrapper .caption small {font-size: 2.3rem; line-height: 1.5;}
}

@media (max-width: 1399.98px) {
.type-slider .slide-wrapper .caption.bottom {max-width: 50%;}
}


@media (max-width: 1013.98px) {
.type-slider .slide-wrapper .caption small {font-size: 19px;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {font-size: 26px;}
}

@media (max-width: 763.98px) {
.type-slider .slide-wrapper .caption.bottom {max-width: 100%;}
.type-slider .slide-wrapper .caption {background-color: rgba(123, 183, 217, .9) !important;     padding: 40px;}
    .type-slider.text-below-on-xs .captions {background-color: transparent;}
}

@media (min-width: 1014px) {
.area-header .header-group::before {background-image: none;}
h1, .h1, h2, .h2 {font-size: 3.8rem;}
#mercury-page {max-width: 90%; margin: 0 auto; padding-bottom: 40px; overflow: visible;}
.area-header.fix-lg .sticky.csssetting > .isfixed, .area-header.fix-lg .sticky.always > .isfixed, .area-header.fix-lg .sticky.upscroll > .isfixed {box-shadow: none; max-width: 90%;}
header.bh .header-group {border-bottom: 0;}
}


.h-logo {
  position: relative;
  top: 5px;
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
  -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
  -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}
header.bh.lp-l .nav-menu-header .nav-menu-logo img, #nav-main-addition {display: none !important;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {max-width: 0px;}
header.bh .nav-menu-header {padding: 0px 30px 15px;}
.nav-main-items .nav-menu li > a{font-size: 16px; padding: 10px 0; font-weight: 400;}
.nav-main-items .nav-menu .expand.ed {margin-bottom: 0px !important;}
.nav-main-items li > a {color: #fff;}
.nav-main-items .nav-menu .expand.ed ul{margin-top: 10px;}
.nav-main-items .nav-menu .expand .nav-menu li > a{font-size: 17px; padding: 4px 0; border-bottom: 0; text-transform: none; font-weight: 400;}
.nav-main-items .expand.ed .nav-menu{}
.nav-main-items > li > a {border-bottom: 0  !important;}
.nav-main-items > li > a {color: #fff !important; text-transform: none; font-size: 24px; font-weight: 400; padding: 9px 0px; border-bottom: 0;}
.nav-main-items > li > ul > li > a { text-transform: none; font-size: 24px; font-weight: 400; padding: 7px 0px;border-bottom: 0;}
.nav-main-items li[aria-expanded] > a[aria-controls]::after, .nav-main-container .nav-main-group {background-color: transparent;}
.nav-main-items li ul.nav-menu li > a{font-size: 24px; padding: 15px 0px; font-weight: 400;}
.nav-main-items li ul li.active > a{padding-left: 0 !Important; font-weight: 600 !Important;}
.nav-main-items li ul li > a, .nav-main-items li ul li.active.expand.ed > a, .nav-main-items li ul li.active > a {padding-left: 20px;}
.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {background-color: transparent;}
.nav-main-items li.expand > .nav-menu{display: none;}
.nav-main-items li.expand > a[aria-controls]::after {top: 9px; background-color:  transparent; color: #fff;}
.nav-main-items li.expand.ed > .nav-menu{display: block; margin-top: -2px !important; margin-bottom: 10px;}
.nav-main-items li.expand.ed > a {background-color: transparent; border-color: transparent;}
header.bh .nav-menu-header {background-color: transparent;}
.nav-main-container .nav-main-group .nav-main-items {border-top: 0;}
.active-nav .nav-main-container{padding: 30px 15px 45px 30px; background:rgba(123, 183, 217, .7);}
/*.head.isfixed .ls-icon {display: none !important;}*/
header.bh.meta-above .h-meta {order: 1; position: absolute; top: 10px;}
header.bh.meta-above .isfixed .h-meta {top: -10px;}
header.bh.meta-above .h-meta .container {max-width: 100%; padding-right: 0;
    padding-left: 0;}
header.bh.header-isfixed .h-logo-row {padding-bottom: 20px;}
.area-header .header-links > ul > li > a {font-size: 3rem;}

.nav-main-items li.expand.expand.ed > a[aria-controls]::after{display: none;}

@media (min-width: 1014px) {
  header.bh .h-logo-col {
    margin: 0 auto;
  }
  .two-cols.piece > .body {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-gap: 60px;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-rule: 1px solid #ccc;
    -webkit-column-rule: 1px solid #ccc;
    -moz-column-rule: 1px solid #ccc;
  }
  }
@media (max-width: 551.98px) {
header.bh .nav-main-items li.expand > a, header.bh .nav-main-items li > a {padding-right: 0 !important; padding-left: 0 !Important;}
.nav-main-items > li > a, .nav-main-items li ul.nav-menu li > a {font-size: 1.8rem;}
}



.list-pagination .btn-append {
    padding: 0.6rem 1.2rem;
    display: block;
    
   max-width: max-content;
    margin: 0 auto;
    height: 55px;
    border-radius: 50%;     margin-top: 20px; background: #7BB7D9;
}

.list-pagination .btn-append:hover {background: #3C3768;}
.parish-item{background: #fff; padding: 30px 30px 3px; border-radius: 5px; box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3);     margin-bottom: 30px;}
.parish-item:nth-child(even){background: #f3f3f3;}
.parish-item dd {margin-bottom: 18px;}
.parish-item h2{font-size: 2.4rem; background: #7BB7D9;  max-width: max-content; padding: 7px 16px; border-radius: 5px; color: #fff; font-weight: 600; margin-bottom: 30px;}
.parish-item a {color: #7BB7D9; text-decoration: none;}
.type-parish-detail .styled-form{max-width: 500px; padding: 30px; background: #7BB7D9; border-radius: 6px; margin-bottom: 30px; box-shadow: rgba(0, 0, 0, 0.27) 2px 6px 13px -1px;}
.type-parish-detail .styled-form .btn{margin-top: 20px; padding: 10px 20px; border-radius: 30px;}
.type-parish-detail .styled-form .btn:hover{background:#3C3768}
.type-parish-detail .styled-form label{color: #fff;}
.styled-form .input input{padding: 9px 10px; border-radius: 5px;}


.type-contact .piece.full > .visual {margin-bottom: 20px;}
.type-contact .fn {font-weight: 400;}
.type-contact .full, .type-contact .flex, .type-map .presized:not(.enlarged) .mapwindow {border-radius: 6px;}
.type-contact .full, .type-contact .flex {padding: 20px; box-shadow: rgba(0, 0, 0, 0.17) 2px 6px 13px -1px;}
.type-map  {box-shadow: rgba(0, 0, 0, 0.17) 2px 6px 13px -1px;    margin-bottom: 21px; border-radius: 6px;}
/* ######## ACC ######## */
.accordion {border-bottom: 0; border: 0; margin-bottom: 20px; box-shadow: rgba(0, 0, 0, 0.17) 2px 6px 13px -1px}
.accordion .acco-header .acco-toggle {font-size: 3rem; margin-top: 0px; background-color: #7BB7D9; border: 0; border-radius: 5px !important; font-weight: 400; color: #fff; padding: 20px 30px 20px 50px;}
.accordion .acco-header .acco-toggle[aria-expanded=true], .accordion .acco-header .acco-toggle:hover { background-color: #3C3768;}
.accordion .acco-header .acco-toggle.collapsed::after, .accordion .acco-header  .acco-toggle::after {content: "\f067"; background: transparent; font-size: 22px !important; right: unset; left: 20px; }
.accordion .acco-header .acco-toggle::after { content: "\f068"; }
.accordion .acco-body {padding: 30px; margin-top: 0; border: 0; border-left: 0px dotted #ddd; margin-bottom: 0px; margin-left: 0;     overflow: visible; background: #fff;     border-radius: 0 6px 0 6px;}

@media (max-width: 1199.98px){
.accordion .acco-header .acco-toggle {font-size: 2.3rem;}
}
@media (max-width: 1013.98px){
.accordion .acco-header .acco-toggle {font-size: 2rem;}
}
@media (max-width: 763.98px){
.accordion .acco-header .acco-toggle {font-size: 22px;}
.accordion .acco-body {padding: 20px; margin-top: 0px; border: 0; border-left: 0; margin-bottom: 30px; margin-left: 0px;}
}

@media (max-width: 550.98px){
.accordion .acco-header .acco-toggle {font-size: 19px;}
.accordion .acco-body {padding: 20px; margin-top: 10px;}
}
.area-foot .type-linksequence {box-shadow: none;}        
.area-foot .topfoot {background: transparent;}
.area-foot .subfoot {
background: transparent; padding-top: 0;}
.area-foot .subfoot .type-linksequence ul {
background: transparent; text-align: center;
padding: 0;
}
header.bh.meta-left .header-links {box-shadow: none;}
.type-linksequence{background: #fff; box-shadow: rgba(0, 0, 0, 0.17) 2px 6px 13px -1px;}
.topfoot .type-linksequence{text-align: center; box-shadow: none;}
.flex-col .type-linksequence {flex-grow: 1;}

.intro-headline > .intro {margin-bottom: 8px;}
.teaser .intro-headline {
        font-size: 1.8rem;
        font-weight: 400;}
.teaser-tile .teaser.piece {box-shadow: rgba(0, 0, 0, 0.17) 2px 6px 13px -1px;}
.teaser .teaser-date {
    line-height: 1.2;
    font-size: 80%;
	font-weight: 400;
    color: #fff;
    padding: 4px 12px;
    background: #7BB7D9;
    max-width: max-content;
    border-radius: 4px;
    position: absolute;
    top: -24px;
    left: 15px;
}
.teaser .intro-headline {margin-top: 15px;
    }
.teaser-tile .teaser.piece > .body {position: relative;}
.redline {
    background-color: #3C3768;
    height: 90vh;
    position: absolute;
    right: 5%;
    top: -5.5rem;
    transform: rotate(10deg);
    transform-origin: center top;
    width: 1.5rem;
    z-index: -1;
}
.redline {
    bottom: 0;
    height: 120vh;
    position: fixed;
    right: 4%;
    top: 10px;
}
/* ######## MAP ######## */
.map-marker {padding: 10px;}
.map-osm .maplibregl-popup-content {border-radius: 6px;}
.type-map .map-marker .marktxt {line-height: 1.4;}

.map-full .maplibregl-map {height: 500px !important; border-radius: 20px 0 20px 0; }
.map-marker a {background: #95c11f; max-width: max-content; padding: 6px 16px; border-radius: 4px; color: #fff; margin-top: 10px !important; text-align: center;}
#template-info::before {
  display: none;
 content: '{"main-theme":"#3C3768", "main-theme-hover":"#dd0011", "map-color":["#7BB7D9","#dd0011","#235789","#ac3931","#ada8b6","#ddd","#aaa","#666","#888","#ccc","#000","#aaa"], "map-style":[{"featureType":"all","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#000"}]},{"featureType":"landscape.natural","elementType":"all","stylers":[{"lightness":"75"},{"gamma":"1.00"}]},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"color":"#d8ded8"},{"saturation":"-30"},{"lightness":"0"},{"gamma":"1"}]},{"featureType":"poi.business","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.park","elementType":"geometry.fill","stylers":[{"color":"#d8ded8"}]},{"featureType":"road","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#fafafa"}]},{"featureType":"water","elementType":"geometry.fill","stylers":[{"color":"#a5b1be"}]}]}'; }
@media (min-width: 768px) {
.type-map .mapbuttons {display: flex; margin-top: 0;  margin-left: 0;  padding: 10px; background: rgba(0,0,0,0.3); position: absolute; top: 0; z-index: 5; flex-direction: column;}
.type-map .mapbuttons .btn {font-size: 14px;  border-radius: 5px; padding: 8px 15px; background: #7BB7D9; line-height: 1;margin-right: 0;}
}