#ic_jobcenter{padding-top:0 !important;}
#ic_jobcenter img{border:none !important;border-radius:0 !important;}

#ic_jobcenter .job_header{background-image: url("../../../images/infocenter/jobcenter/header.webp");background-repeat:no-repeat;background-color:#00247B;background-position:-400px 0;background-size: auto;min-height:160px;margin-top:-18px;}
#ic_jobcenter .group .job_header{background-position:-400px 0;background-size: auto;}
#ic_jobcenter p.h1{font-size:30px;color:#fff;text-align: right;font-family:opensans_bold;padding:.5em;padding-top:1.5em;}
#ic_jobcenter .group p.h1{text-align: left;padding-top:2em;padding-left:1em;}
#ic_jobcenter a.button_grey{display:inline-block;background:#e9e9e9;color:#00247B;text-decoration: none;padding:1em;font-family: opensans_bold;font-size:20px;font-weight:bold;margin-top:-1em;}
#ic_jobcenter p.h2{font-size:36px;color:#00247B;font-family:opensans_bold;text-align: center;font-weight:bold;padding-bottom:1em;}
#ic_jobcenter a.button_blue{display:inline-block;background:#00247B;color:#fff;text-decoration: none;padding:.5em;font-family: opensans_bold;font-size:20px;font-weight:bold;margin-bottom:2em;}

#ic_jobcenter .levelrow{text-align:center;}
#ic_jobcenter .levelrow p{padding:1em 5em;font-size:16px;}

#ic_jobcenter .about{margin-top:3em;background-image: url("../../../images/infocenter/jobcenter/company_xs.webp");background-repeat:no-repeat;background-color:#00247B;background-position:100px 0;background-size: contain;min-height:370px;}
#ic_jobcenter .about p.h2{color:#fff;text-align: center;margin-top:6em;}
#ic_jobcenter .about p:not(p.h2){font-size:16px;color:#fff;line-height:2;padding:0 1em 2em 1em;}

#ic_jobcenter p.h3{color:#595f65;text-align: center;font-size:30px;font-family:opensans_bold;margin-bottom:1em;letter-spacing:-1px;}

#ic_jobcenter .abteilungen p{position:absolute;display:block;margin-left:-15px;text-align: center;width:100%;font-family:opensans_bold;font-size:18px;color:#595f65;margin-top:30%;z-index:2;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;padding-bottom:.5em;}
#ic_jobcenter .abteilungen div{margin-bottom:1em;}
#ic_jobcenter .abteilungen img{width: 100%;}
#ic_jobcenter .abteilungen a img{opacity:.2;border:0;margin:0;padding:0;}
#ic_jobcenter .abteilungen a:hover img{opacity:.8;border:0;margin:0;padding:0;transform: scale(1.1);}
#ic_jobcenter .abteilungen a:hover p{color:#fff;background:#00247B;}

#ic_jobcenter .group p.h2{font-size:30px;margin-bottom:0;padding-bottom:0;}
#ic_jobcenter .group p.h3{font-size:16px;margin-top:0;}
#ic_jobcenter .job_group_descr{font-size:16px;}

#ic_jobcenter .bewerbunginfo > div{padding:.5em;font-size:16px;}
#ic_jobcenter .bewerbunginfo{padding:.5em;margin-bottom:2em;margin-top:1em;}
#ic_jobcenter .col-blue{background:#f6f8ff;margin-top:30px;}
#ic_jobcenter .alert-danger li.error:before{display:none;}


#ic_jobcenter .job_footer{background-image: url("../../../images/infocenter/jobcenter/footer.webp");background-repeat:no-repeat;background-color:#00247B;background-position:-400px 0;background-size: auto;min-height:220px;}
#ic_jobcenter .job_footer p{color:#FFF;font-size:30px;letter-spacing: -1px;padding:1.5em .5em .5em .5em;}
#ic_jobcenter .job_footer p span{font-family: opensans_bold;font-style: italic;}


/* video replace */
#ic_jobcenter .video-content{background-color:transparent !important;padding:0 !important;}
#ic_jobcenter iframe{height:700px !important;width:350px !important;}
#ic_jobcenter a.acceptdsgvoyt.clicked{padding:0 !important;}


/* progress */
#ic_jobcenter .process_top_icon{display:none;}
#ic_jobcenter .process_area{border-top:5px solid #eee;}
#ic_jobcenter .process_area:before{content:"";position: absolute;width:0%;height:5px;background:#253964;margin-top:-5px;}

#ic_jobcenter .process_marker{fill-rule:evenodd;clip-rule:evenodd;fill:#253964;display:none;}

#ic_jobcenter .process_area .step .row:first-child{margin-top:1em;}
#ic_jobcenter .process_area .step .row{opacity:0;}
#ic_jobcenter .process_area .step p.h2, #ic_jobcenter .process_area .step p.h3{margin:0 !important;font-size:13px;padding:0 !important;text-align: left;}
#ic_jobcenter .process_area .step p.h2{font-size:20px;}
#ic_jobcenter .process_area .step p.h3{font-size:13px;}
#ic_jobcenter .process_area .steptext p{font-size:13px;color:#595f65;text-align: center;}
#ic_jobcenter .process_area .steptext{padding:1em 2.5em;}
#ic_jobcenter .process_area.inView .pin-icon, #ic_jobcenter .process_area.inView .flag-icon{transform: rotateX(100deg);opacity:0;}

/* animationen */
#ic_jobcenter .process_area{opacity:0;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
#ic_jobcenter .process_area.inView{animation: makevisible 2s ease normal forwards;}
#ic_jobcenter .process_area.inView:before{animation: fillbar 2s ease normal forwards;animation-delay: 1s;}
#ic_jobcenter .process_area.inView .pin-icon{animation: showpins 1s ease normal forwards;animation-delay: 0s;}
#ic_jobcenter .process_area.inView .flag-icon{animation: showpins 1s ease normal forwards;animation-delay: 2.1s;}
/* pfeile */
#ic_jobcenter .process_area.inView .step1 .process_marker{animation: showmarker 1s ease normal forwards;animation-delay: 1.1s;}
#ic_jobcenter .process_area.inView .step2 .process_marker{animation: showmarker 1s ease normal forwards;animation-delay: 1.5s;}
#ic_jobcenter .process_area.inView .step3 .process_marker{animation: showmarker 1s ease normal forwards;animation-delay: 2s;}

#ic_jobcenter .process_area.inView .step1 .row{animation: makevisible 1s ease normal forwards;animation-delay: 1.1s;}
#ic_jobcenter .process_area.inView .step2 .row{animation: makevisible 1s ease normal forwards;animation-delay: 1.5s;}
#ic_jobcenter .process_area.inView .step3 .row{animation: makevisible 1s ease normal forwards;animation-delay: 2s;}

@keyframes makevisible {
	0% {opacity: 0;/*transform: rotateY(100deg);transform-origin: left;*/}
	100% {opacity: 1;/*transform: rotateY(0);transform-origin: left;*/}
}

@keyframes fillbar {
	0% {width:0%;}
	100% {width:100%;}
}

@keyframes showmarker {
	0% {transform: rotateX(-100deg);transform-origin: top;}
	100% {transform: rotateX(0deg);transform-origin: top;}
}

@keyframes showpins {
	0% {opacity:0;transform: rotateX(100deg);transform-origin: bottom;}
	100% {opacity: 1; transform: rotateX(0deg);transform-origin: bottom;}
}


/* formular */
#ic_jobcenter .datei_upload{width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}

.inputfile + label {cursor:pointer;color:#fff;text-decoration: none;display:inline-block;background:#00247B;color:#fff;text-decoration: none;padding:.5em;font-family: opensans_bold;font-size:14px;font-weight:bold;margin-bottom:2em;}
.inputfile:focus + label, .inputfile + label:hover {background-color: #cecece;}

#ic_jobcenter .cbt{font-size:14px;}
#ic_jobcenter button[type="submit"]{font-size:24px;font-family: opensans_bold;}
#ic_jobcenter span.star{font-family: opensans_bold;color:#00247B;}


@media (min-width: 980px) { 
  #ic_jobcenter .job_header{background-size: auto;background-position:left;}
  #ic_jobcenter .group .job_header{background-size: auto;background-position:right;}
  #ic_jobcenter .about{background-size: contain;background-position:170px 0;}
  #ic_jobcenter .about p.h2{text-align: left;margin-top:1em;padding-left:.4em;}
  
  #ic_jobcenter .levelrow p{height:100px;}
  
  #ic_jobcenter .abteilungen img{width:auto;}
  
  
  #ic_jobcenter .process_area{margin-top:50px;}
  #ic_jobcenter .process_top_icon{display:block;margin-top:-50px;}
  #ic_jobcenter .process_top_icon img{background:none;}
  #ic_jobcenter .process_marker{display:inline-block;transform: rotateX(-100deg);}
}

@media (min-width: 1680px) { 
  #ic_jobcenter .about{background-image: url("../../../images/infocenter/jobcenter/company.webp");background-position: right;}
  #ic_jobcenter .process_area .step p.h2{font-size:30px;}
  #ic_jobcenter .process_area .step p.h3{font-size:18px;}
  #ic_jobcenter .process_area .steptext p{font-size:16px;}
  
  #ic_jobcenter .job_footer{background-position:0px 0;}  
  #ic_jobcenter .job_footer p{padding:2.5em .5em .5em .5em;}
}