@import url('/export/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/css/owl.carousel.min.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/css/owl.theme.default.min.css');
@import url('/.mod/modern/font.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/mercury/main.css');
@import url('/.mod/sidebar-main.min.css');
@import url('/.mod/sidebar.css');
@import url('/export/sites/demo-s-11/0-mercury-update-fix/fix.css');

#topcontrol{display: none;}

.acc-jobs .accordion .acco-body {padding: 15px 0px 0px 30px;}

.modal {box-shadow:0px 4px 16px 0px rgba(0,0,0,0.36);}
.modal-content { background: #fff;}
.modal-body { padding: 0 40px 45px; text-align: center; font-weight: 400; margin-top: -15px; font-size: 22px;}
.modal-text {line-height: 1.15; margin-bottom: 20px; font-size: 25px; color: #444;}
.modal-header .btn-close { position: relative; right: 8px; top: 0;  border: 0;  background: #fff; font-size: 25px;font-weight: 400; color: #444;}
.modal-body a.btn {position: relative; display: block; width: 100%; background: #e00; color: #fff; padding: 6px 30px; margin-bottom: -4px; border-radius: 30px; 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: 25px;font-family: ForkAwesome; content: "\f18e"; margin-left: 10px; position: absolute;  right: 20px; top: 3px;}

.type-slider .slide-wrapper .caption strong {max-width: max-content;}

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

li.special {background: #e00; color: #fff;  line-height: 1;  font-size: 18px !important;  font-weight: 400; padding: 8px 23px 0px 20px; margin-top: -7px; margin-left: 15px; border-radius: 30px; box-shadow:0px 4px 16px 0px rgba(0,0,0,0.36);}
li.special a {color: #fff;   padding: 0 !important;  line-height: 1; font-size: 18px !important; font-weight: 400; }
li.special a:hover {color: #fff; }
.count-nav {margin-left: 5px;}

.btn-wrap .btn.btn-bewerbung{background: #76b900 url('/.galleries/bilder/.system/clock.png') no-repeat 8px 8px; border-radius: 50%; padding: 15px; color: #fff; border: 0; height: 60px; width: 60px; position: absolute; right: 0px; bottom: 0; box-shadow:0px 4px 16px 0px rgba(0,0,0,0.36);}
.btn-wrap .flag-bewerbung{transition: 0.5s all ease; background: #76b900; padding: 10px 20px 13px 20px; color: #fff; max-width: max-content; right: 77px; top: -15px; position: relative; font-size: 20px !important; box-shadow:0px 4px 16px 0px rgba(0,0,0,0.36);}
.btn-wrap a.flag-bewerbung:hover {text-decoration: none; color: #fff;}
.btn-wrap{position: fixed; right: 20px; bottom: 20px; z-index: 100;}

.btn-wrap .flag-bewerbung:after{ content: ''; position: absolute; top: 12px; width: 0; height: 0; border-top: 12px solid transparent;border-bottom: 12px solid transparent; border-left: 12px solid #76b900; right: -12px;}

@media (max-width: 551.98px) {
.btn-wrap .btn.btn-bewerbung{background: #76b900 url('/.galleries/bilder/.system/clock2.png') no-repeat 5px 6px; border-radius: 50%; padding: 15px; color: #fff; border: 0; height: 40px; width: 40px; position: absolute; right: 0px; bottom: -5px; box-shadow:0px 4px 16px 0px rgba(0,0,0,0.36);}

.btn-wrap .flag-bewerbung{transition: 0.5s all ease; background: #76b900; padding: 6px 15px 6px 15px; color: #fff; max-width: max-content; right: 54px; top: -5px; position: relative; font-size: 17px !important; box-shadow:0px 4px 16px 0px rgba(0,0,0,0.36);}

.btn-wrap .flag-bewerbung:after{ content: ''; position: absolute; top: 6px; width: 0; height: 0; border-top: 12px solid transparent;border-bottom: 12px solid transparent; border-left: 12px solid #76b900; right: -9px;}
}

:root {--my-body-font-family: "Source Sans Pro", -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";}

.topfoot .col-lg-4.flex-col {container-type: normal;}

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

.detail-page.layout-1 .detail-visual.piece.phv.phh > .visual {
    margin-bottom: 1rem;}


.news-modern {display: none;}
.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;}

.box.box2 {
    
    background: #eee;
}
.lotse .black.piece > .visual .subtitle {background: rgba(0, 0, 0, .4);}
.subline p:first-child {
    color: #e03e2d; line-height: 1;
}
header.fh.ls-4 .h-logo {flex: 0 0 120px; max-width: 120px;}
.angebote img {background: #666; border-radius: 100%; padding: 30px; max-width: 90%; margin: 0 auto;}
.angebote .red img {background: #e00;}
.angebote .piece > .visual .subtitle {font-size: 26px;
    text-align: center;}
.angebote .image-src-box.presized img {right: 0; }
.angebote .effect-box {max-width: 200px;
    margin: 0 auto;}
.area-foot img {max-width: 170px;}
.area-foot .topfoot {
    background: #333 url(/.galleries/bilder/.system/watermark2.png) no-repeat 100px center;}
.watermark  {background: #ee0000 url(/.galleries/bilder/.system/watermark-single.png) no-repeat 15% center;}
.cite {padding-bottom: 70px;}
.cite.no-logo {background: #ee0000 url() no-repeat 15% center;}
.colored-row.bg-theme {
    background-color: #e00; color: #fff;}
.colored-row.bg-theme h2 {color: #fff;}
.colored-row.bg-theme .pdf li:before, .colored-row.bg-theme .link li:before, .colored-row.bg-theme .check li:before {color: #fff;}
.type-contact .text {
    font-size: 1.9rem;
}
.type-contact .body {padding-top: 20px;}
.link li, .pdf li, .check li {line-height: 1.2;}
.intro.check li {line-height: 1.4;}
.pdf li:before, .link li:before, .check li:before {top: 6px; color: #888;}

.jobs img {border-radius: 5px;}

.job-item {padding: 30px 25px 35px 25px;     background: #fcfcfc;  margin: 12px 0; border-radius: 5px;}
.job-item:nth-child(even) {background: #eee;}
.job-title {font-size: 25px; font-weight: 400; margin-top: 8px;  margin-bottom: 25px; clear: left; line-height: 1.1;}
.job-link {margin-top: 12px;}
.job-link a {font-size: 18px; padding: 5px 30px; background: #e00; border: 1px solid #e00;  border-radius: 30px; color: #fff;}
.job-link a:hover {  color: #fff; border: 1px solid #aaa; text-decoration: none; background: #aaa;}



.job-item .job-date {display: none;}
.job-item .details {font-size: 17px; margin-bottom: 0px;}
.job-item .details .art, .job-item .details .location, .job-item .details .frist { max-width: 400px; margin-right: 30px; display: inline-flex; line-height: 1.2;}
.job-item .details .art {}
.clear-left {clear: left; height: 0;}

.job-item .details div.location + div.location {}

.job-item .details .art::before, .job-item .details .location::before, .job-item .details .frist::before {
font-family: ForkAwesome;
font-weight: normal;
font-style: normal;
line-height: inherit;
position: relative;
color: #e00;

}


.job-item .details .art::before {
font-size: 25px;
content: "\f017";
margin-right: 8px;
top: -4px;
}


.job-item .details .location::before {
font-size: 25px;
content: "\f041";
margin-right: 8px;
top: -4px;
}

.job-item .details .frist::before {
font-size: 22px;
content: "\f073";
margin-right: 8px;
top: -4px;
}


.white .btn {font-size: 2.2rem; color: #fff; border-color: #fff;}

.cites .item {background: transparent; padding: 0;}
.cites .owl-stage {padding: 10px 0px  !important;}
.cites.owl-carousel .owl-nav .owl-next {position: absolute; top: 25%; right: -30px;}
.cites.owl-carousel .owl-nav .owl-prev { position: absolute;
    top: 25%;   left: -40px;}
.cites.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 54px;
    margin: 5px;
    padding: 4px 7px;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.cites .cite-img {float: left; max-width: 230px; margin-right: 30px; padding: 4px; border-radius: 50%; border: 2px solid #fff;}
.cites .cite-img img  {border-radius: 50%; }

.cites blockquote, .cites p, p.author {color: #fff !important;     display: flow-root;}
.cites p.author {text-align:right; font-style: italic; font-size: 24px;}

.owl-theme .owl-dots .owl-dot span {background: #fff;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #999;}


.accordion.benefits .acco-toggle.collapsed::after {
    /*content: "";
    padding: 0px 24px;*/
	color: transparent;
    height: -webkit-fill-available;
    }
.accordion.benefits:nth-child(1) .acco-toggle.collapsed::after {background: url(/.galleries/bilder/.system/gehalt.png) no-repeat center center; background-size: contain;}
.accordion.benefits:nth-child(2) .acco-toggle.collapsed::after {background: url(/.galleries/bilder/.system/urlaub.png) no-repeat center center; background-size: contain;}
.accordion.benefits:nth-child(3) .acco-toggle.collapsed::after {background: url(/.galleries/bilder/.system/vorsorge.png) no-repeat center center; background-size: contain;}
.accordion.benefits:nth-child(4) .acco-toggle.collapsed::after {background: url(/.galleries/bilder/.system/gesundheit.png) no-repeat center center; background-size: contain;}
.accordion.benefits:nth-child(5) .acco-toggle.collapsed::after {background: url(/.galleries/bilder/.system/weiterbildung.png) no-repeat center center; background-size: contain;}
.accordion.benefits:nth-child(6) .acco-toggle.collapsed::after {background: url(/.galleries/bilder/.system/wiedereinstieg.png) no-repeat center center; background-size: contain;}
.accordion.benefits:nth-child(7) .acco-toggle.collapsed::after {background: url(/.galleries/bilder/.system/familienfreundlich.png) no-repeat center center; background-size: contain;}
.accordion.benefits:nth-child(8) .acco-toggle.collapsed::after {background: url(/.galleries/bilder/.system/mobilitaet.png) no-repeat center center; background-size: contain;}
.accordion.benefits:nth-child(9) .acco-toggle.collapsed::after {background: url(/.galleries/bilder/.system/gemeinschaft.png) no-repeat center center; background-size: contain;}
.accordion.benefits:nth-child(10) .acco-toggle.collapsed::after {background: url(/.galleries/bilder/.system/religion.png) no-repeat center center; background-size: contain;}
.accordion.benefits:nth-child(11) .acco-toggle.collapsed::after {background: url(/.galleries/bilder/.system/mitarbeitende.png) no-repeat center center; background-size: contain;}

.accordion.benefits .acco-header > a {padding: 10px 55px 20px 65px;}

.accordion.benefits .acco-toggle.collapsed::after {opacity: 0.5;}
.accordion.benefits .acco-toggle.collapsed::before {position: absolute;
    display: inline-block;
    font-family: ForkAwesome; right: 0;
    left: unset;
    font-size: 20px;
    background: #ddd;
    top: 3px;
    color: #fff;
    border-radius: 4px;
    content: "\f067";
    padding: 10px 15px;} 

a.external:after {padding-left: 6px;
    font-size: 19px;}
.type-map .map-marker .markhead {
    font-size: 18px;
}





@media (min-width: 552px) {
header.fh.ls-4 .h-logo {
    flex: 0 0 130px;
    max-width: 130px;}
}
@media (min-width: 764px) {
.piece.flex.left > .body { padding-top: 20px;}
}
@media (min-width: 1014px) {
.subline p:first-child {
    margin-top: -15px;
}
.intro p, .intro p b, .intro ul li {font-size: 2.8rem;}
header.fh.ls-4 .h-logo {
    flex: 0 0 180px;
    max-width: 180px;}
	header.fh.ls-4 .isfixed .h-logo {
    flex: 0 0 160px;
    max-width: 160px;}
	.nav-first a {
    display: flex;}
	header.fh.ls-4.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 150px);}
}
@media (min-width: 1200px) {
header.fh.ls-4 .h-logo {
    flex: 0 0 220px;
    max-width: 220px;}
header.fh.ls-4 .isfixed .h-logo {
    flex: 0 0 180px;
    max-width: 180px;}
}
@media (max-width: 1013.98px) {
li.special a {padding: 0 10px 10px 0px !important; font-size: 15px !important; margin-left: -5px; float: left; border-bottom: 0;}
li.special {display: block; margin-top: 0px; margin-left: 0; border-radius: 0; box-shadow: none;}

.angebote .effect-box {max-width: 180px;
    margin: 0 auto;}
.angebote .col-md-6 {width: 50%;}
.job-title {
    font-size: 18px;}
.type-slick-slider {margin-top: -3px;}
.type-slick-slider .slide-wrapper .caption.foreground strong {
    font-size: 20px;
    padding: 7px 15px;
}
.type-slick-slider .slide-wrapper .caption.foreground small {
    font-size: 18px;
    padding: 7px 15px;
}
.h-nav .co-lg-xl {
    padding-right: 30px;
    padding-bottom: 5px;
}
header.fh.ls-4 .h-logo {
    flex: 0 0 90px;
    max-width: 90px;}
.cites blockquote, .cites p, p.author {width: 100%;}
.cites .cite-img {    margin: 0 auto; margin-bottom: 20px;}
h1, .h1, h2, .h2 {
    font-size: 2.3rem;}
.subline p:first-child {
    font-size: 2.3rem;}
header.fh.ls-4 .nav-main-mobile-logo .img-responsive {
    width: 83px;}
#nav-main-addition {display: none;}
.type-contact .text {
    font-size: 1.5rem;}
}
@media (max-width: 763.98px) {
.type-slider .slide-wrapper .caption{padding: 15px 10px 0px;}
.type-slider.text-below-on-xs .slide-wrapper .subcaption {padding: 0;}
.type-slider .slide-wrapper .caption.foreground small {background: #fff;}
.angebote .piece > .visual .subtitle {
    font-size: 20px;}
.type-slider.text-below-on-xs .slider-box {
    background-color: #e00; }
.type-slick-slider .slide-wrapper .caption.background, .type-slider.text-below-on-xs .slide-wrapper .caption {
    background: #fff; }
.type-slider.text-below-on-xs .captions {
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-grow: 10;
    border-top: 1px solid #eee;
}
.type-slider.text-below-on-xs .slide-wrapper strong {
    font-size: 1.8rem;}
.white .btn {
    font-size: 18px;}
.angebote .effect-box {max-width: 200px;
    margin: 0 auto;}

.type-slider .slide-wrapper .caption small {
    font-size: 18px;
    padding: 15px;
    width: 100%;
    display: block;
    line-height: 1.15;
    font-size: 17px;
    border-radius: 0;
    background: #eee;
}
	
}

@media (max-width: 551.98px) {
.cites p.author {font-size: 16px;}
.job-item .details .art::before {
    font-size: 21px;}
	.job-item .details .frist::before {
    font-size: 20px;}
	.job-item .details .location::before {
    font-size: 24px;}
.accordion .acco-toggle.collapsed::after, .accordion .acco-toggle::after, .accordion.benefits .acco-toggle.collapsed::before {padding: 10px 13px;
    font-size: 15px;}
.job-link a {
    font-size: 15px; padding: 5px 15px;}
.cite-img {margin-bottom: 15px; float: none !important;}
.accordion .acco-header > a {
    padding: 15px 15px 10px 55px;
    font-size: 19px;}
.modal-body a.btn:after {right: 8px; top: 2px;}
.modal-body a.btn {font-size: 17px;}
.modal-text {font-size: 18px;}
}