/* Import */
@import "/fileserver/ar040033/filesdb/font.css";
@import "/fileserver/ar040033/filesdb/nav.css";
@import "/fileserver/ar040033/filesdb/div.css";
@import "/fileserver/ar040033/filesdb/bgstretcher.css";
@import "/fileserver/ar040033/filesdb/formular.css";
			
/* Position Logo */
div.logo {position: relative; left: 10%; width: 300px; z-index:30000; margin: 20px 0 0 0;}
img.logopng {width: 300px; height: auto; border: 0px;}

/* Balken */
div.balken {position: relative;	z-index: 100; width: 100%; height: 5px; margin-top: -10px; background-color: #DDD6C0;}

/* Headlines */
td.headline h2 {color: rgba(206,199,177, 1.0); font-size: 36px; font-family: 'Roboto', sans-serif; font-weight: bold; padding: 0 3%; text-align: center;}
td.headline h3, td.cms_kurz_detail h3, td.headline h4, td.cms_kurz_detail h4 {width: 94%; height: 120px; line-height: 120px; margin: 0 0 0 0; padding: 0 3%; font-family: 'Overpass', sans-serif; font-size: 50px; font-weight: bold; text-align: center; background-color: rgba(221,214,192, 1.0); white-space: normal;}
a.headline_div span {color: red;}
/*a.headline_div span.weiter, td.cms_kurz_detail h3 span.weiter {display: none; color: black; font-size: 30px;}*/
div.zurueck {width: 10%; margin-left: 90%; margin-top: -110px;}
div.zurueck a {display: block; width: 100%; height: 110px; line-height: 110px; font-size: 20px; color: black; font-family: 'Overpass', sans-serif; text-align: center; background-color: rgba(221,214,192, 1.0);}
span.headlinedetail {font-size: 36px; font-family: 'Roboto', sans-serif; height: 36px; line-height: 36px; padding: 0 3%;}
 
/* Body */
table.bgmain {background-color: #EEEEEE;}
p.slider_mobile {display: none; padding: 0; margin: 0;}
td.cms_content {width: 100%; padding: 0 0 0 0;}
td.cms_content p {font-size: 18px; font-family: 'Overpass', sans-serif;}
td.cms_content p span {font-size: 22px;}
td.cms_content img.links {float: left; margin: 0 10px 0 0; border: 2px solid #808080;}
td.cms_content img.rechts {float: right; margin: 0 0 10px 10px; border: 2px solid #808080;}
td.cms_content ul {list-style-type: square; color: black; padding: 0 0 0 1.33%; font-size: 18px; font-family: 'Overpass', sans-serif;}
td.cms_kurz_detail h3 p {display: none;}
div.cms_kurz_div {text-align: center; font-size: 18px;}
div.start_wrapper {text-align: center; float: left; padding: 3%; width: 27.33%;}
div.start_icon {text-align: center; float: left; padding: 3% 3% 3% 3%; width: 100%; opacity: 1.0; transition-property: opacity; transition-duration: 0.5s;}
div.start_icon:hover {opacity: 0.6;}
div.start_txt {text-align: center; float: left; padding: 1% 3% 3% 3%; width: 100%; height: 200px; font-size: 22px;}
div.start_name {text-align: center; float: left; padding: 3%; width: 27.33%; height: auto; font-size: 22px; font-weight: bold; color: white; background-color: rgba(206,199,177, 1.0);}
div.kontakt {float: left; padding: 1% 3%; width: 27.33%; height: 140px; font-size: 22px; color: black;}
div.bewerbung_wrapper {width: 100%;}
div.bewerbung {width: 50%; float: left;}
div.kontakt_slider {position: relative; width: 200px; background-color: #DDD6B1; font-weight: bold; font-size: 20px; color: white; padding: 10px; margin: 13px 0 0 0; left: 14%; z-index: 2000000;}

div.siegel_slider {position: absolute; display: block; float: left;  width: 125px; height: auto; padding: 0px;  margin: 0 0 0 0; left: 13%; z-index: 2000000; border: 2px solid #DDD6B1; bottom: 150px;}
img.siegel_img {width:100%;}

a {color: #745821;}
a:hover {color: #DDD6B1;}
hr {border: 1px solid #745821;}

/* Footer */
div#footer p {margin: 0 0 0 0;}
iframe.maps {width: 100%; height: 320px;}
div.container_footer td {background-color: #253539; width: 100%; height: 30px; line-height: 30px; text-transform: uppercase; text-align: center;}
a.inhaltfuss { color: #fff;}
div.footer_copyright {display: none;}
div.fkt_bottom {display: none;}

/* Media Screens */
@media only screen and (max-width: 1680px)
{div.siegel_slider{left: 5%; bottom: 350px;} }
@media only screen and (max-width: 1600px)
{div.kontakt {height: 160px;}
div.start_txt {height: 250px;}
div.siegel_slider{left: 13%; bottom: 175px;}}
@media only screen and (max-width: 1385px)
{div.kontakt {height: 200px;}
div.start_txt {height: 280px;}}
@media only screen and (max-width: 1280px)
{div.logo {left: 5%;}
div.kontakt_slider {left: 5%;}
div.siegel_slider{left: 13%; bottom: 140px;}    
div.start_name {padding: 3% 1%; width: 31.33%}
div.kontakt {padding: 3% 1%; width: 31.33%}
div.kontakt_slider {left: 12%;}
td.cms_content p {padding: 0 3%;}
td.cms_content ul {padding: 0 5%;}
div.kontakt{height: 140px;}
td.headline h2 {font-size: 30px;}
td.headline h3, td.cms_kurz_detail h3, td.headline h4, td.cms_kurz_detail h4 {font-size: 35px;}}
@media only screen and (max-width: 1024px)
{div.kontakt {height: 200px;}
div.siegel_slider{left: 13%; bottom: -130px;}
div.start_wrapper {float: none; width: 96%; padding: 0 2% 3% 2%;}
div.start_icon {float: none; width: 100%; padding: 0 0 1% 0;}
div.start_txt {height: auto; float: none; width: 100%; padding: 0;}}
@media only screen and (max-width: 900px)
{div.kontakt_slider{margin: 47px 0 0 0; left: 9%;}
div.siegel_slider{left: 2%; bottom: 95px;}}
@media only screen and (max-width: 767px)
{div.logo {left: 5%; width: 220px; margin-top: 10px;}
div.siegel_slider{display: none;}    
img.logopng {width: 220px;}
td.cms_content p span {font-size: 20px; line-height: 20px;}
div.start_wrapper {padding: 0 2% 5% 2%;}
div.start_icon {padding: 0 0 3% 0;}
div.start_txt {font-size: 20px;}
div.kontakt {float: none; width: 98%; padding: 0 1%; height: auto;}
div.bewerbung {float: none; width: 100%;}
td.headline h3, td.cms_kurz_detail h3 {line-height: 60px;}
div.kontakt_slider {width: 94%; left: 0; padding: 3%; margin: 12px 0 0 0;}
div.slider-stretch {display: none}
p.slider_mobile {display: inline; padding: 0; margin: 0;}
img.slider_mobile {width: 100%; border: none; margin: 0 -3%; padding: 0;}
/*a.headline_div span.weiter {display: block;}*/
div.headline_div h3 {background: url(/fileserver/ar040033/imagescms/icon/icon_weiter_2.png) no-repeat right center; height: 52px;}
div.zurueck {width: 100%; margin: 0;}
div.zurueck a {height: 50px; line-height: 50px;}}
@media only screen and (max-width: 640px)
{td.cms_content p {padding: 0 3%;}
td.cms_content ul {padding: 0 6%;}
td.cms_content img.links {width: 50%; height: auto; margin: 0 10px 10px 0;}
td.cms_content img.rechts {width: 33%; height: auto;}}
@media only screen and (max-width: 480px)
{div.start_name {text-align: center; float: none; width: 100%; padding: 0; height: 60px; line-height: 60px;}
td.headline h2 {font-size: 30px;}
td.headline h3, td.cms_kurz_detail h3, td.headline h4, td.cms_kurz_detail h4 {font-size: 25px; line-height: 50px; height: auto; min-height: 50px;}
td.cms_content ul {padding: 0 8%;}
td.cms_content img.links {width: 100%; height: auto; margin: 0 0 10px 0;}
td.cms_content img.rechts {width: 50%; height: auto;}}
@media only screen and (max-width: 320px)
{div.logo {left: 5%; width: 170px;}
img.logopng {width: 170px;}
a.extern {font-size: 17px;}}