*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
html,body{width:100%;height:100%;/* -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;*/}
body{margin:0;padding:0;font-family:tahoma,"Trebuchet MS","Segoe UI",Trebuchet,"Bitstream Vera Sans","DejaVu Sans",Verdana,"Verdana Ref",sans serif;font-size:11px;line-height:17px;background-repeat:repeat-x;background-position:top;background-color:#ffffff;color:#333}
.blue{color:#0066cc}
.orange{color:#f86d05}
.red{color:#b90000}
h1,h2,h3{margin:0;padding:0;font-weight:normal}
h1{font-size:25px;line-height:32px;font-weight:normal;margin-bottom:6px}
a{color:inherit}
.left{float:left}
.right{float:right}
.hide{display:none}
.after:after{clear:both;content:'';display:table}
.align-right{text-align:right}
.align-center{text-align:center}
.debug-content{margin:20px;padding:20px;background-color:#f86d05;color:#ffffff}
.flex-container{display:flex;flex-direction:row;flex-wrap:wrap}
.flex-item{flex:1 1 auto}
form{display:flex;flex-wrap:wrap;flex-direction:row}
form .form-group{display:flex}
form .form-field{padding:5px;line-height:22px}
input[type="text"],input[type="email"],textarea,select{font:inherit;width:100%;line-height:16px;padding:2px;color:#777;background-color:#fff;height:24px}
input[type="submit"]{border:none;border-radius:6px;background-color:#e1e1e1;font-weight:bold;box-shadow:1px 1px 3px 1px rgba(0,0,0,0.32);padding:0 24px;color:inherit;height:20px;cursor:pointer;margin:2px 0}
textarea{height:200px}
.container{max-width:900px;margin:0 auto}
header{padding:30px 10px 26px}
header a{display:inline-block;margin:0 10px}
header a.logo{height:56px}
header img{display:block;max-width:324px;width:100%;height:auto}
header nav{padding-top:10px}
header nav a{text-decoration:none;line-height:16px;font-size:12px}
header nav a.active{color:#0066cc}
header nav a:hover{color:#0066cc;text-decoration:none}
.with-aside>article{width:calc(100% - 224px)}
.teaser-aside>article{width:calc(100% - 280px)}
article{padding:20px;margin:20px 0}
article section+section{margin-top:34px}
article header{padding:0;height:126px}
article header p{color:#666666;font-size:14px;line-height:18px}
article p a{color:#0066cc;text-decoration:none}
article p a:hover{color:#f86d05;text-decoration:underline}
article nav{color:#666666;margin:10px 0 14px;padding:0}
article nav a{display:block}
article nav a:hover{text-decoration:none}
article .delimiter{background:#C6CFE0;margin-bottom:26px;height:4px}
article .delimiter div{background:#82A0C6;border-right:4px solid #ffffff;width:180px;height:inherit}
article .content-delimiter{border-bottom:dotted 1px rgb(215,221,236);margin:26px 0}
aside{width:224px}
.teaser-aside>aside{width:280px}
aside article.bg{background-repeat:no-repeat;background-position:bottom center}
aside article.border{border:solid 1px #e8e8e8}
aside article nav{margin:0}
aside article nav a{color:#0066cc;text-decoration:none}
aside article nav a.active{color:#333;text-decoration:none}
aside article nav a:hover{color:#f86d05;text-decoration:underline}
.data-protect h2{margin-top: 34px}
footer{padding:0 20px;color:#666666}
footer .footer{border-top:1px solid #d9d9d9;padding:10px 0 38px}
footer span{color:#333333;font-weight:bold}
footer nav{padding-top:17px}
footer nav a{float:left;margin-right:13px}
footer nav a:hover{text-decoration:none}
.search-header .header{background-repeat:no-repeat;background-position:right top;height:202px;margin-bottom:1px}
.search-header form{padding:0 15px;background:#f4f4f4;background:-moz-linear-gradient(top,#f4f4f4 0%,#dbdbdb 100%);background:-webkit-linear-gradient(top,#f4f4f4 0%,#dbdbdb 100%);background:linear-gradient(to bottom,#f4f4f4 0%,#dbdbdb 100%)}
.search-header form .form-group{position:relative}
.search-header form .form-field.no-side-padding{padding-left:0;padding-right:0;flex:0 0 auto}
.search-header form .jw-jobname,.search-header form .jw-jobort{width:180px}
.search-header form .jw-ort-distance{flex:0 0 auto}
.pulldown{position:absolute;background-color:#fff;z-index:9;padding:10px;width:280px;box-shadow:0 0 5px 0px rgba(0,0,0,0.16);top:29px;left:5px}
.pulldown>div{padding:10px}
.pulldown ul{list-style:none;margin:0;padding:0}
.pulldown li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pulldown .title{font-weight:bold}
.search-result header{height:auto}
.search-result .text{color:#666666}
.search-result .count{margin-top:24px;text-align:right}
.search-result .count a{color:#666666;text-decoration:underline}
.search-result .count a:hover{text-decoration:none}
.search-result .error{color:#b90000;border-bottom:solid 1px #b90000}
.job{padding-bottom:12px;margin-bottom:14px;border-bottom:dotted 1px rgb(215,221,236)}
.job h2{font-size:16px;line-height:22px;color:#555555}
.job span{color:#999999;font-size:10px}
.job a:hover{color:#f86d05}
.pager{padding-top:20px}
.pager a,.pager span{color:#555555;margin:0;background:#ffffff;width:31px;text-align:center;line-height:31px}
.pager a.active{text-decoration:none;font-weight:bold;color:#222222;background:#e6e6e6}
.pager a:hover{color:#222222;background:#e6e6e6}
.order .wizard{margin-bottom:34px}
.order .wizard section{margin:0 auto}
.order .wizard .number{text-align:center;padding:14px}
.order .wizard .left{width:50%;text-align:right;padding-right:10px}
.order .wizard .right{width:50%;padding-left:10px}
.order .wizard .number span{border-radius:50%;width:40px;line-height:40px;background-color:rgb(207,223,239);text-align:center;display:inline-block;font-size:20px}
.order .wizard .step-arrow{text-align:center;padding:20px}
.order .flex-container .flex-item{margin-bottom:6px;flex-basis:70%;padding:4px 14px 4px 0}
.order .flex-container .flex-item:nth-child(even){border-left:1px solid #B4B6C5;background:#F8F9FA;padding:4px 14px;flex-basis:30%;display:flex;align-items:center}
.partner .flex-container{justify-content:center;align-items:center}
.partner .flex-container .flex-item{padding:20px 0;flex-basis:50%}
.partner .flex-container .flex-item:nth-child(odd){text-align:center;vertical-align:middle}
.partner .flex-container .flex-item img{padding-right:20px}
.contact-persons{display:flex}
.contact-persons .contact-person+.contact-person{padding-left:30px}
.contact-persons .contact-person img{display:block}
.contact .description{color:#777777;margin-bottom:17px;border-bottom:1px dotted #b0bcd9}
.contact form{flex-direction:column}
.contact form button{border:1px solid;border-color:#F0F0F0 #DCDCDC #DCDCDC #F0F0F0;background-color:#F0F0F0;padding:3px 30px;font:inherit;line-height:14px}
.contact form .error label{color:#b90000}
.contact form .form-group{margin-bottom:4px}
.contact form .form-field{padding:0;flex:0 1 200px}
.contact form .form-group .form-field:last-child{flex:1 0 auto}
.contact .recaptcha-error-message{display:none;color:#b90000}
.teaser{background-color:#f0f0f0}
.teaser .job{border:0}
.teaser .job:last-child{margin-bottom:0}
.teaser_title{font-size:1.75em;margin-bottom:20px;color:#f8862f}
.job-topjob{color: #f8862f;font-weight:600}
@media screen and (max-width:900px)
{footer{padding:10px 20px 20px}
}
@media screen and (max-width:767px){.with-aside article{width:100%}
.with-aside aside{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;border-top:dotted 1px rgb(215,221,236)}
.with-aside aside article{flex:0 0 33%}
.with-aside aside article.bg{background:none !important}
.with-aside aside article.border{border:none}
.with-aside aside article.menu{display:none}
}
@media screen and (max-width:572px){
body{background-position:center top 32px}
header nav a {margin-top: 10px;}
}
@media screen and (max-width:521px){.search-header form .form-group,.search-header form .jw-jobname,.search-header form .jw-jobort{max-width:100%;flex-basis:100%}
.partner .flex-container .flex-item{flex-basis:100%}
}
@media screen and (max-width:479px){.contact form .form-group{flex-direction:column}
.contact form .form-field{flex:0 1 auto}
}
@media screen and (max-width:448px){.with-aside aside article{flex:0 0 50%}
}
@media screen and (max-width:420px){
.homepage .header{background-position:right -50px top}
}
@media screen and (max-width:374px){.search-header .header{background-position:right -50px top}
.order .wizard img{width:100%;height:auto}
.order .wizard .step-arrow img{width:50px}
.with-aside aside article{flex:0 0 100%}
}
