@import url('cookie-hinweis.css');

html, body { height:98%; }

body { background-color:#EDEDED; font-size:12px; font-family:Verdana, Tahoma, Arial,Helvetica,Sans-serif,sans-serif; color:#000000;}

a {font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; color: #0280B7;}

#inner { margin: auto; position: relative; max-width: 1240px; }

/*umbra: #542d24*/
/*rot: #d6492a*/
/*orange: #e98300*/
#logo {
	height: 282px; overflow: hidden; background-color: #542d24; text-align: left;border: 1px solid #d6492a; border-bottom: 0px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e98300+0,d6492a+100 */
		background: #d6492a; /* Old browsers */
		background: -moz-linear-gradient(top, #d6492a 0%, #e98300 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #d6492a 0%, #e98300 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #d6492a 0%,#e98300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6492a', endColorstr='#e98300',GradientType=0 ); /* IE6-9 */
	} 
    #servnav-top, #servnav-bot {width: 180px; text-align:center; margin: 20px 20px 0 0; float: right; color: #ffffff; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
    #koepfe > .mobile-container {margin: 150px 10px 10px;display:grid;grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));}
#koepfe > .mobile-container > a {text-decoration:none;}
#koepfe > .mobile-container > a > img {width:100%/*45px*/;height:40px;object-fit:cover;}
#koepfe > .mobile-container > a > div { position: absolute;top: 75px;}
#koepfe > .mobile-container > a > div > img {width:170px;height:150px;object-fit:cover;position:relative;left:-25%;}
    .headline_top {margin: 20px 0pt 0pt 20px; height: 64px; width: 550px;}
.sr-only {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
#main {overflow: hidden; background-color: #ffffff;text-align: left;border: 1px solid #d6492a; border-top: 0px;display: flex;flex-direction: row-reverse;}
    #content_right_0 {width:50%; min-height: 400px; float: right; overflow: hidden;}
    #content_left_0 {width:50%; min-height: 400px;padding: 20px 10px 10px 20px;}
    #content_right {width:50%; min-height: 400px; padding: 10px 20px 5px 10px; float: right; }
    #content_left {width:50%; min-height: 400px;overflow: hidden;}
        .headline_text {min-height: 40px;background-color: #542d24; padding: 25px 10px 10px 35px;}
        #content_right p, #content_left_0 p {font-size: 100%;color: #6D4C45;}
#content_right_0 > img, #content_left > img {width:100%;}

.hover-title {position: absolute;bottom: 0;width: 94%;left: -25%;padding: 5px;background: #542d24aa;font-size: 0.8em;color: #fff;}

.mobile-hover-alt {position: relative !important;width: 100%;height: 0;top: 0 !important;}
.mobile-hover-alt > div {height: 40px;position: absolute;width: 100%;}
        
td { font-size:12px; font-family:Arial,Verdana,Tahoma,Helvetica,Sans-serif,sans-serif; margin-bottom:8px;}

#servnav-top a.bottomnavi, #servnav-bot a.bottomnavi {color: #ffffff; text-decoration: none; }
#servnav-top a.bottomnavi:hover, #servnav-bot a.bottomnavi:hover {text-decoration: underline;}
#servnav-top {display:inherit;}
#servnav-bot {display:none;background: linear-gradient(to bottom, #d6492a 0%,#e98300 100%);width: 100%;margin: 0;height: 50px;padding-top: 10px;}

div.headline_text h1 {display: inline; font-weight:bold;font-size:160%;color: #ffffff;}
div.headline_text h3 {font-weight:bold;font-size:100%;color: #ffffff;line-height: 140%;}
h1.h0 {display: inline; font-weight:bold;font-size:150%;color: #8395A8;line-height: 140%;}
h3.h0 {display: inline; font-weight:bold;font-size:120%;color: #8395A8;line-height: 140%;}
h4.h0 {display: inline; font-size:110%;color: #8395A8;line-height: 140%;}
h5 {padding:0px;font-weight:bold;font-size:100%;margin:0;margin-top: 15px; line-height: 150%;}

div.headline_top h1, div.headline_top h3, div.headline_top h4 {font-family: Arial; color: #ffffff; text-transform : uppercase; display: block; margin: 0px;}
div.headline_top h1 {font-size: 24px; font-weight: 900; letter-spacing : -1px;}
div.headline_top h3 {font-size: 18px; font-weight: normal;}
div.headline_top h4 {font-size: 16px; font-weight: normal;}

div.teaser_news { border-bottom: 1px solid #C0C0C0; margin-bottom: 5px;}
#content_main ul.kunst {margin-left: -40px; list-style-type: none; list-style-position: inside;line-height: 130%;}
#searchterm {width: 100px;float: left; font-size: 12px; padding: 0px;}
.input_searchbox {border: 1px solid #0280b7;}
/*.label_loginbox {display: block; width: 150px; float: left;}*/
.label_loginbox {font-size: 80%;}
/*.login_submit {margin-left: 150px; margin-top: 30px; background-color: #0280b7; border: 0px; color: #FFFFFF; width: 180px;}*/
.login_submit {margin-top: 10px; background-color: #0280b7; border: 0px; color: #FFFFFF; width: 130px; font-size: 80%;}
#projektlogo {float:right;margin-right:50px;margin-top:-20px;height:160px;margin-bottom:10px;}

div > div.yout_emb {position: relative;width:100%;padding-bottom: 56.25%;height: 0;}
.yout_emb > iframe {position: absolute;width: 100%;height: 100%;}

@media screen and (min-width: 681px) {
	#koepfe > .mobile-burger {display:none;}
	#koepfe > .mobile-container .mobile-title {display:none;}
}

@media screen and (max-width: 680px) {
	#main {flex-direction:column;}
	#main.rev {flex-direction:column-reverse;}
	#koepfe > .mobile-container {margin-top:10px;display:block;}
	#koepfe > .mobile-container [id^=pre], #koepfe > .mobile-container .mobile-hover-alt + img {display:none}
	#koepfe > .mobile-container .mobile-title {color:#fff;font-size: 1.2em;font-weight: 600;}
	#koepfe > .mobile-container > a {display:block;padding:10px;border-bottom:solid 1px #fff;}
	#koepfe > .mobile-container > a > div {left:50px;}
	#koepfe > .mobile-container.collapse:not(.in), #koepfe > .mobile-container.collapsing { display:none; }
	#koepfe > .mobile-burger {display:flex;align-items:center;}
	#koepfe > .mobile-burger > button { cursor:pointer;display: block;position: relative !important;border: 0;margin: 5px 0 5px 0;padding: 9px 10px;right: 15px;top: 50%;background: transparent;left: 20px;-webkit-transition: background-color 0.2s ease-in-out 0s;-moz-transition: background-color 0.2s ease-in-out 0s;-ms-transition: background-color 0.2s ease-in-out 0s;-o-transition: background-color 0.2s ease-in-out 0s;transition: background-color 0.2s ease-in-out 0s; }
	#koepfe > .mobile-burger > button > .icon-bar {background-color: #510e0e !important;display:block;height: 5px !important;width: 33px !important;background-color: #e75113;width: 28px;-webkit-transition: background-color 0.2s ease-in-out 0s;-moz-transition: background-color 0.2s ease-in-out 0s;-ms-transition: background-color 0.2s ease-in-out 0s;-o-transition: background-color 0.2s ease-in-out 0s;transition: background-color 0.2s ease-in-out 0s;}
	#koepfe > .mobile-burger > button > .icon-bar + .icon-bar {margin-top: 4px;}
	#koepfe > .mobile-burger > span {padding-left: 15px;font-size: 1.5em;}
	#content_right_0,#content_left {display:flex;width:100%;min-height:0;flex-wrap:wrap;}
	#content_right_0 > .headline_text, #content_left > .headline_text {flex-grow:1;max-width:65%;padding: 5% 0% 0% 5%;}
	#content_right_0 > img, #content_left > img {width: 30%;height: auto;object-fit:cover;}
	#content_left_0, #content_right {max-width:100%;width:unset;}
	
	#servnav-top {display:none;}
	#servnav-bot {display:inherit;}
}


@media screen and (max-width: 400px) {
	#content_left img {width: 100%;} 
	#content_left .headline_text {width: 100%; max-width: 100%; padding: 25px 10px 10px 25px;}
	
}