@import url('/system/modules/alkacon.mercury.bistuemer.ebk/configuration/ebk.standard.master.xml');
@import url('/.themes/s11.min.css');
@import url('/.mod/fonts/font.css');
@import url('/export/sites/webstart/.mercury/.mod/generator-v2.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/m-access/m-access.css');
/*.box:not(.box.box-theme), .box-high {
    
    --my-headings-color: var(--my-main-theme);}*/
/*********** KOMMENTAR - Text in Anmeldeformular ausgeblendet ***********/
/*label.checkbox p:nth-child(2){display: none;}*/
label.checkbox p:nth-child(3){display: none;}


/****************** NL-FORM ******************/
.type-newsletter-config .btn{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);}

/****************** ENDE ********************/

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

.nl-archiv .list-content .teaser {
    margin-bottom: 20px;
}
.nl-archiv .list-entries  li:before {content: "Aktuelle Ausgabe";
    background: #EF635A;
    padding: 4px 20px 1px;
    margin-bottom: 13px;
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
   }
.nl-archiv .list-entries  li + li:before {content:""; display: none;}
.nl-archiv .list-entries  li {background: #E6EFEB; padding: 30px 30px 10px; margin-bottom:40px; border-radius: 5px;}
.nl-archiv .list-entries  li + li {background: #fff; padding: 0;}
/****************** ENDE ********************/
	
:root {
    --my-body-font-family: "Clone Rounded PE Web", -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";}
.nav-side li.currentpage>a:not(.btn) {font-weight: 500;}
.area-foot h2 {font-size: 1.9rem;}
.type-slider.logo-hg .visual::after, .logo-hg .visual::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/.galleries/bilder/.system/KiH-Kreis-mit-Schrift.svg) no-repeat 50% 50%;
    background-size: auto;

}
@media (max-width: 763.98px) {
.type-slider.logo-hg .visual::after, .logo-hg .visual::after, .logo-hg.effect-parallax-bg:after {background-size: 300px;}

}


    .area-header .sticky.always>.isfixed, .area-header .sticky.csssetting>.isfixed, .area-header .sticky.upscroll>.isfixed {box-shadow: none;}
.team-acc {border: 2px solid #EF635A;
    padding: 15px 15px 0;}


.list-content .head {
    background-color: transparent;
}
.area-header .head {border-bottom: 1px solid #EF635A;}
.nav-breadcrumbs>li a {font-size: 14px;
    font-weight: 400;
}
.nav-breadcrumbs>li+li::before {
    content: "\f105"; font-family: forkawesome; color: #000;}
.box {
    padding: 30px 25px 40px;}
.no-mb.element, .no-mb .element {margin-bottom: 0;}
b, strong {font-weight: 500;}
h1, h2, h3, h4, h5, h6, .nav-main-items>li>a, .direct-search ::placeholder, .lead, .list-content .btn:not(.list-pagination .btn.btn-append), .teaser .teaser-text, body, .type-map .mapbuttons .btn, .styled-form .label, .styled-form label, .accordion .acco-header .acco-toggle, .tab-list>li>.tab-toggle, .map-marker, .detail-page .sub-header, .detail-page .detail-visual .visual-info.ah>.info.date, .detail-page .detail-visual .visual-info.ah>.infogroup, .detail-page .detail-visual .visual-info.bh>.info.date, .detail-page .detail-visual .visual-info.bh>.infogroup, .detail-page .detail-visual .visual-info.itp>.info.date, .detail-page .detail-visual .visual-info.itp>.infogroup, .detail-page .sub-header, .h4, .styled-form header, .type-gottesdienst.teaser.gd.calendar-sheet-piece .gd-hd, h4, .styled-form .input.button button.btn, .type-slider .slide-wrapper .copyright, .list-pagination .btn.btn-append, .btn.btn-append.more, .type-webform .formbtn-row .formbtn .btn, .type-webform .formbtn-row .formbtn.btn, .frc-button, .btn, .frc-captcha *, .area-wide .calendar-sheet, .frc-banner a, .caption-wrapper, .pswp .title, .image-src-box.original-size>.copyright.image-copyright, .image-src-box.presized>.copyright.image-copyright, .type-map .map-visual, .map-osm .maplibregl-map, .map-osm .maplibregl-popup-content, .maplibregl-map, .type-map .presized:not(.enlarged) .mapwindow {font-family: "Clone Rounded PE Web" !important;}



.link a, p a, .type-linksequence li a:not(.header-links.type-linksequence a), .teaser.type-event .btn {border-bottom: 2px dashed #EF635A;}
.link a:focus, .link :hover, p a:focus, p a:hover, .type-linksequence li.ls-li a:focus, .type-linksequence a:not(.header-links.type-linksequence a):hover {border-bottom: 2px solid #EF635A; text-decoration: none;}
a:hover, .type-linksequence li.ls-li a:hover .ls-item span:not(.ls-icon) {text-decoration: none; color:#EF635A;}
.detail-page .sub-header {font-size: 2rem;}
.area-content .type-linksequence li {
    line-height: 1.2;
    margin-bottom: 20px;
}
.type-linksequence .text-box {margin-bottom: 40px;}
.type-linksequence li:not(last-child) {margin-bottom: 20px;}
.type-linksequence li a:not(.header-links.type-linksequence a) {line-height: 1.4;}
/*###################### News und Co ############################*/
.list-teaser-text-tile .teaser-tile {margin-bottom: 50px !important;}
.teaser.type-event .btn {padding: unset;     font-size: 19px; background-color: transparent; border: 0; color: #EF635A; border-bottom: 2px dashed #EF635A;}
.teaser.type-event .btn:hover {border-bottom: 2px solid #EF635A; text-decoration: none;}
.list-entries.row-square~.list-pagination, .list-entries.row~.list-pagination {margin-top: 10px;}
.type-imageseries>.series>button.btn {width: auto;margin: 0 auto; margin-top: 30px;}
.list-content .list-append-position {display: flex; margin-top: 40px; padding-top: unset; position: relative; justify-content: center;}
.list-content .list-append-position {border-top: 0;}
.list-pagination .btn.btn-append, .btn.btn-append.more {-webkit-transition: all 0.2s ease-in-out; border: 2px solid #EF635A; border-radius: 31px; background-color: transparent; border-top-color: unset; border-right-color: unset; border-bottom-color: unset; border-left-color:unset; color: #EF635A; display: block; height: unset; line-height: unset; margin: unset; position: unset;  text-align: center; text-transform: uppercase;
    width: unset; font-size: 17px; padding: 17px 54px; font-weight: 600;}
.teaser-tile .piece>.body+.link{margin-top: 0;}
.list-pagination .btn.btn-append:hover, .btn.btn-append.more:hover, .btn.active, .btn:focus, .btn:hover, .open .dropdown-toggle .btn {color: #fff; background-color: #EF635A; border-color: #EF635A;}
.teaser-tile .teaser.piece>.body {flex-grow: 0;}
.list-content .btn {background-color: unset; color: #EF635A; padding: unset; font-size: 19px; font-weight: 400; margin-top: 7px;}
.teaser .visual {margin-bottom: 20px;}
.teaser .teaser-date {font-size: 72%;font-weight: 500;}
.teaser .teaser-text {font-size: 21px;font-weight: 400;line-height: 1.3;}
.area-wide .calendar-sheet .day-name, .area-wide .calendar-sheet .month-year {text-transform: uppercase; 
        font-weight: 400;
        color: #EF635A;}
.termine .teaser {    background: #E6EFEB;
    padding: 50px 25px 10px;     margin-bottom: 30px;}
.termine .teaser h3 {color: #000;}
@media (min-width: 764px) {
    .area-wide .calendar-sheet .day-name, .area-wide .calendar-sheet .month-year {padding: 0; 
        font-size: 20px;
        line-height: 1.2;}
}


@media (min-width: 1014px) {
    .teaser .intro-headline {
        font-size: unset;
    }

}


.accordion .acco-header > .acco-toggle {padding: 2rem 2rem; background: #FFDEDE; color: #EF635A;}
.accordion {border: 0;}
.accordion .acco-header .acco-toggle[aria-expanded=true], .tab-list>li>.tab-toggle.active {color: #FFDEDE;}
.accordion .acco-header .acco-toggle:hover {background-color: #FFDEDE !important; border: 0 !important; color: #000;}
.accordion .acco-header .acco-toggle {font-size: 2.2rem;}
.accordion .acco-body {border: 1px solid #EF635A; border-top: 0;}

.frc-button {
    cursor: pointer;
    padding: 2px 6px;
    background-color: transparent !important;
    border: 2px solid #EF635A !important;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    color: #EF635A !important;
    border-radius: 30px;
}
.frc-icon {
    fill: #EF635A !important;
    stroke: #EF635A !important;}
.formbtn-row .btn {
    border-color: #EF635A;
    color: #EF635A;
    border: 2px solid #EF635A;
    border-radius: 31px;
    font-weight: 500;
    padding: 17px 54px;
}
.formbtn-row .btn:hover {color: #fff;}

@media (max-width: 1013.98px) {
   .pos {
        font-size: 1.9rem;}
    }





.nav-main-items > li > a {
    font-weight: 400;
}


@media (min-width: 1014px) {
    .nav-main-items {align-items: center;}
    .spacer {padding: 0 0 0 0px;         margin-top: 20px;}
	.col-lg-4 .spacer {padding: 0 0 0 20px;}
}

.nav-side li > a {padding: 5px 13px;}

.side-group .type-nav-side {
    box-shadow: none;}
.nav-side li {border-top: 0;}
 .nav-side li a::before {
    position: relative;
    bottom: 0px;
    left: -11px;
    content: "\f105"; font-family: forkawesome !important;
    font-size: 24px;}
.nav-side li a {font-size: 24px;}

.nav-main-items li a[target="_blank"]:after, .nav-side li a[target="_blank"]:after {    content: "\f08e"; font-family: forkawesome; margin-left: 5px; font-size: 90%;} 
.ls-bullets.custom-icon li::before, .ls-navigation.custom-icon li a::before, .ls-row.custom-icon li::before {color: #EF635A;}
.icons-para img {
  border-radius: 50%;}
.h-meta a:after {display: none;}
:root {    --my-element-margin: 3rem;}
h2, .h2 {margin-top: 0;}
.box h2, .box .h2 {
    margin-top: 0;}

.box p a {text-decoration: none;}
a[href^="http://"]:not([href*="opencms.erzbistum-koeln.de/"]):after, a[href^="http://"]:not([href*="katholisch-in-hilden"]):after,
a[href^="https://"]:not([href*="opencms.erzbistum-koeln.de/"]):after, a[href^="https://"]:not([href*="katholisch-in-hilden"]):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;}

p a:after {padding: 6px 0 0 0px!important;}
.link a.btn:after {color: unset;}

.subfoot a:after, .only-visual a:after, .visual a:after, .shariff a:after, .frc-captcha a:after {display: none !important;}
.area-foot .subfoot {
    border-top: 0;}
.subline .body h1, .subline .body h2 {color: #777;}

.flex-col .piece > .body + .link, .flex-col .piece > .body .text + .link {
    
    flex-grow: 1;
   
   
    align-content: flex-end;
    margin-top: 15px;
}
.teaser .link {margin-top: 0:}
.frc-captcha {
    position: relative;
    min-width: 250px;
    max-width: 312px;
    border: 0 !important;
    padding-bottom: 12px;
    background-color: transparent !important;
}
.styled-form {    --my-form-border-radius: 0;     --my-form-input-border-radius: 0;}
.contact-org h3.fn {color: #EF635A;}
.direct-search .styled-form {--my-form-border-color: #EF635A;}
.direct-search ::placeholder {
  color: #000 !important; font-size: 30px !important;}
  
.direct-search .btn  {font-size: 30px; padding: 20px 70px;} 
.direct-search .search.front {position: absolute;
    font-size: 24px;
    color: #EF635A;
    top: 16px;
    left: 30px;}

.direct-search .styled-form .input input {    padding: 24px 40px 20px 70px;     border-width: 0px;}

@media (max-width: 763.98px) {
.termine .teaser {
    background: #E6EFEB;
    padding: 30px 25px 30px;}
.calendar-sheet {
    background-color: #fff;}
.direct-search .styled-form .input input {
    padding: 24px 0px 20px 38px;}
.direct-search .btn  {padding: 20px 20px; font-size: 20px} 
.direct-search ::placeholder {font-size: 20px !important;}
.direct-search .search.front {        top: 21px;
        left: 11px;}
}


@media (min-width: 1014px) {
    .lead {
        font-size: 30px;
    }

}

.accordion {margin-bottom: 1.3rem;}
.icons-para img {
    border-radius: 50%;}
.icon-red img {
    background: #dc3600a8;
}
.icon-green img {
    background:#0078519e;
}
.foot-logo-wrap img {
  max-width: 110px;
}
.type-section ul li:not(last-child) {margin-bottom: 1rem;}
::marker {color: #EF635A !important;}
.accordion .acco-header .acco-toggle:hover {background-color: var(--my-btn-hover-bg);
    border-color:var(--my-btn-hover-bg);}*/
:root {
    --my-icon-font-family: "ForkAwesome";
}
.nav-mega-menu .nav-side li a::before {
    content: "\f067" !important;
    font-family: 'ForkAwesome' ;
    bottom: 0;
    color: #999;
    position: relative;
    left: -11px;
    font-size: 14px;
    font-family: ForkAwesome;
    margin-left: 0.1rem;
    content: "\f0de";
    font-family: 'ForkAwesome' !important;
  }
  .area-header .header-links.cap-none>ul>li>a {
    text-transform: uppercase; font-weight: 500;
    color: #000;
}
.area-header .header-links.ls-row.no-icon li.ls-li:not(:last-child):after {content: '|';
    margin: 0 7px;
    font-weight: 500;
}
.area-header .header-links.ls-row.no-icon li:not(:last-of-type) {
    margin-right: 0px;
}

.fn.n {font-weight: 500;}
.form-field-privacy a, .form-field-captcha .label {font-size: 1.6rem;}
@media (min-width: 764px) {
    .nav-side li>ul>li>a

 {
        padding-left: 22px;
    }
}
@media (min-width: 764px) {
  .foot-logo-wrap {
    direction: rtl;     margin-bottom: 4px;
  }
}
@media (max-width: 1013.98px) {
.head-image .subtitle {display: none;}
}


.type-contact .fn, .type-contact .pos {color: #000;}
.type-contact {
    box-shadow: none;
    border: 0;
    padding: unset; color: #000;}
.note.bottom {margin-top: 30px !important;}
@media (min-width: 1014px) {
.area-header .header-links > ul > li > a {
    font-size: 18px;
}
.type-contact .h3 , .type-contact .h4, .type-contact .h5, .type-contact .text-box, .type-contact .fn.n {font-size: 1.9rem !important;}
    header.fh.header-isfixed.fix-compact .h-logo, header.fh.header-isfixed.fix-overlay .h-logo {
        padding-top: 1.8rem;
        padding-bottom: .5rem;
		flex: 0 0 180px;
        max-width: 180px;
    }

 
/*.side-group .type-nav-side li a {color: #fff !important;}*/
}
.co-sm-md {max-width: 100%;}
@media (min-width: 1014px) and (max-width: 1399.98px) {
    header.fh.ls-3.header-isfixed.fix-overlay .nav-main-container {
        max-width: 100%;}
    .co-lg-xl {width: 100%;}
header.fh.ls-3 .h-logo {flex: 0 0 250px; max-width: 250px;}
header.fh.header-isfixed.fix-overlay .h-logo {flex: 0 0 180px; max-width: 180px;}
    header.fh.nav-disp-big .nav-main-items>li>a {
        font-size: 16px;
    }
header.fh.nav-disp-big.nav-center .nav-main-items>li>a, header.fh.nav-disp-big.nav-right .nav-main-items>li>a, header.fh.nav-disp-default.nav-center .nav-main-items>li>a, header.fh.nav-disp-default.nav-right .nav-main-items>li>a {
        padding-left: 7px;
    }
}

@media (min-width: 1014px) {
    header.fh.pad-md .h-logo {
        padding-top: 2rem;
        padding-bottom: 1rem; margin-top: 15px;
    }
}
@media (min-width: 1400px) {
    header.fh.ls-3 .h-logo {
        flex: 0 0 290px;
        max-width: 290px;
    }
}
@media (max-width: 1013.98px) {
    header.fh.ls-3 .h-logo {
        width: 55.333333%;
    }
}

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

@media (min-width: 764px) {
    .area-wide .calendar-sheet {height: 70%;border: 0; border-radius: 50%;background: #fff;}
	.area-wide .calendar-sheet::before {display: none;}
}
@media (min-width: 1014px) {
    .teaser .intro-headline:not(.teaser.type-article .intro-headline) {
        font-size: 2.4rem;
        font-weight: 500;
    }

}
@media (min-width: 1014px) {
    header.fh.nav-disp-big .nav-main-items>li>a {
        font-size: 24px;
    }

}


.type-map .mapbuttons .btn {margin-top: 0.2rem; font-size: 1.2rem;}

@media (max-width: 1499.98px) {
.type-map .mapbuttons {
           display: inline-flex;
        flex-direction: row;
        flex-wrap: wrap;
        top: 0;
        margin: 15px;
        /* margin-left: unset; */
        padding: unset;
        position: static;
   }
.type-map .mapbuttons .btn {
    margin-top: 0.5rem !important;
    margin-right: 0.5rem;
    display: unset;
    width: unset; padding: 0.7rem 1rem;}
	.type-map {padding-bottom: 5px;}
}
.social-icons.themed li a * {
    color: #EF635A;
}
.social-icons.themed li a *:hover {
    color: #fff;
}
.social-icons.themed li a {border-radius: 50%; background-color: #fff;    border: 1px solid #EF635A;}
.social-icons.themed li a:hover {background-color: #EF635A;  border: 1px solid #EF635A;}


.styled-form .checkbox input:checked+i, .styled-form .radio input:checked+i, .styled-form .toggle input:checked+i {border-color: #EF635A;}
.styled-form .checkbox i, .styled-form .radio i {border-width: 2px;}
.area-foot {margin-top: 0; font-weight: 400;}
.area-foot .styled-form .checkbox i, .area-foot .styled-form .icon-append, .area-foot .styled-form .icon-prepend, .area-foot .styled-form .input input, .area-foot .styled-form .radio i, .area-foot .styled-form .select select, .area-foot .styled-form .textarea textarea {
    border-color: #EF635A;
}
.area-foot .styled-form .input input, .area-foot .styled-form .textarea textarea {
    background-color: #fff !important;
}

.area-foot .subfoot .ls-row.no-icon li:not(:last-child):after {
    content: "|";
    margin: 0 5px;
}
.nav-icon a {color: #000 !important;}
#nav-main-search {display: none;}
.styled-form label {font-size: 21px;}
.topfoot h2, .topfoot h3 {
    margin-bottom: 50px !important;
    padding: 0;
    width: unset;
    border-bottom: 0;
    color: #EF635A;}
@media (min-width: 1014px) {
.detail-page .sub-header {font-size: 2rem;}
    /*.type-contact .h4.org, .type-contact .fn.n, .type-contact, .pos {
        font-size: 21px !important;
    }*/
}
@media (min-width: 1014px) {
.head.notfixed {padding: 20px;}
.head.isfixed {padding: 0 20px;}
.head.isfixed .h-logo {    margin-top: 0;}
    header.fh.meta-right .header-links {
        justify-content: flex-end;
        right: 15px;
        position: relative;
        top: 20px;
    }
}
.team-acc .type-contact .pos {margin-bottom: 25px;}
.type-contact .fn.n {
    margin-bottom: -2px !important;
    margin-top: 8px !important;
}
@media (max-width: 1013.98px) {
body, h4, .type-contact .text-box, .detail-page .sub-header {font-size: 1.8rem;}
 h1, .h1 {
    font-size: 3.3rem;}
h2, .h2 {
    font-size: 2.6rem;
}
h3, .h3 {
    font-size: 2rem;}
    .nav-main-items li.expand>a[aria-controls]::after {background-color: #EF635A;}
	.nav-main-items li.active.expand.ed>a, .nav-main-items li.active>a {
        color: #EF635A;
        background-color: #FFDEDE;
    }
	.accordion .acco-header .acco-toggle {
    font-size: 1.5rem;
}
}

.subfoot .type-linksequence li.ls-li a:hover .ls-item span:not(.ls-icon)  {color: #FEEEEE !important;}

@media (min-width: 1014px) {
.head.notfixed {padding: 20px;}
.head.isfixed {padding: 0 20px;}
.head.isfixed .h-logo {    margin-top: 0 !important;}
    header.fh.meta-right .header-links {
        justify-content: flex-end;
        right: 15px;
        position: relative;
        top: 20px;
    }
}
.nav-menu>li.active>a {
        color: #EF635A;
        background-color: #E6EFEB; font-weight: 600;
    }

@media (min-width: 1014px) {
    .nav-main-items>li.active>a {
        font-weight: 600;
    }
}
@media (max-width: 552px) {
       header.fh.ls-3 .h-logo {
        flex: 0 0 190px;
        max-width: 190px;
    }
    }
}