/*PWG-Fallback-Anzeige / style.css*/

body {font-family: Verdana, Arial, sans-serif; background-color:#fff; color: #fff;font-size: 12px;line-height: 14px;}
h1 {font-family: Verdana, Arial,Helvetica,sans-serif;font-size: 22px;line-height: 1.3;font-weight: 300;color: #fff;margin-bottom: 10px; margin-top:20px;}
h1 span {font-size: 0.7em; color: #999;}
h2 {font-family: Verdana, Arial,sans-serif; font-size: 15px; line-height: 1.2; margin-bottom: 20px;margin-top:-15px;font-weight: 700;color: #187641;}
h3 {font-family: Verdana, Arial,sans-serif; font-size: 1em; margin-top: 0;margin-bottom: 15px;padding-left: 20px;color: #56565a; font-weight: normal;}
h4 {font-size: 14px; margin-top: 15px; margin-bottom: 5px;}
p {margin-bottom: 20px;}
p span {display: inline-block; padding-bottom: 10px;}
a {color: #fff;outline: none; text-decoration: underline;}
a:hover {text-decoration: underline;}
a.bold {font-weight: bold !important;}
li {padding-bottom:5px}
ul {margin-bottom: 20px;margin-top: 0;padding-left: 25px;list-style-position: outside;list-style: url(../logos_icons/bullet_weiss.jpg);line-height:1.3;}
.container {max-width: 680px;margin: 20px auto 0; position: relative;margin-bottom: 20px;background-color: #187641;}
.container #logo img {left: 517px;position: absolute;top: 0;z-index: 5;}
#header {margin-bottom: 10px;max-width: 680px;position: relative; z-index: 2;}
.header, .top {position: relative;}
.top {display: none;}
.logo {margin: 0;max-width: 100%;}
.headerimage img {display: inline-block; max-width: 100%;}
#horizontalTab {max-width: 680px !important;position: relative; z-index: 1; }
.resp-tab-content {position: relative; z-index: 1;border: none !important;padding-left: 15px; padding-right: 15px;top:-20px}
.resp-tabs-container {margin-bottom: 15px}
.liste1, .liste2 {float: left; width: 48%;background-color: #bed3c0;padding: 5px;padding-right:0;color:#187641}
.liste2 {float: right;}
.liste1 ul, .liste2 ul {margin-bottom:0;list-style-position: outside;list-style: url(../logos_icons/bullet_gruen.jpg);line-height:1.3;}
.clear {clear: both;}
.text {padding-left: 15px; padding-right: 15px;}
.text1 p {margin-top: 15px !important;}
.text p {margin-top: 0;}
.text ul{}
.titel {padding-left:15px;font-weight:700;} 
.aufgaben {font-family: Verdana, Arial, sans-serif;margin: 0; padding: 0;text-transform:uppercase;font-weight:700; margin-bottom: 10px;}
iframe {max-width: 100%;}
.bewerbung {margin-top:20px;}
.bewerbung p {margin-bottom:10px;}
.www {font-weight: 300; font-size:22px;text-align: center;margin-top:30px !important;}

@media only screen and (max-width: 48em) {
.container {margin: 1% auto;max-width: 98%;}
#header {z-index: 2;}
.headerimage {border: none;}
.header-image img {padding-top: 20px; background-color: #fff;}
img {max-width: 100%;}
.firmentext {max-width: 85%}
#horizontalTab {top: -25px; z-index: 1;}
.resp-tab-content {border: none !important; margin-left: 0; margin-right: 0;top: 55px;}
.liste1, .liste2 {float: none;width: 100%;}
}

@media only screen and (max-width: 37.5em) 
{.container {margin: 1%; width: 98%;}
#header, #horizontalTab {border: none;}
.headerimage {border: none;}
.headerimage img{display: none !important;}
img {max-width: 100%;}
.resp-tabs-container {margin-bottom: 0;}
.resp-tab-content {padding: 0;top: 0;}
h1 {padding-left: 10px;}
.header-image img {display: none;}
#horizontalTab {margin-top: 50px !important;}
.top {float: none;height:60px;display: block; margin: 10px auto 0;}
.logo {display: block; margin: 0 auto;padding-top:10px;}
.firmentext {position: relative; left: 0; bottom: 0; max-width: 100%}
.text {padding-left: 0; padding-right: 0;}
.text1 p {padding-top: 0 !important;padding-left: 10px !important; padding-right: 10px !important;}
.text p {padding-left: 10px; padding-right: 10px;}
.text ul {padding: 0 22px;}
.liste1, .liste2 {float: none;width: auto;}
}