/*fallback-Anzeige / fallback.css*/
body {font-family: Arial, Verdana, Helvetica, sans-serif; color: #44423e; background-color: #fff;}
h1 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.5rem; line-height: 1.875rem; margin-bottom: 20px;font-weight: 700;margin: 0 0 20px 0;color: #44423e;}
h1 span 
h2 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.1rem; line-height: 1.5rem; margin-bottom: 20px;font-weight: normal;color: #44423e;font-weight: bold;}
h3 {font-size: 0.9rem; margin-top: 0;margin-bottom: 15px;}
h4 {font-size: 14px; margin-top: 15px; margin-bottom: 5px;}
p {font-size: 12px; line-height: 16px; margin-bottom: 20px;}
.pre {color: #777777;}
.pre span {font-size: 14px; font-weight: bold;color: #000 !important;margin-bottom:display: block; height: 5px;}
.nomarginb {margin-bottom: 0;}
a {color: #0058a3; outline: none; text-decoration: none;}
a:hover {text-decoration: underline;}
a.bold {font-weight: bold !important;}
ul {font-size: 12px;line-height: 18px;list-style-position:outside;list-style-type:disc;margin-bottom: 20px;margin-top: 0;padding-left: 15px;}
.container {max-width: 740px;margin: 20px auto 0; position: relative;border: 1px solid #000;}
.container #logo img {left: 517px;position: absolute;top: 0;z-index: 5;}
#header {margin-bottom: 0;max-width: 740px;}
.header, .top {position: relative;}
.top {display: none;}
.logo {margin: 0;max-width: 100%;padding: 0;position: relative;right: 0;top: 0;}
.headerimage img {display: inline-block; max-width: 100%;}
#horizontalTab {max-width: 740px !important;}
.resp-tabs-container {padding: 20px; padding-top: 5px;position: relative; z-index: 1; border-bottom: 50px solid #0058a3;background-color: #fff;}
.liste1, .liste2 {float: left; }
.liste1 p {margin-top: 0;}
.liste1 {width: 67%;}
.liste2 {width: 30%;border-left: 1px solid #000;padding-left: 10px;}
.liste2 {float: right;}
.clear {clear: both;}
.aufgaben {font-size: 12px; font-weight: bold; margin: 0; padding: 0;}
.kontakt {margin-bottom: 0; font-weight: bold;}
.bewerbung {position: absolute; right: 20px; bottom: 5px; width: auto;}
.bewerbung p {margin-top: 15px;margin-bottom: 15px;}
.bewerbung a {-webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; background-color: #fdc400;padding: 5px 15px;cursor: pointer;font-size: 1.2rem;color: #44423e;}
.bewerbung a:hover {color: #44423e;text-decoration: underline;}
a.link {background: none !important; border-radius: none !important; font-size: 12px; margin-top: 10px;color:#44423e; padding-left: 0;font-weight: bold;} 
.fa-envelope-o {margin-right: 7px !important; margin-top: 3px !important;}
iframe {max-width: 100%;}
.btn-blue-gradient {background: linear-gradient(to bottom,#00abe0 0,#009be0 10%,#008be0 38%,#007be0 62%,#006be0 79%,#0058a3 100%);border: none;color: #fff !important;border-radius: 4px;cursor: pointer;display: inline-block;font-size: 14px;margin: 18px 1px 18px 0;padding: 1em 2em;text-align: center;text-decoration: none;vertical-align: middle;white-space: nowrap;
}	

@media only screen and (max-width: 48em) {

.container {margin: 1% auto;max-width: 98%;}
.container #logo {position: relative;height: 1px;}
.container #logo a {display: block; text-align: right;}
.container #logo img {left: 0px;position: relative;top: 3px;z-index: 5;padding-right: 7px;max-width: 90px; max-height: 50px;}
.headerimage {border: none;}
.header-image img {padding-top: 20px; background-color: #fff;}
img {max-width: 100%;}
.liste1, .liste2 {float: none;width: 100%;}
.liste2 {border-left: none !important; padding-left: 0 !important;}
.bewerbung {position: relative; left: 0; top: 10px; bottom: 0;}
}
@media only screen and (max-width: 37.5em) 

{.container {margin: 1%; width: 98%;}
.container #logo {background-color: #fff;height: auto;}
.container #logo img {position: sticky; display: block; padding-right: 5px;max-width: 90px; max-height: 50px;left: 517px;}	
.top {background-image: url(../logos_icons/HolidayCheck.jpg); background-repeat: no-repeat; width: 220px; height: 42px;display: block; margin: 20px auto 10px; }
.headerimage {border: none;}
.headerimage .image {display: none !important;}
img {max-width: 100%;}
.header-image img {display: none;}
.liste2 {border-left: none !important; padding-left: 0 !important;}
.logo {margin: 0;max-width: 100%;padding: 0;position: relative;right: 0;top: -48px; float: right; max-width: 85%; padding-top: 5px;
}
}
@media print {ul.resp-tabs-list .t2, ul.resp-tabs-list .t3, ul.resp-tabs-list .t4, .bewerbung {display: none;}}