* { margin:0; padding: 0; }
body { font-family: 'Open Sans', sans-serif; font-size:100%; color: #848484;  }
a, img { border: none; outline: none; }
.wrapper { width: 100%; padding-top: 140px; }
.datenschutz ol, .datenschutz ul { padding-left: 20px; padding-bottom: 20px;  }
#header { width: 100%; padding-bottom: 20px; position:fixed; z-index: 99999; background-color: #fff; }
#header #top { width: 100%; background-color: #7a1649; color: #fff; padding: 10px 0; font-size: 14px; font-size: 0.875em;  margin-bottom: 20px; }
#header #top a { color: #fff; text-decoration: none; }
#header #top .iran { float: right; padding-left: 5px; opacity: 0.5;}
#header #top .germany { float: right; padding-left: 5px; }
#header #logo { max-width: 250px; float: left; }
#header #logo img { width: 100%; }
#header #mainnav { float: right; }
#header #mainnav ul { list-style: none; padding-top: 20px; }
#header #mainnav ul li { float: left; padding: 0 0 0 50px; }
#header #mainnav ul li a { color: #9d9d9c; text-decoration: none; }
#header #mainnav ul li a:hover, #header #mainnav ul li.active a  { color: #7a1649; }

#header #bewerber { 
    padding:12px;
}
#header #bewerber ul li a { 
    padding: 25px;
}
#header #bewerber ul li a:hover { 
    background-color: #7a1649;
    color: #fff;
    text-decoration: none;
}
#header #bewerber ul li { 
    display: inline; 
}
#header #bewerber ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.activehead{
    background-color: #7a1649;
    color: #fff;
}
.carousel-caption {
    text-align: left;
}
#aktuelleStellen{
    background-color: #7a1649;
    color:#fff;
}
#aktuelleStellen h2{
    color:#fff;
    padding: 0 20px;
}
.itemstellen {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
.itemstellen h3{
    color:#fff;
    padding-bottom: 15px;
}
.itemstellen hr{
    background-color:rgba(255,255,255,0.3);
}
.itemstellen li{
    list-style: none;
}
h2 .hr-lineStellen { width: 50px; background-color: #fff; height: 7px; border: none; margin-top: 5px;  }
a.buttonstellen {
    background-color: #3a0922;
    color: #fff;
    padding: 10px 20px;
    margin-top: 10px;
    display: inline-block;
    text-decoration: none;
}
.owl-nav {
    text-align: center;
}
.owl-next span {
    font-size: 30pt;
    padding: 10px;
}
.owl-prev span {
    font-size: 30pt;
    padding: 10px;
}
.owl-next:focus, .owl-prev:focus {outline: none;}
.berufsfeld img {
    width:50px;
}
.berufsfeld {
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 35px;
}
#mehrflexibilitaet li{
    margin-left: 20px;
}





#header .mobilenav-icon { position:absolute; top: 00px; right: 20px; cursor: pointer; display: none;}

#header.sticky { position:fixed; top: 0; left: 0; padding-bottom: 10px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); }
#header.sticky #logo { max-width: 150px;}
#header.sticky #mainnav ul { list-style: none; padding-top: 5px; }

#banner { width: 100%; position:relative; border-top: 3px solid #f3f3f3; border-bottom: 3px solid #f3f3f3;  }
#banner img { width: 100%;}
.sloganbannereins { max-width: 600px; float: right;padding-bottom: 50px;}
.sloganbannerzwei { max-width: 600px; float: left;padding-bottom: 50px;}
/* .slogan { position:absolute; top: 25%; left: 40%; } */
.sloganbannereins h2 { color: #fff; font-size: 3.5vw; font-weight: normal; text-transform: uppercase; line-height: 3.5vw;}
.sloganbannerzwei h2 { color: #7a1649; font-size: 3.5vw; font-weight: normal; text-transform: uppercase; line-height: 3.5vw;}
.sloganbannereins h3 { color: #fff; font-size: 1.2vw; font-style: italic; text-transform: uppercase; }
.sloganbannerzwei h3 { color: #fff; font-size: 1.2vw; font-style: italic; text-transform: uppercase; }

#banner-small { width: 100%; position:relative; border-top: 3px solid #f3f3f3; border-bottom: 3px solid #f3f3f3; background: url("../images/background-header.jpg");
height: 26px; padding: 80px 0; margin-bottom: 50px; }

.skill1 { width: 100%; height: 155px; background-color: #7a1649; border-top: 25px solid #e6e6e6; margin-bottom: 20px; }
.skill2 { width: 100%; height: 80px; background-color: #590e34; border-top: 100px solid #e6e6e6; margin-bottom: 20px;}
.skill3 { width: 100%; height: 45px; background-color: #3a0922; border-top: 135px solid #e6e6e6; margin-bottom: 20px; }

#stellenanzeigen {  }
#stellenanzeigen .stellenanzeige { border: 1px solid #999; position: relative; margin-bottom: 28px; }
#stellenanzeigen .stellenanzeige:hover { border: 1px solid #c4c4c4; cursor: pointer; }
#stellenanzeigen .stellenanzeige img { width: 100%; display: block; }
#stellenanzeigen .stellenanzeige .icon-download { position: absolute; top: 0; right: 0; background: #960d5c; }
#stellenanzeigen .stellenanzeige:hover .icon-download { background: #a6196a; }
#stellenanzeigen .stellenanzeige .icon-download img { width: auto; }

#stellenanzeigen .bewerben img { width: 100%; }

.leitbild { float:left;  margin-right: 20px;}
.zertifikat { float:left;  }
.leitbild img, .zertifikat img { max-width: 100px; border: 1px solid #999; margin-bottom: 10px; }
.leitbild img:hover, .zertifikat img:hover { border: 1px solid #c4c4c4; }

.magenta { width: 100%; background-color: #7a1649; padding: 50px 0; color: #fff;  }
.magenta h2 { color: #fff; }
.magenta h2 .hr-line {  background-color: #fff; }
.magenta h1 .hr-line {  background-color: #fff; }

/* Toogle */
dl { margin-bottom: 15px; padding: 10px 10px 10px 0px;}
dt { cursor: pointer;   }
dd { display: none; padding-top: 15px; font-size: 0.9em; }
dd ul { padding-left: 30px; }
dd ul li ul { padding-left: 30px; }

a.stellenportal { background-color: #3a0922; text-transform: uppercase; color: #fff; padding: 10px 20px; margin-top: 10px; display: inline-block; text-decoration: none; }
a.stellenportal:hover { text-decoration: none !important; background-color: #590e34; }
a.buttonstellen:hover { text-decoration: none !important; background-color: #590e34; }

.icons { width: 100%; padding: 50px 0; text-align: center; }
.icons img.icon { max-width: 105px; margin-bottom: 15px;  }

#footer { width: 100%; background-color: #7a1649; padding: 25px 0; color: #fff; font-size: 14px; font-size: 0.875em; }
#footer .logo { width: 100%; margin-bottom: 20px; }
#footer .logo img { width: 100%; max-width: 250px;  }
#footer .fb-page { max-width: 100%; }
#imprint a, #footer a { color: #fff; text-decoration: none; }
#imprint a:hover, #footer a:hover { text-decoration: underline; }
#imprint { width: 100%; background-color: #590e34; color: #fff; text-align: center; padding: 25px 0;}

h1 { color: #494948; font-size: 24px; text-transform: uppercase;  }
h2 { font-weight: 700; color: #494948; font-size: 24px; text-transform: uppercase; padding-bottom: 25px; }
h3 { font-weight: 300; color: #7a1649; font-size: 18px; padding-bottom: 25px; }
h2 .hr-line { width: 50px; background-color: #7a1649; height: 7px; border: none; margin-top: 5px;  }
h1 .hr-line { width: 50px; background-color: #7a1649; height: 7px; border: none; margin-top: 5px;  }

a { color: #7a1649; text-decoration: none; }

/* Kontaktformular */
input[type="text"]  { padding: 10px; border: 1px solid #494948; width: 80%; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; }
input[type="file"]  { padding: 10px; border: 1px solid #494948; width: 80%; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; }
textarea { padding: 10px; border: 1px solid #494948; width: 80%; height: 100px; font-family: 'Open Sans', sans-serif; }
input[type="submit"] { background-color: #7a1649; color: #fff; border: none; padding: 10px; font-family: 'Open Sans', sans-serif; }

p { line-height: 22px; padding-bottom: 15px; }
.colorbold { color: #7a1649; font-weight: 700; text-transform: uppercase;  }

.spacer { width:100%; height: 100px; }
.container { max-width: 1100px; margin:auto; padding: 0 20px; position:relative;  }
.inner-container { margin-right: 25px; }
.box25 { width: 25%; float: left; padding: 0 2.5%}
.box30 { width: 33%; float: left; }
.box30.space { width: 30%; float: left; margin-right: 3%; }
.box30 .floatright { float: right; width: 90%; }
.box50 { width: 50%; float: left; }
.box50.space { margin-bottom: 50px; }
.box50 img { max-width: 100%; }
.hidden{ opacity:0; }
.visible{ opacity:1; }
.clear { clear:both; }

.error { width: 90%; padding: 10px; color: #cd0b0b; border: 2px dotted #cd0b0b; background-color: #dea4a4; margin-bottom: 20px; font-size: 0.9em; }
.erfolg { width: 90%; padding: 10px; color: #5a8e00; border: 2px dotted #5a8e00; background-color: #ebf9d2; margin-bottom: 20px; font-size: 0.9em;}

@media screen and (max-width: 1000px) {
    #header #mainnav ul li { padding: 0 0 0 20px; }
    .slogan { padding-bottom: 30px;}
}

@media screen and (max-width: 800px) {
   .box25 { width: 45%; }
}

@media screen and (max-width: 850px) {
    #header #mainnav { float: left; width: 100%; }
    #header #mainnav ul li { padding: 0 30px 0 0; }
    .wrapper { width: 100%; padding-top: 200px; }
}

@media screen and (max-width: 640px) {
    .wrapper { width: 100%; padding-top: 130px; }
    .box50 { width: 100%; }
    .box30 { width: 100%; }
    .box25 { width: 95%; }
    #header .mobilenav-icon {  display: block;}
    #header #top .box50.second { display: none; }
    #header #logo { max-width: 200px; float: none; }
    #header #mainnav { float: none; width: 100%; display: none;}
    #header #mainnav ul { list-style: none; padding-top: 20px; }
    #header #mainnav ul li { float: left; padding: 10px 0 10px 0; border-bottom: 1px solid #666;}
    #header #mainnav ul li { float: none; padding: 10px 0 10px 0; }
    #banner-small { hight: 26px; padding: 20px 0 40px 0; margin-bottom: 50px; }
    .box30 .floatright { float: none; width: 90%; }
    h1 { color: #494948; font-size: 22px; text-transform: uppercase;  }
    h2 { font-weight: 700; color: #494948; font-size: 22px; text-transform: uppercase; padding-bottom: 25px; }
    h3 { font-weight: 300; color: #7a1649; font-size: 16px; padding-bottom: 25px; }


    #header #bewerber ul li a { 
        padding: 12px;
    }
}