html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}


body {
	color: #000; font-style:normal; font-variant:normal; font-weight:normal; 
	line-height:150%; font-size:.81em; font-family:DINRegular,Arial , Helvetica, sans-serif;background-color:#fff;
	
}
body .navbar-default{
	height:auto !important;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	xwidth: auto\9; /* ie8 */
	border:0px none;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/* headings */
h2 {font-family:'DINRegular', gadget, helvetica, sans-serif;
	font-size:3em;
	COLOR:#0095D8;
	padding-bottom:.4em;
	padding-top: 0.2em;
	padding-left:0px;
}
h3 {font-family:'DINRegular', gadget, helvetica, sans-serif;
	font-size:1.7em;
	COLOR:#0095D8;
	padding-top: 0.2em;
	padding-bottom:.6em;
	padding-left:0px;
}

h4, h5, h6 {
	line-height: 1.4em;
	margin: 0px 0 1em;
	color: #000;
}

xh1 {
	font: bold 2em 'arial black', gadget, helvetica, sans-serif;color:#666;
}

xh2 {
	font: 1.6em 'DINBold', gadget, helvetica, sans-serif;color:#666;

}

b{font-weight:700}

#wrapper {
	background-color:#FFF;
	padding:0;
}

#header {
	
	height: 100px; width: 100%; 
	background-color:white;
	transition: height 0.3s ease, padding 0.3s ease, font-size 0.3s ease;
}
#navmenu{
	kbackground-color:white;
	position:relative;
	margin-top:50px;
	margin-left:100px;
}
.navbar-brand{
	/*min-width:163px;*/
}
.navbar-toggler{border:0;}
.navbar-toggler:focus{box-shadow:0 0;}

.nav-item{
	font-size:1.5rem;20px;
	font-family:'DINBold';
	
}
.nav-link{
	color:black !important;
	padding:0 2.5rem 0 0 !important;
	
}
.navbar-text{
	color:black !important;
	margin-right:10px;
}

.nav-link active{;}
.nav-item,.dropdown-item, .navbar-text {
	font-size:1.5rem;
	line-height:2rem;
	font-family:'DINBold'}

.dropdown-item.active, .dropdown-item:active{background-color:#0095D8 !important;}
.dropdown-toggle::after{margin-left:.1em !important;}

.schwarz {	color:#000 !important}
.blau {	color:#0095D8 !important}


#headercontainer{
	padding:0
}
#coverimg{
	width:100%;
	position:relative;
	top:100px;
	aspect-ratio:950/333;
	overflow:hidden;
}
#coverimgbild{
	width:100%;
}


.mini {
	font-size:xx-small;
	color:gray;
	margin-top:0 !important; 
}


#logotop {float:left;margin-top:5px}
#logotop img{height:100%}
#logoimg {;margin-left:20px;height:60px;;transition:all 0.3s ease
	
}
#service{text-align:center;float:right;margin-top:20px;width:35%;height:70%;display:inline;}
.servicebutton {float:right;width:30%; font: 10px Arial, Helvetica,sans-serif;}
.servicebutton a {text-decoration:none;color:#666;}
.servicebutton img {}
.serviceicon {border:0px none; ; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:10px}



#content {
	border:0px solid green; 
	position:relative;
	padding-top:100px;
}

#contenttitel, h1{
		xxtext-transform: uppercase;
		padding-top:0; padding-bottom:.0em;
		COLOR:#0095D8; font-style:normal; font-variant:normal; font-size:6em; 
		font-family:'DINRegular', gadget, helvetica, sans-serif;
		line-height:1em
}

#contenttext{
		font: 1.0rem 'DINRegular', Arial, Helvetica, sans-serif;
		line-height:140%;
		padding-top:0em;margin-right:10px;}
		
#contenttext p {margin-bottom:1.5em;text-align:justify}
#contenttext p img {margin-right:10px}
#contenttext li {list-style-type:square;list-style-position:outside;text-indent:0px;margin-left:20px}
#contenttext li .blue {color:#0095D8}
#contenttext ul {margin-bottom:2em;margin-top:1em}
#contenttext a {xtext-decoration:none;color:#000;xfont-weight:bold}

#contenttext .galerietitel {font-size:1.5em;font-weight:bold;margin-top:1.5em;color:#0095D8 }


.galeriebilder {

	display:table;height:166px;width:166px; vertical-align:middle;
	background-color:#eee;float:left;margin:4px;border:1px solid #ddd;
}
.galeriebilder img{border:1px solid #ddd; }
.einbild {display:table-cell;text-align:center;vertical-align:middle}

.teasercontainer{
	width:100%;
	max-width:100%;
	display:flex;
	flex-flow: row wrap;
}
.teaserbox{
	position:relative;float:left;
	min-width:200px;
	max-width:300px;
	xheight:300px;
	border:1px solid black;
	margin-right:20px;margin-left:00px;
	margin-bottom:20px;
}

.teaserimg{width:100%;
	
}
.teasertitel{
	font-size:1.7rem;
	font-weight:700;
	margin-bottom:10px;
	margin-top:15px;
	margin-left:10px;
	margin-right:10px;
}

.teasertitel a{color:#0095D8 !important;
	text-decoration:none;
	
}
.teasertext {
	font-size:1.2rem;
	font-weight:300;
	margin-bottom:5px;
	margin-left:10px;

}





#footer {clear:both; margin-top:30px;
	background-color:#555; width:100%;
	color:#fff; margin-right:0;padding-left:20px;
	padding-top:10px;padding-bottom:30px;
}
#footer ul{ margin:30px;padding-top:15px;list-style-type:none;line-height:30px;width:100%;}
#footer li {border-bottom:0px solid inherit;}
#footer a {text-decoration:none;color:inherit;}
#footer .footertable td {background-color:inherit;}
#footer .footertable td {color:inherit;}


#footerlogos {background-color:inherit;margin-top:0px;margin-right:00px;width:100%;padding-left:30%}
#footerlogos a {xtext-align:center;}

#logops{width:100px;margin-bottom:35px}
#logoqc{width:60px;margin-bottom:35px}
#logobb{width:50px;margin-bottom:35px}
#logoem{width:90px;margin-bottom:0px}

#footeradresse p{
	color:white;font-size:7px;
}	

.footerlinks {
	font-size:1.4rem;background-color:inherit;color:white;
	padding-top:20px;padding-bottom:25px;
}

#footercopyright {clear:both; height:20px;margin-top:0px;
	background-color:#999; width:100%;
	color:#ddd; margin-right:0;font-size:0.9em;
}
.nurmobile {display:none}
.nurpc {display:inline}

#contenttext {	margin-left:150px;}

#menu, #smenu, header, content, footer {border:0px solid red}
#contenttext p {margin-left:0px;max-width:800px}
.max800 {max-width:800px	}

form{width:100%;max-width:800px;}
.tabelle {width:100%;margin-bottom:1em;border-collapse:collapse;}
.tabelle td {border-collapse:collapse;border:3px solid #fff;background-color:#fafafa; color: #000; margin:0px;
     font-size:1em;line-height:1.2em;word-wrap: break-word;word-break:break-word }

.label { fxloat:left; wxidth: 100px; margin: 0px; padding: 0px; }
.input { width:90%; margin-bottom: 5px; padding: 5px; }
.submit  { clear:both; padding: 15px} 
.checkbox {float: right; width: 330px;}
.checkboxW { clear: both;}
select { border: 1px #ddd solid; margin: 0px; padding: 5px; }
input { width:90%; border: 1px #ddd solid; margin: 0px; padding: 5px; }
textarea { width: 90%; height: 100px; border: 1px #ddd solid;}
.break { width:100%;}
td { font-family: 'DINRegular', Arial, Helvetica, sans-serif; color: #0095D8; background-color: #fff ;padding:5px} 

.galeriekat {
	text-decoration:none;
	color:#0095d8;
	font-weight:bold;
	
}

	
 @media (max-height:400px) and (max-width:767px){
	#navmenu {
	max-height: 250px !important;
	/*max-height:calc(vh100-80) !important; zu langsam*/
	overflow-y:scroll;
		}
	}
 
	


@media (max-width: 767px) 
	{
	h1{
		font-size: 3em; /*min(max(30px,15vw),20px);/*15vw; /*3em;*/
		xword-break:break-word;hyphens:auto}
	h2{
		font-size:2em;padding-left:3px;}
		
	#header {clear:both;height:50px}
	#header a img{}
	#logotopwrapper {width:170px;height:66px;float:left}
	#logotop {margin-left:-10px}
	#logoimg{height:48px;margin-left:10px}
	
	.navbar{
	padding-top:0;
	padding-bottom:0;
	}
	
	.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
  	transform: rotate(100deg);
  	
	}
	
	.navbar-toggler-icon{
	transition: transform 0.3s ease;}
	
	.schwarz {	color:#fff !important}/*schwarztest*/
	
	#navmenu{margin:0;padding:10px;
	background-color:black;white}/*schwarztest*/
	
	.dropdown-menu{	border:0;
	background-color:black;/*schwarztest*/
	
	} 
	.dropdown-toggle{
	}
	
	.nav-link,.navbar-text{
	padding:0.5rem !important;
	
	}
	
	.nav-item,.dropdown-item, .navbar-text{
	font-size:2rem;30px;
	line-height:2rem;30px;
	font-family:'DINBold';
	
	}
	
	.teaserbox{
	position:relative;float:left;
	width:100%;
	max-width:400px;
	}

	.teasertitel{
		font-size: 1.8rem;
		font-weight:700;
}
	
	#coverimg {top:64px	}
	#content {top:30px;padding-top:20px}
	#contenttext{margin-left:0px;margin-right:10px}
	#contenttext p {margin-bottom:1.5em;text-align:left;width:100%;margin-left:0}
	#footer {height:auto !important;}
	#footer ul{width:100%;margin-left:0}
	#footer li{padding-left:10px}
	#footerlogos {xwidth:90%; height:auto;text-align:center;padding-left:0}
	#footerlogos jimg {margin-top:10px;width:110px;}
	
	#logops{width:30%;margin-bottom:50px;}
	#logoqc{width:25%;margin-bottom:50px;}
	#logobb{width:20%;margin-bottom:50px;}
	#logoem{width:25%;margin-bottom:30px;}

	
	.nurmobile {display:inline}
	.nurpc {display:none}

	form {width:100%}
	.tabelle td {font-size:0.8em;}
	

	}