@import url('/.themes/font.css');
@import url('/shared/css/m-access.css');
html:not(.opencms-page-editor) .honeypot fieldset section:first-of-type:not(.webform_subfields *){display: none;}
.honeypot table.webform-input tr:first-child {display: none;}


.flags {position: fixed;     z-index: 9;
    top: 50%;
    right: -153px;
    transform: rotate(-90deg);}
.flags .ico-img > img {height: 1em; vertical-align: bottom; max-width: 100%;}
.flags a {padding: 10px 18px; font-weight: 600;     margin-left: 3px; font-size: 1.6rem;}
.flags a.fruehe {background-color: #CC1E1C; color: #fff;     -webkit-font-smoothing: antialiased;}
.flags a.spd {background-color: #CFDFE6; color: #444;}
.flags.ls-row.no-icon li:not(:last-of-type) {
    margin-right: 0px;
}

@media (max-width: 1014px) {
.flags {display: none !important;}
}
.bg-three .container-box {display: none;}
.lead {font-size: 120%;}

.flexo {display: flex;
    justify-content: center;}


/***** Fade In *****/
html:not(.opencms-page-editor) .f-in {
 animation: fade-in 1.5s ease 0s 1 normal forwards;
}

html:not(.opencms-page-editor) .f-in.slow {
 animation-duration:  4s;
}

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



@keyframes fade-in {
	0% {
		opacity: 0;
		transform: scale(0.6);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}


.type-slider .slide-wrapper .caption .subcaption br {
    display: block;
}
small, .small {
    font-size: 0.875em;
    font-weight: 300;
}
.fa-linkedin-in:before {
    content: "\f0e1";
}
.type-contact .adr {margin-top: 0;}
.type-contact .org {margin: 12px 0 0; font-weight: 400;}
:root {
    --my-body-font-family: "Open Sans", -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";}
.btn:focus, .btn:hover, .btn.active, .open .dropdown-toggle .btn {
    color: #fff;
    background-color: #444;}
.box-theme {
    --my-body-bg: #CC1E1C;}
:root, .box-body-base, .box-body {--my-main-theme: #CC1E1C;}
header.bh .h-logo-row {padding: 15px;}
:root {
  --my-main-theme-base: #CC1E1C;}
.btn-bewerbung{right: 81px; top: 24px;}

.subfoot {margin-bottom: 0px; }
.download-list.dl-list-compact .dl-content .dl-title {font-size: 2rem;}
.download-list.dl-list-compact .dl-link .ico {
  font-size: 2rem;
  top: 5px;
  position: relative;
}

@media(max-width: 1013.98px){
.download-list.dl-list-compact .dl-content .dl-title {
    font-size: 1.4rem;}
	}


.nav-side li > a:not(.btn):hover {
  color:#CC1E1C; background: #f4f4f4;}
@media(min-width: 1400px){
.max-1500 .container {max-width: 1500px;}
}
@media (min-width: 1200px) {
    header.bh.ls-3 .h-logo-col {
        flex: 0 0 220px;
        max-width: 220px;
    }
}

@media(min-width: 1014px){
.nav-mega-menu .nav-side li > a {font-size: 17px;}
header.bh.header-index #nav-toggle-label-open .nav-toggle {top: -21px;}
}
@media(max-width: 1013.98px){
header.bh.header-index #nav-toggle-label-open .nav-toggle {top: -14px;}
}
@media (max-width: 763.98px) {
    header.bh.header-index #nav-toggle-label-open .nav-toggle {top: -6px;}
}

    .co-lg-xl, .co-sm-md {
        max-width: 100% !important;
    }

@media(max-width: 550.98px){
.btn-bewerbung{top: unset; right: unset;}
}

 .dl-info {display: none !important;}

html:not(.opencms-page-editor) .loading-overlay {position: fixed; width: 100%; height: 100%; background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 15000001;}
html:not(.opencms-page-editor) .loading-spinner {border: 4px solid #f3f3f3; border-top: 4px solid #CC1E1C; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite;}

@keyframes spin {
   0% {
       transform: rotate(0deg);
      }

   100% {
       transform: rotate(360deg);
      }
}

header.bh.lp-l .nav-main-container {right: -100vw;}

.max-900{max-width: 900px; margin: 0 auto;}

.numbers h2 {
    font-size: 35px;
    font-weight: 600;
    background: #CC1E1C;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    margin: 0 auto;
    color: #fff;
    line-height: 1;
    padding-top: 21px;
    margin-bottom: 25px !important;
}


@media(min-width: 1400px){
.max-1500 .container {max-width: 1500px;}
.max-1200.row {max-width: 1200px; margin: 0 auto;}
}

header.bh .h-logo-row {padding: 18px 0;}

.btn-bewerbung{position: fixed; right: 160px;  z-index: 99; padding: 6px 17px 6px 26px; border-radius: 4px; background: #CC1E1C;     font-size: 17px;}

.casu .btn-bewerbung{top: 20px;}
.start .btn-bewerbung{top: 26px;       right: 87px;}

@media(max-width: 1399.98px){
.btn-bewerbung{ right: 140px; }
}

@media(max-width: 1199.98px){
.pr-30 {padding-right: 0 !important;}
.btn-bewerbung{ right: 135px; }
}

@media(max-width: 1013.98px){
.btn-bewerbung{ right: 113px; top: 19px; }
}

@media(max-width: 763.98px){
.btn-bewerbung{ right: 70px; }
}
.type-contact .ico, .type-contact .fa {
    margin-right: 6px;
    width: auto;
}
.type-contact .pos {font-weight: 200;}
.ap-legaltext .row > * {padding-left: 0;}


.pp-banner .banner p {font-size: 15px;}
.pp-banner .message p:last-of-type {margin-bottom: 6px;}
	
	
body, h1, h2, h3, h4, h5, h6, li, a, .h4{font-family: 'Open Sans';     font-weight: 300; color: #444;}
a {color: #CC1E1C;}
.btn {border-radius: 5px; color: #fff; background-color: #CC1E1C; padding: 7px 22px;}
body{font-size: 20px;}
h1, h2{font-size: 40px; letter-spacing: -2px;}

h1 strong, .big h2 strong{
	font-weight: 700;
}
h2{
	font-size: 35px;
	font-weight: 300;
}
h2 strong{
	font-weight: 700;
}
h3{
	font-size: 2.5rem;
	font-weight: 300 !important;
	letter-spacing: -1px;
	
}
h3 strong{
	font-weight: 700;
}
.box.white {background-color: #fff; padding: 40px !important; box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3);}
.type-iconbox {background-color: #fff; padding: 0px; box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3); flex-direction: initial; align-items: center; border-radius: 4px;}
.type-iconbox.grey  {background-color: #f9f9f9;}
.type-iconbox .icon-image {color: #555;}
.type-iconbox h3 {color: #555; font-size: 25px; margin-bottom: 0px  !important;}
.type-iconbox .icon-text {padding: 30px;     margin-top: 0;}
.type-iconbox:hover{background: #ccc;}

@media(max-width: 1013.98px){
.type-iconbox{margin-bottom: 20px !Important;}
.type-iconbox h3 {font-size: 22px;}
}
@media(max-width: 763.98px){
.type-iconbox{width: 80%; margin: 0 auto; margin-bottom: 20px !Important;}

}
.box.piece > .body + .link, .box.piece > .body .text + .link, .btn-wrap-geheim .text + .link {
        justify-content: flex-start;
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end; margin-top: 25px;
}
.reit{text-align: right;}
.centa {display: flex; justify-content: center;}

.social-icons li a{border-radius: 50%;}

#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: #CC1E1C;
  background: transparent;
}
.text li {margin-top: 8px;}

.piece > .body + .link, .piece > .body .text + .link {margin-top: 15px;}
.contact-pers img {border-radius: 50%; padding: 6px; border: 8px solid #f9f9f9; max-width: 350px}

.h4 {font-weight: 400; }
.h3-small h3{ font-size: 26px;}

.fa-mobile:before {font-size: 27px;}

.contact-org h3 {font-size: 24px; font-weight: 400 !important;}

.bg-three{background: url(/.galleries/bilder/.system/footer-divider.png) no-repeat center 0; padding-top:80px !important; margin-top: 80px;}

.subfoot {font-size: 17px; margin-bottom: 40px; }
.subfoot a, .subfoot li{color: #444 !important;}
.area-foot .subfoot {background-color: #f9f9f9;}
.area-foot .topfoot{background-color: #fff;}
.check li:last-child {margin-bottom: 15px;}

.para{background: #0000007d; color: #fff; padding: 50px; border-radius: 4px; margin-bottom: 0;}
.para h2{color: #fff;}
.para a {color: #fff; font-size: 21px; font-weight: 400;}

.box{padding: 40px !important; background: #f4f4f4; border-radius: 4px;}

a.external::after{display: none;}

@media(min-width: 1014px){
.spacer-right{margin-right: 20px !Important;}
}

@media(max-width: 1013.98px){
h1, h2 {font-size: 42px;}
}

@media(max-width: 763.98px){
#mercury-page {max-width: 100%;}
.h-logo .image-src-box.presized img {left: 10px !Important;}
.para {padding: 35px;}
h1, h2 {font-size: 36px;}
body {font-size: 18px;}
.subfoot {margin-bottom: 0px; }
}

@media(max-width: 550.98px){
h1, h2 {font-size: 30px;}
body {font-size: 17px;}
.mh-30, .ml-30 {margin-left: 0 !important;}
}

/*########### Sitemap ###########*/
.type-sitemap li.top > a {padding: 10px 15px; font-size: 20px; background-color: #f9f9f9; 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;}

/*########################## 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: #f5f5f5;}
.accordion .acco-header .acco-toggle:hover {color: var(--my-main-theme); background-color: #eceff3;}
.accordion .acco-header .acco-toggle[aria-expanded=true] {color: #444; 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: var(--my-main-theme);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: var(--my-main-theme);}
.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: #CC1E1C;}
.accordion .acco-body {    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 7px;
    padding: 30px 0;}
.accordion {--my-at-border: 0;}
.accordion {box-shadow: none; --my-at-margin-between: 1.5rem; margin-left: 18px;}

@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;}
}

/*########################## One-Tab-AC ###################################*/
.more-info .accordion {border-bottom: 0; box-shadow: none; margin-left: 0px;}
.more-info .accordion .acco-header .acco-toggle {margin-top: 10px; font-size: 20px; width: auto; background-color: #CC1E1C; border: 0; border-radius: 30px; font-weight: 400; color: #fff;}
.more-info .accordion .acco-header {font-size: 22px;}
.more-info .accordion .acco-header > .acco-toggle {padding: 12px 30px 12px 50px;}
.more-info .accordion .acco-toggle.collapsed::after{background: transparent; }
.more-info .accordion .acco-header .acco-toggle.collapsed::before {content: "\f067"; font-size: 23px;}
.more-info .accordion .acco-body {padding: 0; margin-top: 25px; border-top: 0; border-left: 0; margin-bottom: 30px; margin-left: 0; border: 0; background: transparent;} 
.more-info .accordion .acco-header .acco-toggle::before{left: 18px; right: unset;content: "\f068"; font-size: 23px; top: 15px; color: #fff;}
.more-info.animated .acco-toggle.collapsed {animation: pulse-animation 1.5s infinite;}

@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);
  }
}

/*########### NAV ###########*/
.no-pic.variant-tile-accordion .text-overlay{padding: 40px; border-radius: 4px; background: #ccc; }
.no-pic.variant-tile-accordion .collapsed .text-overlay{background: #f3f3f3;}
.no-pic.variant-tile-accordion .collapsed .text-overlay:hover{background: #ccc;}
.no-pic.variant-tile-accordion .piece-heading{color: #555;}



.no-pic.variant-tile-accordion.show-button .collapse-target.show::before {height: calc(10px);}

.no-pic.variant-tile-accordion .acco-body .box {background: transparent; padding: 30px; box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3);}
   .no-pic.variant-tile-accordion.show-button .collapse-trigger .trigger-item::after {
    bottom: -58px;
    background: #CC1E1C;
    color: #fff;
    border-radius: 50%;
	width: 50px;
	height: 50px;
	border: 5px solid #fff;
} 



/*########### NEWS ###########*/
.news-start .teaser-text-tile{background: #fff;}
.news-start .body{padding: 14px 25px 25px 25px;}
.news-start .intro-headline > .intro {font-size: 13px; font-weight: 500; color: #fff; margin-bottom: 14px; background: #CC1E1C; max-width: max-content; padding: 6px 10px; border-radius: 4px; letter-spacing:normal;}
.news-start .teaser-tile .teaser.piece > .body > .heading .headline {font-weight: 500; font-size: 19px;}
.news-start .teaser .teaser-date {font-weight: 400; font-size: 14px;}
.news-start .teaser .teaser-date::before{font-family: forkawesome; content: "\f274"; margin-right: 8px; font-weight: 300;}
.news-start .teaser-text{font-size: 16px;}
.news-start .teaser {border-top-left-radius: 10px; border-bottom-right-radius: 10px;}

.detail-page.type-article .intro-headline > .intro{font-size: 29px; font-weight: 400; color: #CC1E1C;}
.detail-page.type-article .headline{font-size: 40px; font-weight: 400;}
.detail-page.type-article .sub-header{display: none;}
.detail-page.type-article .piece > .visual {padding: 15px 0px;}
.detail-page .sub-header {font-size: unset; margin-bottom: 2rem;}

.archiv.news-start .list-pagination .btn.btn-append, .archiv.news-start .list-pagination .btn.btn-append:hover {background: #fff;}


.news-start.list-content .list-append-position {border-top: 1px solid #555; margin-top: 40px; padding-top: 50px; }
.news-start .list-pagination .btn.btn-append {background: #f9f9f9; color: #444; left: 49% !important; font-size: 22px; height: 100px; margin: -40px 0 0 -40px; position: absolute; bottom: 0px; text-transform: uppercase; width: 100px;}
.row-has-background .news-start.events .list-pagination .btn.btn-append {background:#F9F9F9;}
 .news-start.events .list-pagination .btn.btn-append {background:#fff;}
.news-start .list-pagination .btn.btn-append:hover { color: #CC1E1C; background: #f9f9f9;}
.news-start.events .list-pagination .btn.btn-append:hover { color: #CC1E1C; background: #fff;}
.all-news::after {content: "\f054";font-family: 'ForkAwesome'; margin-left: 6px; font-size: 15px;}
.teaser-text-tile.type-decoy.in-list .headline:after {
    content: "\f14c";
    display: inline-block;
    font: normal normal normal 14px/1 ForkAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #657d91;
    margin-left: 7px;
}
.teaser .list-badge {display: none;}
@media (min-width: 764px) {
.detail-page .detail-visual.full:not(.pnv) .visual-info.right {justify-content: flex-start; margin-top: 25px;}
.news-start .list-entry .teaser {
    box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);
  }
}
/*########### SLIDER ###########*/
.type-slider .slide-wrapper .caption {background-color: transparent;}
.type-slider .captions {background: #000;}
.type-slider .slide-wrapper .caption strong { border-radius: 0px; padding: 8px 30px;    background: #cc1e1cd6;      max-width: max-content; text-shadow: none; font-size: 45px; font-weight: 400;}
.start-slider.type-slider .slide-wrapper .caption strong {border-radius: 0px;padding: 0;background: transparent;max-width: max-content;text-shadow: none;font-size: 50px;font-weight: 600;}
.start-slider.type-slider .slide-wrapper .caption strong {max-width: 100%; text-align: left;}
.start-slider.type-slider .slide-wrapper .caption small {text-align: left;font-weight: 400;background: transparent; color: #fff;     padding: 0 ;  text-shadow: none; font-size: 37px;}
.type-slider .slide-wrapper .caption small {
    font-weight: 300;
    border-radius: 0px;
    padding: 8px 30px;
    background: #ffffff91;
    color: #222;
    text-shadow: none;
    font-size: 32px;
}
.type-slider .slide-wrapper .caption {padding: 15px 10px 18px;}
.slick-next {right: 40px;}
.slick-prev {left: 10px;}
.type-slider .slide-wrapper .caption.middle.center {
    left: 62%;}
.type-slider .slide-wrapper .caption.right {
    right: 4%;}


.slider-dots li button.dot-btn::before {border: 12px solid #ddd; border-radius: 50%;}
.slider-dots li button.active::before {border: 12px solid #CC1E1C; border-radius: 50%;}
.slider-dots {bottom: 23px;}

@media(max-width: 1013.98px){

.type-slider .slide-wrapper .caption strong, .start-slider.type-slider .slide-wrapper .caption strong  {font-size: 35px;}
.type-slider .slide-wrapper .caption small, .start-slider.type-slider .slide-wrapper .caption small {font-size: 25px;}
}

@media(max-width: 763.98px){
.type-slider .slide-wrapper .caption strong {background: #cc1e1cd6;      padding: 8px 15px;}
.start-slider.type-slider .slide-wrapper .caption small {background: transparent; color: #fff;     padding: 0 ;}



.type-slider.text-below-on-xs .slide-wrapper .caption, .type-slider.text-below-on-xs .captions{background: #CC1E1C; padding: 10px 10px;}
.type-slider .slide-wrapper .caption strong {font-size: 34px;}
.start-slider.type-slider .slide-wrapper .caption strong {font-size: 34px; background: transparent; color: #fff;     padding: 0 ;}
.type-slider .slide-wrapper .caption small, .start-slider.type-slider .slide-wrapper .caption small {font-size: 24px;}
.type-slider .slide-wrapper .caption small  {background: #ffffff91; color: #222; padding: 8px 15px; }
}

@media(max-width: 550.98px){
.type-slider .slide-wrapper .caption strong, .start-slider.type-slider .slide-wrapper .caption strong {font-size: 27px;}
.type-slider .slide-wrapper .caption small, .start-slider.type-slider .slide-wrapper .caption small {font-size: 20px; line-height: 1.3;}
.type-slider .slide-wrapper .caption.middle.center {
    left: 50%;
    top: 73%;
}
}

@media(min-width: 1200px){
.type-slider .slide-wrapper .caption small, .start-slider.type-slider .slide-wrapper .caption small {font-size: 37px;}
}


/*########### NAV ###########*/
@media (max-width: 1013.98px) {
header.fh .nav-menu-header{ padding: 0;   padding-top: 30px;}
.nav-main-container .nav-main-mobile-logo img{display: none;}
.nav-main-container .nav-main-mobile-logo{background: url(/.galleries/bilder/.system/casu-logo-weiss.png) no-repeat center center !important; background-size: 165px !important;}
.nav-toggle, .nav-toggle.active {background: transparent; width: 55px;}


 .nav-toggle-btn .nav-toggle { background-color: rgba(0, 0, 0, .2); border-radius: 3px; }
 
 
 
 .nav-toggle span {height: 3px; top: 19px;}
.nav-toggle span::before {height: 3px;top: -10px;}
.nav-toggle span::after {height: 3px;    bottom: -10px;}

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



.h-logo .image-src-box.presized img {top: 0px; left: 0px;}

header.bh .nav-menu-header {background-color: transparent; margin-bottom: 20px;}
.nav-main-container .nav-main-group .nav-main-items {border-top: 0;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a{background: transparent !important;}

.nav-main-items li > a {border-bottom: solid 1px #fff;}

 .nav-main-container {background-color: #CC1E1C; padding: 0px; width: 600px; display: flex; justify-content: center;}

.nav-main-items li[aria-expanded] > a[aria-controls]::after, .nav-main-container .nav-main-group { background-color: transparent;}
.nav-main-items > li > a, .nav-main-items li > a { color: #fff !important;}

.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {background-color: transparent;}

html.active-nav .area-header .head-overlay { opacity: 0.75;}
.nav-main-items li.active[aria-expanded=true] > a, .nav-main-items li.active > a { background-color: transparent;}

 html.active-nav .area-header .header-group li[aria-expanded] > a::after {display: none;}


 .nav-main-items > li > a, .nav-main-items li > a {padding: 15px 5px ; text-transform: uppercase; font-size: 19px;  font-weight: 300;}
 .nav-main-items li.expand.ed > a {background-color: transparent; border: 0;}
.nav-main-items li.expand > a[aria-controls]::after {right: 5px !important; top: 13px; background-color: transparent;}

.nav-menu > li > a, .nav-menu > li > ul > li > a {text-transform: none;  font-size: 19px; border-bottom: 0;  padding: 7px 10px 7px 20px;}
 .nav-menu > li > ul > li > a:before {content: "\f105";font-family: 'ForkAwesome'; margin-right: 8px; font-size: 18px;}
.nav-menu > li > a {font-size: 19px; padding: 7px 10px 7px 5px;}



.nav-main-items li.active[aria-expanded=true] > a, .nav-main-items li.active > a {font-weight: 600 !important;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {width: 70%; margin: 0 auto;}
header.bh #nav-toggle-label-open .nav-toggle {width: 45px;  right: 5px;   }


.nav-main-items .expand.ed .nav-menu {
    display: block;
    
    padding: 0px 10px 0 0;
}
.nav-main-items .expand.ed .nav-menu a:before {content: "\f105";font-family: 'ForkAwesome'; margin-right: 8px; font-size: 15px; top: 2px;
    position: relative;}
.nav-main-items .expand.ed .nav-menu a {display: flex; line-height: 1.4;}
}
@media (min-width: 1014px) {
header.bh.ls-3 .h-logo-col {
        flex: 0 0 170px;
        max-width: 170px;
}

.nav-toggle {margin-top: -25px;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a { font-size: 19px; padding-top: 10px; padding-bottom: 10px; font-weight: 300; padding-left: 0;}

}

@media (min-width: 763.98px) and (max-width: 1014px) {
    .btn-bewerbung {top: 40px;}
}

@media (max-width: 763.98px) {
    header.bh.ls-2 .h-logo-col {
        flex: 0 0 120px;
        max-width: 120px;
    }
}
@media (max-width: 1013.98px) {

header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {width: 40%;}
}


@media (max-width: 763.98px) {
header.bh #nav-toggle-label-open .nav-toggle {top: -11px;}
}
@media (min-width: 552px) {
    
    }

@media (max-width: 599.98px) {
header.fh.ls-4 .h-logo {
        flex: 0 0 270px;
        max-width: 270px;}
.nav-main-container {width: 100%; padding: 15px;}
.nav-menu > li > a, .nav-main-items li > a {padding: 12px 5px; font-size: 18px;}
header.bh.lp-l .nav-menu-header .nav-menu-toggle {padding-left: 0;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {width: 60%;}
}
@media (max-width: 551.98px) {
.nav-toggle {height: 45px; margin-top: 10px;}
}
@media (min-width: 1400px) {
  .co-lg-xl {
    max-width: 100%;
  }
}
/*########### SLIDER ###########*/
.tp-caption .btn{padding: 12px 14px; border-radius: 6px; background: #CC1E1C; display: block; margin-top: 20px; font-size: 19px; max-width: max-content; line-height: 1;}
.tp-caption {text-align: left !Important;}
header.bh .header-group {border-bottom: 0 !important;}
.area-header {margin-bottom: 0rem;}
.h-logo-row.container {max-width: 100% !Important;}
.h-logo {z-index: 99;}
/*########### ZITAT-SLIDER ###########*/
.zitat.type-slider img {border-radius: 50% !Important; 
    padding: 6px;
    outline: 5px solid #fff;
    outline-offset: -19px;}
p.author {font-size: 90%;
    font-style: italic;}
.zitat.type-slider .slide-wrapper .caption .subcaption br {
    display: none;
}

.zitat.type-slider .slide-wrapper .caption small {text-align: left;        }
  .zitat.type-slider .slide-wrapper .caption small:nth-of-type(2) {font-style: italic;}
@media (max-width: 763.98px) {
.zitat.type-slider.text-below-on-xs .slide-wrapper .subcaption {background: #ffffffbd;}
.zitat.type-slider .slide-wrapper .caption small {
        background: transparent;}
.zitat.type-slider .slide-wrapper .caption small {padding: 0;}
.zitat.type-slider.text-below-on-xs .slide-wrapper .caption, .zitat.type-slider.text-below-on-xs .captions {margin-top: -70px;
        background: transparent;
        padding: 10px 10px;
    }
 .zitat.type-slider .slide-wrapper .caption small {
        font-size: 17px;}
  .zitat.type-slider .slide-wrapper .caption small:nth-of-type(2) {font-size: 15px;}
 .zitat.type-slider.text-below-on-xs .slide-wrapper small:nth-of-type(2)::before {
        display: none;}
}

@media (min-width: 764px) {
.zitat.type-slider .slide-wrapper .caption.right {background: #ffffffbd;}
.zitat.type-slider .slide-wrapper .caption small {background: transparent;}
.zitat.type-slider .slide-wrapper .visual {max-width: 50%;
}
  .zitat.type-slider .slide-wrapper .visual {
    position: relative;
  }
.zitat.type-slider .slide-wrapper .caption.right {
        max-width: 60.3%;
        right: 0;}
 .zitat.type-slider .slide-wrapper .caption small {
        font-size: 17px;}
  .zitat.type-slider .slide-wrapper .caption small:nth-of-type(2) {font-size: 15px;}
    }
@media (min-width: 1200px) {
  .zitat.type-slider .slide-wrapper .caption small {
        font-size: 24px;}
  .zitat.type-slider .slide-wrapper .caption small:nth-of-type(2) {font-size: 18px;}
    }
/*########### Head / Nav Start ###########*/
 .nav-main-items > li.active > a, .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: #CC1E1C;
  }
.area-header.start .h-logo .image-src-box.presized img {top: 5px; left: 8px; 
    height: auto;}
.area-header.start .header-group.sticky {height: 0 !important;}
header.bh.area-header.start   #nav-toggle-label-open .nav-toggle {top: 7px;}
 .nav-toggle-label {left: unset !important; top: unset !important;}

@media (min-width: 1200px) {
.nav-main-group {margin-bottom: 20px;}
.isfixed .nav-main-group {margin-top: 20px;}
.start .head {    max-width: 98%;
    margin: 0 auto;}
    header.area-header .bh.ls-2 .h-logo-col {
        flex: 0 0 230px;
        max-width: 230px;
    }
}
@media (min-width: 1014px) {
.nav-menu > li > a {
    padding: 8px 20px;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom: 1px solid #ddd;
    color: #444;
    background-color: #fff;
    width: 100%;
    font-size: 17px;}
 header.fh.header-isfixed.fix-overlay .h-logo::before, header.fh.header-isfixed.fix-overlay .h-logo::after {box-shadow: none;}
 header.fh.pad-sm .h-logo {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
 header.fh.ls-4 .isfixed .h-logo {
    flex: 0 0 336px;
    max-width: 336px;
  }
 .nav-main-items > li > a {
    color: #444;
    text-transform: uppercase;
    font-size: 20px;}
    .area-header .header-group::before {background-image: none;}
	.area-header.casu .sticky.csssetting > .isfixed, .area-header.casu .sticky.always > .isfixed, .area-header.casu .sticky.upscroll > .isfixed {box-shadow: none;
    max-width: 90%;}
}

@media (min-width: 1013.98px) and (max-width: 1270px) {
	.nav-main-items > li > a {
    font-size: 17px;
	padding: 0 10px 8px 8px;}
	    header.fh.ls-2 .h-logo {
        flex: 0 0 165px;
        max-width: 165px;
    }
	header.fh.ls-2 .isfixed .h-logo {
        flex: 0 0 155px;
        max-width: 155px;
    }
	}
	
	
@media (min-width: 1400px) {
header.fh.ls-2 .h-logo {
        flex: 0 0 165px;
        max-width: 165px;
    }
    header.fh.ls-2 .isfixed .h-logo {
        flex: 0 0 155px;
        max-width: 155px;
    }
}

@media (max-width: 1013.98px) {
header.fh.ls-2 .h-logo {
    flex: 0 0 auto;
    width: 26.666667%;}
}
/*########################## 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;}

}

/*########### MODAL ###########*/
.modal {box-shadow:0px 4px 16px 0px rgba(0,0,0,0.36);  }
.modal-content { background: #fff;border-radius: 15px 0;}
.modal-body { padding: 1px 30px 15px; text-align: center; font-weight: 400; margin-top: -15px; font-size: 22px;}
.modal-text {line-height: 1.3; margin-bottom: 20px; font-size: 18px; color: #444; text-align: left;}
.modal-header .btn-close {position: relative; right: -14px; top: -16px; border: 0; background: #fff; font-size: 20px; font-weight: 400; color: #444; max-width: max-content; padding: 7px 10px; line-height: 1;
    border-radius: 50%; box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 17%);}
.btn-bewerbung:before{content:"\f108"; font-family: forkawesome; right: 9px; position: relative; top: 1px; font-size: 17px;}
.modal-body a.btn {position: relative;  background: #CC1E1C; color: #fff; margin-top: 10px; padding: 8px 15px; border-radius: 4px; font-size: 20px;font-weight: 400; border: 0; box-shadow:0px 4px 16px 0px 		rgba(0,0,0,0.36);}
.modal-body a.btn:after {font-size: 15px; font-family: ForkAwesome;   margin-left: 8px; margin-top: 25px;}
.modal-body a.btn.spende:after {content: "\f054";}
.modal-backdrop{opacity:0.6 !important;}
.modal-backdrop + .modal-backdrop {display: none;}


.modal-header .btn-close:before{content: "\f00d"; font-family: ForkAwesome;}
.modal img {max-width: 100%; margin-bottom: 20px; border-radius: 15px 0;}
.modal .tel-num{color: #CC1E1C; padding: 8px 15px; background: #eee; border-radius: 4px; margin: 10px 0;}
.modal .tel-num a {font-size: 22px; font-weight: 600;}
.modal h2{font-size: 30px;font-weight: 300;}
.modal-text div {text-align: center;}

.opencms-page-editor .btn-bewerbung {top: 75px;}
.opencms-page-editor .nav-toggle-label {top: 63px !important;}
.btn-wrap {transition: 0.8s all ease; z-index: 1000; position: fixed; }


@media(max-width: 550.98px){
.btn-bewerbung {right: unset; left: 15px; top: unset; bottom: 0; border-radius: 0; border-top-right-radius: 4px; border-top-left-radius: 4px;}
.opencms-page-editor .btn-bewerbung {top: unset;}
.modal .tel-num a {font-size: 17px;}
.modal-text {font-size: 16px;}
}
@media(max-width: 450.98px){
.modal .tel-num a {font-size: 16px;}
.modal .tel-num{padding: 8px 10px;}
.modal-body {padding: 1px 20px 15px;}
}
@media(max-width: 361.98px){
.modal .tel-num a {font-size: 15px;}
.modal .tel-num{padding: 8px 10px;}
.modal-body {padding: 1px 18px 15px;}
}


body.casu-body {
    
    max-width: 90%;
   margin: 0 auto;
	
}
body.startslider {
    
    max-width: 100%;
    margin: 0 auto;
	
}
#mercury-page {overflow-x: clip;}
#template-info::before {
  display: none;
 content: '{"main-theme":"#444", "main-theme-hover":"#dd0011", "map-color":["#CC1E1C","#A05C3E","#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":"#CC1E1C"}]},{"featureType":"road","elementType":"labels.icon","stylers":[{"visibility":"on"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#fafafa"}]},{"featureType":"water","elementType":"geometry.fill","stylers":[{"color":"#a5b1be"}]}]}'; }
 /*#################### MAP SEARCH ########################*/
.map-search .teaser {
    padding: 25px;
    box-shadow: 0px 0px 5px -1px rgb(0 0 0 / 30%);
    margin-bottom: 20px;
    box-shadow: 0px 0px 5px -1px rgb(0 0 0 / 30%);
    margin-bottom: 20px;}
 @media (min-width: 764px) {
    .map-search .list-content .teaser {
        padding: 30px 0 30px 30px;
    }
}
 .geosearch-filter.box {padding: 30px !important;}
.type-geosearch .dropdown .dropdown-toggle, .type-geosearch .styled-form .submit-section .btn, .type-geosearch .geosearch-filter {border-radius: unset !important;}
.type-geosearch .dropdown .dropdown-item .dropdown-item-count {display: flex;}
.type-geosearch .dropdown .dropdown-menu {color: #fff; background-color: #657d91;}
.type-geosearch .dropdown .dropdown-item-title {white-space: normal; -webkit-hyphens: auto; hyphens: auto; overflow-wrap: anywhere; word-break: break-word;}
.type-geosearch .dropdown .dropdown-item {color: #fff;}
.dropdown-item.active, .dropdown-item:active {background-color: #CC1E1C;}
.dropdown-item-1 .dropdown-item-title {font-weight: 700;}
.dropdown-item-1 .dropdown-item-count {display: none !important;}
.contact-teaser.in-list h3 {font-weight: 400;}
.type-geosearch .geosearch-filter { background: #eee; margin-right: 30px;}
.map-search .styled-form, .map-search .geosearch-filter.box {background-color: #f3f3f3;}
.type-geosearch .btn:hover {background-color: #E53526;}
.type-map{    box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3);}

.maplibregl-popup-content a{font-size: 15px;}
.type-map .map-marker .website {margin-bottom: 5px; margin-top: 16px;}

@media (min-width: 1014px) {
.contact-teaser.in-list {font-size: 1.6rem;}
.contact-teaser.in-list h3 {font-size: 2.4rem;}
.type-geosearch .geosearch-filter {height: fit-content;}
.type-geosearch .geosearch-filter {flex: 0 0 27%;}
}