html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	
			margin: 0;padding: 0;border: 0;	font: inherit;vertical-align: baseline;}		

header, main, nav, section, footer, article, aside { display: block;}

* 	{		margin: 0; padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }
html, body {height:100%;scrollbar-color: silver white;  scroll-behavior: smooth;
}		
/* ------------------------------ */
html, body {	background-color:white;	/*die Farbe ist fuer den Footer */}	
			
header 		{	position:relative; margin:0 auto; width:100%; background-color:none; height:7.6em;}
.biltstreifen img {width:100%;}
#logo1 {position:absolute; bottom:2.8em; left:0em; padding:0em;line-height:0; width:40%; max-width:409px; min-width:67px;z-index:644;}
#logo1 .slogan {position:absolute; bottom:-70%;left:10%;opacity:0.35;}
#logo1 img {width:100%;height:auto;}
#logo2 {position:absolute;top:11px; left:0em; padding:0em; line-height:0; display:none;z-index:9900;width:170px;}
#logo2 img {width:145px; width:auto;}

header .hgrund {position:absolute; top:0em;height:7.0em; width:100%; background-color:#181800; }
#schnellkontakt  {position:absolute;right:0em;top:4.1em;;height:auto;width:540px;line-height:1.2em;background-color:none;z-index:222;font-size:70%;}
#sk_links {position:relative; left:0px; width:15%;}
#sk_mitte {position:absolute; left:16%; width:50%;}
#sk_rechts{position:absolute; right:0px;  width:34%;} 
#sk_links,#sk_mitte, #sk_rechts {text-align:center;white-space: nowrap;padding:3px;}
#sk_links:hover, #sk_links:hover a, #sk_rechts:hover, #sk_rechts:hover a {border-radius:9px; background-color:white;}
#schnellkontakt a:hover {color:brown;}

#ausblendkontakt {position:absolute;top:6.7em;height:28px;color:silver;background-color:#996699;visibility:hidden;}


.maxwidth 	{	position:relative; margin:0 auto; width:96%; max-width:1500px;padding-top:1em; }			
header .maxwidth, footer .maxwidth, #sticker-clone.sticky .maxwidth {border:0px;}

			

				
.hgrundweiss {	position:relative;
				margin-top:-2em;	
				background-color:white;
		}
			
.maxibild, .maxibild2 {	position:relative;
				top:-2em;	
				height:66em;
				margin:0 auto;		
				background-image:url(../px/1303vorn1.jpg);
				background-size: 100% auto;
				background-attachment: local;
				background-attachment: unset;
				background-attachment:fixed;
				background-repeat:no-repeat;
				z-index:0;}
.maxibild2 {	background-image:url(../px/martin.jpg);	}						
.maxibild .headline {position:absolute;top:1em; font-family: 'ueber';font-size:400%;line-height:100%;
text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
				text-align:center;
				width:100%;
				height:auto;/*transform: rotate(-3deg); */}	
.head_inside {position:relative; margin:0 auto;margin-top:-0.6em;width:100%;}				
.maxibild #mehrinfo {position:absolute;bottom:3em;width:100%;color:white;font-size:400%;line-height:100%;font-weight:bold;text-align:center;}					
#mehrinfo2 {position:relative;width:100%;margin:0 auto;}	
.mehrinfo3 {position:relative;width:100%;color:black;font-size:150%;line-height:100%;font-weight:bold;text-align:center;margin-bottom:1em;display:none;}					

.maxibild2 address {position:absolute;width:40%;right:1em;top:1em; height:90%;padding:1.8em;border-radius:9px;background-color:rgba(255, 255, 255, 0.8);}

.bild100 {width:100%;line-height:0;}	
.bild100 img {width:100%;}	
.bild100 h1 	{display:inline-block;position:absolute;font-family:'ueber';margin-top:1.2em;left:1.3em;font-size:300%;
color:#906947;
font-weight:bold;
text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
				 }
	
					
				
main		{	 padding:1em 0.5em;}
main ul {list-style: inside;}	
													
article {		position:relative;
				margin:0 auto;
				max-width:1600px;	
				height:auto;
				min-height:200px;
				/*  transform: rotate(2.6deg);  */
				}	

.gridfield {position:relative;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.gridfield div {position:relative;line-height:0;}
.gridfield div img {width:100%;}
.gridfield .beschreibung_r, .gridfield .beschreibung_l {position:absolute;top:0.4em;right:1em;color:black;width:40%;line-height:1.25em;padding:4px 7px;background-color:rgba(255, 255, 255, 0.7);border-radius:9px;height:96%;}
.gridfield .beschreibung_l {left:1em;}
.flexbox, .flexboxbreit {position:relative;
				width:100%;
				max-width:1300px;
				margin:0 auto;
				display: -webkit-flex;
				display: -moz-flex;
				display: flex;
				flex-direction: row;
				flex-wrap:wrap;	
				align-items:stretch;
				align-content:space-between;
				-webkit-justify-content:space-between;
				justify-content:space-between; }
 .div50,  .div30, .div40 , .div60,  .div70  {width:47%;border:0px dashed green;}
.div30 {width:28%;}
.div40 {width:37%;}
.div60 {width:57%;}
.div70 {width:67%;}
#bildrechts, #bildlinks {position:relative;width:50.0%; float:right; margin-bottom:0;top:0;margin-left:0.9em;color: rgba(144, 105, 71, 1.0); font-size:13px;line-height:1em;font-weight:normal;}
#bildlinks {float:left;margin-left:0em; margin-right:0.9em;}
#bildlinks img, #bildrechts img {width:99.0%; height:auto; border:3px solid rgba(144, 105, 71, 1.0)}


#links, #rechts { position:relative;width:47.7%; float:left;margin-bottom:0em;top:0;}
#rechts { float:right;width:74%;}

#_links, #_rechts, #_links40, #_rechts60, #_links60, #_rechts40 { position:relative;width:47.7%; float:left;margin-bottom:0em;top:0;}
#_rechts, #_rechts60, #_rechts40 { float:right;}


#_links40, #_rechts40 { width:39%;}
#_links40, #_links60, #_links { border-right:1px dashed silver;padding-right:12px;}
#_rechts60, #_links60 { width:57%;}







						
		/* STICKER ------------------------*/
#sticker, #sticker-clone.sticky {
		position:absolute !important;
		left:0 !important;
		right:0 !important; 
		padding:0px!important;
		top:4em !important; 
		height:0 !important;
		width: 100% !important;
		z-index:100 !important;}
#sticker-clone.sticky{position: fixed !important;
		width: 100% !important;
		height:3.15em !important; 
		top:0em !important; 
		left:0 !important;
		background-color: rgba(199, 234, 251, 1.0) !important;
		background-color:#181800 !important;
		border-bottom:1px solid silver;
				-webkit-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.28);
				-moz-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.28);
				box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.28)}			
#sticker-clone.sticky #logo1, #sticker-clone.sticky #slogan, #sticker-clone.sticky #schnellkontakt, #sticker-clone.sticky #ferien {  	display:none !important; position:relative !important;}	
#sticker-clone.sticky #logo2 {  	margin-top:-1em;display:block !important; position:relative !important;}	

#sticker-clone.sticky nav {	top:-1.55em;height:100%;z-index:901; }
#sticker-clone.sticky nav  a, #sticker-clone.sticky nav .activ { padding:15px 10px;}





footer {	clear:both;
			left:0; 
			right:0; 
			width:100%;
			height:auto;
			padding:0 0.7em;
			margin:0 auto;
			background-image:url(../px/himmel5.jpg); background-repeat: repeat, repeat;
			background-attachment:fixed;}
							
		
footer a, footer a:visited {		}
				

footer address, footer .div33 {
				top:0;
				margin-bottom:1.0em;
				text-align:left;
				float:left; width:31%;
								}
	
footer .footerbreit {position:relative;	width:100%;clear:both;
				padding:0.5em 0 1em 0;
				font-size:150%;
				text-align:center;
			margin:0 auto;
			}	




.clearing { clear:both; }
.floatleft { float:left; }
.floatright { float:right; }


#aufzaehlung {margin-left:1.1em;}
#aufzaehlung li {list-style: url('../px/blauerwuerfel3.png')}






.em02 {	width:0.2em;
	height:0.2em;}
.em03 {	width:0.3em;
	height:0.3em;}
.em04 {	width:0.4em;
	height:0.4em;}
.em05 {	width:0.5em;
	height:0.5em;}
.em06 {	width:0.6em;
	height:0.6em;}
.em07 {	width:0.7em;
	height:0.7em;}
.em08 {	width:0.8em;
	height:0.8em;}
.em09 {	width:0.9em;
	height:0.9em;}
.em10 {	width:1.0em;
	height:1.0em;}
.em11 {	width:1.1em;
	height:1.1em;}
.em12 {	width:1.2em;
	height:1.2em;}
.em13 {	width:1.3em;
	height:1.3em;}
.em14 {	width:1.4em;
	height:1.4em;}
.em15 {	width:1.5em;
	height:1.5em;}
.em16 {	width:1.6em;
	height:1.6em;}
.em02, .em04, .em05, .em06, .em07, .em08, .em09, .em10,.em11, .em12, .em13, .em14, .em15, .em16 {border:none;}

.show980, .show720 {display:none;}



.gallery {position:relative;
			z-index:1;
			left:0px;  top:0px; width:100%;  margin-bottom:0.5em;}	

.gallery img {margin:0; border:4px solid rgba(255, 255, 255, 0.1); width:24%;max-width:306px; float:left;opacity:0.9;	}

.gallery img:hover {border:4px solid rgba(144, 105, 71, 0.9); cursor:zoom-in;opacity:1;}