@import url('/system/modules/alkacon.mercury.bistuemer.ebk/configuration/ebk.standard.master.xml');
@import url('/.themes/v5.min.css');
@import url('/export/sites/webstart/.mercury/.mod/generator-v2.css');
@import url('/export/sites/webstart/.mercury/.mod/v5.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/m-access/m-access.css');
.btn {white-space: normal;
-webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;}
header.fh .h-logo {padding-right: 0;
    padding-left: 0;}
a:hover {
    --my-link-color-rgb: var(--my-main-theme-hover);}
.box-body, .box-body-base, :root{
--my-main-theme-hover: #515842 !important;
}
:root {--my-element-margin: 3rem;}
.flex-col .box {flex-grow: 1;}
.styled-form {font-weight: 300;}
.type-contact .body {display: unset;}
.type-contact .only-text .body .text {margin-left: unset; margin-top: 0 !important;}
.box.off .link a {    color: inherit; visibility: hidden;}
.subline .body h1, .subline .body h2 {color: var(--my-main-theme);}
.h-meta a:after {display: none !important;}
.copyright {--my-copyright-pos-right: 25px;}
.nav-side li a + a:before {display: none;}
.nav-side .collapse li a {
        padding-left: 30px;}
@media (min-width: 1014px) {

    .head-image .image-src-box.presized > .image-copyright, .type-slider.head-img .slide-wrapper .copyright {
        left: unset !important;
        right: 30px;
        top: unset;
        bottom: 0;
       
    }
}
@media (max-width: 763.98px) {
.type-contact .body .text {width: unset;}
}

@media (min-width: 764px) {
.type-contact .left .body {    display: flex;}
    .type-slider .slide-wrapper .caption small {
        font-size: 1.9rem;
    }
}
@media (min-width: 1014px) {
    .type-slider .slide-wrapper .caption small {
        font-size: 2.9rem;
     
    }
}
@media (min-width: 1014px) {
.nav-side li>ul>li>a {
        padding-left: 30px;}
    .type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {
        font-size: 3.6rem;
    }
    header.fh.ls-2.header-isfixed.fix-overlay .nav-main-container {
        max-width: 100%;
    }
}
@media (min-width: 1014px) {
    .accordion .acco-header .acco-toggle {
        font-size: 2.5rem;
    }
}
/*################## ENDE Übernahme ins generelle CSS###################*/

a[href^="http://"]:not([href*="opencms.erzbistum-koeln.de/.mercury/pe-koenigswinter/"]):after,
a[href^="https://"]:not([href*="opencms.erzbistum-koeln.de/.mercury/pe-koenigswinter/"]):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;
}
.symbol:after {font-size: unset;

  padding: unset;
  margin-right: 4px;}
  
a[href^="http://"]:not([href*="kirche-koenigswinter.de/"]):after,
a[href^="https://"]:not([href*="kirche-koenigswinter.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;
}
.area-foot a[href^="http://"]:not([href*="kirche-koenigswinter.de/"]):after,
.area-foot a[href^="https://"]:not([href*="kirche-koenigswinter.de/"]):after, 
.area-foot a[href^="http://"]:not([href*="opencms.erzbistum-koeln.de/.mercury/pe-koenigswinter/"]):after,
.area-foot a[href^="https://"]:not([href*="opencms.erzbistum-koeln.de/.mercury/pe-koenigswinter/"]):after, .area-foot .symbol:after {display: none;}


.symbol:after {font-size: unset;

  padding: unset;
  margin-right: 4px;} 
  

@media (max-width: 763.98px) {
    .type-slider.text-below-on-xs .slide-wrapper .titlecaption {
        font-size: 2rem;}
		}