.nopadding { padding: 0px !important }
.nomargin { margin: 0px !important }
.margintop10 { margin-top: 10px !important }
.margintop15 { margin-top: 15px !important }
.margintop20 { margin-top: 20px !important }
.margintop25 { margin-top: 25px !important }
.margintop30 { margin-top: 00px !important }
.margintop35 { margin-top: 35px !important }
.margintop40 { margin-top: 40px !important }
.margintop45 { margin-top: 45px !important }
.paddingtop10 { padding-top: 10px !important }
.paddingtop15 { padding-top: 15px !important }
.paddingtop20 { padding-top: 20px !important }
.paddingtop25 { padding-top: 25px !important }
.paddingtop30 { padding-top: 00px !important }
.paddingtop35 { padding-top: 35px !important }
.paddingtop40 { padding-top: 40px !important }
.paddingtop45 { padding-top: 45px !important }
html, body { font-family: RobotoR !important; font-size: 16px; color: #333; overflow-x: hidden !important; margin: 0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: RobotoR !important; }
@media (min-width:1200px) {
    .nav>li>a { padding: 28px 10px; }
}
.navbar-default .navbar-nav > li > a { color: #5098B3; transition: all ease 0.5s; font-size: 14px; text-transform: uppercase; font-family: RobotoM; line-height: 22px; }
.navbar-default .navbar-nav > li > a:hover { color: #333; transition: all ease 0.5s; }
.banner { position: relative; }
@media (min-width:3000px) {
    .bannerback h1 { margin-top: 1000px !important; font-size: 130px !important; height: auto !important; color: #fff !important; }
}
nav.navbar.navbar-default {clear: both !important;}
nav.navbar.navbar-default span.lang-in { width: auto; float: right; height: 100%; display: inline-block; padding: 28px 0; clear: both !important; }
nav.navbar.navbar-default span.lang-in li { display: inline-block; }
nav.navbar.navbar-default span.lang-in li a { padding: 28px 10px; color: #5098c1; font-weight: 600; line-height: 21px; font-size: 14px; }
nav.navbar.navbar-default span.lang-in li a:hover { color: #333; transition: all ease 0.5s; text-decoration: none; }

/*@media (min-width: 1025px) and (max-width: 1280px){
    .bannerback h1{
        margin-top:1000px !important;
        font-size:60px !important;
        height:auto !important;
        color:#fff !important;
        width:100% !important;}    
}*/
.bannerback h1 { color: #fff; text-align: center; font-size: 60px; font-family: "Times New Roman", Times, serif; }
@media (max-width:411px) {
    .bannerback h1 { font-size: 45px !important; }
}

/*.bannerback{
    background-image:url("../img/starimage.png");
    width:100%;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
    padding:400px 50px 100px 50px; 
}*/
.banner_footer { position: absolute; bottom: 0px; background-color: rgba(176, 108, 23, 0.7); width: 100%; text-align: center; color: #fff; padding-top: 10px; z-index: 99; border-top: 1px solid #e7e7e7; }
.mainboxhed.box { padding: 10px 10px 0px 10px; }
.box { background: white; box-shadow: 0px 2px 28px 0px #7777775e; border-radius: 5px; padding: 50px 15px; margin-top: 30px; display: inline-block; width: 100%; }
.box h2 { font-size: 26px; color: #085d8f; margin-top: 0px; font-family: RobotoM; }
.box h3 { font-size: 20px; font-family: RobotoM; margin-bottom: 10px; }
.footer { background: #202020; padding-top: 7px; text-align: center; color: #fff; padding-bottom: 8px; }
.footer p a { color: #f1f1f1; transition: all ease 0.5s; }
.footer p a { color: #f1f1f1; transition: all ease 0.5s; }
.footer p { margin-bottom: 0px; }

/* carousel */
@import url(../../../../../netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css);
.col-item { border: 1px solid #E1E1E1; border-radius: 5px; background: #FFF; transition: all ease 0.5s; }
.col-item:hover { border: 1px solid #645339; transition: all ease 0.5s; }
.col-item .photo img { margin: 0 auto; }
.col-item .info { padding: 10px; border-radius: 0 0 5px 5px; margin-top: 1px; }
.col-item:hover .info { background-color: #F5F5DC; }
.col-item .price {    /*width: 50%;*/
float: left; margin-top: 5px; }
.col-item .price h5 { line-height: 20px; margin: 0; }
.price-text-color { color: #219FD1; }
.col-item .info .rating { color: #777; }
.col-item .rating {    /*width: 50%;*/
float: left; font-size: 17px; text-align: right; line-height: 52px; margin-bottom: 10px; height: 52px; }
.col-item .separator { border-top: 1px solid #E1E1E1; }
.clear-left { clear: left; }
.col-item .separator p { line-height: 20px; margin-bottom: 0; margin-top: 10px; text-align: center; }
.col-item .separator p i { margin-right: 5px; }
.col-item .btn-add { width: 50%; float: left; }
.col-item .btn-add { border-right: 1px solid #E1E1E1; }
.col-item .btn-details { width: 50%; float: left; padding-left: 10px; }
.controls { margin-top: 20px; }
[data-slide="prev"] { margin-right: 3px; }

/* End carousel */
.Erfolgs .box { padding: 30px 15px; margin-top: 30px; }
.contactf { border-radius: 0px; height: 46px; }
.contact .hedborder { margin-bottom: 30px; }
.contact .form-control:focus { border-color: #645339; box-shadow: none; }
.contact .btn-theme { padding-left: 100px !important; padding-right: 100px !important; border-radius: 0px; margin-top: 14px; }
.contact .form-group { margin-bottom: 7px; }
.contact .btn-theme { margin-top: 5px; margin-bottom: 5px; }
.mainboxhed .newsy { padding-right: 0px; }
.contact .radio, .checkbox { margin-bottom: 0px; }
.carousel-inner a:hover { text-decoration: none; }
.send .btn-theme{border:1px solid #ccc !important;}
.btn-theme { background: linear-gradient(to bottom, #235d6d 0%, #183d4a 50%) !important; border: none !important; transition: all ease 0.5s; color: #fff; position: relative; }
.btn:hover, .btn:focus { color: #fff; }
.btn-theme:hover { background: #084a71; transition: all ease 0.5s; color: #fff; }
.map { margin-bottom: 50px; }
.navbar-nav > li > .dropdown-menu { padding: 0px; }
.dropdown-menu > li > a { padding: 7px 20px; border-bottom: 1px solid #e1e1e1; }
.dropdown-menu { border-radius: 0px; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
.affix { display: inline-block; width: 100%; z-index: 999; background: #f1f1f1; }
.affix .navbar-nav > li > a {    /*padding-top: 26px;*/ }
.affix .navbar-brand { padding: 7px 15px; }
.navbar-collapse { max-height: none !important; }
#toTop { position: fixed; bottom: 10px; right: 10px; cursor: pointer; display: none; z-index: 99 }

/********************************/
.fade-carousel { position: relative; height: 100vh; }
.fade-carousel .carousel-inner .item { height: 100vh; }
.fade-carousel .carousel-indicators > li { margin: 0 2px; background-color: #f39c12; border-color: #f39c12; opacity: .7; }
.fade-carousel .carousel-indicators > li.active { width: 10px; height: 10px; opacity: 1; }

/********************************/

/*          Hero Headers        */

/********************************/
.hero { position: absolute; top: 50%; left: 50%; z-index: 3; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0, 0, 0, .75); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
.hero h1 { font-size: 6em; font-weight: bold; margin: 0; padding: 0; }
.fade-carousel .carousel-inner .item .hero { opacity: 0; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; }
.fade-carousel .carousel-inner .item.active .hero { opacity: 1; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; }

/********************************/

/*            Overlay           */

/********************************/
.overlay { position: absolute; width: 100%; height: 100%; z-index: 2; background-color: #080d15; opacity: .7; }

/********************************/

/*          Custom Buttons      */

/********************************/
.btn.btn-lg { padding: 10px 40px; }
.btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus { color: #f5f5f5; background-color: #b06c17; border-color: #b06c17; outline: none; margin: 30px auto; }

/********************************/

/*       Slides backgrounds     */

/********************************/
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 { height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.fade-carousel .slides .slide-1 { background-image: url(../img/slider1.png); }
.fade-carousel .slides .slide-2 { background-image: url(../img/slider2.png); }
.fade-carousel .slides .slide-3 { background-image: url(../img/slider4.png); }

/********************************/

/*          Media Queries       */

/********************************/
@media screen and (min-width:980px) {
    .hero { width: 980px; }
}
@media screen and (max-width:640px) {
    .hero h1 { font-size: 4em; }
}
.main_footer { background: #333; color: #fff; text-align: center;    /* padding:40px 0px; */    /* margin-top:50px; */
margin-top: 10px; }
.main_footer h3 { font-family: RobotoM; margin-top: 0px; margin-bottom: 20px; }
.main_footer ul li { display: inline-block; }
.main_footer ul { padding-left: 0px; }
.main_footer ul li a { padding: 0px 15px; color: #fff; text-decoration: none; font-size: 15px; transition: all ease 0.5s; }
.main_footer ul li a:hover { color: #e1e1e1; transition: all ease 0.5s; }
.box .namebold { font-family: RobotoM; }
.numbold { font-family: RobotoM; }
.carousel-caption { top: 60px; left: 0px; width: 40%; }
.carousel-caption .leftbox, .carousel-captionrighttop .leftbox, .carousel-captionrightbottom .leftbox { background: rgba(8, 93, 143, 0.4); padding: 20px; }
.carousel-caption .leftboxthird { background: rgba(215, 225, 223, 0.8); padding: 20px; }
.carousel-caption .leftboxthird h3 { color: #1f3880; margin: 0px; text-align: left; line-height: 46px; font-size: 36px; font-family: calibriB; }
.carousel-captionrightbottom .leftboxthird { background: rgba(215, 225, 223, 0.5); padding: 20px; }
.carousel-caption h3 { margin: 0px; text-align: left; line-height: 40px; color: #fff; font-size: 30px; font-family: calibriB; }
.carousel-captionrighttop h3, .carousel-captionrightbottom h3 { margin: 0px; text-align: left; line-height: 40px; font-size: 30px; font-family: calibriB; color: #1f3880; }
.carousel-captionrighttop h3 { color: #fff; }
.carousel-control { font-size: 36px; }
.carousel-captionrighttop { top: 60%; left: 20%; width: 45%; position: absolute; }
.carousel-captionrightbottom { bottom: 100px; right: 0px; width: 30%; position: absolute; }
.carousel-captionrighttop .btn, .carousel-captionrightbottom .btn { margin-top: 15px; border-radius: 0px; }
.innertxt h4 { font-size: 20px; color: #fff; line-height: 30px; margin-bottom: 20px }
.logos .borderlogo { border: 1px solid #e1e1e1; margin-bottom: 15px; background: #fff; border-radius: 5px; }
.btn { border-radius: 0px; }
.contact .form-control { box-shadow: 1px 1px 5px #969696; border-radius: 0px; }
.toggle_container { display: none; }
.boxbg1 { box-shadow: 0px 2px 28px 0px #7777775e; border-radius: 5px; padding: 50px 15px; margin-top: 50px; display: inline-block; width: 100%; background: url(../img/G1.jpg) no-repeat 100%; background-size: cover; color: #fff; }
.boxbg2 { box-shadow: 0px 2px 28px 0px #7777775e; border-radius: 5px; padding: 50px 15px; margin-top: 50px; display: inline-block; width: 100%; background: url(../img/G2.jpg) no-repeat 100%; background-size: cover; color: #fff; }
.boxbg2 h2, .boxbg1 h2 { margin-top: 0px; color: #fff; font-family: RobotoM; font-size: 26px; }
@media (min-width:1500px) and (max-width:1920px) {
    .carousel-caption h3, .carousel-captionrighttop h3, .carousel-captionrightbottom h3 { font-size: 50px !important; line-height: 65px !important; }
}
@media(min-width:768px) and (max-width:991px) {
    .navbar-default .navbar-nav > li > a { font-size: 11px;       /* padding:20px 5px;*/ }
    .navbar-brand { padding: 15px 0px; }
    .carousel-caption { top: 50px; }
    .carousel-caption h3, .carousel-captionrighttop h3, .carousel-captionrightbottom h3 { font-size: 16px; line-height: 25px; }
    .affix .navbar-brand { padding: 7px 0px; }
    .affix .navbar-nav > li > a { padding: 15px 5px !important; }
    .boxbg2 h3, .boxbg1 h3 { font-size: 18px; margin-top: 5px; }
    .boxbg2 h2, .boxbg1 h2 { font-size: 24px; margin-bottom: 5px; }
    .carousel-indicators { bottom: 0px; }
}
.carousel img { width: 100%; }
@media (min-width:1700px) and (max-width:1920px) {
    .carousel-captionrighttop { width: 53% !important; }
    .carousel-caption { width: 44% !important; }
}
@media (min-width:1921px) and (max-width:2400px) {
    .carousel-captionrighttop h3, .carousel-caption h3, .carousel-caption .leftboxthird h3, .carousel-captionrightbottom h3 { font-size: 50px; line-height: 65px; }
    .innertxt h4 { font-size: 26px; line-height: 38px; }
    .home-btns a { font-size: 26px !important; }
    .carousel-caption, .secondcep { width: 39% !important; }
    .carousel-captionrighttop { width: 47% !important; }
}
@media (min-width:2401px) and (max-width:2900px) {
    .carousel-captionrighttop h3, .carousel-caption h3, .carousel-caption .leftboxthird h3, .carousel-captionrightbottom h3 { font-size: 60px; line-height: 75px; }
    .innertxt h4 { font-size: 30px; line-height: 42px; }
    .home-btns a { font-size: 30px !important; }
    .carousel-caption { width: 37% !important; }
    .secondcep { width: 38% !important; }
}
@media (min-width:2901px) and (max-width:3200px) {
    .carousel-captionrighttop h3, .carousel-caption h3, .carousel-caption .leftboxthird h3, .carousel-captionrightbottom h3 { font-size: 70px; line-height: 85px; }
    .secondcep, .carousel-caption { width: 36% !important; }
    .innertxt h4 { font-size: 36px; line-height: 48px; }
    .home-btns a { font-size: 36px !important; }
    .carousel-control { font-size: 50px; }
}
.hedborder, .hedborder2 { border-bottom: 1px solid #fff; margin-bottom: 20px; padding-bottom: 10px; }

/*.bannerbg
{
  background: url(../img/InexperiencedNatu.gif) fixed;
  background-size: cover;
}*/
h2.m_v{display: none !important;}
.secondcep { width: 42%; }
.nav > li > a:active { color: #333 !important; }
.hedborder1 h2 { margin-bottom: 0px; color: #fff; margin-top: 30px; font-family: RobotoM; font-size: 36px; font-weight: 600;}
/*#wirsind { padding-top: 100px; }*/
#erfo{padding-top: 30px;}
#ruck{padding-top: 30px;}
#contact{padding-top: 30px;}

.mainboxhed.boxbg1 { margin-top: 25px; }
.mainboxhed.box { margin-top: 25px; }
.boxbg1 h2 { padding-left: 10px; }
.boxbg2 .col-sm-12, .boxbg2 .col-sm-9 { padding-left: 30px; }
.carousel-control { height: 50px; width: 5%; top: 45%; }
.ionic1 { margin-top: 70px; }
.ionic2 { margin-top: 100px; }
.Kundenstamm { color: #fff; margin: 40px 0px; font-size: 20px; padding-top: 50px; }
#erfo { color: #fff; }
.newboxbg1 { background-image: url("../img/testimonial-bg.png");/*../img/backimage.jpg*/ background-repeat: no-repeat; background-size: 100% 100%; padding: 30px 20px !important; margin-top: 30px; border-radius: 5px; }
.newboxbg { background: url(../img/g1-new.png) no-repeat; background-size: 100% 100%; padding: 30px 30px; margin-top: 30px; border-radius: 5px; height: 100%;  text-align: left;}
.newboxbg.top p { font-size: 16px; font-weight: 400; }
.newboxbg.light { background: url(../img/g2-new.png) no-repeat; background-size: 100% 100%; }
.newboxbg p:first-child { font-weight: 600; font-size: 16px; letter-spacing: 1.5px; }
.newboxbg.top p:first-child { font-weight: 400; font-size: 16px; letter-spacing: 0px; }
.newboxbg p { color: #fff; }
.Monster { /*padding-left: 90px; padding-right: 90px;*/  padding-left: 0px; padding-right: 0px;}
@media (max-width:767px) {
    .Monster { padding-left: 0px !important; padding-right: 0px !important; }
}
.newsy1 { padding-left: 7px; }
#myVideo { width: 100% !important; }
.home-btns { padding-bottom: 25px; display: flex; margin: 0 auto; text-align: center; justify-content: center; align-items: center;height: 100vh; min-height: 650px !important;}
.home-btns a { /*margin-right: 120px;*/ background: transparent !important; border: 0px !important; font-size: 20px; padding: 15px 50px !important; }



/*.home-btns a:last-child { margin-right: 0;  }*/
.home-btns-inner.candidate { margin-left: -140px; -webkit-clip-path: polygon(50% 1%, 106% 50%, 50% 100%, -6% 48%); clip-path:polygon(50% 1%, 106% 50%, 50% 100%, -6% 48%); }
.home-btns-inner a { position: relative; display: inline-block; padding: 15px 0 !important; }
.home-btns-inner a.employer-caption-in { position: relative; display: inline-block; padding: 15px 0 !important; -webkit-clip-path: polygon(102% 26%, 69% 50%, 102% 74%, 67% 99%, -2% 50%, 65% 0%); clip-path: polygon(102% 26%, 69% 50%, 102% 74%, 67% 99%, -2% 50%, 65% 0%); }
.home-btns-inner a img { width: 100%; max-width: 480px; object-fit: cover; }

/*.home-btns-inner.candidate a { transform: rotate(45deg) !important; padding: 0 !important; }*/
/*.home-btns-inner.candidate a img { width: 100%; max-width: 180px; object-fit: cover; position: relative; z-index: 11; transform: rotate(0deg) !important; }*/
.home-btns-inner.candidate a img { width: 100%; max-width: 275px; object-fit: cover; position: relative; z-index: 11; transform: rotate(0deg) !important; }
/*.home-btns-inner.candidate a:hover img { box-shadow: 0 0 6px 7px #367d9a; }*/
.home-btns-inner a span { position: absolute; left: 23%; top: 50%; transform: translateY(-50%); font-size: 25px; font-weight: bold; letter-spacing: .5px; }
/*.home-btns-inner.candidate a span { left: 50%; transform: translate(-50%, -50%) rotate(-45deg); z-index: 111; }*/
.home-btns-inner.candidate a span { left: 50%; transform: translate(-50%, -50%); z-index: 111; } 
.home-btns-inner a img.hover-image1 { display: none; }
.home-btns-inner.candidate a:hover img.button-image1 { display: none; }
.home-btns-inner.candidate a:hover img.hover-image1 { display: block; }
.home-btns-inner.candidate a{-webkit-clip-path: polygon(50% 1%, 106% 50%, 50% 100%, -6% 48%); clip-path:polygon(50% 1%, 106% 50%, 50% 100%, -6% 48%);}
.home-btns-inner.candidate a img.button-image1{-webkit-clip-path: polygon(50% 1%, 106% 50%, 50% 100%, -6% 48%); clip-path:polygon(50% 1%, 106% 50%, 50% 100%, -6% 48%);}

.home-btns-inner a img.hover-image { display: none; }
.home-btns-inner.employer a:hover img.button-image { display: none; }
.home-btns-inner.employer a:hover img.hover-image { display: block; }
.alert-cookie-policy { display: none; border-radius: 0; position: fixed; bottom: 0; top: auto; left: 0; right: 0; z-index: 999; }
.alert-cookie-policy .alert { background: #0c5f8f; border-radius: 0; text-align: center; margin: 0 !important; }
.alert-cookie-policy .alert span { color: #fff !important; margin-right: 20px; }
.alert-cookie-policy .alert span a { color: #0c6090 !important; }
button#btnDeclineCookiePolicy { background: #fff; }
button#btnDeclineCookiePolicy:hover { color: #333; }
button#btnDeclineCookiePolicy:focus { color: #333; }
button#btnAcceptCookiePolicy { background: #07334e; border-color: #07334e; }
.nav li.cst-lftspc a { position: relative; }
.nav li.cst-lftspc a:after { position: absolute; content: ""; width: 2px; height: 20%; background: #5098B3; top: 50%; transform: translateY(-50%); right: -3px; }


/*----arbeitgeber--page--*/
.home-logo{width: 100%;
    /*padding: 40px 15px;*/
    position: relative; display: block;}
.home-logo img{width: 100%; max-width: 220px; position: absolute; top: 35px; left: 20px;}    
.bannerbg.comment-in { padding-top: 50px !important; }
.chain-boxs { margin-top: 30px; margin-bottom: 0px; /*margin-left: 11%;*/ }
.chain-boxs .box-detail .col-sm-6 { left: 9%; }
.main-box { width: 100%; /*background-image: url(../img/block.png);*/ background-size: 550px; height: 550px; background-repeat: no-repeat; max-width: 550px; margin-left: auto; position: relative;/*transform: rotate(45deg);*/ }
.main-box.right { margin-right: auto; margin-left: -226px; margin-top: 346px; background-image: url(../img/block_new_r.png); }
.main-box.left { background-image: url(../img/block_new_l.png); }
.main-bg:hover{background-image: url(../img/block_new_l_hover.png); }
.main-bg1:hover{background-image: url(../img/block_new_r_hover.png); }
/*.main-box.left:hover { background-image: url(../img/block-hover.png); }*/
.main-box.left.next { margin-top: -202px; }
.main-box.right.next { margin-top: 146px; }
.main-box .inner-box { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; cursor: -webkit-grab; cursor: grab;/* transform: rotate(-45deg);*/ -webkit-clip-path: polygon(50% 0%, 101% 49%, 50% 100%, -1% 49%); clip-path: polygon(50% 0%, 101% 49%, 50% 100%, -1% 49%); }

/*.main-box .inner-box { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; cursor:-webkit-grab; cursor: grab; -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 101% 49%, 50% 100%, -1% 49%); }*/
.main-box .inner-box1 { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; }
.main-box .inner-box1:after { content: ""; position: absolute; bottom: 0; background-image: url(../img/chain1.png); z-index: 1; width: 134px; height: 142px; background-repeat: no-repeat; background-size: cover; }
.main-box.left .inner-box1:after { right: 6%; bottom: 6%; }
.main-box.right .inner-box1:after { left: 6%; transform: rotate(90deg); bottom: 6%; }
.main-box .inner-box:hover h4 { display: none; }
.main-box .inner-box:hover img { display: none; }
.main-box .inner-box img { width: 100%; max-width: 95px; }
.main-box h4 { font-size: 27px; font-weight: 600; color: #fff; width: 100%; text-align: center; max-width: 300px; line-height: 34px; margin: 0; display: block; padding-bottom: 30px; letter-spacing: 0.5px; }
.box-detail.last .main-box.right.next .inner-box1:after { content: inherit; }
.main-box .inner-box .detail-text { transform: translateY(0%); text-align: center; width: 100%; max-width: 450px; margin: 0 auto; display: none; max-height: 450px; overflow: hidden; min-height: 410px; }
.main-box .inner-box:hover .detail-text { display: block;
    visibility: visible !important;
    animation-name: fadeIn !important; }
.main-box .inner-box .detail-text h5 { font-size: 16px; color: #fff; font-weight: 600; margin: 0; display: block; padding-bottom: 15px; }

/*.main-box .inner-box .detail-text h5.first-title{padding-top: 115px;}*/
.main-box .inner-box .detail-text p { font-size: 12.5px; line-height: 16px; color: #fff; font-weight: 400; margin: 0; display: block; padding-bottom: 0px; }
.wrap-before { shape-outside: polygon(0 0, 0 100%, 100% 110%, 0 50%, 82% 0); float: left; width: 50%; height: 100%; }
.wrap-after { shape-outside: polygon(100% 0, 100% 100%, 0% 110%, 100% 50%, 20% 0); float: right; width: 50%; height: 100%; }
.custom-ul .job-wrap { width: 100%; margin-bottom: 34px; background: url(../img/bg-job1-new.png); background-repeat: no-repeat; background-size: 100% 100%; min-height: 160px; display: flex; flex-direction: column; justify-content: center; padding: 12px; }
.custom-ul .job-wrap:hover{box-shadow: 0px 0px 6px 9px #3882a0;}

/*.custom-ul:last-child .job-wrap{margin-bottom: 0px;}*/
.custom-ul .job-wrap img { width: 100%; max-width: 70px; margin: 0 auto; }
.custom-ul .job-wrap p { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 44px; font-size: 18px; font-weight: 500; line-height: 22px; margin-bottom: 10px; }
.hedborder h2 { color: #fff; }

/*----arbeitgeber--page--*/

.ctm_modal { z-index: 9999; }
.ctm_modal .modal-dialog {
    padding-top: 80px;
}
.ctm_modal .modal-dialog .modal-content{background: linear-gradient(to bottom, #235d6d 0%, #183d4a 100%) !important;}
.ctm_modal .modal-content .btn-default {
    color: #fff !important;
    background-color: #2d7588 !important;
    border-color: #347994 !important;
}
.ctm_modal .modal-header{border-top: 1px solid #579fbb !important;}
.ctm_modal .modal-body{padding: 20px 15px;}
.ctm_modal .modal-body p{color: #fff;}
.ctm_modal .modal-footer{border-top: 1px solid #579fbb !important;}
.ctm_modal .modal-header .close{opacity: 1 !important; color:#fff !important; font-weight: normal !important;}


/*.page-footer.copyright { position: absolute; color: #fff; text-align: center; background: #184656bf; padding: 30px 0; font-weight: 400; font-size: 15px; width: 100%; bottom: 0; }*/
.page-footer.copyright { position: relative; color: #fff; text-align: center; background: #184656bf; padding: 30px 0; font-weight: 400; font-size: 15px; }
.page-footer.copyright .inner-copyright { position: relative; color: #fff; text-align: center; display: flex; align-items: center; justify-content: space-between; }
.page-footer.copyright a { color: #fff; text-decoration: none; }
.page-footer.copyright a:hover { text-decoration: none; }
.page-footer.copyright .inner-copyright .crypto-icon { width: auto; position: relative; top: 0px; right: 0; z-index: 111; display: flex; align-items: center; }
.page-footer.copyright .inner-copyright .crypto-icon.social-img{    margin-left: 10%;
    margin-right: 8.7%;}
.page-footer.copyright .inner-copyright .crypto-icon h4 { font-size: 20px; font-weight: bold; text-transform: uppercase; display: inline-block; width: auto; margin: 0; }
.page-footer.copyright .inner-copyright .crypto-icon span { width: auto; display: inline-block; margin: 0 12px; }
.page-footer.copyright .inner-copyright .crypto-icon span.linkedin-in { margin: 0; }
.page-footer.copyright .inner-copyright .crypto-icon span img { width: 100%; max-width: 35px; }
.page-footer.copyright .inner-copyright .crypto-icon span img.linkedin { max-width: 25px; }
.location .box { padding-top: 0px; background-color: transparent; background-image: url("../img/testimonial-bg.png"); background-size: 100% 100%; background-repeat: no-repeat; padding: 30px 15px !important; }
.location .box h2 { color: #fff; }
/*.location .box p { color: #848b8d; display: inline-block; margin-right: 15px; }*/
.location .box p { color: #d7d7d7; display: inline-block; margin-right: 15px; }
/*.location .box p a { color: #848b8d; display: inline-block; margin-right: 15px; text-decoration: none; }*/
.location .box p a { color: #d7d7d7; display: inline-block; margin-right: 15px; text-decoration: none; }
/*.location .box label { color: #848b8d; }*/
.location .box label { color: #d7d7d7; }
.location .box .form-control { color: #fff; }
.location .box textarea { border-radius: 0px; }
.location .box table { width: 100%; border: 1px solid #ccc !important; }
.location .box .form-control { background: transparent; }
.location .box .form-control::placeholder{color: #d7d7d7;}
@media (max-width:768px) {
    .home-btns a { margin-right: 0; margin-bottom: 20px;        /*display: block;*/ }
}
@media screen and (max-width:768px) {
    .custom-orders { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
    .custom-orders .order-1 { width: 100%; order: 1; }
    .custom-orders .order-2 { order: 2; }
    .custom-space { margin-top: 30px; margin-bottom: 30px; }
    .navbar-brand { width: 200px !important; }
    .navbar-toggle { margin-top: 20px; }
    .send { text-align: center; }
}
.custom-ul { padding: 0; margin: 0; margin-bottom: 20px; }
.custom-ul li { color: #fff; font-size: 18px; list-style-type: none; margin-bottom: 20px; }
@media screen and (max-width:992px) {
    .custom-ul { margin-bottom: 20px; }
    .custom-ul:last-child { margin-bottom: 0; }
    .custom-ul li { animation-delay: 0.1s !important; }
    .andmore { animation-delay: 0.1s !important; }
}
@media screen and (max-width:1200px) {
    .large-ul { display: none; }
    .custom-ul li { font-size: 24px; }
}
@media screen and (min-width:1200px) {
    .small-ul { display: none; }
}
@media (max-width:768px) {
    .remove-sm-bg { background: none !important; }
}
.img-responsive.logocst-img { max-width: 180px !important; width: 100%; }
.bannerbg { padding-top: 140px; }
.bannerbg.chain-main{padding-top: 30px !important;}
nav.navbar.navbar-default { position: fixed; top: 0; left: 0; width: 100%; z-index: 1111; transition: all 0.5s; }
.navbar.navbar-default .menu-in { width: calc(100% - 230px); float: left; }

.navbar .nav>li {
    position: relative;
    display: inline-block;
    text-align: center;
    float: none !important;
}
.navbar.navbar-default .menu-in .nav{width: 100%; padding-left: 0%;}
nav.navbar.navbar-default.ontop { padding-top: 10px; padding-bottom: 10px; }
#wirsind { padding-top: 140px; }
#job { padding-top: 0px !important; }
li.cst-lftspc { margin-left: 10px; }
li.spc-cst-dash a { padding: 27px 0px !important; }
/*.navbar.navbar-default.ontop .menu-in .nav .cst-lftspc{float: right;}
.navbar.navbar-default.ontop .menu-in .nav .cst-rgtspc{float: right;}*/

/*-------ic-css--*/

/*-----responsive-view*/ 

@media screen and (max-width:1440px) {
    .home-btns{margin-top: 0px;}
}


@media screen and (max-width:1366px) {
    #myVideo { width: auto !important; max-width: 150%; }
    .page-footer.copyright .inner-copyright .crypto-icon { right: 0px; }
    .main-box .inner-box .detail-text p{font-size: 14px; line-height: 14px;}
    .navbar.navbar-default .menu-in .nav{padding-left: 0;}
   
}

@media screen and (max-width:1199px) {
    .navbar-nav>li>a { padding: 35px 6px; }
    #myVideo { width: auto !important; max-width: 220%; }
    .nav li.cst-lftspc a:after { width: 1px; height: 15%; } 
    .home-btns-inner.candidate { margin-left: -110px; }
    .home-btns-inner a img { width: 100%; max-width: 380px; object-fit: cover; }
    .home-btns-inner.candidate a img { width: 100%; max-width: 220px; object-fit: cover; position: relative; z-index: 11; /*transform: rotate(45deg) !important;*/ }
    .home-btns-inner a span { position: absolute; left: 24%; top: 50%; transform: translateY(-50%); font-size: 21px; font-weight: bold; letter-spacing: .2px; }
    .page-footer.copyright .inner-copyright .crypto-icon.social-img{margin-left: 14%; margin-right: 8.7%;}
    /*-----arbeitgeber--page*/
    .main-box { max-width: 450px; height: 450px; background-size: 450px; }
    .main-box h4 { max-width: 220px; font-size: 20px }
    .main-box.left .inner-box1:after { right: 2%; bottom: 1%; }
    .main-box.right { margin-left: -175px; margin-top: 300px; }
    .main-box.left.next { margin-top: -147px; }
    .main-box.right .inner-box1:after { left: 2%; bottom: 1%; }
    .main-box .inner-box .detail-text { max-width: 393px; max-height: 315px; min-height: 315px; overflow: hidden; }
    .main-box.right.next { margin-top: 154px; }
    .custom-ul .job-wrap { min-height: 180px; }
    .page-footer.copyright .inner-copyright .crypto-icon span img { max-width: 25px; }
    .page-footer.copyright .inner-copyright .crypto-icon h4 { font-size: 16px; }
    .page-footer.copyright .inner-copyright .crypto-icon span img.linkedin { max-width: 22px; }
    .page-footer.copyright .inner-copyright .crypto-icon { top: 0px; }
    .main-box .inner-box .detail-text p{font-size: 12px; line-height: 19px;}
    .main-box .inner-box .detail-text h5{padding-bottom: 8px;}
    .main-box .inner-box .detail-text p { font-size: 10px; line-height: 12.5px; }
    .navbar.navbar-default .menu-in .nav{padding-left: 0;}
    nav.navbar.navbar-default span.lang-in{padding:34px 0;}
    .nav li.cst-lftspc a:after{width: 2px; height: 20%;}
    .container{width: 100%;}
    .navbar.navbar-default .menu-in{padding-right: 0;}
    .navbar-default .navbar-nav > li > a{font-size: 13px;}
    nav.navbar.navbar-default span.lang-in li a{font-size: 13px; font-weight: 600;}
    .img-responsive.logocst-img{max-width: 170px !important;}
}
@media screen and (max-width:991px) {
    .main-box .inner-box .detail-text p { font-size: 7px; line-height: 9.6px; }
    .navbar-nav>li>a { padding: 25px 5px; }
    #myVideo { width: auto !important; max-width: 400% !important; }
    .home-btns{margin-top: 0px;}

    /*-----arbeitgeber--page*/
    .main-box { max-width: 315px; height: 315px; background-size: 315px; }
    .main-box.left .inner-box1:after { background-size: 113px;
    right: -10%;
    bottom: -11%; }
    .main-box.right { margin-left: -120px; margin-top: 222px; }
    .main-box.right .inner-box1:after { background-size: 113px; left: -11%; bottom: -11%; } 
    .main-box.left.next { margin-top: -90px; }
    .main-box.right.next { margin-top: 134px; }
    .main-box h4 { font-size: 16px; max-width: 150px; line-height: 24px; }
    .main-box .inner-box .detail-text { max-width: 270px; max-height: 240px; min-height: 240px; overflow: hidden; }
    .bannerbg { padding-top: 80px; }
    .custom-ul .job-wrap { min-height: 208px; }
    .page-footer.copyright .inner-copyright .crypto-icon { position: relative; top: 0; right: 0; width: 100%; margin-top: 15px; text-align: center; justify-content: center; }
    .page-footer.copyright .inner-copyright { flex-direction: column; }
    .page-footer.copyright .inner-copyright .crypto-icon span img { max-width: 30px; }
    .page-footer.copyright .inner-copyright .crypto-icon span img.linkedin { max-width: 23px; }
    .main-box .inner-box img{max-width: 80px;}
    .main-box .inner-box .detail-text h5{font-size: 13px;}
    nav.navbar.navbar-default span.lang-in{padding: 22px 0;}
    .nav li.cst-lftspc a:after{width: 1px; height: 18%;}
    .page-footer.copyright .inner-copyright .crypto-icon.social-img{margin-left: 0; margin-right: 0;}
    .img-responsive.logocst-img{max-width: 160px !important; margin-left: 15px;}
    .navbar-brand{width: 170px !important;}
    .navbar-default .navbar-nav > li > a{font-size: 9px;}
    nav.navbar.navbar-default span.lang-in li a { padding: 24px 3px; color: #5098c1; font-weight: 500; font-size: 9px; }
    .navbar.navbar-default .menu-in{width: calc(100% - 170px);}
}
@media screen and (max-width:767px) {
    .main-box .inner-box .detail-text h5{font-size: 15px; font-weight: 600;}
    .nav li.cst-lftspc a:after { content: inherit !important; }
    .navbar-nav>li>a { padding: 10px 5px; }
    li.cst-lftspc { margin-left: 0; }
    .home-btns-inner a img { max-width: 300px; }
    .home-btns-inner.candidate a img { max-width: 180px; }
    .home-btns-inner.candidate { margin-left: -90px; }

    /*-----arbeitgeber--page*/
    .main-box .inner-box .detail-text { max-width: 420px; min-height: 420px; max-height: 420px; }
    .chain-boxs .box-detail .col-sm-6 { left: 0; }
    .main-box h4 { max-width: 250px; font-size: 24px; line-height: 30px; }
    .main-box .inner-box img { max-width: 90px; margin-top: 20px; }
    .wrap-before { display: none; }
    .wrap-after { display: none; }
    .location .col-sm-12 { float: none !important; clear: both !important; }
    .location .send { text-align: left !important; }
    .Kundenstamm { font-size: 18px; line-height: 30px; }
    .bannerbg { padding-top: 40px; }
    .main-box { max-width: 500px; height: 500px; background-size: 500px 500px; margin: 0 auto; margin-bottom: 110px; }
    .main-box .inner-box { clip-path: inherit !important; }
    .main-box.left.next.last { margin-bottom: 0px; } 
    .main-box.right.next.last { margin-bottom: 0px; }
    .chain-boxs { margin-left: -15px; margin-top: 60px; }
    .main-box.right { margin: 0 auto; margin-bottom: 110px; background-image: url(../img/bg-job1-new.png) !important; }
    .main-box.left { background-image: url(../img/bg-job1-new.png) !important; }
    .main-box.left.next { margin-top: 0px; }
    .main-box.right.next { margin-top: 0px; }  
    .home-btns-inner a span{left: 18%;}
    #job{ padding-top: 0px !important; }
    .bannerbg.chain-main{padding-top: 15px !important;} 

    /*.main-box{transform: rotate(45deg); }*/

    /*.main-box .inner-box{transform: rotate(-45deg);}*/
    .main-box.left .inner-box1:after { background-size: 114px; transform: rotate(43deg) translateX(-50%); left: 45%; right: auto; bottom: -37.2%; }
    .main-box.right .inner-box1:after { background-size: 114px; left: 45%; bottom: -37.2%; transform: rotate(42deg) translateX(-50%); }
    .main-box .inner-box:hover .detail-text { display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center; }
    .main-box .inner-box .detail-text p { font-size: 14px; line-height: 18px; }
    #erfo { padding-top: 20px; }
    #ruck{padding-top: 20px;}
    .custom-ul li { font-size: 22px; margin-bottom: 15px; }
    .mainboxhed { padding: 80px 15px 0 15px !important; }
    .wirsind-sec { padding-top: 50px !important; }
    .custom-ul .job-wrap { min-height: 225px; background-position: center; max-width: 360px; margin: 0 auto; margin-bottom: 30px; }

    .main-bg:hover{background-image: url(../img/bg-job1-new.png) !important; box-shadow: 0 0 6px 7px #367d9a;}
    .main-bg1:hover{background-image: url(../img/bg-job1-new.png) !important; box-shadow: 0 0 6px 7px #367d9a; }
    .navbar.navbar-default .menu-in{width: 100%;}
    .navbar.navbar-default .menu-in .nav{padding-left: 15px;}
    .navbar .nav>li{width: 100%; display: block; text-align: left;}
    nav.navbar.navbar-default span.lang-in{float: left; display: block; padding:0;}
    nav.navbar.navbar-default span.lang-in li{display: block;}
      .navbar-default .navbar-nav > li > a{font-size: 15px;}
    nav.navbar.navbar-default span.lang-in li a{padding:10px 4px; font-size: 15px; font-weight: 600; display: block;}
    .img-responsive.logocst-img{margin-left: 0;}
}
@media screen and (max-width:574px) {
    .innertxt h4 { font-size: 16px; line-height: 26px; }

    /*.home-btns-inner{width: 100%; display: block;}*/
    .home-btns-inner.candidate { margin-left: -82px; margin-top: 0; margin-bottom: 0px; }

    /*.home-btns-inner a img{transform:rotate(90deg);}*/
    .home-btns-inner a span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 16px; font-weight: 500; }
    .home-btns-inner.employer a span { position: absolute; left: 38%; top: 50%; transform: translate(-50%, -50%); }
    .home-btns-inner.candidate a img { max-width: 165px; }
    #wirsind { padding-top: 110px; }
    .home-btns-inner a img{max-width: 270px;}

    /*-----arbeitgeber--page*/
    .Kundenstamm { padding: 15px !important; font-size: 16px; line-height: 26px; }
    .bannerbg { padding-top: 50px; }
    .hedborder1 h2 { font-size: 30px; margin-top: 20px; }
    .chain-boxs { margin-top: 20px; margin-bottom: 0px !important; }
    .main_footer ul li { padding: 3px 0 !important; }
    .main_footer { padding: 2px 0 !important; }
    .mainboxhed { padding: 70px 0 0 0 !important; }
    .remove-sm-bg { padding: 15px !important; }
    .mainboxhed.newboxbg1 { padding: 20px 15px !important; }

    /*.home-btns{flex-direction: column !important;}*/
    .home-btns-inner.employer { margin-left: -20px !important; } 
    .main-box { max-width: 455px; height: 440px; background-size: 455px 440px; margin: 0 auto; margin-bottom: 110px; }
    .main-box.left .inner-box1:after { background-size: 113px; transform: rotate(42deg) translateX(-50%); left: 45%; right: auto; bottom: -42.5%; }
    .main-box.right .inner-box1:after { background-size: 113px; left: 45%; bottom: -42.5%; transform: rotate(42deg) translateX(-50%); }
    .main-box .inner-box .detail-text { max-width: 400px; min-height: 380px; max-height: 380px; }
    .main-box h4 { max-width: 220px; font-size: 20px; line-height: 26px; font-weight: 500; }
    .main-box .inner-box img { margin-top: 0; max-width: 90px; }

    /*.main-box.left .inner-box1:after { background-size: 116px; transform: rotate(45deg) translateX(-42%); left: 42%; right: auto; bottom: -46.5%; }
    .main-box.right .inner-box1:after { background-size: 116px; left: 44%; bottom: -46.5%; transform: rotate(45deg) translateX(-44%); }*/
    .main-box .inner-box .detail-text { max-width: 300px; min-height: 280px; max-height: 280px; }
    .main-box .inner-box .detail-text p { font-size: 11px; line-height: 15px; text-align: left;}
    .main-box .inner-box .detail-text h5 { font-size: 14px; line-height: 18px; padding-bottom: 8px; text-align: left; width: 100%; display: block;}
    .page-footer.copyright .inner-copyright .crypto-icon span { margin-left: 8px; }
    .bannerbg.comment-in { padding-top: 10px !important; }
    .main-box .inner-box .detail-text p.mobile_v {
    font-size: 13px;
}
    h2.d_v{display: none !important;}
    h2.m_v{display: block !important;}
}
@media screen and (max-width:481px) {
    .main-box { max-width: 350px; height: 330px; background-size: 350px 330px; margin: 0 auto; margin-bottom: 110px; }
    .main-box.left .inner-box1:after { background-size: 114px; transform: rotate(42deg) translateX(-50%); left: 45%; right: auto; bottom: -56.5%; }
    .main-box.right .inner-box1:after { background-size: 114px; transform: rotate(42deg) translateX(-50%); left: 45%; right: auto; bottom: -56.5%; }
    .main-box .inner-box .detail-text { max-width: 310px; min-height: 290px; max-height: 290px; }
    .home-btns-inner.employer{margin-left: -5px !important;}
    .hedborder1 h2 {
    font-size: 26px;
}
.main-box .inner-box .detail-text p.mobile_v {
    font-size: 13px;
}
}
@media screen and (max-width:374px) {
    .home-btns-inner a span{font-size: 15px;}
    .home-btns-inner a img { max-width: 240px; }
    .home-btns-inner.candidate a img { max-width: 145px; }
    .home-btns-inner.candidate { margin-left: -72px; margin-top: 0; margin-bottom: 0px; }
    .custom-ul .job-wrap { min-height: 172px; background-position: center; max-width: 270px; margin: 0 auto; margin-bottom: 20px; }
    .main-box { max-width: 318px; height: 325px; background-size: 318px 325px; margin: 0 auto; margin-bottom: 110px; }
    .main-box .inner-box .detail-text { max-width: 290px; min-height: 285px; max-height: 285px; }
    .main-box .inner-box img { margin-top: 0; max-width: 90px; }
    .main-box.left .inner-box1:after { background-size: 111px; transform: rotate(43deg) translateX(-50%); left: 45%; right: auto; bottom: -58%; }
    .main-box.right .inner-box1:after { background-size: 111px; left: 45%; bottom: -58%; transform: rotate(43deg) translateX(-50%); }
    .main-box .inner-box:hover .detail-text { justify-content: flex-start; }
    .main-box h4 { max-width: 220px; font-size: 20px; line-height: 26px; }
    .main-box .inner-box .detail-text p { font-size: 10px; line-height: 14px; }
    .main-box .inner-box .detail-text p.mobile_v {
    font-size: 12px;
    line-height: 14px;
}

/*-----arbeitgeber--page*/ }
@media screen and (max-width:338px) {
    .main-box { max-width: 295px; height: 315px; background-size: 295px 315px; margin: 0 auto; margin-bottom: 110px; }
    .main-box .inner-box .detail-text { max-width: 260px; min-height: 240px; max-height: 240px; }
    .main-box.left .inner-box1:after { background-size: 112px; transform: rotate(43deg) translateX(-50%); left: 45%; right: auto; bottom: -60%; }
    .main-box.right .inner-box1:after { background-size: 112px; left: 45%; bottom: -60%; transform: rotate(43deg) translateX(-50%); }
    .main-box .inner-box .detail-text p {
    font-size: 10px;
    line-height: 12px;
}
.main-box .inner-box .detail-text p.mobile_v {
    font-size: 12px;
    line-height: 14px;
}
}