@import url('/export/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency.css');
@import url('/export/sites/demo-s-11/0-mercury-update-fix/fix.css');
@import url('/.themes/font.css');
@import url('/.themes/animate.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/m-access/m-access.css');
.pp-banner .buttons .btn-accept, .pp-banner .buttons .btn-accept:hover {
    background-color: green;
    color: #fff;
    border-color: transparent;
}

html:not(.opencms-page-editor) .honeypot section:first-of-type {display: none;}
.honeypot table.webform-input tr:first-child {display: none;}


/*########################## 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;}

}
.wozu .link-animate  a{
	position: relative;
	
}
.wozu .link-animate  a:hover{
	text-decoration: none;
}
.wozu .link-animate  a:after{
	content: '';
	display: block;
	position: absolute;
	width: 38%;
	left: 0%;
	bottom: 0;
	border-bottom: 1px solid #D9000D;
	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;
}
.wozu .link-animate a:hover:after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	left: 0%;
	border-bottom: 2px solid red;
}

.wozu.center .row {align-items: center;}
.wozu.center .row.no-center {align-items: flex-start;}
.wozu.no-para.effect-parallax-bg {background-attachment: initial; background-position: left !important; max-width: 80%; margin: 0 auto;}
.wozu.no-para.effect-parallax-bg .row.justify-content-lg-center {
        justify-content: flex-end !important;}
		
.wozu.bg-grey .container-box.box-row {display: none;}
.kasten, .aufstehen .body {background: #fff; padding: 30px; box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%); border-radius: 5px;}
.kasten.top {max-width: 90%; z-index: 222; margin: 0 auto;}
.kasten .lead p, .aufstehen .lead p {font-size: 2.6rem; line-height: 1.3;}
.kasten h3, .aufstehen h3 {font-family: "Tomorrow", sans-serif; font-family: "Jersey 10", sans-serif; color: #D9000D; font-size: 4rem; font-weight: 400; font-style: normal;}
.kasten h4, .aufstehen h4 {font-size: 1.8rem; font-weight: 500;     margin-bottom: 4px !important;}
.kasten h5, .aufstehen h5, .wozu .link-animate .lead a, .wozu .link-animate a {font-size: 1.6rem; font-weight: 300;}

@media (min-width: 764px){

}
@media (min-width: 1014px){
.aufstehen.right .body {max-width: 45%; z-index: 2; position: absolute; right: 30px; top: 40px;}
.aufstehen.left .body {max-width: 45%; z-index: 2; position: absolute; left: 30px; top: 40px;}
.wozu. .neg-mt {margin-top: -210px !important;}
.wozu.max-95 {max-width: 95%; margin: 0 auto;}
.wozu.max-75 {max-width: 75%; margin: 0 auto;}
.kasten.off {margin-left: -80px; margin-right: 80px;}
.kasten.off.left {margin-left: 80px; margin-right: -80px; z-index: 9;}

}

@media (min-width: 1400px){
.kasten.top {margin-top: -110px;}
}

@media (max-width: 1014px){
.wozu.max-95 {max-width: 95%; margin: 0 auto;}
.wozu.max-75 {max-width: 90%; margin: 0 auto;}
.order-2order-md-1.order-lg-3 {order: 2;}
}
@media (max-width: 763.98px){
.wozu p {font-size: 1.8rem  !important;}
.wozu .aufstehen p {font-size: 2rem  !important;}
}
@media (min-width: 1014px) and (max-width: 1199.98px) {
 

}
@media (min-width: 1014px) and (max-width: 1599.98px) {
.aufstehen h3 {font-size: 25px;}
.aufstehen.piece .piece-heading {margin-bottom: 0;}
.aufstehen p, .aufstehen h4, .aufstehen h5, .aufstehen.link-animate a {font-size: 1.6rem   !important;}
.aufstehen.right .body, .aufstehen.left .body {top: 20px;}
.aufstehen.right .body {right: 20px;}
.aufstehen.left .body {left: 20px;}
.aufstehen .body {padding: 20px;}
.aufstehen.right .body, .aufstehen.left .body {max-width: 50%;}

}
@media (min-width: 1014px) and (max-width: 1199.98px) {
.aufstehen.right .body, .aufstehen.left .body {top: 15px;}

.aufstehen.left .body {left: 15px;}
.aufstehen .body {padding: 15px;}
 .aufstehen p, .aufstehen h4, .aufstehen h5, .aufstehen.link-animate a {font-size: 1.3rem   !important;}

}



div{hyphens: none !important;}
#topcontrol,#topcontrol:hover  {background: #D9000D;}
.head img{
    top: 0px !Important;
}
.ap-legaltext > .row > div {
    padding-left: 0;
}
.head.isfixed img{
    top: 13px !Important;
}
.h-meta .ls-item {font-size: 17px; text-transform: none;}
.h-meta a:hover {font-weight: 300;}
.header-links {padding-right: 14px;}
.h-meta .ls-icon + span {margin-left: 6px;}

.external:after{
	display:none;
}

:root {
    
	 --my-body-font-size: 20px;
	 --my-icon-font-family: "ForkAwesome";
	 --my-nav-toggle-bg: #e00;
	     --my-font-family-headings: 'Open Sans', sans-serif;
    	--my-btn-font-family: 'Open Sans', sans-serif;
	}

body {font-family: 'Open Sans', sans-serif; font-weight: 300;}


/*********** COOKIE BANNER ************/
.pp-banner * {
    font-size: 18px;
}
/*********** ENDE ************/


.row-left.justify-content-lg-center {
    justify-content: flex-start !Important;
}
.white p, .white h2, .white li, .white .type-contact, .white h3, .white .adress, .white .type-contact a, .white .h5,.white .h4, .white .fn, .white .type-contact .tel,.white .type-contact .mail,.white .type-contact .fa-envelope-o:before,.white .type-contact .fa-mobile:before, .white a{color: #fff !Important;}
.white a{color: #fff !Important; text-decoration: none;}
.white a:hover{text-decoration: underline;}
.bg-red.white h3{font-size: 24px;}
.bg-red.white a{font-weight: 400;}
.bg-red.white .link a{
	border: 2px solid #fff;
    background: transparent;
    border-radius: 30px;
    padding: 10px 40px;
}
.bg-red.white .link{
	display: flex;
    justify-content: center;
	margin-top: 40px;
}
.bg-red.white .link-links .link{
	margin-top: 40px;
	display: block;
}




h1, h2{color: #D9000D; font-size: 37px; font-weight: 400;}
.headline h3{font-size: 24px; font-weight: 400;}
.headline-black h2{color: #000; font-size: 37px; font-weight: 500;}
p{font-size: 20px;}
a{color: #D9000D; font-weight: 300;}
a:hover{color: #D9000D; font-weight: 400;}
.text-spacer-top {
    margin-top: 20px;
}
.subfoot a:hover {
    font-weight: 300;
}

.spacer-top{margin-top: 70px;}
.spacer-bottom{margin-bottom: 70px;}
.spacer-small{margin-top: 10px;	margin-bottom: 10px;}
.text-white p{color: #fff; font-size: 32px;  line-height: 1.5; }
.bg-red{background-color: #D9000D; padding: 80px 0 80px;}
.bg-grey{background-color: #e6e6e6; padding: 80px 0 80px; background: #f4f4f4;}
.bg-red-small{background-color: #D9000D; padding: 40px 0 60px; max-width: 1000px; margin: 0 auto; z-index: 10; position: relative;}
.bg-red-small h3{ color:#fff; font-weight: 400; font-size: 20px;}
.bg-red-small h2{ color:#fff; font-size: 30px; font-weight: 400;}
.bg-red-small p{ color:#fff; font-weight: 300; font-size: 18px;}
.bg-blue{ background-color: #eef1f6; padding: 80px 0 80px;}
.bg-grey.faq{padding-top: 210px; margin-top: -190px;}
.bg-grey.stellen{padding-top: 210px; margin-top: -190px;}
.bg-grey.stellen.anna{padding-top: 210px; margin-top: 40px;}
.neg-mt{margin-top: -60px;}

.bg-img{background-color: #fff;  background-repeat: no-repeat; background-position: 210px 100px; padding-top: 80px; padding-bottom: 80px;}
.bg-img.leitbild{background-image: url(/.galleries/bilder/leitbild-light.png); }
.bg-img.benefits{background-color: #D9000D; background-image: url(/.galleries/bilder/benefits-light.png); background-position: 210px 20px;}
.bg-img.zahlen{background-image: url(/.galleries/bilder/zahlen-fakten-light.png); }
.bg-img.taetigkeitsfelder{background-color: #f2f2f2;background-image: url(/.galleries/bilder/taetigkeitsfelder-light.png); }
.bg-img.einstieg{background-color: #f2f2f2; background-image: url(/.galleries/bilder/flammenkreuz.png);padding-top: 80px; padding-bottom: 200px;background-position: 170px 80px; }

.bg-img.benefits h2, .bg-img.benefits{color: #fff;}

.kachel{margin-top: -100px !Important; flex-grow: 1;}
.kachel-red{background-color:#D9000D; color: #fff !important; padding: 27px; font-size: 21px; font-weight: 400;}
.kachel-grey .body{background-color:#f2f2f2; color: #D9000D !important; padding: 20px; font-size: 21px; flex-grow: 1; font-weight: 400;}
.kachel-grey a{background-color: #D9000D; padding: 13px; color: #fff; margin-top: auto; position: relative; text-align: left;}
.kachel .piece > .body + .link,.kachel-grey .piece > .body .text + .link {margin-top: 0px;}
.kachel-grey a:hover{
    background: #D9000D url(/.galleries/bilder/arrow-right.png) no-repeat right 10px;	
}
.kachel .handy:before{
	content: "\f10b";
	font-family: "ForkAwesome";
    font-size: 34px;
    left: -10px;
    position: relative;
	top: 3px;
	font-weight: 400;
}
.kachel a.handy{color: #fff; padding-left: 10px; font-weight: 800; font-size: 25px;}

.kachel .tile-col .text-overlay, .square-col .text-overlay {
    background-color: #f7f7f7;
	padding: 13px;
}
.kachel .tile-col:hover .text-overlay{
    background: #D9000D url(/.galleries/bilder/arrow-right.png) no-repeat right 8px;
	
}
.kachel .tile-col.element .copyright {
    padding: 5px;
    font-size: 9px;
    text-shadow: none;
    background-color: rgba(0,0,0,.5);
    top: 0;
	bottom: unset;
}


.copy-line .copyright{
	font-size: 30px !important;
    background-color: #D9000D !important;
    position: absolute !important;
    top: 310px;
    padding: 16px 21px 16px !important;
    max-height: max-content;
	left: 0;
    text-align: left !important;
	opacity: 1 !important;
}
.copy-line-small .copyright{
	font-size: 30px !important;
    background-color: #D9000D !important;
    position: absolute !important;
    top: 310px;
    padding: 16px 21px 16px !important;
    max-height: max-content;
	left: 0;
    text-align: left !important;
	width:79.7%;
	opacity: 1 !important;
}

.kachel .tile-col .text-overlay h2{
    font-size: 20px;
	color: #D9000D;
	text-shadow: none !important;
}
.kachel .tile-col:hover .text-overlay h2{
    color: #fff;
}
.button1 .btn{background-color: transparent; padding: 15px 40px; border: 1px solid #D9000D; color: #D9000D; border-radius: 3px;}
.button1 .btn:hover{background-color: #D9000D; color: #fff;}
.button1 .link {text-align: center; margin-top: 40px;}

.button2 .btn{
	background: transparent;
    border: 1px solid #444;
    color: #444;
    margin-top: 10px;
    border-radius: 30px;
    padding: 8px 30px;
    font-weight: 300;
    font-size: 19px;
}

.zahlen .row-count {max-width: 660px; margin: 0 auto; color: #D9000D;}
.counter {font-size: 70px;  font-weight: 500; display: block; margin-bottom: -20px}
.features-info {    display: block;
    font-size: 20px;
    font-weight: 400;
    padding-top: 20px;
    border-top: 2px solid #D9000D;
	max-width: 76%;
    margin: 0 auto;
    margin-top: 20px;
}
.features {text-align: center;}

.subline p{
	font-size: 26px;
    margin-top: -15px;
    font-weight: 300;
}

.map-full .maplibregl-map {
  height: 500px !important;
 }
.map-osm .mapboxgl-popup-content {
    padding: 20px;
}
.type-map .map-marker .marktxt {
    line-height: 1.5;
    font-size: 16px;
	
}
.map-marker {
  padding: 10px;
}
.mapboxgl-marker {
    width: 31px;
    height: 29px;
    background: url(/.galleries/bilder/map-marker.png) no-repeat 0 0;
}
.mapboxgl-marker svg {display: none;}


.link-animate .link a{
	position: relative;
	
}
.link-animate .link a:hover{
	text-decoration: none;
}
.link-animate .link a:after{
	content: '';
	display: block;
	position: absolute;
	width: 38%;
	left: 0%;
	bottom: 0;
	border-bottom: 1px solid #D9000D;
	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;
}
.link-animate .link a:hover:after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	left: 0%;
	border-bottom: 2px solid red;
}

.bg-red .acc-red .btn{
    margin-left: 40px;
    padding: 8px 19px;
    display: inline-block;
    font-weight: 400;
    border-radius: 3px;
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    font-size: 19px;
    margin: 15px 0 30px 40px;
}
.bg-red .acc-red .btn:hover{
	font-weight: 600;
}
.bg-red.white .acc-red h3 {
    font-size: 22px;
}
.bg-red.white .acc-red h3.piece-heading {
    margin-bottom: 6px;
}
.bg-red.white .acc-red .type-contact h3 {
    font-size: 22px;
    padding: 0 0 0px 0px;
}
/*.bg-red.white .acc-red .type-contact .mail a{
	font-size: 17px;
}
.bg-red.white .acc-red .type-contact .tablerow.mail a {
    word-break: break-all;
}*/
.bg-red.white .acc-red .box-akk.type-contact{
	background-color: #fff;
	border-radius: 5px; 
	color: #444;
	padding: 30px 20px 20px;
}
.bg-red.white .acc-red .box-akk.type-contact p, .bg-red.white .acc-red .box-akk.type-contact h2, .bg-red.white .acc-red .box-akk.type-contact li, .bg-red.white .acc-red .box-akk.type-contact h3, .bg-red.white .acc-red .box-akk.type-contact .adress, .bg-red.white .acc-red .box-akk.type-contact a, .bg-red.white .acc-red .box-akk.type-contact .h5, .bg-red.white .acc-red .box-akk.type-contact .h4, .bg-red.white .acc-red .box-akk.type-contact .fn, .bg-red.white .acc-red .box-akk.type-contact .tel, .bg-red.white .acc-red .box-akk.type-contact .mail, .bg-red.white .acc-red .box-akk.type-contact .fa-envelope-o:before, .bg-red.white .acc-red .box-akk.type-contact .fa-mobile:before, .bg-red.white .acc-red .box-akk.type-contact a, .bg-red.white .acc-red .box-akk.type-contact .adr, .bg-red.white .acc-red .box-akk.type-contact .icon-label{
    color: #444 !Important;
}
.bg-red.white .acc-red .box-akk.type-contact img {
    padding: 10px;
	margin-top: -10px;
}
.bg-red.white .acc-red .box-akk.type-contact {
    margin-top: 10px;
}



.box{padding: 30px;}
.box ul, .box2 ul , .box3 ul{
    padding-left: 0;
    margin-left: 25px;
}
.box2 {
    padding: 30px;
    background: transparent;
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,.3);
}
.box2.type-contact .body{margin-top: 20px;}
.box2.type-contact {margin-top: 10px; margin-left: 3px;}
.box2.type-contact img{padding: 20px;}
.box3 {
	padding: 30px;
    background: #fff;
	color: #444 !important;
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,.3);
}
.box3 p,.box3 li, .box3 h2, .box3 h3, .box3 a{
	color: #444 !important;
}
.akk-zehn li{margin-bottom: 10px;}
.akk-zehn ol {
	list-style: none;
	counter-reset: my-awesome-counter;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	padding-left: 0px;
}
.akk-zehn ol li {
	counter-increment: my-awesome-counter;
	display: flex;
	width: 100%;
	font-size: 20px;
 	margin-bottom: 20px;
    line-height: 29px;
}
.akk-zehn li:before{
	content: "" counter(my-awesome-counter);
    font-weight: bold;
    font-size: 30px;
    margin-right: 20px;
    line-height: 1;
    color: #bbb;
	min-width: max-content;
}



/********** KONTAKTBOXEN **************/

.type-contact{
	margin-top: 30px;
	font-family: 'Open Sans', sans-serif !Important;
}
.type-contact h3{
	color: #D9000D;
    font-size: 28px;
    font-weight: 400;
}
.type-contact .h5, .type-contact .adr{
	font-size: 20px;
    font-weight: 300;
}
.type-contact h4{
	margin-bottom: 0 !Important;
	padding-top: 20px;
}
.type-contact img{
	border-radius: 50%;
	padding: 30px;
}
.type-contact .fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b";
    font-size: 30px;
	left: 5px;
    position: relative;
}
.type-contact .tel, .type-contact .mail, .type-contact a{
	font-size: 20px;
	font-weight: 400;
	color: #D9000D !Important;
}
.type-contact .fa-envelope-o:before {
    content: "@";
    font-family: opensans;
	color: #D9000D;
	font-weight: 600;
	font-size: 25px;
}
.type-contact .fa-mobile:before{
	color: #D9000D !Important;
}
.type-contact .adr-p{
	margin-bottom: 25px;
}
.type-contact.border{
	border-top: 2px solid #D9000D;
	padding-top: 30px;
}
footer .topfoot a{color: #444;}
footer .type-contact img {
    border-radius: 0;
    padding: 0;
}
footer .type-contact .piece.full > .visual {
    margin-left: 0;
	margin-bottom: 20px;
}

/************* AKKORDEON ******************/

.accordion .acco-header .acco-toggle::after{
	display: none;
} 

.accordion .acco-header .acco-toggle::after{
	content:"";
	background: url(/.galleries/bilder/plus.png) no-repeat 0 0 / 30px 30px;
	display: inline-block;
	position: absolute;
	left: 70px;
    top: 0px;
    width: 30px;
    height: 30px;
} 

.accordion .acco-header .acco-toggle[aria-expanded=true]::after{
	content:"";
	background: url(/.galleries/bilder/minus.png) no-repeat 0 0 / 30px 30px;
	display: inline-block;
	position: absolute;
	left: 70px;
    top: 0px;
    width: 30px;
    height: 30px;
} 
.accordion .acco-header .acco-toggle{
	border: none;
	border-bottom: 2px solid #bbb;
	color: #333;
	font-weight: 400;
	font-size: 22px;
	display: flex;
	background-color: transparent;
}
.accordion .acco-header .acco-toggle:hover{
	color: #333;
	border-bottom: 2px solid #bbb;
	
}
.accordion{
	box-shadow: none;
}
.accordion .acco-header > .acco-toggle {
    padding: 0 20px 20px;
	padding-left: 120px;
    
}
.accordion .acco-header .acco-toggle[aria-expanded=true]{
    color: #999;
    background-color: transparent;
    border-color: transparent;
}

.accordion .acco-body {
    border: 0;
	margin-left: auto;
    width: 100%;
    padding-left: 120px;
	padding-bottom: 30px;
	padding-top: 0;
	margin-top: 0px;
}

.acc-red .accordion .acco-header .acco-toggle{
	border-bottom: 0;
	color: #fff;
	background-color: transparent;	
	padding-left: 55px;
}
.acc-red .accordion .acco-header .acco-toggle:hover{
	color: #fff;
	border-bottom: 0;
	
} 
.acc-red .accordion .acco-header .acco-toggle[aria-expanded=true]{
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}
.acc-red .accordion .acco-header .acco-toggle::after{
	background: url(/.galleries/bilder/plus-weiss.png) no-repeat 0 0 / 30px 30px;
	left: 0;
} 
.acc-red .accordion .acco-header .acco-toggle[aria-expanded=true]::after{
	background: url(/.galleries/bilder/minus-weiss.png) no-repeat 0 0 / 30px 30px;
	left: 0;
} 
.acc-red .accordion {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.acc-red .accordion .acco-body {
    padding-left: 54px;
	padding-bottom: 50px;
}
.acc-grey .accordion .acco-header .acco-toggle{
	background-color: transparent;
}
.acc-grey .accordion .acco-header .acco-toggle{
	border-bottom: 0;
}
.acc-grey .accordion .acco-header .acco-toggle::before {
    padding: 15px;
}



/************* Geteiltes Bild *************/
.area-margin.area-content{margin-top: -83px;}
.spezial img{max-width: 430px !Important; height: auto !important; margin-top: -70px !important;}
.spezial h2{color: #D9000D; font-size: 37px; font-weight: 500; line-height: 1.3; padding-bottom: 50px; max-width: 470px; }
.spezial p {font-size: 20px; padding-top: 30px;}
.special-col .col-lg-6:last-child{display: none;}
.icons h2{color: #D9000D; font-size: 23px; font-weight: 500;margin: 0 auto; margin-top: -20px;  }
.icons img{margin: 0 auto; padding: 40px;}
.icons .pig img{margin: 0 auto; padding: 10px;}


.text-center {text-align: center;}
.no-resize .image-src-box img {width: auto; max-width: 100%; height: auto !important;}
.no-resize .image-src-box.presized img {position: relative; left: unset; top: unset; display: inherit;}
.no-resize .image-src-box.presized {position: relative; height: auto; padding-bottom: 0 !important;}
.logo-foot img {max-width: 200px !important;}

.area-header {padding-bottom: 0px; padding-top: 15px;}



.slick-next {right: 40px;}
.slick-prev {left: 10px;}
.slider-nav-btn.prev-btn::before {background-image: url(/export/sites/demo-s-11/0-caritas-shared/mercury/backward.png); width: 70px; height: 70px; background-size: 70px 70px;}
.slider-nav-btn.next-btn::before { background-image: url(/export/sites/demo-s-11/0-caritas-shared/mercury/forward.png); transform: rotate(360deg); width: 70px; height: 70px; background-size: 70px 70px;}
.type-slider .slide-wrapper .caption {background-color: #D9000D;  hyphens: none;}
.type-slider .slide-wrapper .caption.right {max-width: 370px;  padding: 30px; text-align: left; right: 200px; bottom: 60px;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption, .type-slider .slide-wrapper .caption small { font-weight: 400;}
.shadow{box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);}


.area-foot .subfoot {padding-top: 13px; padding-bottom: 13px; background: #333; font-size: 19px;}
.area-foot .subfoot .ls-row {margin-bottom: 0;}
.area-foot h2{
	font-size: 27px;
	color: #000;
}
.area-foot .topfoot .type-linksequence a {font-weight: 400; text-decoration: underline; line-height: 1.8; color: #333 !Important; text-decoration-color: #bbb;
   }
.area-foot a {color: #fff;}
.area-foot .topfoot {padding-top: 60px; padding-bottom: 40px; margin-top: 60px;background: #e6e6e6;background: #f4f4f4;}
.foot-divider {border-top: 2px solid #bbb; padding-top: 40px; margin-top: 35px; margin-right: 15px;}
.social-links {font-size: 16px; font-weight: 400;}
.social-links i {    font-size: 35px;
    margin-right: 13px;
    margin-top: 10px;
    padding: 3px 6px;
    background: #333;
    color: #fff;
  
    border-radius: 4px;}
	
.social-links i.fa-facebook {padding: 7px 15px 5px;  font-size: 30px;}
.content-bottom {margin-top: auto; margin-left: auto;} 


.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption{
    text-shadow: none;
}
/****************** JOBS ***************/

.job-item {padding: 30px; background: #fff; margin-bottom: 20px;}
.job-link {display: inline-block;}
.job-title {font-weight: 400;}
.job-title {font-size: 20px; margin-bottom: 12px;}
.job-date {font-style: italic; padding-bottom: 10px;}
.job-link a {text-decoration: none; margin-top: 20px; padding: 5px 12px; display: block; font-size: 17px; 
    background-color: transparent;
    border: 1px solid #111;
    color: #111;
    font-weight: 400;}
.job-link a:hover {color: #fff; text-decoration: none; background: #777; }

.job-item .left {float: left; width: 65%; }
.job-item .right {float: right; width: 30%; font-size: 16px; font-weight: 400; }
.job-item .clear {clear: both;}


.job-item .art, .job-item .frist, .job-item .location {min-height: 25px; padding-left: 34px; display: flex; margin-bottom: 10px; position: relative; line-height: 1.3;}
 .job-item .art::before, .job-item .frist::before, .job-item .location::before {display: inline-flex; content: ''; position: absolute; left: 0; width: 25px; height: 25px; background: url('/.galleries/bilder/system/icon-zeit.png') no-repeat 0 0; }
 
 .job-item .frist::before {background: url('/.galleries/bilder/system/icon-frist.png') no-repeat 0 0;}
  .job-item .location::before {background: url('/.galleries/bilder/system/icon-ort.png') no-repeat 0 0;}
  
  .job-item .location{display: none;}
/************** ENDE *********************/



/************** MEDIA QUERIES ************/

@media (min-width: 1400px){
.spezial h2{ margin-left: 26px;}
} 
 @media (min-width: 1200px){
.spezial h2{ margin-left: 28px;}
.area-one-row .container, .area-foot .container{
	max-width: 1140px;
    margin: 0 auto;
}
}
@media (min-width: 1014px){
.spacer-all{padding: 0 40px 40px;}
.big-margin{margin-top: 140px !Important;}
header.fh.header-isfixed.fix-compact .h-logo, header.fh.header-isfixed.fix-overlay .h-logo {  padding-top: 0;}
.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: #e00;}
.spacer-right{ padding-right: 100px;}
header.fh.ls-2.header-isfixed.fix-compact .h-logo {
    max-width: 150px;
}
.isfixed  .h-meta{
	display: none !important;
}
.nav-main-items > li.expand > a::after{display: none;}
.nav-main-items > li > a::before{
	content:"";
	background: url('/.galleries/bilder/kaestchen.png') no-repeat;
	height: 40px;
	width: 40px;
	display: inline-block;
	position: relative;
	top: 13px;
	left: -10px;
}
.nav-main-items > li > a{
	margin-left: 30px;
	text-transform: none;
	font-size: 20px;
	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;
}
.nav-main-items > li > a:hover:before{
	background: url('/.galleries/bilder/arbeitgeber.png') no-repeat;
}
.nav-main-items > li.nav-first > a:hover:before{
	background: url('/.galleries/bilder/stellenangebote.png') no-repeat;
}
.nav-main-items > li:last-child > a:hover:before{
	background: url('/.galleries/bilder/einstieg.png') no-repeat;
}
.nav-main-items > li > .nav-menu {
    top: 61px;
}
header.fh.nav-disp-default.nav-center .nav-main-items > li > .nav-menu, header.fh.nav-disp-default.nav-right .nav-main-items > li > .nav-menu, header.fh.nav-disp-big.nav-center .nav-main-items > li > .nav-menu, header.fh.nav-disp-big.nav-right .nav-main-items > li > .nav-menu {
    left: 56px;
}


.acco-body{padding-left: 120px;}
.spacer-top{margin-top: 90px;}
.text-spacer-top {
    margin-top: 90px;
}
.spacer-bottom{margin-bottom: 90px;}
.spacer-small{margin-top: 60px;	margin-bottom: 60px;}
header.fh .header-group {border-bottom: 0;}
.area-header .header-group::before {background-image: none;}

.icons h2{color: #D9000D; font-size: 23px; font-weight: 400;}
.spezial img{max-width: 470px !Important; height: auto !important; margin-top: -190px !important; margin: 0;}
.spezial h2{color: #D9000D; font-size: 37px; font-weight: 400; line-height: 1.3; padding-bottom: 50px; max-width: 470px;  }
.spezial p {font-size: 20px; padding-top: 50px; max-width: 490px; margin: 0 auto;}

}
@media (min-width: 1014px) and (max-width: 1198.98px) {
.kachel a.handy {
    font-size: 20px;
}
.kachel .handy:before {
    font-size: 28px;
}
.kachel-red {
   padding: 20px;
   font-size: 17px !Important;
}
.kachel-grey a {
    padding: 8px 13px;   
}
.kachel-grey p, .kachel-red p {
    font-size: 17px !Important;  
}
.bg-grey.faq .accordion .body{
	margin-left: 0px;
}
}
@media (min-width: 1014px) and (max-width: 1398.98px) {
.bg-img{background-position: 50px 80px;}
.bg-img.benefits{background-position: 50px 20px; background-size: 18%;}
.bg-img.leitbild{background-size: 17%;}
.bg-img.zahlen{background-size: 17%;}
.bg-img.taetigkeitsfelder{background-size: 17%;}
.bg-img.einstieg{background-size: 35%; background-position: center 90px;}
}
@media (min-width: 764px){
.icons-row{padding-top: 60px; padding-bottom: 60px;}
.area-header .sticky.csssetting > .isfixed, .area-header .sticky.always > .isfixed, .area-header .sticky.upscroll > .isfixed {
    padding-bottom: 20px;
}
.spacer-headline{
	padding-top: 40px
}
}
@media (max-width: 1199.98px){
.type-slider .slide-wrapper .caption.right {right: 80px;}

}

@media (max-width: 1013.98px) {
.accordion .acco-header > .acco-toggle {
    padding-left: 60px;
}
.accordion .acco-header .acco-toggle::after {
    left: 13px;
}
.accordion .acco-header .acco-toggle[aria-expanded=true]::after{
	left: 13px;
} 
.accordion .acco-body .box2{margin-left: 2px;}

.contact-middle .detail-page.type-contact {
	display: flex;
    justify-content: center;

}
.contact-middle .type-contact .paragraph.contact-pers{
	width: 60%;
}
.accordion .acco-body {
    padding-left: 0;
}
.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {
    background-color: transparent;
}
.nav-main-items li.expand.ed > a {
    background-color: transparent;
}
.mobile-logolink .image-src-box.presized img, .image-src-box.presized .img {
    height: auto;
}
.header.fh.ls-2 .nav-main-mobile-logo .mobile-logolink {
    max-width: 35%;
    height: auto;
}
header.fh.ls-2 .h-logo {
    flex: 0 0 130px;
    width: 130px;
}
.area-header + .area-content {    margin-top: 78px;}
#main-content > .container .row-12.pt-40 {padding-top: 5px !important;}
.area-header.header-notfixed {
    position: fixed !important;
    top: 0;
    padding-top: 0;
    width: 100%;
    z-index: 150000;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fixHeader;
    animation-name: fixHeader;
    opacity: 0.97;
    background-color: #fff;
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 30%);
}
.h-nav .co-lg-xl {
    padding-bottom: 5px;
}

a#label_nav-main-addition {
    display: none;
}

.nav-main-items li > .nav-menu#nav_nav-main-addition {
    max-height: 30px !important;
    margin-bottom: 20px;
	padding-left: 15px;
}

ul#nav_nav-main-addition li {
    display: inline-block;
    margin-right: 4px;
}



ul#nav_nav-main-addition > li > a {
    padding-left: 0px;
}


.nav-main-container .nav-main-group .nav-main-items {
    border-top: 0;
}

.head-links a {font-size: 15px;}
.head-links {position: absolute;
    top: 10px;
    right: 65px;}
.head-links .ls-icon + span {
    
    margin-left: 2px;
}
.head-links.ls-row.no-icon li:not(:last-child) {
    margin-right: 5px;
}
.head-links.type-linksequence li a {
    padding:  0 8px;
    
    color: #333 !important;
}

ul.nav-main-items {    position: relative;}
li.nav-icon {position: absolute;bottom: -55px;left: 13px;}
li.nav-icon a { border-bottom:0;     background: #555;
    color: #fff;
    border-radius: 4px;
    padding: 3px 10px;}
	

.nav-main-items li.expand.ed > a {
    color: #e00;}
h1, h2, .headline-black h2 {
        font-size: 28px;}
.type-contact .piece > .visual {
    width: 50%;
    margin-left: 20px;}
.ph-40, .pl-40 {
    padding-left: 0 !important;}
.nav-main-items li.expand > a[aria-controls]::after { display: none !important;}
.nav-main-mobile-logo .image-src-box.presized {padding-bottom: 80px !important;}

.nav-main-container .nav-main-mobile-logo {text-align: right; padding-right: 65px;}
.nav-main-container {background-color: #fff;}
header.fh.ls-4 .nav-main-mobile-logo .img-responsive { width: 153px;}

#nav-toggle-label {top: 10px;right: 10px; }
.nav-toggle, .nav-toggle.active {background-color: #ee0000; border-radius: 3px;}
.header-image.image-src-box.presized img  { z-index: 1; }


html.active-nav .area-header .header-group li[aria-expanded] > a::after {right: 10px;background-color: #ee0000; border-radius: 3px; }
html.active-nav .area-header .head-overlay {opacity: 0.5;}

}
@media (min-width: 764px) and (max-width: 1013.98px) {
.top-image img{
	margin-top: 40px;
}
.type-slider .slide-wrapper .caption.right {
    max-width: 340px;
    padding: 30px;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {
    font-size: 2rem;
}
.kachel .col-lg-4{
    max-width: 70%;
    margin: 0 auto;
}
.bg-red-small {
    margin-top: 50px;
}
.acc-grey .accordion .body{
	margin-left: 108px;
}
.type-contact img {
    padding: 40px;
}
footer .type-linksequence{padding-left: 14px;}
.type-contact .piece > .visual {
    width: 75%;
    margin-left: 0;
}
.none-img{
	display: none !important;
}
.bg-grey.stellen {
    padding-top: 60px;
    margin-top: 40px;
}
.area-margin.area-content {
    margin-top: 34px;
}
.pv-40, .pt-40 {
    padding-top: 3rem !important;
}
.head-fragen h2{margin-top: 40px;
}
.bg-img.einstieg{background-position: center 80px; }
}

@media (max-width: 763.98px) {
.zitat p{font-size: 22px !important;}
body, p, li, .type-contact .tel, .type-contact .mail, .type-contact a, .type-contact .adr, .type-contact h4, .type-contact .h5 {
	font-size: 17px !Important;
}
.type-contact h4 {
    padding-top: 0px;
}
.type-contact .adr-p {
    margin-bottom: 15px;
}
.type-contact .piece > .visual {
    width: 75%;
    margin-left: 20px;
}
h1, h2, .headline-black h2 {
    font-size: 23px;
}
.accordion .acco-header .acco-toggle, .bg-red.white .acc-red h3 {
    font-size: 19px;
}
.acc-red .accordion .acco-header .acco-toggle::after {
    background: url(/.galleries/bilder/plus-weiss.png) no-repeat 0 0 / 25px 25px;
    left: 13px;
	top: -2px;
}
.acc-red .accordion .acco-header .acco-toggle[aria-expanded=true]::after{
	background: url(/.galleries/bilder/minus-weiss.png) no-repeat 0 0 / 25px 25px;
    left: 13px;
	top: -2px;
}
.bg-red.white h3 {
    font-size: 20px;
}
.p-40{padding: 0 !important;}
.features-info {
    font-size: 18px;
    max-width: 100%;
}
.counter {font-size: 60px;}
.area-margin.area-content {
    margin-top: 30px;
}
.area-foot .topfoot .type-linksequence a {
    font-size: 17px;
	padding-left: 13px;
}
.content-bottom {
    margin-top: 20px;
    margin-right: auto;
}
.job-title {font-size: 18px; line-height: 1.3;}
.job-item .left {float: none; width: 100%; }
.job-item .right {float: none; width: 100%; font-size: 16px; font-weight: 400; margin-top: 30px;}
.job-item .clear {clear: both;}

.type-contact .text{font-size: 20px !important;}
.type-contact h3{
	font-size: 22px;
	margin-top: 40px;
}
.type-contact img {
    padding: 0;
}
.bg-red{background-color: #D9000D; padding: 80px 0 40px;}
.bg-grey{background-color: #e6e6e6; padding: 80px 0 40px;}
.bg-red-small{background-color: #D9000D; padding: 40px 0 60px; max-width: 1000px; margin: 0 auto; z-index: 10; position: relative; margin-top: 50px;}
.bg-red-small h3{ color:#fff; font-weight: 400; font-size: 18px;}
.bg-red-small h2{ color:#fff; font-size: 30px; font-weight: 400;}
.bg-red-small p{ color:#fff; font-weight: 300; font-size: 16px;}
.bg-blue{ background-color: #eef1f6; margin-bottom: -60px; padding: 80px 0 40px;}
.bg-grey.faq{padding-top: 210px; margin-top: -140px;}
.bg-grey.stellen{padding-top: 60px; margin-top: 40px;}

.bg-img{background-position: 140px 80px;}
.bg-img.benefits{background-position: 140px 20px;}

.bg-img.einstieg{background-position: 0px 20px; }
.text-white p {
    font-size: 17px;
    line-height: 1.3;
}
.type-slider {    margin-bottom: 50px;}
.type-slider.text-below-on-xs .captions, .type-slider.text-below-on-xs .slide-wrapper .caption {
    background-color: #D9000D;}
	.type-slider .slide-wrapper .caption {
    background-color: #D9000D;
	}
}
@media (max-width: 564px){
.zitat p{font-size: 19px !important;}
.spezial img{margin: 0 auto;}
.bg-img{background-position: 90px 120px;}
.bg-img.benefits{background-position: 90px 120px; background-size: 60%;}
.bg-img.leitbild{background-size: 60%;}
.bg-img.zahlen{background-size: 60%;}
.bg-img.taetigkeitsfelder{background-size: 60%;}
.bg-img.einstieg{background-size: 60%; background-position: center 90px;}
.acc-red .accordion .body {
    padding-left: 0px;
}
.contact-middle .type-contact .paragraph.contact-pers{
	width: 75%;
}
.acc-red .accordion .acco-body {
    padding-left: 10px;
}
}