@import url('/export/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency.css');
@import url('/.themes/fonts/font.css');
@import url('/.themes/timeline.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/m-access/m-access.css');
.type-contact .ico, .type-contact .fa {
    margin-right: unset;
    width: unset;
}
#mercury-page {overflow-x: clip;}
.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;}


.lightwidget__lightbox-caption {font-size: 1.6rem !important;}
.lightwidget__lightbox--active {z-index: 777777 !important;}


@media (min-width: 1014px) {
.lightwidget__lightbox-dialog { grid-template-columns: auto minmax(0, 37rem) !important;}
}
/*########### Für Jobs #############*/
.job-liste .online-warn.box{display: none !important;}
/*########### Für Jobs #############*/


.pp-banner .banner {font-size: 17px;}
.pp-banner .banner p {font-size: 15px;}


.pt-60 {padding-top: 60px;}
.pt-80 {padding-top: 80px;}
.pt-100 {padding-top: 100px;}
.pb-60 {padding-bottom: 60px;}
.pb-80 {padding-bottom: 80px;}
.pb-100 {padding-bottom: 100px;}

.mt-60 {margin-top: 60px;}
.mt-80 {margin-top: 80px;}
.mt-100 {margin-top: 100px;}
.mb-60 {margin-bottom: 60px;}
.mb-80 {margin-bottom: 80px;}
.mb-100 {margin-bottom: 100px;}


@media (max-width: 549.98px) {
.pt-20  {padding-top: 10px !Important;}
.pt-30  {padding-top: 15px !Important;}
.pt-40 {padding-top: 20px !Important;}
.pt-50 {padding-top: 25px !Important;}
.pt-60 {padding-top: 30px !Important;}
.pt-70 {padding-top: 35px !Important;}
.pt-80 {padding-top: 40px !Important;}
.pt-100 {padding-top: 50px !Important;}

.pb-20  {padding-bottom: 10px !Important;}
.pb-30  {padding-bottom: 15px !Important;}
.pb-40 {padding-bottom: 20px !Important;}
.pb-50 {padding-bottom: 25px !Important;}
.pb-60 {padding-bottom: 30px !Important;}
.pb-80 {padding-bottom: 40px !Important;}
.pb-100 {padding-bottom: 50px !Important;}

.mt-20 {margin-top: 10px !Important;}
.mt-30 {margin-top: 15px !Important;}
.mt-40 {margin-top: 29px !Important;}
.mt-60 {margin-top: 30px !Important;}
.mt-80 {margin-top: 40px !Important;}
.mt-100 {margin-top: 50px !Important;}

.mb-20 {margin-bottom: 10px !Important;}
.mb-30 {margin-bottom: 15px !Important;}
.mb-40 {margin-bottom: 20px !Important;}
.mb-60 {margin-bottom: 30px !Important;}
.mb-80 {margin-bottom: 40px !Important;}
.mb-100 {margin-bottom: 50px !Important;}

}


body{font-size: 22px;}
a{color: #800033;}
body, h1, h2, h3, h4, h5, h6, .subline p:first-child, .type-contact .contact-pers .pos{font-family: 'Source Sans Pro', sans-serif; color:#444;}
h1,  .subline p:first-child, h2{font-weight: 600; font-size: 45px; line-height: 1.2;}
.subline p:first-child {color: #800033; font-weight: 400; margin-top: -18px;}
.subline-small h2, .subline-small p:first-child{font-size: 35px; margin-top: -25px;}
.subline-small h2 {margin-top: 20px;}

h3{font-size: 28px;}
h4{font-size: 22px;}
.btn {background-color: #800033; border-top-left-radius: 13px; border-bottom-right-radius: 13px; padding: 7px 25px; margin-top: 10px;}
.btn:focus, .btn:hover, .btn.active, .open .dropdown-toggle .btn {background-color: #95C11F;}
.lotse img{border-radius: 15px 0 15px 0 !Important;}
.accordion .type-section{flex-grow: 1;}

#search-form.styled-form .btn, .search-form.styled-form .btn{background: #800033 !Important; margin-top: unset;}
.pagination > li.active > a{background: #800033; border: #800033;}

.ap-legaltext .row > *{ padding-left: 0;}

.box{padding: 30px; background: #eff6de; color: #606060; border-radius: 15px 0 15px 0; font-size: 0.875em; }
.box a {color: #606060; font-weight: 400; text-decoration: underline;}
.box h2, .box h3 {color: #606060;}
.box h3{font-size: 23px;}
.box h2{font-size: 25px;}

.box.rot h2, .box.rot h3,.box.rot2 h2, .box.rot2 h3,.box.rot3 h2, .box.rot3 h3,.box.gelb h2, .box.gelb h3, .box.gruen h2, .box.gruen h3{color: #fff;}

.box a.btn{background: #95c11f; margin-top: 15px; border-radius: 5px; padding: 5px 15px;}

.box.rot{background: #800033; color: #fff;}
.box.rot a, .box.rot2 a, .box.rot3 a, .box.gelb a, .box.gruen a  {color: #fff; font-weight: 400; text-decoration: underline;}
.box.rot a.btn,.box.hell a.btn, .box.rot2 a.btn, .box.rot3 a.btn, .box.gelb a.btn {color: #fff; text-decoration: none;}

.box.gruen{background: #95C11F; color: #fff;}
.box.gruen a.btn{color: #fff; text-decoration: none; background: #800033;}

.box.rot2{background: #C0418E; color: #fff;}
.box.rot3{background: #E64442; color: #fff;}
.box.gelb{background: #F4C000; color: #fff;}

.not-round img{border-radius: 0 !important;}


.check ul {list-style: none outside none; margin-left: 0; padding-left: 0 !important; margin-bottom: 0px !important;}
.check li {overflow: visible; padding-left: 25px; position: relative;margin-bottom: 8px; line-height: 1.1;}
.box li {overflow: visible;  position: relative;margin-bottom: 8px; line-height: 1.1; }
.box ul {padding-left: 20px;}

.check li:before { font: normal normal normal 19px/1 FontAwesome; margin-right: 10px; left: 0; position: absolute; content: "\f046"; top: 4px;}
a.external:after {display: none;}

.lotse .piece > .visual .subtitle, .icons .piece > .visual .subtitle {background: rgba(128, 0, 51, .9); font-weight: 500; border-radius: 0px 0 10px 0; z-index: 23;  padding: 10px 20px;
  position: absolute; bottom: 10px; width: auto; color: #fff; font-weight: 300; font-style: normal; font-size: 22px; cursor: default; max-width: 87%;}
  
  .lotse .tile-col .text-overlay {background: rgba(128, 0, 51, .9);  border-radius: 0px 0 10px 0;  padding: 10px 20px;position: absolute; bottom: 10px; width: auto; color: #fff;  max-width: 87%;}
  
 .lotse .tile-col .text-overlay h2 {text-shadow: none; font-weight: 300; font-size: 22px; }

#topcontrol{display: none;}

#mercury-page {max-width:90%; margin: 0 auto; overflow-x: hidden; padding-bottom: 40px;}
.container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1170px !important;}
.full-width .container{max-width: 100% !important;}
.full-width-small .container{max-width: 80% !important;}
.no-width { max-width: 1170px; margin: 0 auto;}

@media(min-width: 1400px){
.topfoot .contact-org h4{word-break: auto-phrase;}
}

@media (min-width: 1014px) and (max-width: 1299.98px){
.lotse .piece > .visual .subtitle, .icons .piece > .visual .subtitle {padding: 10px 8px 10px 8px; font-size: 19px; max-width: 92%;}
}
@media (min-width: 764px) and (max-width: 1299.98px){
.full-width-small .container {max-width: 100% !important;}
}

@media (max-width: 1013.98px){
.flex-col:empty{display: none;}
.subline-small p:first-child{margin-top: -15px;}
#mercury-page {max-width: 97%;}
h1, .subline p:first-child, h2 {font-size: 40px;}
.subline p:first-child {margin-top: -3px;}
.piece .piece-heading {margin-bottom: 3px !important;}
.box {margin-bottom: 20px !important;}
}
@media (max-width: 763.98px){
h1, .subline p:first-child, h2 {font-size: 30px;}
body {font-size: 20px;}
h3 {font-size: 25px;}
.full-width-small .container {max-width: 100% !important;}
}

@media (max-width: 549.98px){
.content-box h2{font-size: 20px !important;}
.subline-small p:first-child{font-size: 25px; margin-top: -10px;}
.piece.pac .heading > .piece-heading{font-size: 20px;}
.piece.element.type-section:not(.box).only-heading {margin-bottom: 4px;}
h1, .subline p:first-child, h2 {font-weight: 600; font-size: 25px !important; line-height: 1.1;}
.piece .piece-heading {margin-bottom: 6px;}
body {font-size: 18px;}
.box h3 {font-size: 19px;}
.full-width-small .container {max-width: 90% !important;}
.lotse .piece > .visual .subtitle, .icons .piece > .visual .subtitle {font-size: 18px;}
h3 {font-size: 21px;}
.box {padding: 25px;}
.box ul {padding-left: 5px;}
}

/* ######## MAP ######## */
.map-marker {padding: 10px;}
.map-osm .maplibregl-popup-content {border-radius: 6px;}
.type-map .map-marker .marktxt {line-height: 1.4;}
.maplibregl-marker  svg {display: none;}
.maplibregl-marker { width: 50px;  height: 50px; background: url(/.galleries/bilder/.system/map-marker.png) no-repeat 0 0 !important;}
.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":"#000", "main-theme-hover":"#dd0011", "map-color":["#777","#dd0011","#235789","#ac3931","#ada8b6","#ddd","#aaa","#eee","#888","#fff","#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 (max-width: 763.98px){
.type-map .map-marker .markhead {font-size: 18px;}
.type-map .map-marker {font-size: 15px;}
.map-osm .maplibregl-popup-content {max-width: 320px;}
}


/* ##### KONTAKT ##### */
.type-contact .contact-pers, .type-contact .contact-org{padding: 25px; box-shadow: 0px 0px 5px -1px rgba(0,0,0,.3); border-top-left-radius: 20px; border-bottom-right-radius: 20px;}
.type-contact .contact-pers img, .type-contact .contact-org img{border-radius: 50%;}
.type-contact .contact-pers, .type-contact .contact-org{font-size: 19px;flex-grow: 1; background: #fff; line-height: 1.3;}
.type-contact .contact-pers .pos{font-size: 20px; font-weight: 300; }
.type-contact .contact-pers.piece > .body .text h3{margin-bottom: 0px;}
.type-contact .contact-pers.piece .body .text h3{font-size: 22px; font-weight: 600 !important;}
.type-contact .contact-pers h3, .type-contact .contact-org h3 {font-size: 22px; margin-bottom: 5px !Important;}
.topfoot .type-contact img{border-radius: 0; }
.topfoot .contact-org{box-shadow: none !important;}
.type-contact  .fa-mobile {font-size: 27px;}
.flex-col .type-contact {flex-grow: 1; display: flex;}

@media (max-width: 1013.98px){
.type-contact .contact-pers, .type-contact .contact-org {margin-bottom: 30px;}
}

@media (max-width: 763px){
.no-radius.type-contact .contact-pers img{padding: 30px;}
.type-contact .contact-pers img{padding: 30px;}
.type-contact .visual {margin-top: -30px; margin-bottom: -10px;     max-width: 350px;}
.type-contact .contact-org .visual{padding: 30px;}
}

@media (max-width: 550px){
.type-contact .contact-pers h3, .type-contact .contact-org h3 {font-size: 22px;}
.topfoot .type-contact .contact-org .visual {padding: 0px; padding-bottom: 30px;}
}

/* ######## ACC ######## */
.accordion {border-bottom: 0; border: 0; margin-bottom: 10px;}
.accordion .acco-header .acco-toggle {font-size: 27px; margin-top: 0px; background-color: #95c11f; border: 0; border-radius: 5px !important; font-weight: 400; color: #fff; padding: 12px 30px 12px 50px;}
.accordion .acco-header .acco-toggle[aria-expanded=true], .accordion .acco-header .acco-toggle:hover { background-color: #800033;}
.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: 0 30px 0 40px; margin-top: 15px; border: 0; border-left: 4px dotted #ddd; margin-bottom: 30px; margin-left: 20px;     overflow: visible;}


@media (max-width: 763.98px){
.accordion .acco-header .acco-toggle {font-size: 22px;}
.accordion .acco-body {padding: 0 20px 0 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: 0px 5px; margin-top: 10px;}
}

/************************** Kachel-Akkordeon ******************************************/
.variant-tile-accordion .collapse-trigger .text-overlay {display: flex; align-items: center; background: #800033; width: auto; text-align: left; bottom: 10px; padding: 10px 15px; border-bottom-right-radius: 5px;
    border-top-right-radius: 5px; margin-right: 5px;}
.variant-tile-accordion img{border-top-left-radius: 25px; border-bottom-right-radius: 25px;}
.variant-tile-accordion .type-section img{border-top-left-radius: 0px; border-bottom-right-radius: 0px;}
.variant-tile-accordion .collapse-target {background: rgb(247, 247, 247); padding: 50px 50px 70px; margin-left: 15px; margin-top: 70px;}
.variant-tile-accordion .piece .piece-heading {margin-bottom: 10px;}
.variant-tile-accordion.show-button .collapse-trigger .trigger-item::after {bottom: -55px; background: #95c11f; color: #fff; border-radius: 50%;}
.variant-tile-accordion .collapse-trigger .piece-heading {font-weight: 400;}
.tile-col.freefloat .copyright {font-size: 10px; padding: 6px 10px; color: #fff; background-color: rgba(0, 0, 0, 0.3); top: 0; bottom: unset;}
.variant-tile-accordion.show-button .collapse-target.show::before {height: calc(0px) !Important;}
.variant-tile-accordion .collapse-trigger .text-overlay:before {    transform: rotate(-180deg);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;}
.variant-tile-accordion .collapse-trigger.collapsed .text-overlay:before {content: "\f067"; font-family: 'ForkAwesome'; color: #fff;  margin-right: 7px; font-size: 19px; top: -2px; position: relative;}
.variant-tile-accordion .collapse-trigger .text-overlay:before {content: "\f068"; font-family: 'ForkAwesome'; color: #fff; margin-right: 7px; font-size: 19px; top: -2px; position: relative;}

@media (max-width: 763.98px){
.variant-tile-accordion .collapse-target { border-left: 0; margin-left: 0; padding: 20px 20px 20px; }
}

/* ######## SITEMAP ######## */
.type-sitemap li.top > a {padding: 10px 15px; font-size: 20px; background-color: #eee; font-weight: 400;  color: #444;}
.type-sitemap li a {padding: 5px 15px; font-size: 18px; background-color: #fff; font-weight: 400; color: #444;}
.type-sitemap li a:hover { background-color: #ccc; font-weight: 400; color: #444;}
.type-sitemap ul ul {margin-top: 10px; margin-bottom: 10px;}

/* ######## SLIDER ######## */
.type-slider .slider-box, .type-slider .image-src-box.presized img, .area-wide.area-full-row .type-slider .slide-wrapper img {border-top-left-radius: 20px !important; border-bottom-right-radius: 20px !important;}
.type-slider .slide-container, .type-slider .slide-wrapper {border-radius: 15px 0 15px 0;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption { padding: 0; background: transparent; color: #fff; text-shadow: none !Important; line-height: 1.4;}
.type-slider .slide-wrapper .caption strong span.first, .type-slider .slide-wrapper .caption .titlecaption span.first{font-size: 25px; font-weight: 300; display: block; line-height: 1;}
.type-slider .slide-wrapper .caption strong span.second, .type-slider .slide-wrapper .caption .titlecaption span.second{font-size: 50px; font-weight: 400; display: block; line-height: 1.1; margin: 15px 0;}
.type-slider .slide-wrapper .caption small { color: #fff; text-shadow: none !Important; padding: 0; font-size: 19px; font-weight: 300;}
.type-slider .slide-wrapper .caption small a{background: #95c11f; padding: 10px 35px; font-size: 20px; font-weight: 300; border-radius: 5px;}
.type-slider .slide-wrapper .caption small a.btn:hover {background: #95c11f;}
.type-slider .slide-wrapper .caption small a.btn {color: #fff; margin-top: 35px; border: 0;}
.type-slider .slide-wrapper .caption.top.left {width: 530px; background: rgba(0,0,0,.4); left: 0; top: 50px; padding: 50px; height: 100%; top: 0; display: flex; justify-content: center; flex-direction: column;}

.slider-dots button::before{border: 12px solid #ddd; border-radius: 50%;}
.slider-dots button.active::before{border: 12px solid #95c11f; border-radius: 50%;}
.slider-dots {bottom: 23px;}

@media (max-width: 1399.98px){
.type-slider .slide-wrapper .caption strong span.second, .type-slider .slide-wrapper .caption .titlecaption span.second {font-size: 42px; margin: 5px 0 5px;}
.type-slider .slide-wrapper .caption small a.btn {margin-top: 25px; padding: 8px 30px; font-size: 19px;}
.type-slider .slide-wrapper .caption strong span.first, .type-slider .slide-wrapper .caption .titlecaption span.first {font-size: 23px;}
}
@media (max-width: 1013.98px){
.type-slider .slide-wrapper .caption.top.left {width: 440px;}
.type-slider .slide-wrapper .caption strong span.second, .type-slider .slide-wrapper .caption .titlecaption span.second {font-size: 37px;}
.type-slider .slide-wrapper .caption strong span.first, .type-slider .slide-wrapper .caption .titlecaption span.first {font-size: 20px;}
.type-slider .slide-wrapper .caption small a.btn {margin-top: 15px; padding: 7px 25px; font-size: 18px;}
.type-slider .slide-wrapper .caption small {font-size: 17px;}
}

@media (max-width: 763.98px){
.slider-box button, .slider-box [type=button]{display: none;}
.type-slider .slider-box, .type-slider .image-src-box.presized img, .area-wide.area-full-row .type-slider .slide-wrapper img {border-bottom-right-radius: 0 !Important;}
.type-slider.text-below-on-xs .captions {background-color: #333;}
.type-slider.text-below-on-xs .slide-wrapper small {display: block;}
.type-slider .slide-wrapper .caption.top.left {width: 100%; background: #800033;}
.type-slider .slide-wrapper .caption strong span.second, .type-slider .slide-wrapper .caption .titlecaption span.second {font-size: 30px;}
.type-slider .slide-wrapper .caption strong span.first, .type-slider .slide-wrapper .caption .titlecaption span.first {font-size: 19px; margin-bottom: 5px;}
.type-slider .slide-wrapper .caption small {font-size: 16px; padding: 0;}
.type-slider .slide-wrapper .caption small a.btn {padding: 11px 10px;font-size: 16px; width: 50%; margin-top: 20px;}
.type-slider.text-below-on-xs .slide-wrapper .subcaption {padding: 0;}
}
@media (max-width: 549.98px){
.type-slider .slide-wrapper .caption.top.left {padding: 30px;}
.type-slider .slide-wrapper .caption small a.btn {max-width: max-content; padding: 9px 21px; width: 100%;}
.type-slider .slide-wrapper .caption strong span.second, .type-slider .slide-wrapper .caption .titlecaption span.second {font-size: 27px;}
.type-slider .slide-wrapper .caption strong span.first, .type-slider .slide-wrapper .caption .titlecaption span.first {font-size: 17px;}
}

/*######################### Counter #######################*/
.features:after {display: none;}
.row-count {max-width: 80%;margin: 0 auto; color: #444;}
.features span.counter {font-size: 85px;  font-weight: 600;display: inline-block; margin-bottom: -20px}
.features-info {display: block; font-size: 20px; font-weight: 400; padding-top: 20px; border-top: 2px solid #444; max-width: 80%; margin: 0 auto; margin-top: 20px;}
.features {text-align: center;}
.counter-plus {font-weight: 500; font-size: 30px;}

@media (max-width: 549.98px) {
	.features span.counter {font-size: 60px;}
	.features-info {font-size: 17px;}
}

/* ######## NEWS // Detail ######## */
.area-content.news-wrap {margin-top: 80px; margin-bottom: 70px; padding-bottom: 50px; padding-top: 70px; border-top-left-radius: 20px;    border-bottom-right-radius: 20px;}
.news-wrap .teaser {background: #fff; border-top-left-radius: 10px;    border-bottom-right-radius: 10px; }
.news-wrap .teaser .body {padding: 20px 30px 30px; font-size: 18px;}
.news-wrap .teaser .intro {    padding: 4px 15px; background: #800033; max-width: max-content; margin-bottom: 15px; font-size: 80%; color: #fff; border-radius: 2px;}
.news-wrap .teaser .teaser-date:before {font-family: forkawesome; content: "\f274"; margin-right: 8px; font-weight: 300;}
.teaser .image-src-box > img {border-radius: 0;}
.teaser .teaser-date {font-weight: 600;}
.list-entries.row ~ .list-pagination {margin-top: 50px;}
.list-content .list-append-position {border-top: 1px solid #555; margin-top: 40px; padding-top: 50px; }
.news-wrap .list-pagination .btn.btn-append {background: #eff6de; color: #444; left: 49% !important; font-size: 22px; height: 100px; margin: -40px 0 0 -40px; position: absolute; bottom: 0px; text-transform: uppercase; width: 100px;}
.news-archive .list-pagination .btn.btn-append {background: #fff; color: #444; left: 49% !important; font-size: 22px; height: 100px; margin: -40px 0 0 -40px; position: absolute; bottom: 0px; text-transform: uppercase; width: 100px;}
.news-archive .list-pagination{margin-top: 20px;}
.list-pagination .btn.btn-append:hover { color: #800033; background: #eff6de;}
.all-news:after {content: "\f0a9"; font-family: 'ForkAwesome'; margin-left: 7px;}
.detail-page.type-article img {border-radius: 25px 0 25px 0 !Important;}
.detail-page.type-article .detail-visual .visual{margin: 35px 0;}
.detail-page.type-article .sub-header{display: none;}
.type-list-filter .filterbox.archive .btn.li-label:before{display: none;}
.type-list-filter .filterbox.archive .btn.year.li-label:before{display: inline-block;}

.detail-page .detail-visual .subtitle{display: none;}

@media (min-width: 763.98px) and (max-width: 1013.98px){
	.news-wrap .teaser .body {padding: 12px 13px 14px;}
}
@media (min-width: 764px) {
  .list-entry .teaser {box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);}
  .teaser .intro-headline {font-size: 20px;}
}
@media (max-width: 763.98px) {
  .teaser .intro-headline {font-size: 20px;}
  
}
@media (max-width: 549.98px) {
	.news-wrap .teaser .intro { margin-bottom: 10px;}
	.area-content.news-wrap {margin-top: 10px; padding-bottom: 0px; padding-top: 40px;}
	.list-entries.row ~ .list-pagination {margin-top: 30px;}
	.list-pagination .btn.btn-append {bottom: 1px; font-size: 20px;}
}


.detail-page.type-article .not-round img{border-radius: 0 !important;}
/* ######## NEWS // ARCHIVE ######## */

.news-archive .list-entry {position: relative; margin-top: 70px;}
.news-archive .teaser-date {position: absolute;  top: -42px; padding: 10px; background: #eee; left: 0;}
.news-archive .teaser-compact {padding: 20px; box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3); border-radius: 0px 0 15px 0 !important;}
.news-archive .teaser .teaser-text {line-height: 1.1; font-size: 19px;}
.news-archive  .intro-headline > .intro {font-size: 70%;}
.news-archive .type-list-filter .filterbox .btn.li-label {background-color: #800033;}
.news-archive .type-list-filter .filterbox.archive button.year {background-color: #eee;}
.news-archive .type-list-filter .filterbox.archive ul li .li-count {left: 20px; top: 1px;}
.news-archive .type-list-filter .filterbox.archive ul li a {font-weight: 400;}


@media (min-width: 764px) {
.news-archive  .list-entry .teaser { box-shadow: 0;}
.news-archive .teaser .intro-headline {font-size: 22px; margin-bottom: 5px; }
}

/* ########  Job-Liste + Detail ######## */
.job-liste .list-entry .teaser {box-shadow: none;}
.job-liste .teaser .image-src-box > img {border-top-left-radius: 25px; border-bottom-right-radius: 25px;}
.job-liste .intro-headline > .intro {font-size: 20px; color: #800033; background: transparent; max-width: none; padding: 0; border-radius: 0; margin-bottom: 10px; margin-top: 10px;}
.job-liste .btn {font-size: 17px;}

.detail-page.type-job h3 {background: #800033; color: #fff; padding: 7px 40px; max-width: max-content; margin-top: 40px; border-radius: 4px; margin-bottom: 25px !important;}
.detail-page.type-job .visual-text{display: none;}
.detail-page.type-job .link{margin-top: 30px; text-align: right;}
.detail-page.type-job img {border-radius: 25px 0 25px 0 !Important;}
.detail-page.type-job .visual{margin: 35px 0;}

.oct-meta-infos.box,.oct-meta-infos .box{background: #eee; color: #444 !Important;}
.oct-meta-infos .box{padding: 0; border-radius: 0;}
.oct-meta-infos .h3{color: #444 !important;}

/* ########  Detail ######## */
.intro-headline > .intro { font-size: 50%; color: #fff; background: #800033; max-width: max-content; padding: 5px 25px; border-radius: 5px; margin-bottom: 10px;}
.detail-page.type-article h1{font-size: 37px; }
.detail-page .sub-header{font-size: 16px; margin-bottom: 30px;}

/* ######## Nav + Head ######## */
.area-header {margin-bottom: 10px;}
.nav-main-items > li > a:hover{color: #800033;}

.head.isfixed{left: 0; padding: 20px !Important; }
.head .co-lg-xl {max-width: 100% !Important;}
.header-group.co-sm-md {max-width: 100% !Important;}
header.fh.ls-3 .head.isfixed .h-logo {    flex: 0 0 185px;  max-width: 185px;}
header.fh.header-isfixed.fix-overlay .h-logo::before {display: none !Important; }
.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.fh.header-isfixed.fix-overlay .h-logo {padding: 0 !Important; top: -14px;}
.nav-main-items > li.expand > a::after{display: none;}
.nav-main-items > li > a:focus, .nav-main-items > li > a:hover, .nav-main-items > li.active > a, .nav-main-items > li.active > a:focus, .nav-main-items > li.active > a:hover, .nav-main-items > li.expand.ed > a, .nav-main-items > li.expand.ed > a:focus, .nav-main-items > li.expand.ed > a:hover{color: #800033;}

.mega {font-size: 1.9rem;}
.nav-main-items > li.mega[aria-expanded=true] > a:hover, .nav-main-items > li.mega[aria-expanded=true] > a:focus {color: #fff ;}
.nav-mega-menu {left: unset !important; right: 30px; top: 45px !important;}
.nav-mega-menu h2 {font-size: 30px; margin-top: 0px;}
.nav-mega-menu img{border-radius: 15px 0 15px 0;}
.nav-toggle-btn .nav-toggle {background-color: transparent;}
.nav-side li > a {padding: 6px 15px;}
.nav-side li > a:not(.btn):focus, .nav-side li > a:not(.btn):hover {color: #800033; background: #f3f3f3;}

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

@media (min-width: 1200px) {
.nav-mega-menu .nav-side li > a { font-size: 18px;  padding: 10px 15px; font-weight: 400; display: flex;}
}

@media (min-width: 1014px){
.nav-menu {min-width: 270px;}

.nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > li.active > a:hover{color: #800033 !Important;}
.nav-menu > li > a { font-size: 17px;}
.area-header {margin-bottom: 20px;}
.nav-mega-menu .nav-side li > a {font-size: 17px; display: inline-flex;}
header.fh .header-group {border-bottom: 0;}
.area-header .header-group::before {background-image: none;}
.nav-mega-menu .nav-side li a:before {top: 6.5px; left: -5px;margin-right: 4px; color: #ccc; font-size: 10px; content: "\f111"; font-family: 'ForkAwesome'; position: relative;}
.nav-mega-menu .nav-side li:hover a:before { color: #800033; }
html.hasscript .nav-main-container .nav-mega-menu {border-radius: 4px; padding: 25px 25px 5px; border-bottom: 0; border-top: 0;}
}

@media (min-width: 1014px) and (max-width: 1149.98px){
 header.fh.nav-disp-big.nav-right .nav-main-items > li > a {padding-left: 9px;}
 header.fh.nav-disp-big .nav-main-items > li > a {font-size: 17px;}
 .nav-main-items > li > a {padding: 0 5px 8px 5px;}
}
@media (min-width: 1150px) and (max-width: 1299.98px){
 header.fh.nav-disp-big .nav-main-items > li > a {font-size: 17px;}
 .nav-main-items > li > a {padding: 0 7px 8px 7px;}
}

@media (max-width: 1013.98px){
.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 .nav-menu .expand.ed ul{margin-top: 10px;}
.nav-main-items .nav-menu .expand .nav-menu li > a{font-size: 18px; padding: 7px 0; border-bottom: 0; text-transform: none; font-weight: 300; border-bottom: 1px solid #ddd;}
.nav-main-items .expand.ed .nav-menu{background: #eff6fa; padding: 10px 20px; margin-bottom: 20px;}
.nav-main-items > li > a { color: #444 !important; text-transform: none; font-size: 20px; font-weight: 500; padding: 13px 5px; border-bottom: solid 1px #ddd;}
.nav-main-items > li > ul > li > a {color: #444 !important; text-transform: none; font-size: 18px; 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: 18px; padding: 7px 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: #444;}
.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;}

.nav-main-container .nav-main-group .nav-main-items {border-top: 0;}
.nav-main-container{padding: 30px 30px 45px 30px; background-color: #fff;}

header.bh #nav-toggle-label-open .nav-toggle { width: 50px; height: 43px;}
header.bh .nav-main-items .nav-meta-icons > ul {border-bottom: 0;}
header.bh .nav-main-items li.expand > a::after {right: 0;}
header.bh .nav-menu-header {background-color: transparent; padding: 0px 0 25px;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {max-width: 200px;}
header.bh .header-group {border-bottom: 0;}

.nav-toggle {background-color: transparent; background: rgba(255,255,255,0.7);}
.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after {height: 3px; background: #444;}

html.active-nav .area-header .header-group li.expand > a::after {right: 3px;}
html.active-nav .area-header .head-overlay {opacity: 0.5;}

.nav-toggle-btn .nav-burger::before, .nav-toggle-btn .nav-burger::after {background-color: #333;}
.nav-toggle-btn .nav-burger {background: #333;}
}

@media (max-width: 551.98px) {
.nav-main-container {padding: 30px 24px 45px 30px;}
header.fh.ls-3 .h-logo {flex: 0 0 200px; max-width: 200px;}
}
.job-form h3 {font-size: 25px; background: #800033; color: #fff; padding: 8px 20px; margin-top: 45px; border-radius: 4px;} 
.job-form .styled-form .input-file .button{background: #95c11f;}
.job-form .styled-form fieldset {padding: 45px;}
.job-form .styled-form footer {padding: 0 45px 45px; border-top: 0;}
.job-form .styled-form fieldset {padding: 0px 45px 10px;}
.job-form .styled-form .webform_subfields{padding: 25px 0;background: #efefef; border-radius: 4px;}
.job-form .webform-input.table{display: none;}

 
/* ######## Footer ######## */
.topfoot{background: url(/.galleries/bilder/.system/footer-divider.png) no-repeat center 0; padding-top:80px !important; margin-top: 80px;}
.subfoot a{color: #fff;}
.area-foot .container-xl, .area-foot .container-lg, .area-foot .container-md, .area-foot .container-sm, .area-foot .container {max-width: 1320px !important;}

.area-foot .subfoot {background-color: #800033; border-bottom-right-radius: 20px; font-size: 19px;}
.subfoot .container{max-width: 97% !important;}
.area-foot .topfoot{background-color: #fff; }
.footer-imprint {display: flex; justify-content: flex-end;}

.topfoot .styled-form {background: transparent; border: 0;  padding: 0px 0 20px 20px;}
.topfoot .styled-form label { color: #444;}
.topfoot .styled-form .input input, .topfoot .styled-form .textarea textarea, .topfoot .styled-form .select select, .topfoot .styled-form .checkbox i {background-color: transparent !important; color: #444;
    border-color: #444;}
.topfoot .type-webform .formbtn-row .formbtn { margin-left: 0; margin-right: 16px; background-color: transparent; border: 1px solid #444; color: #444;  padding: 7px 30px; border-radius: 0 !important;	margin-top: 0px;}
.topfoot .styled-form footer, .topfoot .styled-form fieldset {padding: 0 10px; border-top: 0;}
.topfoot .styled-form .note{display: none;}

.area-foot .type-contact .text{font-size: 20px;}
.area-foot .type-contact h4{font-size: 21px;}

@media (min-width: 764px) {
.topfoot .type-webform .formbtn-row {justify-content: flex-end;}
.topfoot .styled-form section:nth-of-type(-n+4) {width: 47%; float: left; margin-right: 3%; }
.topfoot .styled-form footer section {width: 100% !important; float: none !important; margin-right: 0 !important; }
.topfoot .styled-form .textarea textarea {width: 97%;}
.topfoot .styled-form section:nth-of-type(n+3) {width: 100%;}
}
@media (max-width: 1013.98px) {
.topfoot .styled-form label {font-size: 16px;}
.topfoot .styled-form {padding: 0px 0 20px 0px;}
.topfoot .styled-form label a{font-size: 14px;}
}
@media (max-width: 549.98px) {
.area-foot .subfoot .text,.area-foot .subfoot a{line-height: 1.2;font-size: 17px;}
.area-foot .subfoot ul{ line-height: 1.4;}
.topfoot {background-size: 280px;}
}


/*###### Quick Escape ##### */
@keyframes pulse-animation {
  0% {box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);}
  100% {box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);}
}
#quick-escape:hover{text-decoration: none;}

#quick-escape{border: 4px solid #eee; animation: pulse-animation 1.5s infinite;--size: 75px; --background-color: #800033; --text-color: #fff; --offset:17px; --font-size: 12px; cursor: pointer; display: grid; place-items: center;  height:var(--size, 50px); width:var(--size, 50px); position: fixed; right: var(--offset, 17px); bottom: var(--offset, 17px); z-index:99; padding: 5px; border-radius:50%;box-shadow: 2px 2px 5px #333;
  background: var(--background-color, #333); opacity:1; transition: all .5s ease;}
  
#quick-escape .text {font-size: 20px; width: 100%; text-align:center; color: var(--text-color, white);  font-weight: 600;}
 #quick-escape:hover {scale: 1.1;}
 
 @media (max-width: 763.98px) {
#quick-escape{--size: 48px;}
#quick-escape .text {font-size: 16px;}

}

.lotse2 .tile-col .text-overlay {
    background: rgba(149, 193, 31, .9);}

.news-wrap .list-pagination .btn.btn-append, .list-pagination .btn.btn-append:hover {
    background: #f3f3f3;}

.box.gruen h2, .box.gruen h3, .box.rot h2, .box.rot h3, .box.rot a,  .box.gruen a {color: #606060;}


.box.grau {background: #f4f4f4;}
.box.gruen {
    background: #fcfcfc;
    color: #606060;
    border: 3px solid #95C11F;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 18px -20px;
}

.box.rot {
    background: #fcfcfc;
    color: #606060;
    border: 3px solid #800033;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 18px -20px;
}
.box.rot3 {border: 0;}

.type-contact .contact-pers, .type-contact .contact-org {box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .4);}

.check li {overflow: visible; padding-left: 25px; position: relative;margin-bottom: 0; line-height: 1.4;}
.box li {overflow: visible;  position: relative;margin-bottom: 0; line-height: 1.4;}

.box a {color: #800033 !important;}
.box a.btn {color: #fff !important;}
.box.type-linksequence a {color: #606060 !important;}
.type-contact.no-radius .contact-pers img, .type-contact.no-radius .contact-org img {
    border-radius: 0;
}
/* ################ BFSG ########################*/
.type-slider .slide-wrapper .caption small a {    background: #800033;}
.box a.btn {
    background:#800033; font-size: 110%;}


.accordion .acco-header .acco-toggle {background-color: #800033;}
.accordion .acco-header .acco-toggle[aria-expanded=true], .accordion .acco-header .acco-toggle:hover { background-color: #95c11f;}

/* ################ End BFSG ########################*/