@import url('/.themes/s11.min.css');
@import url('/.content/.font/font.css');
@import url('/export/sites/webstart/.mercury/.mod/generator-v2.css');
@import url('/export/sites/webstart/.mercury/.mod/generator-v1.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/m-access/m-access.css');



/****************** NL-FORM ******************/
.type-newsletter-config .btn{background-color: #2B4C9B; padding: 10px; color:#fff;}
.type-newsletter-config .styled-form fieldset + fieldset {border-top: none;}
.type-newsletter-config .styled-form {font-size: 85%;}
.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: #94C11E;}
/****************** ENDE ********************/

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

.nl-archiv .list-content .teaser {
    margin-bottom: 20px;
}
.nl-archiv .list-entries  li:before {content:"Aktuelle Ausgabe"; content: "Aktuelle Ausgabe";
    background: #94C11E;
    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 ********************/



@media (max-width: 1013.98px) {
    h3, .h3, .accordion .acco-header .acco-toggle, .teaser .intro-headline {
        font-size: 1.6rem;
    }
    .type-contact {
        font-size: 1.4rem !important;
    }

}

p a:not(btn) {font-weight: 600;}
.maplibregl-popup {z-index: 99;}
.box h2.acco-header {
    border-bottom: 0;     margin-bottom: -8px;}
.nav-side li ul.show {padding-left: 10px;}
b, strong {
    font-weight: 600;
}
.h-meta a:after, #dr-evangelium-widget .webmastertools-header a:after {display:none;}
.icon-color img {
    background-color: var(--my-btn-bg);
}
.icon-grey img {
    background-color: #ccc;
}
.foot-logo-wrap img {
  max-width: 110px;
}

.accordion .acco-header .acco-toggle:hover, .tab-list>li>.tab-toggle:hover, .accordion .acco-header .acco-toggle[aria-expanded=true], .tab-list>li>.tab-toggle.active {background-color: var(--my-btn-hover-bg);
    border-color:var(--my-btn-hover-bg);}
:root {
    --my-icon-font-family: "ForkAwesome";
}


@media (min-width: 764px) {
  .foot-logo-wrap {
    direction: rtl;     margin-bottom: 4px;
  }
}

@media (min-width: 1014px) {
	    header.fh.header-isfixed.fix-overlay .h-logo {flex: 0 0 160px;
        max-width: 160px;}
  .nav-side li a::before {
    position: relative;
    bottom: 0px;
    left: -11px;
    content: "\f101";
    font-size: 14px;
    font-family: 'FontAwesome' !important;
  }
.side-group .type-nav-side li a {color: #fff !important;}
}

.area-foot a:after {display: none;}


@media (min-width: 1014px) {
    header.fh.header-isfixed.fix-overlay.lp-l .h-nav, header.fh.header-isfixed.fix-overlay.lp-l .h-nav>.co-lg-xl {
        justify-content: flex-end;
    }
}

@media (min-width: 1014px) {
   .h4,  h4 {
        font-size: unset;
    }

}
.btn {white-space: normal;
-webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;}
a[href^="http://"]:not([href*="katholisch-sankt-augustin.de/"]):after,
a[href^="https://"]:not([href*="katholisch-sankt-augustin.de/"]):after, a[href^="http://"]:not([href*="opencms.erzbistum-koeln.de/.mercury/radevormwald-hueckeswagen/"]):after,
a[href^="https://"]:not([href*="opencms.erzbistum-koeln.de/.mercury/radevormwald-hueckeswagen/"]):after, .symbol:after, a[href^="http://"]:not([href*=""]):after,
a[href^="https://"]:not([href*=""]):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;
}
.foot-logo-wrap img {
  max-width: 110px;
}

.accordion .acco-header .acco-toggle:hover, .tab-list>li>.tab-toggle:hover, .accordion .acco-header .acco-toggle[aria-expanded=true], .tab-list>li>.tab-toggle.active {background-color: var(--my-btn-hover-bg);
    border-color:var(--my-btn-hover-bg);}
:root {
    --my-icon-font-family: "ForkAwesome";
}


@media (min-width: 764px) {
  .foot-logo-wrap {
    direction: rtl;     margin-bottom: 4px;
  }
}
@media (max-width: 1013.98px) {
.type-map .mapbuttons .btn {
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    display: block;
    width: 60%;
    font-size: 0.7rem;
    padding: 5px;
}
    body, .side-group {
        font-size: 1.3rem;
    }

}
@media (min-width: 1014px) {
	    header.fh.header-isfixed.fix-overlay .h-logo {flex: 0 0 140px;
        max-width: 140px;}
  .nav-side li a::before {
    position: relative;
    bottom: 0px;
    left: -11px;
    content: "\f101";
    font-size: 14px;
    font-family: 'FontAwesome' !important;
  }
.side-group .type-nav-side li a {color: #fff !important;}
}
@media (min-width: 1200px) {
    header.fh.ls-3 .h-logo {
        flex: 0 0 173px;
        max-width: 173px;
    }
	header.fh.header-isfixed.fix-overlay .h-logo {flex: 0 0 160px;
        max-width: 160px;}
}
@media (min-width: 1400px) {
    header.fh.ls-2 .h-logo {
        flex: 0 0 160px;
        max-width: 160px;
    }
}
@media (max-width: 1199.98px) and (min-width: 1014px) {
    header.fh.nav-disp-big .nav-main-items>li>a {
        font-size: 15px;
    }
}

@media (min-width: 1400px) {
    .nav-main-items>li>a {font-size: 18px;}
    header.fh.ls-3 .h-logo {
        flex: 0 0 330px;
        max-width: 173px;
    }
}
@media (max-width: 1013.98px) {
    header.fh.ls-3 .nav-main-mobile-logo .mobile-logolink {
        max-width: 30%;
    }
    header.fh.ls-3 .h-logo {
        width: 17.333333%;
    }
}
@media (max-width: 763.98px) {
    header.fh.ls-3 .h-logo {
        width: 31.333333%;
    }
}

/* ============================================ */
/* Logo-Shrink beim Scrollen (Sticky Header)    */
/* ============================================ */
@media (min-width: 1014px) {
    header.fh.header-isfixed.fix-overlay .h-logo,
    header.fh.ls-3.header-isfixed .h-logo {
        flex: 0 0 80px !important;
        max-width: 116px !important;
        transition: max-width 0.3s ease;
    }
}

/* ============================================ */
/* Logo-Fix für Viewport 1014px – 1199px         */
/* (gleiche Größe wie ab 1200px)                 */
/* ============================================ */
@media (min-width: 1014px) and (max-width: 1199.98px) {
    header.fh.ls-3 .h-logo {
        flex: 0 0 330px !important;
        max-width: 173px !important;
    }
}