@import url('/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency.css');

@import url('/export/sites/demo-s-11/0-caritas-shared/m-access/m-access.css');


.dt .intro-headline .headline {line-height: 1.3;}













/*.wirkt {display: none;}*/
.invert a.btn {background: #fff !important; color: #444; border: 3px solid #e00;}
.color2 .variant-tile-accordion.text-below .collapse-trigger .text-overlay,.color2  .type-slider .slide-wrapper .caption strong, .color2 .type-slider .slide-wrapper .caption .titlecaption {background: #3e1c69 !important;}
.color2.head-mix .col-lg-4 .red a.btn, .color2 .btn {background-color: #3e1c69; !important;}
.color2 .accordion .acco-header .acco-toggle::before {color: #3e1c69; !important;}
.color2 .type-slider.dots-outside .slider-dots button::before, .color2 .type-slider.dots-outside .slider-dots [type=button]::before {border: 12px solid #3e1c69 !important;}
.btn-center {display: flex;
    justify-content: center;}

.img-max .visual {max-width: 250px;}
.pp-banner .message p:last-of-type { margin-bottom: 6px; font-size: 15px;}
.pp-banner .buttons .btn-save {background: #e00;}
.pp-banner .buttons .btn-accept {background: #888;}
.ap-legaltext .headline {padding-left: 15px; margin-bottom: 22px;}
.ap-legaltext table {margin: 25px 0 !important;}
.ap-legaltext .table-sm > :not(caption) > * > * { padding: 5px 10px; font-size: 18px;}
.fa-linkedin-in:before {
    content: "\f0e1";
}
.datenschutz {padding-left: 15px;}
.ap-privacy-policy h2, .datenschutz h2, .ap-legaltext h3 {font-size: 28px; font-weight: 400;}
@media (max-width: 763.98px) {
.ap-privacy-policy h2, .datenschutz h2, .ap-legaltext h3  {font-size: 20px; }
}
.box .text h2 {hyphens: none;line-height: 1.3;}
@media (min-width: 1014px) {
    h3, .h3, .type-liturgy .calendar-simple, .accordion .sub-header, .onclick-activation .oa-heading {
        font-size: 2.5rem;
    }

}
/*########################## Global ###################################*/
.no-mb .element {margin-bottom: 0;}
.flexo, .claim {justify-content: center;}
#mercury-page {overflow-x: clip;padding-bottom: 20px;}
@media (min-width: 1014px) {
.max-60 {max-width: 68%;
    margin: 0 auto;}
    .fullo .col-lg-12 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
	}
@media (min-width: 764px) {
#mercury-page { max-width: 90%; position: relative; margin: 0 auto;}

}

.max-1190 .container {max-width: 1190px !important;}

body {font-size: 20px;}
body, h1, h2, h3, h4, h5, h6, li, a, .h4{font-family: 'Open Sans';     font-weight: 300; color: #444;}
h1, h2, h3 {letter-spacing: -2px; line-height: 1.1;}
h1 {font-size: 50px;}
h2 {font-size: 40px; line-height: 1.3;}
h1 strong,  h2 strong, h3 strong {font-weight: 700;}

.full-width .container {max-width: 100%;}
.text ul {margin-bottom: 15px !Important;}

.struktur {background: url('/cvd-spenden/.galleries/bilder/.system/back-area.png') 0 0; padding: 15px 50px; border-radius: 25px 0;}
.struktur2 {background: url('/cvd-spenden/.galleries/bilder/.system/back-area2.png') 0 0; padding: 15px 50px; border-radius: 25px 0;}

.brush h2,  .claim-header {background: url(/cvd-spenden/.galleries/bilder/.system/brush.png) no-repeat 25% 40%;
    background-size: auto;
    background-size: 89%;}
.box.white {
    background-color: #fff;
    padding: 40px !important;
    box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3);
}
.box.pink {
    background-color: #ece6ff5c;
    padding: 40px !important;
    box-shadow: none;
}
.box.white h2 {font-size: 25px;}
.box.white img {margin-bottom: 15px;}

.btn {background-color: #e00; padding: 8px 20px; border-radius: 4px;} 
.piece > .body + .link, .piece > .body .text + .link {margin-top: 25px;}

.check ul {list-style: none outside none; margin-left: 0; padding-left: 0; margin-bottom: 0px !important;}
.check li {overflow: visible; padding-left: 25px; position: relative; line-height: 1.5;margin-bottom: 10px;}
.check li:before { font: normal normal normal 19px/1 FontAwesome; margin-right: 10px; left: 0; color: #e00; position: absolute; content: "\f00c"; top: 3px;}
.check.star li:before { font: normal normal normal 15px/1 FontAwesome; margin-right: 10px; left: 0; color: #3E1C69; position: absolute; content: "\f006"; top: 7px;}
@media (min-width: 1119.98px) and (max-width: 1499.98px) {
.teaser-tile .piece > .body + .link a.btn, .teaser-tile .piece > .body .text + .link a.btn {width: 100% !important; font-size: 1.7rem;}
.struktur {padding: 15px 30px;}
}

@media (max-width: 1013.98px) {
body {font-size: 1.4rem;}
h1, h2 {
    font-size: 3rem;}
.btn {font-size: 1.4rem;}

.teaser-tile .piece > .body + .link a.btn, .teaser-tile .piece > .body .text + .link a.btn {
    width: 100%;}

.teaser-tile .piece > .body + .link a.btn, .teaser-tile .piece > .body .text + .link a.btn {width: 100% !important; font-size: 1.4rem;}
.teaser .intro-headline {font-size: 1.6rem;}
}
@media (max-width: 763.98px) {
h1, h2 {
    font-size: 2.2rem;}
.struktur {padding: 15px 0px;}
.no-mb {margin-bottom: 0 !important; }
}

/*########################## Header  + Nav ###################################*/
.nav-divider::before {
    content: "Weitere Spendenmöglichkeiten";
    background: #eff6fa;
    padding: 4px 10px;
    margin-bottom: 5px;
    margin-left: -3px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 4px;
    color: #444;
    margin-top: 30px;
}


.h-logo-row.container {
    max-width: 100% ! Important;
}

.area-header {
    margin-bottom: 0;
}

header.bh .header-group {
    border-bottom: 0 !important;
}

.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after {	
	height: 3px;
    background: #444 !important;
}

header.bh #nav-toggle-label-open .nav-toggle {
    width: 50px;
    height: 43px;
}

.nav-toggle {
	 background-color: transparent !Important;
	 background: rgba(255,255,255,0.7);
}
.nav-toggle-btn.active-nav .nav-burger {
    background: none !important;
}


.nav-main-container {background-color: #fff; padding: 30px 50px 45px;}
@media (max-width: 763.98px) {
.nav-main-container { padding: 30px 20px 25px;}

}

@media (max-width: 551.98px) {
    header.bh .nav-main-items li > a {
                padding: 10px 0;
        font-size: 15px;
    }
}


header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {max-width: 200px;}
.nav-main-items li[aria-expanded] > a[aria-controls]::after, .nav-main-container .nav-main-group {
  background-color: transparent;
}



.nav-main-items li.active.final > a {
    font-weight: 700;
}



.nav-main-items li > a {
  color: #444 !important;
 text-transform: none;
  font-size: 19px;
  font-weight: 400;
  padding: 15px 0;
 
}


.nav-main-items li.nav-icon > a {
  border-bottom: 0;
}








.nav-main-items li.expand.expand.ed > a[aria-controls]::after, .nav-main-items li.active > a:first-child {}


	
header.bh .nav-menu-header {
    background-color: transparent;
    padding: 0px 0 35px;
}


.nav-main-items li ul li.active > a{
	padding-left: 0 !Important;
    font-weight: 600 !Important;
}


.nav-main-items .expand.ed ul a{
  font-size: 18px;
  padding: 5px 0;
  border-bottom: 0;
  text-transform: none;
  font-weight: 400;
}
.nav-main-items .nav-menu .expand.ed{
	margin-bottom: 10px;
}

.nav-main-items  .expand.ed .nav-menu{
	background: #eee; padding: 15px 20px; margin-bottom: 15px;     margin-top: 5px;
}

.nav-main-items .nav-menu .expand.ed ul{
	margin-top: 15px;	
}




html.active-nav .area-header .head-overlay {opacity: 0.5;}


header.bh .nav-main-items .nav-meta-icons > ul {border-bottom: 0;}

.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {background-color: transparent;}
header.bh .nav-main-items li.expand > a::after {right: 0;}
.nav-main-items li.expand > a[aria-controls]::after {top: 9px; background-color:  transparent; color: #444;}
html.active-nav .area-header .header-group li.expand > a::after {
    right: 3px;
}
.nav-main-items li.expand.ed > a {background-color: transparent;
    border-color: transparent;}
	
	
	li.projects > a:before {font-family: 'fontawesome';
    content: "\f004";
    margin-right: 7px;
    top: 0px;
    position: relative;
	color: #e00;}


@media (min-width: 1014px) {
.area-header .header-group::before {background-image: none;}
header.bh.ls-3 .h-logo-col {
        flex: 0 0 275px;
        max-width: 275px;
}
header.fh .header-group {border-bottom: 0;}
}


@media (max-width: 1013.98px) {
header.bh .h-meta {display: block; max-width: max-content; position: absolute; top: 21px; right: 70px;}
}

@media (max-width: 763.98px) {
header.bh .h-meta {top: 16px;}
}

@media (max-width: 400px) {
header.bh .h-meta {top: 14px; right: 60px;}
}

@media (min-width: 1014px) {
header.bh.meta-right .header-links {position: absolute; top: 53px; right: 78px;}
.header-image img {top: 12px !important;}
}

@media (min-width: 1200px) {
header.bh.meta-right .header-links {top:top: 53px;}

}


.area-header .header-links > ul > li > a:hover {color: #16B795;}
.nav-main-group #nav-main-addition {display: none;}
.area-header .header-links > ul {font-size: 2.5rem;}


@media (min-width: 764px) {
    header.bh.ls-2 .h-logo-col {
        flex: 0 0 150px;
        max-width: 150px;
    }
}

@media (min-width: 1014px) {
    header.bh.ls-2 .h-logo-col {
        flex: 0 0 200px;
        max-width: 200px;
    }
}

@media (min-width: 1200px) {
    header.bh.ls-2 .h-logo-col {
        flex: 0 0 230px;
        max-width: 230px;
    }
}





/*########################## Slider ###################################*/
.type-slider .slide-wrapper .caption {background-color: transparent;}




.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption { border-radius: 0px; padding: 8px 30px;    background: rgba(238, 0, 0, 1);  max-width: 100%; text-shadow: none; font-size: 40px; font-weight: 400; display: inline-block;}
.type-slider .slide-wrapper .caption small {font-weight: 300;  border-radius: 0px; padding: 8px 30px;  background: rgba(255, 255, 255, 1);  color: #222;  text-shadow: none; font-size: 29px; display: inline-block; transform: rotate(-2.5deg); margin-left: 30px;
  margin-top: 0 !important;}
.type-slider .slide-wrapper .caption {padding: 15px 10px 18px;}

@media (max-width: 1199.98px) {
.type-slider .slide-wrapper .caption small {    font-size: 1.9rem; }
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {font-size: 2.8rem; }
.type-slider .slide-wrapper .caption.left {left: 1.2rem;}
.type-slider .slide-wrapper .caption.bottom {bottom: 1.2rem;}
}

@media (max-width: 600.98px) {
.type-slider .slide-wrapper .caption small {    font-size: 1.3rem; padding: 6px 12px;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {font-size: 1.8rem; padding: 6px 12px;}
.type-slider .slide-wrapper .caption.left {left: 1.2rem;}
.type-slider .slide-wrapper .caption.bottom {bottom: 1.2rem;}
}

/*#################### Zitat-Slider ########################*/
.type-slider.cite {max-height: 350px;}
.type-slider.cite .image-src-box.presized img {max-width: 320px; max-height: 320px; border-radius: 50% !important;     padding: 5px;
    border: 8px solid #eee;}
.type-slider.cite .image-src-box.presized {padding-bottom: 0!important; height: 320px;}
.type-slider.cite .slide-wrapper .caption.top.left {background: transparent; left: 370px; width: auto !important; padding: 0 !important;   height: 100%;
  top: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;  }
.type-slider.cite .slide-wrapper .subcaption small {margin-left: 0; padding: 0; color: #aaa; font-size: 32px; line-height: 1.2; font-weight: 400; font-style: italic;     transform: rotate(0deg);}
.type-slider.cite .slide-wrapper .subcaption small:nth-of-type(2) {font-size: 23px; color: #555; padding-top: 20px;font-style: normal;}


@media (max-width: 1013.98px) {
.type-slider.cite {max-height: unset;}
.type-slider.cite .slide-wrapper .subcaption small {font-size: 28px;}
}
@media (max-width: 763.98px)  {
.type-slider.cite .image-src-box.presized img {margin: 0 auto;right: 0;}
}
@media (max-width: 551.98px)  {
.type-slider.cite .slide-wrapper .subcaption small {font-size: 22px;}
.type-slider.cite .slide-wrapper .subcaption small:nth-of-type(2) {
    font-size: 19px;}
}

.type-slider.dots-outside .slider-dots button, .type-slider.dots-outside .slider-dots [type=button] {
    margin: 0 0.35rem;
}
.slider-dots button::before{border: 12px solid #ddd; border-radius: 50%;}
.slider-dots button.active::before{border: 12px solid #e00; border-radius: 50%;}
.slider-dots {bottom: 37px; position: relative;}
.type-slider .slider-dots button.active::before {
  border: 12px solid #e00;
}



/*########################## Contact ###################################*/
 .contact-pers h3 {font-size: 25px; font-weight: 400; letter-spacing: -1px;}
  .contact-pers .h4 {font-size: 20px; font-weight: 400; letter-spacing: -1px; margin-bottom: 15px;}
 .contact-pers .body   {display: flex;align-items: center;}
.contact-pers img {border-radius: 50%; padding: 6px; border: 8px solid #f9f9f9; max-width: 350px; overflow-x: visible;}
.type-contact .ico, .type-contact .fa {
    margin-right: auto;
    width: auto;
}

/*########################## Versprechen ###################################*/
.versprechen h3 {font-size: 35px;}
.versprechen p {font-size: 28px; font-style: italic;}
.versprechen .text {border-left: 8px solid #eee; padding-left: 30px;}

/*########################## Head Mix ###################################*/
.head-mix {margin-top: 25px; margin-bottom: 55px;}



/*html:not(.opencms-page-editor) .head-mix {margin-right: -40px;}*/
@media (max-width: 763.98px) {
html:not(.opencms-page-editor) .head-mix {  margin-right: -unset; margin-left: unset;margin-top: 0px; }
}

.head-mix .col-lg-4 {box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3); position: relative; top: -40px; left: -45px; z-index: 5; background: #fff; padding: 35px 45px;     justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;}
.head-mix .col-lg-8 .element {margin-bottom: 0;}

.head-mix .col-lg-4 .element { width: 100%;}
.head-mix .col-lg-4  a.btn {display: block;  background-color: #888; padding: 12px 20px;
    background-color: #888;
    font-size: 22px;
    border-radius: 30px;}
	
	.head-mix .col-lg-4  .red a.btn {background-color: #e00;}
	
.color2.head-mix .col-lg-4 .outline a.btn {background-color: #fff !important; border: 3px solid #3E1C69 !important; color: #444 !important;}
.claim .claim-header {font-size: 38px; letter-spacing: -2px; line-height: 1.1; margin-bottom: 20px !important;}
.claim p {font-size: 25px; font-style: italic; margin-bottom: 20px !important; }

@media (max-width: 1499.98px) {
.head-mix { margin-bottom: 30px;}
.claim .claim-header {
    font-size: 28px;
    letter-spacing: -1px;}
.claim p {
    font-size: 23px;}
.head-mix .col-lg-4 {padding: 35px 35px;}
.head-mix .col-lg-4 a.btn {padding: 12px 15px; font-size: 1.8rem;}
}

@media (max-width: 1199.98px) {
.head-mix { margin-bottom: 30px;}
.claim .claim-header {
    font-size: 25px;
    letter-spacing: -1px;}
.claim p {
    font-size: 20px;}
.head-mix .col-lg-4 {padding: 35px 35px;}
.head-mix .col-lg-4 a.btn {padding: 12px 15px; font-size: 1.4rem;}
}
@media (max-width: 1013.98px) {
.head-mix { margin-bottom: 20px;}
.head-mix .col-lg-4 {top: unset;  left: unset;}
.head-mix .col-lg-4 a.btn { padding: 12px 20px; max-width: 80%; margin: 0 auto;}
.claim {display: none;}
.head-mix .col-lg-4 {box-shadow: none; padding: 0px; margin: 30px 0 10px;}
.head-mix .col-lg-4 a.btn {padding: 12px 15px; font-size: 1.8rem; }
.head-mix .col-lg-4 {
    padding: 25px 25px 0 !important;}
	}
	
	
	@media (max-width: 763.98px) {
.head-mix { margin-bottom: 10px;}
.head-mix .col-lg-4 a.btn {        padding: 7px 15px;
        font-size: 1.6rem;
        margin-bottom: -8px; }
	}
	

/*########################## Partner ###################################*/
.refs h3 {font-size: 30px;}
.refs h3:before {font-family: 'fontawesome';
    content: "\f004";
    margin-right: 10px;
    top: 2px;
    position: relative;     color: #e00;}
.refs .square-col .content { padding: 10px;border: 1px solid #eee;}
.refs .type-imageseries.slide-list .image-col .zoom-overlay {background-color: transparent;}
.refs  .image-col {pointer-events: none;}
.refs html.keyboard-nav a:focus .zoom-overlay .zoom-icon, .refs .zoom:hover .zoom-overlay .zoom-icon {display: none;}

@media (max-width: 1013.98px) {
.refs h3 {
    font-size: 23px;}
	}
/*########################## two-cols ###################################*/
@media (min-width: 1014px) {
.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;}
}

/*########################## Normal-AC ###################################*/
.accordion .acco-header .acco-toggle {border-radius: 97% 0.5% 92% 0.5% / 2% 97% 1% 95%; padding: 1.5rem 1.5rem; padding-left: 30px; font-weight: 400; overflow: visible; background-color: #e9eff3;}
.accordion .acco-header .acco-toggle:hover {color: var(--my-main-theme); background-color: #eceff3;}
.accordion .acco-header .acco-toggle[aria-expanded=true] {color: var(--my-main-theme); background-color: #eceff3;border-color: var(--my-body-bg);}
.accordion .acco-header .acco-toggle::before {font-family: ForkAwesome; font-weight: 300; line-height: .8; text-rendering: auto; content: "\f068"; position: absolute; display: flex; justify-content: unset;
    align-items: unset; top: 13px; height: auto; transform: none; transition: transform .33s; right: unset; left: -18px; color: #e00;font-size: 4rem; padding: 0; background-color: transparent;}
.accordion .acco-header .acco-toggle.collapsed::before {content: "\f061"; font-family: ForkAwesome; transform: rotate(360deg); top: 14px;    transition: transform 0.33s;}
.accordion .acco-header .acco-toggle:hover::before {color: #e00;}
.accordion .acco-header .acco-toggle.collapsed::after, .accordion .acco-header .acco-toggle::after {display: none;}
.colored-row .accordion .acco-header .acco-toggle::before, .colored-row .accordion .acco-header .acco-toggle:hover, .colored-row .accordion .acco-header .acco-toggle:hover::before, .colored-row .accordion .acco-header .acco-toggle[aria-expanded=true] {color: #e00;}
.accordion .acco-body {padding: 5px 30px 30px; background-color: #eceff3; border-bottom-left-radius: 10px; border-bottom-right-radius: 7px;}
.accordion {--my-at-border: 0;}
.accordion {box-shadow: none; --my-at-margin-between: 1.5rem; margin-left: 18px;}

.accordion .acco-header .acco-toggle:hover {color: #666;}
.accordion .acco-header .acco-toggle[aria-expanded=true] {color: #444;}

@media (max-width: 1013.98px) {
.accordion .acco-header .acco-toggle {font-size: 1.8rem;}
.accordion .acco-header .acco-toggle.collapsed::before, .accordion .acco-header .acco-toggle::before {font-size: 3rem;}
}

@media (max-width: 763.98px) {
.accordion .acco-header .acco-toggle {font-size: 1.6rem;}
.accordion .acco-header .acco-toggle.collapsed::before, .accordion .acco-header .acco-toggle::before {font-size: 2.5rem;}
}


@media (min-width: 1014px) {
.accordion .acco-header .acco-toggle {
    font-size: 2.7rem;}
}

/*########################## Image-AC ###################################*/

.variant-tile-accordion.text-below .collapse-trigger .text-overlay {max-width: 85%;margin: 0 auto; margin-top: -30px; background: #e00; border: 5px solid #f7f9f8;}
.variant-tile-accordion .collapse-trigger .piece-heading {padding: 10px 15px; font-weight: 400;}
.variant-tile-accordion.show-button .collapse-trigger .trigger-item::after {bottom: -50px;}

.variant-tile-accordion .square-col .content {overflow: hidden;}




/*#################### Vorschläge ###########################*/

.vorschlag.piece > .body  {
    background: #fff;
    padding: 30px;
    margin: 0 auto;
    margin-top: -38px;
    z-index: 3;
    max-width: 85%;
	box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3)
}

.vorschlag h3 strong {font-weight: 900;}
.vorschlag h3 {font-size: 45px; font-weight: 400; color: #555; }
.vorschlag p {font-style: italic;}

.vorschlag.piece > .body + .link, .vorschlag.piece > .body .text + .link {text-align: center;
    display: block;
   
    z-index: 6;
    width: 85%;
    margin: 0 auto;
	  margin-top: 20px;}

.vorschlag.piece > .body + .link a.btn, .vorschlag.piece > .body .text + .link a.btn {
width: 85%;
    border-radius: 4px;
    padding: 7px;
	background-color: #888;white-space: normal;
-webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 1013.98px) {
.vorschlag {margin-bottom: 60px;}
}


@media (max-width: 763.98px) {
.vorschlag.piece > .body + .link a.btn, .vorschlag.piece > .body .text + .link a.btn {
    width: 95%;}
.vorschlag h3 {
    font-size: 35px;}
.vorschlag.piece > .body {max-width: 95%;}
.vorschlag.piece > .body + .link, .vorschlag.piece > .body .text + .link {width: 95%;}
	}
/*#################### News ###########################*/

.teaser-tile .piece > .body + .link, .teaser-tile .piece > .body .text + .link {text-align: center;
    display: block;
   
    z-index: 6;
    width: 85%;
    margin: 0 auto;
	  margin-top: 20px;}

.teaser-tile .piece > .body + .link a.btn, .teaser-tile .piece > .body .text + .link a.btn {
width: 85%;
    border-radius: 4px;
    padding: 7px;
	background-color: #888;
}

.teaser-tile .piece > .body + .link a.btn:before, .teaser-tile .piece > .body .text + .link a.btn:before {
font-family: 'fontawesome';
    content: "\f004";
    margin-right: 7px;
    top: 2px;
    position: relative;
	}


.teaser-tile .teaser.piece > .body .headline, .teaser-elaborate .headline {font-weight: 400;letter-spacing: -1px;}
.teaser-tile .teaser.piece > .body .teaser-text { line-height: 1.4;font-size: 15px;}
.teaser-text-tile .visual {margin-bottom: 0;}

.type-list-filter .filterbox .btn.li-label {background-color: #e00;}

.intro-headline > .intro {font-size: 17px;
    color: #555;
    letter-spacing: -1px;
    max-width: max-content;
    padding: 0;
    margin-bottom: 7px;
    font-weight: 500;}
	
	
	.intro-headline > .intro:before {font-family: 'fontawesome';
    content: "\f006";
    margin-right: 6px;
    top: 0;
    position: relative;}

.detail-page.type-article .sub-header, .detail-page.type-event .sub-header {display: none;}

.detail-page.type-article .intro-headline > .intro, .detail-page.type-event .intro-headline > .intro {font-size: 40%;  padding: 4px 13px; font-weight: 400; }

.detail-page.type-event .detail-visual .visual-info .info {display: inline-block; font-size: 20px;}
.detail-page .detail-visual .visual-info .info::before {width: auto; padding-right: 4px;}
.dt .detail-page.type-event .intro-headline > .intro {padding: 4px 0;}


.gute-taten .intro-headline > .intro {font-size: 25px;
    position: relative;
	line-height: 1.35;
    top: -54px;
    width: 80px;
    height: 56px;
    background: #e00;
    line-height: 1;
    max-width: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    margin-bottom: -38px;
    color: #fff;
    font-weight: 700;
	    transform: rotate(-2.5deg);
		box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3);}
	
.gute-taten .intro-headline > .intro:before {display: none;}
.gute-taten .teaser-text-tile.type-decoy.in-list {margin-bottom: 25px;}

.list-content .list-append-position {    text-align: center;
    border-top: 1px solid #ccc;
    display: block;
    padding-top: 50px;
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 50px;
}
.list-pagination .btn.btn-append {-webkit-transition: all 0.2s 
ease-in-out;
    background: #eee;
    border-radius: 50%;
    border: 10px solid #fdfdfd;
    color: #555;
    display: block;
    font-size: 20px;
    height: 120px;
    line-height: 40px;
    margin: -20px 0 0 -50px;
    position: absolute;
    bottom: -9px;
    left: 50%;
    text-align: center;
    text-transform: unset;
    width: 120px;
    font-weight: 600;
}
.list-pagination .btn.btn-append:hover { border: 10px solid #ddd; background: #efefef; -webkit-transition: all 0.7s 
ease-in-out;}
.type-list-filter .filterbox.resetbuttons .resetbutton, .type-list-filter .filterbox.resetbuttons {background: transparent;}
@media (max-width: 763.98px) {
.dt .detail-page.type-event .intro-headline > .intro {
    font-size: 60%;}
.detail-page.type-event .detail-visual .visual-info .info {font-size: 17px;}
}

.detail-page.type-event .info.date {float: left; margin-right: 10px;  margin-top: 10px; background: #19465F; padding: 6px 14px; color: #fff; border-radius: 3px;}
.teaser .teaser-date {font-size: 16px;}

.detail-page.type-event .detail-visual .visual-info .person {float: left;  margin-top: 10px; background: #16B795; padding: 6px 14px; color: #333; border-radius: 3px;}


.detail-page .detail-visual .visual-info .person::before { content: "\f0c0"; margin-right: 5px;}

.detail-page.type-event .detail-visual .visual-info .date::before {margin-right: 5px;}

.teaser-text-tile.type-decoy.in-list .headline:after {
   display: none;
}
.teaser .list-badge {display: none;}

@media (min-width: 764px) {
    .detail-page.type-event .detail-visual.full:not(.pnv) .visual-info.right {
        justify-content: flex-start;

    }
}

@media (max-width: 1013.98px) {
.list-pagination .btn-append {max-width: 290px; font-size: 1.6rem;}
.teaser-text-tile.type-decoy.in-list {margin-bottom: 25px;}
}

@media (min-width: 1014px) {
.teaser-tile h2, .teaser-tile h3 {margin: 5px 0 25px;}
.teaser-elaborate .intro-headline { font-size: 2.6rem; }
    .teaser .intro-headline {font-size: 2.3rem;}
	}

/* ######## COUNTER ######## */
.row-count {max-width: 80%;margin: 0 auto; color: #444;}
.counter-plus {display: block; font-weight: 600; font-size: 23px;}
.counter {font-size: 85px;  font-weight: 700;display: inline-block; margin-bottom: -20px; color: #ccc;}
.features-info {display: block; font-size: 20px; font-weight: 400; padding-top: 20px; border-top: 2px solid #ccc; max-width: 80%; margin: 0 auto; margin-top: 20px;}
.features {text-align: center;}
@media (max-width: 1013.98px) {
.counter {
    font-size: 65px;}
	}
@media (max-width: 763.98px) {
.counter {
    font-size: 55px;}
	}
/*########################## Footer ###################################*/

.shariff li a {border-radius: 50%;}
.centa {display:flex; justify-content: center;}

.area-foot .topfoot {
background: #fff url(/veranstaltungen/.galleries/bilder/footer-divider.png) no-repeat center 0;
    padding-top: 80px !important;
    margin-top: 80px;
	}
	

	
	.area-foot .subfoot {background-color: #fff; font-size: 18px; margin: 13px 0 15px;} 
	.area-foot .subfoot .type-linksequence {justify-content: center;display: flex;}
	
		@media (max-width: 600px) {
.area-foot .topfoot { background-size: 340px; margin-top: 40px;}
.area-foot .subfoot {font-size: 16px;}
	}	
	
	#topcontrol:hover {
  background-color: #EF7604;
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px !important;
}
#topcontrol::after {
  width: 40px;
  line-height: 38px;
  content: "\f062";
}
#topcontrol,#topcontrol:hover  {
  color: #e00;
  background: transparent;
}

.teaser.teaser-text-tile.type-event .intro-headline > .intro {position: relative;
    margin-top: -60px;
    margin-bottom: 30px;
    
    padding: 8px 15px 8px 15px;
    background: #EE0000;
    color: #fff;
    font-weight: 400;
	
    bottom: -25px;
    font-size: 15px;
	    max-width: max-content;
}
	
	
.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;}
@media (max-width: 763.98px) {
.teaser.teaser-text-tile.type-event .intro-headline > .intro {left: 0;}
}

/*#################### Filter Kats ########################*/

@media (min-width: 1014px) {
.fkj  .sticky-lg-top { top: 90px;}
}


@media (min-width: 1600px){ 
.fkj .container {max-width: 1500px !important;}
}



.fkj .intro-headline > .intro {
    color: #e00;
	margin-top: -3px;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 14px;

	}

.fkj .teaser-date,.fkj .no-date .teaser-text:before  {
background: #0066b3;
   font-weight: 400;
    padding: 4px 10px;
    max-width: max-content;
    border-radius: 4px;
    margin: 5px 0px 10px 0px;
	display: block;
	 font-size: 16px;
	 color: #fff;
	
}
.detail-page.type-event .info.date
 {
   background:#0066b3;}
.fkj .no-date .teaser-text:before  {    font-size: 16px; content:"Termine auf Anfrage";}
.fkj .no-date .teaser-date, .fkj.no-date .info.date {display: none !important;}

.teaser-tile .teaser.piece > .body {padding: 15px;}
.teaser-tile .teaser.piece {box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);
}
@media (min-width: 764px) {

.teaser.teaser-text-tile.type-event .intro-headline > .intro {left: -15px;}

    .detail-page.type-event.fkj .detail-visual.full:not(.pnv) .visual-info.right { justify-content: flex-start;}
.fkj .teaser .intro-headline { font-size: 21px; }
.fkj .teaser .intro-headline .headline {padding-top: 8px;}
}




.detail-page.type-event.fkj .detail-visual .visual-info .info {display: inline-block; font-size: 20px;}
.detail-page.fkj .detail-visual .visual-info .info::before {width: auto; padding-right: 4px;}

@media (max-width: 763.98px) {
.teaser-tile .teaser.piece > .body {background: #fff;}
.fkj .list-entry  {padding-top: 30px;}
.fkj .teaser .intro-headline { font-size: 16px !important; }
.detail-page.type-event.fkj .detail-visual .visual-info .info {font-size: 17px;}
}

.detail-page.type-event.fkj .info.date {float: left; margin-right: 10px;  margin-top: 10px; background: #e00; padding: 6px 14px; color: #fff; border-radius: 3px; font-weight: 500;}
.teaser .teaser-date {font-size: 14px;}
.detail-page.fkj .image-src-box.presized > .copyright.image-copyright { bottom: 0;}
.detail-page.type-event.fkj .detail-visual .visual-info .date::before {margin-right: 5px;}

.detail-page.fkj .intro-headline > .intro {font-size: 20px;}
.detail-page.fkj .sub-header {font-size: 20px; font-weight: 400;}

.detail-page.fkj .subelement.detail-bookingstatus {margin: 20px 0;}

.fkj .filter-reverse {display: flex;flex-direction: column-reverse;}
.fkj .filterbox.search{margin-bottom: 3px;}
.fkj .type-list-filter .filterbox .btn.li-label:hover {background-color: #0066B3;}
.fkj.type-list-filter .filterbox {background-color: #fff;  border-radius: 2px;}
.fkj .type-list-filter .filterbox .btn.li-label { padding: 10px 14px; line-height: 1;   border-radius: 2px;}
.fkj .filter-switch .element.type-list-filter {margin-bottom: 8px;}
.fkj .type-list-filter .filterbox.categories ul li {margin-top: 5px;}
.fkj .type-list-filter .filterbox.categories ul li a {display: block; font-size: 15px; font-weight: 400;}
.fkj .type-list-filter .filterbox.categories ul li.active a { background: #cbcbcb;}
.fkj .type-list-sortoptions .dropdown-toggle {padding: 11px 35px 10px 14px; line-height: 1; border: 0; border-radius: 4px; font-weight: 400; background: #e00; color: #fff;}
.fkj .type-list-sortoptions .dropdown-toggle::after {top: -1px;}
.fkj .type-list-filter .filterbox.search .styled-form .input input {box-shadow: none; border-radius: 4px; padding-left: 45px;}
.fkj .type-list-filter .filterbox.search input {border-color: #999;}
.fkj .styled-form .input input {    padding: 10px 10px; }
.fkj .type-list-filter .filterbox.resetbuttons {margin-bottom: 20px;}
.fkj .type-list-filter .filterbox.resetbuttons .resetbutton {font-size: 17px; line-height: 1;}
.fkj .type-list-filter .filterbox.resetbuttons .resetbutton:focus:before, .type-list-filter .filterbox.resetbuttons .resetbutton:hover:before {color: #000;; background-color: transparent;}
.fkj .type-list-filter .filterbox.resetbuttons .resetbutton:first-of-type  {margin-top: 12px;}
.fkj .type-list-filter .filterbox.resetbuttons .resetbutton:before {background: transparent; color: #e00;     margin-right: 1px;  top: -1px;  position: relative;}
.fkj .btn-red.type-list-filter .filterbox .btn.li-label {color: #fff; background-color: #e00;}
.fkj .btn-red.type-list-filter .filterbox .btn.li-label:hover{color: #fff; background-color: #9d9c9c;}
.fkj .filterbox .btn-block.li-label{font-size: 19px;}
.fkj .type-list-filter .filterbox.categories .btn.li-label:before, .type-list-filter .filterbox.categories ul li a::before, a.external:after{display:none;}
.fkj .type-list-filter .filterbox.categories ul li a {padding-left: 10px;background-color: #f7f7f7;}
.fkj .reset-btn .btn {padding: 14px 14px 13px 14px; line-height: 1; border: 0; border-radius: 4px; font-weight: 400; background: #444; color: #fff; width: 100%; font-size: 18px;}
.fkj .reset-btn .btn:before{content: '\f00d';font-family: 'ForkAwesome'; margin-right: 7px;color: #fff;}

.fkj .list-content .list-append-position {    margin-top: 60px;}

.fkj .teaser-compact .teaser-date {display: none;}

.fkj .type-list-filter .filterbox.search .styled-form{padding: 0; border: 0;}

@media (max-width: 551.98px) {
.fkj .reset-btn .btn, .fkj .type-list-sortoptions .dropdown-toggle {font-size: 14px;}
}
@media (min-width: 550px) and (max-width: 1013.98px) {
.fkj .reset-btn{ float: left;}
}

.fkj .count-indi{display: flex; justify-content: flex-end;}
.fkj .count-indi .count-wrap{background: #eee; padding: 5px 10px; font-size: 17px; margin-bottom: 5px;}

.fkj .type-list-filter{margin-bottom: 10px !important;}
#mercury-page {overflow: hidden;}

@media (min-width: 1014px) {
    .co-lg-xl {
        max-width: 90%;
    }
}

@media (min-width: 764px) {
    .area-header .sticky.csssetting > .isfixed, .area-header .sticky.always > .isfixed, .area-header .sticky.upscroll > .isfixed {        box-shadow: none;}
		}
@media (min-width: 1014px) {
    header.fh.ls-2.header-isfixed.fix-compact .h-logo {
        max-width: 200px;
    }
}
@media (min-width: 1014px) {
.isfixed .header-image img {
        top: 0 !important;
    }
.isfixed .nav-main-container {
    background-color: #fff;
    padding: 10px 50px 15px;
}
    header.fh.header-isfixed.fix-overlay .h-logo::before, header.fh.header-isfixed.fix-overlay .h-logo::after {
        display: none;}
		}