body, html {
	font-size: 1.1rem;
	line-height:1.2em;
  	font-family: arial;
	
	color: #000000;
	background-color: #2a2a2a;
	background-color: #000000;
	margin:0;
	height:100%;
	}

.abstand100{
	float:left;
	width:90%;
	height:100px;}

.mobilaus{display:none;}

.ganzaus{display:block;}

.rot{
	display:none;
	color:#ff0000;
	font-weight:bold;
	padding-top:20px;}

#mbmcookie {
	display:none;
	position: fixed; 
	width:90%;
	right: 5%; 

	widthx:94%;
	rightx: 3%; 
	bottom: 50px;  
	heightx:80%; 
	
	border-radiusx:15px; 
	background-imagex: url('style/trans3.png') ; 
	background-color: #9ed474; 
	background-color: #f0f0f0;
	background-color: #e5e5e5;
	background-color: #555555;
	
	color:#ffffff;
	border: 1px solid #000000; 
	border-radius:0px;
	padding: 20px; 
	font-size: 0.9em; 
	font-family: verdana; 
	z-index:900; text-align:center;
	box-shadow	:3px 3px 4px #000000;}

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

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

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


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


.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:#000000;}

#navfix{position:fixed;
	right:2%;
	top:100px;
	width:4%;
	height:300px;
	background-colorx: #595147;
	background-color: #202020;
	border-radius:10px;
	z-index:600;}



.navtop{
	display:none;
	position:relative;
	float:left;
	width:90%;
	margin-top:20px;
	border-bottom	:0px solid#000000;
	paddingx:10px;
	margin-left:5%;
	color:#ffffff;
	text-align:right;
	background-image	x:url("style/farbe1.png");
	background-colorx: #cc0000;
	box-shadowx	:9px 9px 9px #000000;
	font-size:0.8em;}

.logomob{
	display:block;
	height:30vh;
	width:100%;
	margin-top:10vh;
	text-alignx:right;
	background-size		: auto 100%;
	background-image	:url("style/logo2.png");
	background-position	:center center;
	background-repeat	:no-repeat;
	
	background-colorx: #cc0000;
	position:relative;
	float:left;
	border	:0px solid#00ff00;}

.logo{
	width:30%;
	displayx:none;
	margin-left:0%; 
	float:left;
	position:relative;
	margin-top:5vh;
	z-index:500;
	border	:0px solid #ff0000;
	}

.headtext{
	displayx:none;
	margin-top:12vh;
	widthx:100%;
	
	displayx:none;
	float:left;
	font-size:1.3em;
	position:relative;
	
	text-align:left;
		
	border	:0px solid #ff0000;
	color:#ffffff;}

.headtextmob{
	margin-top:5vh;
	width:100%;
	
	display:block;
	float:left;
	font-size:1.3em;
	position:relative;
	min-width:50%;
	text-align:center;
	
	
	min-heightx:100px;
	border	:0px solid #ff0000;
	color:#cccccc;
	}


.picpartner{width:100%;
	-webkit-filter: grayscale(0.2);
    		filter: grayscale(0.2);}

.mobilan{display:block;}
.desktopan{display:none;}

#bannerfix{
	display:block;
	position:fixed;
	width:100%;
	left:0%; top:0px;
	min-height:40px;
	text-align:right;
	min-heightx:20px;
	background-color: #000000;
	border	:0px solid#0000ff;
	z-index:800;
	}

.wrapbanner{
	min-height:40px;
	background-image	:url("style/name1.png");
	background-position	:left center;
	background-repeat	:no-repeat;
	background-size		:auto 70%;
	background-colorx: #333333;}

.headname{
	float:left;
	height:3vh;
	margin-top:1vh;}

#respomenu{display:block}

#anzeige{
	z-index:700;
	border	:0px solid#ffffff;
	position:relative;
	float:left;
	width:100%;
	margin-top:0vh;
	margin-left:0%;
	margin-bottomx:100px;
	min-height:500px;
	background-color: #ffffff;
	
	font-size: inherit;
	clear:both;

	
	}

#wrap{
	position:relative;
	float:left;
	width:90%;
	margin-left:5%;
	left:0%;
	border	:0px solid#0000ff;
	clear:both;
	}

.transwrap{
	background-image	x:url("style/trans_w.png");
	padding			x:50px;}

#boxziele{
	position:relative;
	float:right;
	width:100%;
	margin-left:0%;
	left:0%;
	border	:0px solid#0000ff;
	clear:both;
	}

#boxleistung{
	position:relative;
	float:left;
	width:100%;
	margin-left:0%;
	left:0%;
	border	:0px solid#0000ff;
	clear:both;
	}

#bgego, #headdown, #bgleist, #bgsuche, #bgsozial, #bgfooter, #bghead, #bgheadmob, #bgintro, #bgdown, #bgpartner, #bgspende, #bgshop, #bgziele{
	position:relative;
	float:left;
	width:100%;
	margin-left:0%;
	min-height:20px;
	background-colorx: #009999;
	border	:0px solid #000000;
	font-size: inherit;
	clear:both;
	}

#bgsozial{display:none;}
.buttonlink2{display:none;}

#bgego,  #bgleist, #bgheadx, #bgintro, #bgdown, #bgpartner {
	padding: 80px 0px 80px 0px;
	border	:0px solid #000000;}

#headdownxx, #bgfooter, #bgziele, #bgsozial, #bgsuchexx{
	padding: 50px 0px 50px 0px;}

#bgsuche{padding: 80px 0px 50px 0px;}


#bgziele, #bgfooterxx, #boxspende{
	background-colorx: #007878;
	background-colorx: #7fbcbc;
	background-colorx: #006363;

	background-color:#205556;
	color: #ffffff;}

#bgfooter{
	background-colorx: #007878;
	
	background-colorx: #006363;

	background-color:#118181;
	}


#bgspende, #bgsozial{background-color: #d6d6d6;}

#bgspende{
	padding: 100px 0px 000px 0px;}

#bgshop{
	padding: 20px 0px 200px 0px;}



#bgego, #bgleist, #bgsuche, #bgpartner{
	background-size		: auto 100%;
	border		:0px solid #ff0000;}

#bgheadmob{
	display:block;
	min-height:100vh;
	paddingx: 100px 0px 00px 0px;
	background-image	:url("style/bg_head_mob.jpg");
	background-image	x:url("bilder/bike01.jpg");
	background-position	:right top;
	background-position	x:left bottom;
	background-repeat	:no-repeat;
	background-size		x: 100% auto;
	background-size		: auto 100%;
	border-bottom	x:20px solid #007878;
	border-top	x:1px solid #ff0000;
	border		x:0px solid #ff0000;
	background-color: #000000;

	-webkit-filterx: grayscale(0.2);
    	filterx: grayscale(0.2);}

#bghead{
	z-index:900;
	display:none;
	min-height:90vh;
	paddingx: 100px 0px 00px 0px;
	background-image	:url("style/bg_head_big.jpg");
	
	background-position	:right top;
	background-positionx	:left bottom;
	background-repeat	:no-repeat;
	background-size		: 100% auto;
	background-size		x: auto 100%;
	border-bottom	x:20px solid #007878;
	border-top	x:1px solid #ff0000;
	border		:0px solid #ff0000;
	background-color: #000000;
	-webkit-filterx: grayscale(0.6);
    	filterx: grayscale(0.6);}

#headbottom{
	position:absolute;
	left:0%; bottom:0vh;
	width:100%;
	min-height:20vh;
	border		:0px solid #00ff00;
	background-colorx: #007878;
	}

#headkontaktmob{
	position:relative;
	float:left;
	width:100%;
	min-height:40px;
	margin-bottom:20px;
	background-colorx: #555555;
	}

#headdownmob{
	paddingx:20px;
	position:relative;
	float:left;
	width:100%;
	min-height:40px;
	background-color: #007878;}



#headdown{
	z-index:900;
	display:none;
	min-height:20vh;
	background-color: #f6f6f6;
	background-colorx: #bfdddd;
	}

#bgego{
	background-color: #e6e6e6;
	background-color: #ffffff;
	background-colorx: #007878;
	
	background-image	:url("style/bg_ego04.jpg");
	background-image	x:url("style/bg_head1.jpg");
	background-position	:right top;
	background-repeat	:no-repeat;
	
	colorx: #ffffff;}




#bgleist{background-colorx: #cccccc;
	background-color: #ffffff;
	
	

	background-image	:url("style/bg_leist1b.jpg");
	background-position	:right top;
	background-repeat	:no-repeat;
	
	}

#bgshop{background-color: #eeeeee;}



#bgsuche{background-color: #000000;
	color: #ffffff;
	
	
	background-image	:url("style/bg_suche.jpg");
	background-position	:center top;
	background-repeat	:no-repeat;
	}

#bgpartner{background-color: #000000;
	color: #ffffff;
	background-image	:url("style/bg_partner.jpg");
	
	background-position	:center top;
	background-repeat	:no-repeat;
	}





.spendetop{
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:50px;
	background-color: #f6f6f6;
	background-color: #cccccc;
	background-color: #ff0000;
	}

.spendebottom{
	display:block;
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:100px;
	background-color: #f6f6f6;
	background-colorx: #ffffff;
	}

#textspende{
	float:right;
	width:100%;
	margin-right:0%;
	text-alignx:center;
	margin-top:50px;
	paddingx: 20px 20px 50px 20px;
	border	:0px solid #ff6666;
	}

#boxspende{
	font-sizex:0.9em;
	float:right;
	width:100%;

	margin-top:100px;
	margin-bottom:10px;
	margin-right:00%;

	text-alignx:center;
	padding: 20px 20px 20px 20px;
	border	:1px solid #000000;
	background-colorx: #007878;
	background-colorx: #f6f6f6;
	background-colorx: #f6f6f6;
	color: #ffffff;
	border-radius:6px;
	box-shadow	:3px 3px 4px #555555;}

#bgdown{xmin-height:25vh;
	background-color: #000000;
	color: #009999;
	text-align:center;}


#headnav{
	position:relative;
	float:right;
	width:50%;
	margin-top:0px;
	
	background-color: #000000;
	color: #ffffff;
	text-align:center;
	}



#titel{
	display:inline-block;
	
	margin-bottom:40px;
	width:100%;
	
	paddingx: 50px 0px 50px 0px;
	border	:0px solid #000000;
	}

#titelbig, #titelbigw{
	display:inline-block;
	font-size:2.8em;
	font-size:1.8em;
	font-weight: bold;
	
	width:100%;
	text-alignx:center;
		
	text-shadow:2px 2px 2px #000000;
	border	:0px solid #ff0000;}

#titelbig{color: #007878;}
#titelbigw{color: #ffffff;}

#untertitel{
	font-size:1.4em;
	font-sizex:2.0em;
	display:inline-block;
	display:none;
	margin-top:20px;
	font-weight: bold;
	
	widthx:100%;
	text-alignx:center;
	paddingx: 0px 40px 00px 10px;
	border-bottom	x:6px solid #009999;
	background-colorx: #007878;
	colorx: #007878;
	color: #ffffff;
	
	color: #787878;
	colorx: #4da1a1;
	text-shadow:2px 2px 2px #000000;}

#titel2{
	font-size:1.3rem;
	font-weight: bold;
	margin-bottom:10px;
	width:100%;
	text-alignx:center;
	paddingx: 50px 0px 50px 0px;
	border-bottom	x:2px solid #009999;
	color: #ffffff;
	text-shadow:3px 3px 3px #000000;}


.egotop{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:50px;
	background-color: #f6f6f6;
	}



#box100{
	float		:left;
	width		:100%;
	text-alignx	:center;
	border		:0px solid #ff6666;
	}


#boxego{
	float:left;
	width:100%;
	text-alignx:center;
	margin-topx:100px;
	paddingx: 50px 0px 50px 0px;
	border	:0px solid #ff6666;
	background-colorx: #ffffff;}

#boxshop{
	width:47%;
	margin-right :3%;

	widthx:22%;
	margin-right x:3%;


	float:left;
	
	min-height:50px;
	
	text-align:center;
	margin-top :50px;
	padding: 20px 0px 20px 0px;
	border	:0px solid #ff6666;
	background-color: #ffffff;
	box-shadow	xs:3px 2px 4px #999999;}

.produktbild{
	position:relative;
	height:100px;}

#produktname{
	font-size:1.2em;
	font-weight:bold;
	colorx:#679999;}

#produktpreis{
	font-size:1.6em;
	color:#679999;
	font-weight:bold;
	text-shadow	:2px 2px 2px #000000;}




.buttonspende{width:200px;
	border	x:2px solid #007878;
	border-radius:6px;
	box-shadow	:2px 2px 4px #555555;
	margin-right:40px;}

.iconspende{width:200px;}


.icon1{height:40px;}

a.kontaktlink:link,a.kontaktlink:visited{


	width:auto;
	margin-leftx: auto;
	display:block;	
	text-align		:center;
         font-weight		:bold; 
        text-decoration		:none;
       color			: #4ba0a0;
	 color			: #ffffff;
	margin-top		:0px;
	background-color	x:#303030;
	border-bottom		:0px solid#ffffff;
	border-radiusx:6px;
	padding: 5px 0px 5px 0px;
	text-decoration: none;
	margin-top:20px;
	margin-bottom:20px;
	background-position	:left top;
	background-repeat	:no-repeat;
	background-size		:auto 40px;
	}

a.kontaktlink2:link,a.kontaktlink2:visited{
	width:auto;
	margin-right: 80px;
	display:inline-block;	
	text-align		:left;
         font-weight		:bold; 
        text-decoration		:none;
       color: #000000;
	
	
	border:		0px solid#000000;
	border-radius:6px;
	
	text-decoration: none;
	margin-top:40px;
	font-size:1.4em;

	background-position	:left top;
	background-repeat	:no-repeat;
	background-size		:auto 60px;
	padding: 12px 0px 0px 70px;
	min-height:60px;
	}


.headpic{
	background-image	x:url("style/bg_head4.jpg");
	background-position	:right top;
	background-repeat	:no-repeat;
	background-size		x: 100% auto;
	background-size		: auto 100% ;

	displayx:none;
	position:absolute;
	right:0px;
	top:0%; 
	width:100%;
	height:100%;
	margin-leftx:0%;
	min-heightx:300px;
	background-colorx: #141414;
	
	border	:0px solid #0000ff;
	
	
		}

.verlaufhead{
	displayx:none;
	position:absolute;
	right:0px; bottom:0px;
	width:100%; height:100%;
	background: #000000;
	backgroundx: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(202, 193, 178, 1) 100%);
	
	backgroundx: linear-gradient(180deg,rgba(180,180 , 180, 0) 0%, rgba(182, 176, 162, 1) 100%);
	backgroundx: linear-gradient(180deg,rgba(180,180 , 180, 0) 0%, rgba(0, 0, 0, 1) 100%);

	background: linear-gradient(180deg,rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 1) 100%);
	border	:0px solid #ff00ff;
	}


.verlaufleist, .verlaufego{
	display:none;
	position:absolute;
	right:0px; bottom:0px;
	width:100%; height:60%;
	background: #ffffff;
	backgroundx: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(202, 193, 178, 1) 100%);
	
	backgroundx: linear-gradient(180deg,rgba(180,180 , 180, 0) 0%, rgba(182, 176, 162, 1) 100%);
	backgroundx: linear-gradient(180deg,rgba(180,180 , 180, 0) 0%, rgba(0, 0, 0, 1) 100%);

	background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	border	:0px solid #ff00ff;
	}

.verlaufziele{
	display:none;
	position:absolute;
	right:0px; bottom:0px;
	width:100%; height:100%;
	background: #ffffff;
	backgroundx: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(202, 193, 178, 1) 100%);
	
	background: linear-gradient(180deg,rgba(180,180 , 180, 0) 0%, rgba(182, 176, 162, 1) 100%);
	backgroundx: linear-gradient(180deg,rgba(180,180 , 180, 0) 0%, rgba(0, 0, 0, 1) 100%);

	backgroundx: linear-gradient(270deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	}


.dreieckol{	
	display:none;
	position:absolute;
	left:0px; top:0px;
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 60px 900px 0 0;
	border-color: #007878 transparent transparent transparent;}

.dreieckor{
	display:none;
	position:absolute;
	right:0px; top:0px;
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 0 800px 100px 0;
	border-color: transparent #bfdddd transparent transparent;}




.verlauf2{
	displayx:none;
	position:absolute;
	left:0px; bottom:0px;
	width:100%; height:100%;
	background: #FFFFFF;
	backgroundx: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(202, 193, 178, 1) 100%);
	background: linear-gradient(0deg,rgba(180,180 , 180, 0) 0%, rgba(182, 176, 162, 1) 100%);
	}


.introtext{
	position:relative;
	float:left;
	width:80%;
	margin-topx:450px;
	colorx:#ffffff;
	color:#000000;
	font-weightx:bold;
	text-shadow	x:2px 2px 4px #ffffff;}


#bgintro{
	padding: 00px 0px 100px 0px;
	heightx:30vh;

	background-color: #CAC1B2;
	background-colorx: #f0e3d2;
	background-colorx: #b6b0a2;
	background-color: #ffffff;}



#bgfooter{
	background-image	x:url("bilder/ego02.jpg");
	background-position	:center center;
	background-repeat	:no-repeat;
	background-size		: 100% auto;
	background-size		x: auto 100% ;

	
	color: #000000;
	border-bottom	:20px solid#000000;}

#bgakt{ 
	padding: 50px 0px 0px 0px;
	min-height:300px;
	background-image	x:url("bilder/akt1.png");
	background-position	:left bottom;
	background-repeat	:no-repeat;
	background-size		: 90% auto;

	border	:0px solid#0000ff;
	background-color: #000000;}








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

.bild100{width:100%;}

#wrapright{
	positionx:relative;
	float:right;
	width:70%;
	margin-left:0%;
	min-height:20px;
	border	:2px solid#ff0000;
	font-size: inherit;

	}

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

#listbox{
	position:relative;
	float:left;
	width:99%;
	margin-left:0%;
	font-size: inherit;
	border	:0px solid#00ff00;}


#liste{
	width:100%;
	min-height:40px;
	padding:4px 0px 0px 35px;
	font-weight:bold;
	font-size: inherit;
	font-size: 1.1em;
	margin-bottom:15px;
	background-image	:url("style/haken1.png");
	background-position	:left top;
	background-repeat	:no-repeat;
	background-size		:30px auto ;
	background-colorx:#a9d1d1;
	background-colorx:#ffffff;
	
	border	:0px solid#333333;
	border-radius: 10px;
	}

#box33{width:32%;
	margin-right:1%;
	float:left;
	text-indent:20px;
	background:#333333;
	font-weightx:bold;
	font-size: inherit;}

#footerbox1,#footerbox2,#footerbox3,#footerbox4{
	widthx:27%;
	
	float:left;
	
	font-size: inherit;
	color:#000000;
	border	:0px solid#ff0000;
	}

#footerbox1,#footerbox2{
	width:50%;}

#footerbox3{
	width:99%;}

#footerbox4{
	width:99%;}


.footerlogo{
	width:50%;
	margin-left:25%;
	float:left;}



a.menulink:link, a.menulink:visited{
	font-size: 1.3em;
	displayx		:block;	
	text-align		:left;
         font-weight		x:bold; 
        text-decoration		:none;
       	color			:#ffffff;
	margin-right		:20px;
	background-colorx	:#303030;
	border-bottom	x	:4px solid#ff0000;
	text-shadow	:2px 2px 4px #000000;
	}

a.buttonlink:link,a.buttonlink:visited{
	display:inline-block;	
	text-align		:left;
         font-weight		x:bold; 
        text-decoration		:none;
       color: #ffffff;
	margin-top:0px;
	background-color	x:#303030;
	border:		2px solid#ffffff;
	border-radius:20px;
	padding: 5px 40px 5px 40px;
	text-decoration: none;
	}

a.buttonlink2:link,a.buttonlink2:visited{
	margin-top:50px;
	display:inline-block;	
	text-align		:left;
        font-weight		x:bold; 
        text-decoration		:none;
       color: #000000;
	
	background-color	:#ffffff;
	border:		2px solid#000000;
	border-radius:15px;
	padding: 5px 40px 5px 40px;
	text-decoration: none;
	box-shadow	:2px 2px 4px #555555;
	}

a.footerlink:link,a.footerlink:visited{
	display:block;	
	text-align		:left;
         font-weight		x:bold; 
        text-decoration		:none;
       	color: #000000;
	margin-bottom:10px;
	background-color	x:#303030;
	border-bottom:		0px solid#ff0000;
	}

a.downlink:link,a.downlink:visited{
	font-size:0.9em;
	display:block;
	width:100%;	
	text-align		:center;
         font-weight		x:bold; 
        text-decoration		:none;
       	color: #009999;
	margin-bottom:10px;
	margin-top:10px;
	background-color	x:#303030;
	border-bottom:		0px solid#ff0000;
	
	
	}




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

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

#bghochzeit, #bgbaby, #bgevent{ 
	background-size		: 110% auto;
	background-size		x: auto 110% ;
	}


}


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

@media (min-width: 768px) {

.mobilan{display:none;}
.desktopan{display:block;}

#anzeige{
	position:relative;
	float:left;
	widthx:90%;
	margin-leftx:5%;
	
	
	border	:0px solid#00ff00;
	font-size: inherit;
	clear:both;
	}



#bgego, #bgleist, #bgsuche, #bgpartner{
	background-size		:  auto 120% ;
	}





}

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

@media (min-width: 992px) { 

#respomenu{display:none}

#anzeige{ 
	border:0px solid #0000ff;
	margin-top:0vh;}

#bgego,  #bgleist, #bgheadx, #bgintro, #bgdown, #bgpartnerx {
	padding: 80px 0px 200px 0px;
	border	:0px solid #000000;}

#bgpartner {padding: 80px 0px 80px 0px;}

#headdownxx, #bgfooter, #bgziele, #bgsozial, #bgsuchexx{
	padding: 80px 0px 100px 0px;}

#bgsuche{padding: 80px 0px 120px 0px;}

#bgheadmob{display:none;}
#bghead{display:block;
	border-bottom:20px solid #007878;}

#headdown{
	display:block;
	min-height:20vh;
	background-color: #f6f6f6;
	background-colorx: #bfdddd;
	}



#bgego, #bgleist, #bgsuche, #bgpartner{
	background-size		: 120% auto;
	}

#mbmcookie {
	displayx:none;
	position: fixed; 
	width:50%;
	right: 3%; 

	widthx:94%;
	rightx: 3%; 
	bottom: 50px;  
	heightx:80%; }

.mobilaus{display:block;}

.navtop{display:block;}

.headtext{displayx:none;}

#titelbig, #titelbigw{	font-size:2.2rem;}
#untertitel{	font-size:2.0rem;}

a.kontaktlink:link,a.kontaktlink:visited{

font-size:1.4rem;
	width:auto;
	margin-leftx: auto;
	display:block;	
	text-align		:center;
         font-weight		:normal; 
        text-decoration		:none;
       color			: #4ba0a0;
	 color			: #000000;
	margin-top		:0px;
	background-color	x:#303030;
	border-bottom		:0px solid#ffffff;
	border-radiusx:6px;
	padding: 5px 0px 5px 0px;
	text-decoration: none;
	margin-top:20px;
	margin-bottom:20px;
	background-position	:left top;
	background-repeat	:no-repeat;
	background-size		:auto 40px;
	}

a.buttonlink2:link,a.buttonlink2:visited{margin-top:150px;}

.logoxx{
	float:left;
	position:relative;
	margin-right:5%; 
	margin-top:15vh;
	width:30%;
	z-index:500;
	}

a.kontaktlink:link,a.kontaktlink:visited{


	width:auto;
	margin-right: 40px;
	display:inline-block;	
	text-align		:left;
         font-weight		x:bold; 
        text-decoration		:none;
      
	margin-top		:0px;
	background-color	x:#303030;
	border		:0px solid#ffffff;
	border-radiusx:6px;
	padding: 5px 0px 5px 0px;
	text-decoration: none;
	margin-top:20px;
	margin-bottom:20px;
	background-position	:left top;
	background-repeat	:no-repeat;
	background-size		:auto 40px;
	}





.headpic{
	background-image	x:url("style/bg_head2.jpg");
	background-position	x:right top;
	
	background-size		: 100% auto;
	background-size		x: auto 110% ;

	
	}

#boxleistung{
	position:relative;
	float:left;
	width:70%;
	margin-left:0%;
	left:0%;
	border	:0px solid#0000ff;
	clear:both;
	}

#boxziele{
	position:relative;
	float:left;
	width:100%;
	margin-left:0%;
	left:0%;
	border	:0px solid#0000ff;
	clear:both;
	}

#boxshop{
	width:22%;
	margin-right :3%;}




.picpartner{width:70%;}

#wrap, #wraphead, #category{
	position:relative;
	float:left;
	width:80%;
	margin-left:10%;
	left:0%;
	
	clear:both;
	}



.spendetop{
	display:block;
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:50px;
	background-color: #f6f6f6;
	background-color: #ffffff;
	}

.spendebottom{
	display:block;
	background-color: #eeeeee;
	}


#textspende{
	float:left;
	width:60%;
	text-alignx:center;
	margin-top:00px;
	
	border	:0px solid #ff6666;
	background-colorx: #ffffff;}

#boxspende{
	margin-top:0px;
	float:right;
	width:25%;
	margin-right:0%;
	text-alignx:center;
	padding: 20px 20px 50px 20px;
	border	:1px solid #000000;
	
	border-radius:6px;
	box-shadow	:3px 3px 4px #555555;}


#textboxr, #textboxl{
	
	width:45%;
	text-alignx:center;
	paddingx: 50px 0px 50px 0px;
	}

#listbox{
	position:relative;
	float:left;
	width:45%;
	margin-right:5%;
	font-size: inherit;
	border	:0px solid#000000;}

#footerbox1,#footerbox2,#footerbox3,#footerbox4{
	width:25%;
	margin-right:0%;
	float:left;
	text-indentx:20px;
	backgroundx:#555555;
	font-weightx:bold;
	font-size: inherit;
	color:#000000;
	
	}

.footerlogo{
	width:90%;
	margin-left:0%;
	float:right;}

#bgego{
	paddingx: 150px 0px 200px 0px;
	
	background-size		x: 100% auto;
	background-size		x: auto 100%;}


s


#bgsozialx{background-color: #ffffff;
	padding: 100px 0px 100px 0px;}







}







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

body, html {
	font-size: 1.1rem;
	line-height:1.2em;}


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





}

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

#anzeige{
	border: 0px solid#555555;
	float:left;
	widthx:1500px;
	
	margin-leftx:-750px;
	leftx:50%;}

#wrap{
	width		:1100px;
	margin-left	:-550px;
	left	:50%;
	font-sizex: inherit;
	paddingx:50px;
	border:0px solid #ff0000;
	}
  
}