body, html {
	font-size: 1.1em;

  	font-family: arial;

	
	color: #000000;
	
	background-color: #222222;
	background-colorx: #000000;
	margin:0;
	height:100%;
	font-sizex: inherit;
	}


#mbmcookie {
	display:none;
	position: fixed; 
	width:94%;
	
	heightx:80%; 
	bottom: 50px;  right: 3%; 
	border-radiusx:15px; 
	background-imagex: url('style/trans3.png') ; 
	background-color: #9ed474; 
	background-color: #f58220;

	background-color: #081c3e;
	color:#ffffff;
	border: 2px solid #ffffff; 
	border-radius:5px;
	padding: 20px; font-size: 16px; font-family: verdana; 
	z-index:900; text-align:center;}

.cookietop{
	float:left;
	width:90%;
	margin-left:5%;
	margin-bottom:40px;
	border: 0px solid #0000ff;}

#mbmcookie a.button {cursor: pointer; background: #ffff00; padding: 20px; margin-top: 0px; margin-bottom:00px; border-radius: 5px; font-weight: bold; 
		float: right; margin-right:10%; color:#000000; width:80%; font-size:16px;}

#mbmcookie a.button:hover {background-color: #ffff00; color:#000000;}


#mbmcookie p.cookiemessage {
	display: block; 
	float:right ;
	width:100%; padding: 0; margin-left: 0%; text-align:left; text-shadowx:3px 3px 2px #000000; font-size: 14px;}


.cookielink{	cursor: pointer; float:left; 
		text-align:left;
		backgroundx: #666666; padding: 8px 20px; margin-top: 0px; margin-bottom:00px;  
		font-weight: normal;  color:#000000; display:inline-block; width:70%; 
		border:0px solid #ffffff;
		color:#ffffff;}


.ganzaus{display:none;}

.mobileaus{display:none;}

.box100{position:relative;
	float:left;
	width:100%;
	min-height:10px;
	text-alignx:center;
	border	:0px solid #ff0000;}

.box100z{
	text-align:center;
	position:relative;
	float:left;
	width:100%;
	min-height:10px;
	
	border-bottom	:2px solid #000000;}

#anzeige, #anzeigeimpress {
	position	:relative;
	float		:left;
	width		:100%;
	position:relative;
	float:left;
	min-height:20px;
	background-color: #141414;
	border	:0px solid #ffffff;
	font-size: inherit;
	clear:both;
	}

#anzeigekarte {
	position	:relative;
	float		:left;
	width		:100%;
	position:relative;
	float:left;
	min-height:100vh;
	background-color: #141414;
	border	:0px solid #ff0000;
	font-size: inherit;
	clearx:both;
	}

#framekarte{
	position	:relative;
	float		:left;
	width		:100%;
	position:relative;
	float:left;
	min-height:80vh;
	background-color: #141414;
	border	:2px solid #00ff00;
	font-size: inherit;
	clear:both;}



#anzeige {
	background-color: #141414;}

#anzeigeimpress {
	padding-top:160px;
	background-color: #ffff00;
	margin-bottom:60px;}

#wrapimpress{
	position:relative;
	float:left;
	width:90%;
	margin-left:5%;
	margin-bottom:60px;
	border	:0px solid#ff0000;}

#bghead, #bggalerie, #bgkontakt, #bgdown, #headdownx, #bgfooter, #bgflyer, #head{
	position:relative;
	float:left;
	width:100%;
	margin-left:0%;
	min-height:20px;
	background-color: #141414;
	border	:0px solid #cccccc;
	font-sizex: inherit;
	clear:both;

	}



#head{	
	background-color: #333333;
	background-image: url("bgs/head26a.jpg");

	background-size:100% auto;
	background-size:auto 120%;
	background-position: center bottom;
	background-repeat:no-repeat;
	border	:0px solid #cccccc;
	position:relative;
	float:left;
	min-height:100vh;
	}

#headabsolute{
	position:absolute;
	left:0px; 
	bottom:0px;
	width:100%; 
	min-height:10px;
	border	:1px solid #ff0000;}

#bgheadabsblack{
	padding: 20px 0px 40px 0px;
	min-height:40px;
	width:100%;
	margin-left:0%;
	background-color: #161616;
	color:#ffffff;
	text-shadow		:2px 2px 2px #000000;
	
	position:relative; 
	float:left;
	}

#bgheadabsverlauf{
	padding: 20px 0px 0px 0px;
	min-height:40px;
	width:100%;
	margin-left:0%;
	backgroundx: rgb(10,10,10);
	backgroundy: linear-gradient(0deg, rgba(10,10,10,1) 0%, rgba(10,10,10,0) 100%);
	background: linear-gradient(180deg, rgba(10,10,10,0) 0%, rgba(255,222,87,1) 100%);
	position:relative; 
	float:left;}

#bgheadabsnav{
	min-height:40px;
	width:100%;
	margin-left:0%;
	background-colorx: #666666;
	color:#ffffff;
	text-shadow		:2px 2px 2px #000000;
	position:relative; 
	float:left;}

#bgheadabsmarque{
	min-height:40px;
	width:100%;
	margin-left:0%;
	background-colorx: #666666;
	color:#ffffff;
	text-shadow		:2px 2px 2px #000000;
	position:relative; 
	float:left;}

#bgheadabsdatum{
	
	font-size:3em;
	min-height:40px;
	width:100%;
	margin-left:0%;
	background-colorx: #666666;
	color:#ffffff;
	text-shadow		:2px 2px 2px #000000;
	position:relative; 
	float:left;}

#wraphead{
	width:90%;
	margin-left:5%;
	position:relative; 
	float:left;
	margin-bottomx:40px;
	padding-topx:100px;
	border	:0px solid #cccccc;}

.verlaufhead{
	display:none;
	position:absolute;
	let:0px; bottom:0px;
	width:100%; height:60%;
	backgroundx: rgb(10,10,10);
	background: linear-gradient(0deg, rgba(10,10,10,1) 0%, rgba(10,10,10,0) 100%);
	border:0px solid #ffffff;
	z-index:200;}

.datum{font-size:10em;
	color:#ffffff;}

.datum26{
	position	:relative; float:left;
	margin-top:100px;
	margin-bottom:20px;
	width:90%;
	margin-left:5%;
	margin-topx:100px;}

.laufschrift{font-size:2.0em;
	width:90%;
	margin-left:5%;
	color:#ffffff;
	text-shadow		:2px 2px 2px #000000;
	background-colorx: #000000;
	font-weoght:bold;}

.logos3{
	position:relative; float:left;
	
	width:100%;
	margin-left:0%;
	padding-topx:100px;
	margin-bottom:12px;}

#headdown{
	position:absolute;
	left:0px; bottom:0px;
	width:100%; min-height:10vh;
	
	color: #e6e6e6;
	font-size: inherit;
	font-familyx:georgia;
	font-weightx:bold;
	
	border:0px solid #00ff00;
	}



#shadowdown{
	padding: 20px 0px 00px 0px;
	position:relative; float:left;
	text-align:center;
	width:100%; min-height:5vh;
	backgroundx: rgb(10,10,10);
	backgroundy: linear-gradient(0deg, rgba(10,10,10,1) 0%, rgba(10,10,10,0) 100%);
	background: linear-gradient(180deg, rgba(10,10,10,0) 0%, rgba(255,222,87,1) 100%);
	border:2px solid #0000ff;
	z-indexXX:200;}

#bannerdown{
	position:relative; float:left;
	
	width:100%; min-height:5vh;
	background-color: #000000;
	color: #e6e6e6;
	
	font-size: inherit;
		
	font-familyx:georgia;
	
	font-weightx:bold;
	border:2px solid #ff0000;
	padding-top:20px;
	padding-bottom:20px;
	}

#bannerdownleft{
	float		:left;
	width		:auto; 
	position	:relative; 
	min-height	:10px;
	border		:0px solid #ffffff;
	}

#bannerdownright{
	float		:right;
	width		:auto; 
	position	:relative; 
	min-height	:10px;
	border		:0px solid #ff66ff;
	}



#bghead{background-color: #ffffff;
	background-image: url("style/bg_head2.png");

	background-size:100% 100%;
	background-position: center center;
	background-repeat:no-repeat;
	border	:0px solid #cccccc;
	font-size: inherit;
	min-height:100vh;
	}

#bannerimpress{
	position:fixed;
	width: 100%;

	background-color:#000000;
	color:#ffffff;
	min-height:50px;
	text-align:right;

	background-image: url("style/sitenamex.png");

	background-size:auto 90%;
	background-position: center bottom;
	background-repeat:no-repeat;
	border:0px solid #d5b228;
	z-index:900;
	}

#banner1{
	background-color:#000000;
	color:#ffffff;
	min-height:50px;
	text-alignx:right;
	background-image: url("style/sitename.png");

	background-size:auto 40%;
	background-position: left center;
	background-repeat:no-repeat;
	border:0px solid #d5b228;
	}

#subbanner{	
	display:none;
	position:relative;
	float:left;
	width:100%;
	margin-top:0px;
	border:0px solid #ff0000;
	text-align:center;
	background-image: url("style/black.png");
	background-repeat: no-repeat;
	background-size: 100% 20px;
	background-sizex: auto 100%;
	background-position:left top;
	}

.subtitel{height:70px;}



.farbe{color:#fff205;}

.logosmobile{
	display:block;
	float:left;
	width:100%;
	margin-left:0%;
	margin-top:40px;
	filterx: grayscale(100%);}

.headlogol{
	width:auto;
	margin-left:5%;
	float:left;
	height:60px;
	margin-bottom:20px;
	filter: grayscale(100%);
	filterx: brightness(50%);}

.headlogol:hover{filter: grayscale(0%);}

.headlogor{
	width:auto;
	height:60px;
	float:right;
	filter: grayscale(100%);
	margin-right:5%;
	margin-bottom:50px;}

.headlogor:hover{filter: grayscale(0%);}


#headleft{
	display:none;
	margin-top:80px;
	displayx:none;
	position:relative;
	float:left;
	width:100%;
	border:0px solid #d5b228;
	}

#headright{	
	display:none;
	position:relative;
	float:right;
	width:100%;
	margin-top:80px;
	border:0px solid #ff0000;
	}

#headm{	displayx:none;
	position:relative;
	float:right;
	height:55vh;

	width:99%;
	margin-left:1%;
	
	margin-top:60px;
	margin-bottomx:40px;
	border:0px solid #0000ff;
	
	}

#wechselbg{
	
	background-size: auto 110%;
	
	displayx:none;
	position:absolute;
	left:5%; top:0px;
	width:90%; height: 92%;
	background-color:#ffffff;
	background-image: url("wechsel/w01.jpg");
	background-repeat: no-repeat;
	
	background-position:left bottom;
	border:8px solid #ffffff;
	outline:8px solid #000000;
	border-radius:3px;
	outline-radius:5px;

	filterx: brightness(80%);
	-webkit-box-shadow	:15px 15px 15px #202020;
	-moz-box-shadow		:15px 15px 15px #202020;
	}


#headpic{
	display:none;
	position:absolute;
	left:5%; top:0px;
	width:90%; height: 92%;
	
	background-image: url("style/bg1.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: auto 100%;
	background-position:center bottom;
	border:8px solid #ffffff;
	outline:8px solid #000000;
	border-radius:3px;
	outline-radius:5px;

	-webkit-box-shadow	:15px 15px 15px #202020;
	-moz-box-shadow		:15px 15px 15px #202020;}

.headdatum{
	displayx:none;
	position:relative;
	float:right;
	width:60%;
	min-height: 100px;
	margin-top:8vh;
	color:#ffffff;
	background-image	x:url('fleck2.png') ;
	background-size		:100% 100%;
	border:0px solid #ff0000;
	transform: rotate(-5deg);}

#headnav{
	position:absolute;
	left:0px; bottom:0px;
	width:100%; 
	min-height: 40px;
	background-colorx:#cccccc;
	border:0px solid #ff0000;}


.headbutton{
	display		:none;
	position	:relative;
	float		:left;
	transform: rotate(-5deg);
	margin-right:3%;
	width:29%;
	border:0px solid #ff0000;}



a.headlink:link, a.headlink:visited {
	position:absolute;
	float:right;
	right:5%; 
	bottom:0px;
	color		:#ffffff;	
	font-size	:16pt;
	font-weight	:bold;
	text-align	:center;
	text-decoration:none;
	border			:0px solid #ff0000;
	border-radius:8px;
	text-shadow		:2px 2px 2px #000000;
	}

a.buttonlink:link,a.buttonlink:visited{
	float			x:left;
	display			:inline-block;
	width			:auto;
	margin-right		:20px;
	margin-bottom		:20px;
	margin-top		:20px;
	
	text-align		:left;
   	text-indent		:0px;
        font-family		:tahoma;
	padding			:6px 15px 6px 6px;
	
        font-size		:1.2em; 
        font-weight		x:bold; 
        text-decoration		:none;
        color        		:#ffffff;
	background-color	:#000000;
	border			:1px solid #ffffff;
	border-radius		:26px;
	text-shadow		:4px 4px 3px #000000;
	-webkit-box-shadow	x:3px 3px 5px #000000;
	-moz-box-shadow		x:3px 3px 5px #000000;
	}

a.menulink:link,a.menulink:visited{
float:right;
	display			x:inline-block;
	margin-top		:15px;
	margin-bottom		:10px;
	margin-right		:20px;
	margin-left		:0px;
	text-align		:left;
   	text-indent		:0px;
        font-family		:tahoma;
	font-familyx		x: 'Sonsie One', cursive;
        font-size		:20px; 
        font-weight		x:bold; 
        text-decoration		:none;
        color        		:#787878;
	background-color	x:#000000;
	border			:0px solid #cccccc;
	border-radius		:0px;
	text-shadow		:4px 4px 3px #000000;
	}

a.textlink:link, a.textlink:visited{

	display			:inline-block;
	margin-top		:5px;
	margin-bottom		:5px;
	margin-right		:20px;
	margin-left		:0px;
	text-align		:left;
   	text-indent		:0px;
        font-family		:tahoma;
	font-familyx		x: 'Sonsie One', cursive;
        font-size		:20px; 
        font-weight		x:bold; 
        text-decoration		:none;
        color        		:#787878;
	background-color	x:#000000;
	border			:0px solid #cccccc;
	border-radius		:0px;
	text-shadow		:4px 4px 3px #000000;
	}

.flyer{
	position:relative;
	float:left;
	width:96%;
	margin-left:2%;
	margin-top	:20px;
	margin-bottom:20px;}


#bggalerie{background-color: #ffde57;
	color: #000000;
	padding-top:50px;
	padding-bottom:50px;
	}

#bgkontakt{
	padding-top:50px;
	padding-bottom:50px;
	
	background-image: url("bilder/footer2.jpg");

	background-size:100% auto;
	background-size:auto 100% ;
	background-position: center center;
	background-repeat:no-repeat;
	color:#ffffff;}

#kontaktleft{
	position:relative;
	float:left;
	width:90%;
	margin-left:6%;
	left:0%;
	min-height:20px;
	border	:0px solid#ff0000;
	font-size: inherit;
	}

#kontaktright{
	position:relative;
	float:left;
	width:90%;
	margin-left:5%;
	left:0%;
	min-height:20px;
	margin-top:40px;
	border	:0px solid#ff0000;
	font-size: inherit;
	}

#bgfooter{
	padding-top:10px;
	padding-bottom:10px;
	
	background-color: #000000;

	background-size:100% auto;
	background-position: center bottom;
	background-repeat:no-repeat;
	 color        		:#787878;
	text-align:center;}


#wrap{
	position:relative;
	float:left;
	width:90%;
	margin-left:5%;
	left:0%;
	min-height:20px;
	border	:0px solid#0000ff;
	font-size: inherit;

	}


.black{background:#000000;
	padding-top:5px;}

#footerboxl,#footerboxm,#footerboxr{
	width:27%;
	margin-right:3%;
	float:left;
	text-indent:20px;
	background:#555555;
	font-weightx:bold;
	font-size: inherit;
	}

a.footerlink:link,a.footerlink:visited{
	display			:block;	
	text-align		:left;
        font-weight		x:bold; 
        text-decoration		:none;
       color			: #ffffff;
	margin-bottom		:20px;
	background-color	x:#303030;
	border-bottom:		1px solid#cccccc;
	
	text-decoration: none;
	}

.preview1{
	position:relative;
	float:left;
	width:20%; height:110px;
	background-size:auto 110%;
	background-position: center center;
	background-repeat:no-repeat;
	outlinex:2px solid #000000;
	border:2px solid #000000;
	}

a.togglelink:link,a.togglelink:visited{
	float			x:left;
	display			:inline-block;
	width			:auto;
	height			x:110px;
	margin-top		:20px;
	margin-bottom		:10px;
	margin-right		:0px;
	margin-left		:0%;
	text-align		:center;
        
	padding:5px 10px 5px 10px;
	

	background-image   	x:url('bg_button.png') ;
       	background-position	:left top;
	background-repeat	:no-repeat;
	background-size		:100% 100%;

	text-indent		x:30px;
        font-family		x: 'Lobster', cursive;
	font-familyx		x: 'Sonsie One', cursive;
        font-size		:14pt; 
        font-weight		x:bold; 
        text-decoration		:none;
        color        		:#000000;
	background-color	:#ffffff;
	border			:2px solid #cccccc;
	border-radius		:5px;

	-webkit-box-shadow	x:3px 3px 5px #666666;
	-moz-box-shadow		x:3px 3px 5px #666666;
	text-shadow		x:5px 5px 4px #000000;
	}

.galeriedown{
	text-align:center;
	background-colorx	:#000000;}





/* orange Ansicht für landscape phones, 576px and up */
@media (min-width: 576px) {

#anzeige, #anzeigeimpress {
	border:0px solid #ff6600;}

#wraphead{
	width:80%;
	margin-left:10%;}

#wechselbg{background-size:  110% auto;}

}

/*grün Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {

#anzeige, #anzeigeimpress {0order:4px solid #00ff00;}

#mbmcookie {
	displayx:none;
	position: fixed; 
	width:50%;
	
	heightx:80%; 
	bottom: 50px;  right: 3%; 
	border-radiusx:15px; 
	background-imagex: url('style/trans3.png') ; 
	background-color: #9ed474; 
	background-color: #f58220;

	background-color: #081c3e;
	color:#ffffff;
	border: 2px solid #ffffff; 
	border-radius:5px;
	padding: 20px; font-size: 16px; font-family: verdana; 
	z-index:900; text-align:center;}



}

/* blau Ansicht für Large devices (desktops, 992px and up) */

@media (min-width: 992px) { 


#anzeige, #anzeigeimpress { border:0px solid #0000ff;}

#wraphead{
	width:70%;
	margin-left:15%;}

#banner1{
	min-height:50px;
	background-size:auto 50%;
	background-position: center center;
	}

.datum26, .logos3{
	position	:relative; float:left;
	margin-bottom:20px;
	width:80%;
	margin-left:10%;
	margin-topx:100px;}

.laufschrift{font-size:2.0em;
	width:80%;
	margin-left:10%;

.mobilean{display:none;}

.headbutton{display:block;}

#bgflyer{display:none;}

#headdownx{font-size:40px;}

#bgkontakt{background-size:100% auto;}

#subbanner{	
	display:block;
	position:relative;
	float:left;
	width:100%;
	margin-top:0px;
	border:0px solid #ff0000;
	text-align:center;
	background-image: url("style/black.png");
	background-repeat: no-repeat;
	background-size: 100% 20px;
	background-sizex: auto 100%;
	background-position:left top;
	}

.preview1{
	position:relative;
	float:left;
	width:10%; height:80px;
	background-size:auto 110%;
	background-position: center center;
	background-repeat:no-repeat;
	outlinex:2px solid #000000;
	border:2px solid #000000;
	}

#headleft{
	display:block;
	margin-top:80px;
	displayx:none;
	position:relative;
	float:left;
	width:19%;
	border:0px solid #d5b228;
	}

#headright{	
	display:block;
	position:relative;
	float:right;
	width:19%;
	margin-top:80px;
	border:0px solid #ff0000;
	}

#headm{	displayx:none;
	position:relative;
	float:right;
	height:55vh;

	width:60%;
	margin-left:1%;
	
	margin-top:80px;
	margin-bottomx:40px;
	border:0px solid #0000ff;
	}

.logosmobile{
	display:none;
	float:left;
	width:100%;}

.headlogol{
	width:75%;
	margin-left:5%;
	float:left;
	height:auto;
	margin-bottom:20px;
	filter: grayscale(100%);
	filterx: brightness(50%);}

.headlogol:hover{filter: grayscale(0%);}

.headlogor{
	width:80%;
	height:auto;
	float:right;
	filter: grayscale(100%);
	margin-right:5%;
	margin-bottom:50px;}
.headlogor:hover{filter: grayscale(0%);}

#kontaktleft{
	position:relative;
	float:left;
	width:50%;
	margin-left:5%;
	left:0%;
	min-height:20px;
	border	:0px solid#ff0000;
	font-size: inherit;
	}

#kontaktright{
	position:relative;
	float:left;
	width:40%;
	margin-left:0%;
	margin-top:0px;
	left:0%;
	min-height:20px;
	border	:0px solid#ff0000;
	font-size: inherit;
	}


}







/*gelb  Ansicht für Desktop-Monitore */
@media screen and (min-width: 1200px) {

body, html {
	font-size: 1.1em;}


#anzeige,#anzeigeimpress {border:0px solid #fff205;}

#head{	
	background-color: #333333;
	background-image: url("bgs/head26b.jpg");

	background-size:100% auto;
	background-sizex:auto 120%;
	background-position: center center
	background-repeat:no-repeat;
	border	:0px solid #cccccc;
	position:relative;
	float:left;
	min-height:100vh;
	}

.datum26{width:70%;
	margin-left:15%;}

.laufschrift{font-size:1.8em;
	width:70%;
	margin-left:15%;

}

/* grau Ansicht für Desktop-Monitore */
@media screen and (min-width: 1600px) {

#anzeige,#anzeigeimpress, #anzeigekarte {
	border: 0px solid #555555;
	width		:1300px;
	left		:50%;
	margin-left	:-650px;

	-webkit-box-shadow	:15px 15px 15px #000000;
	-moz-box-shadow		:15px 15px 15px #000000;}

#bannerimpress{
	position:fixed;
	width		:1300px;
	left		:50%;
	margin-left	:-650px;

	background-color:#000000;
	color:#ffffff;
	min-height:50px;
	text-align:right;

	background-image: url("style/sitename.png");

	background-size:auto 90%;
	background-position: center bottom;
	background-repeat:no-repeat;
	border:0px solid #d5b228;
	z-index:900;
	}

#head{	
	background-color: #333333;
	background-image: url("bgs/head26b.jpg");

	background-size:110% auto;
	background-sizex:auto 120%;
	background-position: center center
	background-repeat:no-repeat;
	border	:0px solid #cccccc;
	position:relative;
	float:left;
	min-height:100vh;
	}



  
}