html, body {-webkit-font-smoothing: antialiased;overflow-x: hidden;font-family: 'Helvetica';margin: 0;line-height: 1.8;font-size: 19px;font-weight: 300;}

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

img{max-width: 100%;}

ul{padding: 0;}
li{list-style: none;position: relative;padding-left: 10px;color: #05195c;}
li::before{content: '';background: url(media/checked.png);position: absolute;width: 20px;height: 20px;object-fit: cover;background-position: center;background-repeat: no-repeat;left: 0;top: 5px;background-size: cover;}

a{text-decoration: none;color: #05195c;}
p{color: #05195c;}

.subtitel{margin-bottom: 0!important;}
.subline{color: #05195c;text-transform: uppercase;font-weight:400;}
.headline.big{position: relative;text-transform: uppercase;color: #05195c;letter-spacing: -1px;font-family: 'Montserrat';font-weight: 600!important;}

#page-header{background: #05195c;width: 100%;position: absolute;z-index: 999;}
#page-header .row{justify-content: space-between;}
#page-header .row .button{display: flex;align-items: center;}
#page-header .row .button .btn{background-color: #8bdbdb;border-radius: 5px;padding: 12px 30px 10px 30px;color: #fff;transition: all .3s ease;}
#page-header .row .button .btn:hover{background-color: red;transition: all .3s ease;}
#page-header .logo{text-align: left;padding: 20px 0;}
#page-header .logo img{max-width: 50%;}

#page-footer{background: #05195c;width: 100%;padding: 30px 0; position: relative;display: flex;align-items: center;}
#page-footer a{color: #fff;font-weight: 300;}
#page-footer p{color: #fff;padding: 0 10px;font-weight: 300;}
#page-footer span{color: #fff;font-weight: 300;}
#page-footer .content{text-align: center;}
#page-footer .content .rechtliches{margin-bottom: 20px;display: flex;justify-content: center;align-items: center;}


#karriere_landingpage .headerbild img{height: 40vh;object-fit: cover;width: 100%;}
#karriere_landingpage .row{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;box-sizing: border-box;}

#karriere_landingpage .col-lg-1{position: relative;width: 100%;padding-right: 15px;padding-left: 15px;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;box-sizing: border-box;}
#karriere_landingpage .col-lg-3{position: relative;width: 100%;padding-right: 15px;padding-left: 15px;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;box-sizing: border-box;}
#karriere_landingpage .col-lg-4{position: relative;width: 100%;padding-right: 15px;padding-left: 15px;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;box-sizing: border-box;}
#karriere_landingpage .col-lg-5{position: relative;width: 100%;padding-right: 15px;padding-left: 15px;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;box-sizing: border-box;}
#karriere_landingpage .col-lg-6{position: relative;width: 100%;padding-right: 15px;padding-left: 15px;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;box-sizing: border-box;}

#karriere_landingpage .col-md-3{position: relative;width: 100%;padding-right: 15px;padding-left: 15px;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;box-sizing: border-box;}

#karriere_landingpage .col-sm-6{position: relative;width: 100%;padding-right: 15px;padding-left: 15px;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;box-sizing: border-box;}

/*-------------------------------------------------------------------------------------------*/

#karriere_landingpage .karriere_conent{padding-top:135px;}
#karriere_landingpage .karriere_conent p{margin-bottom:35px;}
#karriere_landingpage .karriere_conent ul{margin-bottom:40px;padding-left:0;}
#karriere_landingpage .karriere_conent ul li{padding-left:40px;list-style:none;margin:20px 0;position: relative;}
#karriere_landingpage .karriere_conent .btn{background:#05195c;padding: 5px 15px;font-size: 100%;text-transform: unset;text-align: center;margin: 35px 0;transition:all .3s ease;color: #fff;}
#karriere_landingpage .karriere_conent .btn:hover{background:#444;transition:all .3s ease;}
#karriere_landingpage .karriere_conent .btn.mobile{display:none;}

#karriere_landingpage .headline{font-size:250%;font-weight:500;line-height:1.2;margin-bottom:50px;position: relative;margin-top: 0;}
#karriere_landingpage .headline.big::before{content: '';position: absolute;width: 200px;height: 10px;background-color: red;bottom: -20px;}
#karriere_landingpage .headline span{font-size: 65%;font-weight: 400;display: block;margin-top: 0;}
#karriere_landingpage .topline{font-size:150%;margin-bottom:15px;color:#05195c;display:block;}
#karriere_landingpage .subline{font-size:150%;line-height:1.2;display:block;margin:15px 0;}

#karriere_landingpage .stelle, #karriere_landingpage .benefits,#karriere_landingpage .infotext{margin:75px 0;}

#karriere_landingpage .stelle .formular{background:#05195c;padding:30px;margin-bottom:25px;}
#karriere_landingpage .stelle .formular .topline{color:#8bdbdb;font-size:100%;margin-bottom:0;}
#karriere_landingpage .stelle .formular .headline{color:#fff;font-size:200%;text-transform: uppercase;}
#karriere_landingpage .stelle .formular input{width: 100%;padding: 10px 15px;font-size: 100%;color: #444;max-width: 100%;box-sizing: border-box;background: #fff;border: none;margin:7.5px 0;box-shadow: none;}
#karriere_landingpage .stelle .formular input[type="checkbox"]{width:15px;}
#karriere_landingpage .stelle .formular input[type="submit"]{border:solid 2px #fff;transition:all .3s ease;}
#karriere_landingpage .stelle .formular input[type="submit"]:hover{background:transparent;color:#fff;transition:all .3s ease;}
#karriere_landingpage .stelle .formular select{width: 100%;padding: 10px 15px;font-size: 100%;color: #fff;max-width: 100%;box-sizing: border-box;background: transparent;border: solid 2px #fff;margin:7.5px 0;box-shadow: none;}
#karriere_landingpage .stelle .formular select option{color: #444;}
#karriere_landingpage .stelle .formular p{font-size:80%;color:#fff;margin:10px 0;}

#karriere_landingpage .benefits{padding: 60px 0;background-color: #05195c;}
#karriere_landingpage .benefits .topline, #karriere_landingpage .benefits .headline{text-align:center;color: #fff;}
#karriere_landingpage .benefits .item{margin:50px 0;padding:0 30px;text-align:center;}
#karriere_landingpage .benefits .item .headline{font-size:125%;color:#fff;display:block;margin:15px 0 5px;}
#karriere_landingpage .benefits .item p{color: #fff;}

#karriere_landingpage .infotext .mail{display:block;margin:15px 0;padding-left:35px;position:relative;font-size:115%;font-weight:400;color:#05195c;text-decoration:none;transition:all .3s ease;}
#karriere_landingpage .infotext .mail:hover{color:#05195c;transition:all .3s ease;}
#karriere_landingpage .infotext .mail:before{content:'';display:block;width:25px;height:20px;position:absolute;top:7.5px;left:0;background:url('media/mail.png');background-size:100%;background-repeat:no-repeat;background-position:center;}
#karriere_landingpage .infotext .mail.mobile{display:none;}
#karriere_landingpage .infotext img{height: 300px;width: 100%;object-fit: cover;object-position: center;}



/*-------------------------------------------------------------------------------------------*/
@media (max-width:1390px){
    
    body{font-size: 16px;}
    
    .container{max-width: 1100px;}

    #karriere_landingpage .karriere_conent{padding-top:65px;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
    
    .container{max-width: 890px;}
 
    #karriere_landingpage .headline{font-size:220%}

    #karriere_landingpage .benefits .item{padding:0 15px;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px) {
    
    body{font-size: 15px;}
    
    .container{max-width: 660px;}
    
    #page-header .logo{width: 70%;}

    #karriere_landingpage .col-lg-1{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    #karriere_landingpage .col-lg-4{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    #karriere_landingpage .col-lg-5{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    #karriere_landingpage .col-lg-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}   
    

    #karriere_landingpage .infotext .topline, #karriere_landingpage .infotext .headline{text-align:left;}
    #karriere_landingpage .infotext .mail.mobile{display:block;}
    #karriere_landingpage .infotext .mail.desktop{display:none;}
    
    #karriere_landingpage .col-md-6{position: relative;width: 100%;padding-right: 15px;padding-left: 15px;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;box-sizing: border-box;}
    
    .formular .headline{margin-bottom: 25px!important;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px) {
    
    body{font-size: 14px;}
    
    .container{max-width: 470px;}
    
    #karriere_landingpage .row{margin:0 -10px;}
    
    #karriere_landingpage .benefits .col-md-6{position: relative;width: 100%;padding-right: 15px;padding-left: 15px;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;box-sizing: border-box;}

    #karriere_landingpage .col-md-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}    

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:575px) {
    
    body{font-size: 13px;}
    
    .container{max-width: 360px;}
   
    #karriere_landingpage .col-sm-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    #karriere_landingpage .headline{font-size:175%;}
    #karriere_landingpage .topline{font-size:125%;}
    #karriere_landingpage .subline{font-size:125%;}
    #karriere_landingpage .karriere_conent .btn.mobile{display:block;}

    #karriere_landingpage .stelle .flagge::after{top:-100px;}

    #karriere_landingpage .stelle .formular .headline{font-size:175%;}
    #karriere_landingpage .stelle .formular input{font-size:80%;padding:10px;}
    #karriere_landingpage .stelle .formular select{font-size:80%;padding:10px;}
    
    #karriere_landingpage .benefits .item .headline{font-size: 105%;word-break: break-word;}
    
    #karriere_landingpage .stelle, #karriere_landingpage .benefits, #karriere_landingpage .infotext{margin: 40px 0;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:400px) {
    
    #karriere_landingpage .stelle, #karriere_landingpage .benefits, #karriere_landingpage .infotext{margin: 35px 0;}

    
    .container{max-width: 320px;}
    
    #page-header .logo{width: 65%;}
    
    #karriere_landingpage .headline.big::before{width: 90px;}
    #karriere_landingpage .infotext .mail::before{top: 2px;}

    #karriere_landingpage .headline{font-size:160%;}
    #karriere_landingpage .topline{font-size:110%;}
    #karriere_landingpage .subline{font-size:110%;}
    
    #karriere_landingpage .benefits .item{padding: 0;}
    #karriere_landingpage .benefits .item .headline{word-break: unset;}
    
}