@charset "UTF-8";
/* EGO erlebnisreich24.de */


html { -webkit-text-size-adjust: 100%; }

body { background-color:#371053; 
	   font-family:'PT Sans',Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	   /*font-family: myriad-pro, sans-serif;'PT Sans',Cambria, "sans-serif",*/
       	font-style: normal;
     	font-weight: 300;			
		line-height:150%; 
	   	color:#fff;
		margin:0;
		background:url("../img/bg_automaten-spielhalle.jpg") no-repeat center center fixed;
	   	-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;		
	}

/* pt-sans-italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: local('PT Sans Italic'), local('PTSans-Italic'),
       url('../fonts/pt-sans-v10-latin-italic.woff2') format('woff2'), 
       url('../fonts/pt-sans-v10-latin-italic.woff') format('woff'); 
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('../fonts/pt-sans-v10-latin-700.woff2') format('woff2'), 
       url('../fonts/pt-sans-v10-latin-700.woff') format('woff'); 
}

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'),
       url('../fonts/pt-sans-v10-latin-regular.woff2') format('woff2'), 
       url('../fonts/pt-sans-v10-latin-regular.woff') format('woff'); 
}

a { text-decoration:none; color:#842500; font-weight: bold; }

.klar { width:100%;
		font-size:0.1em;
		clear:both;
		}

.mobil { display:none; }
.desktop { display:block; }


img {max-width:100%;
	height:auto;}


#seite { max-width:980px;
		 margin-left:auto;
		 margin-right:auto;
	     margin-top:0;
		 /*background-color:#5A0C80;*/
		  }
.bg_lila {background-color:rgba(225,82,248,0.88);}

#kopf {width: 100%; 
		margin-top:-20px;
} 

#logo {position:absolute;
	   z-index:100;
	   margin:30px 0 0 10px;
	   max-width: 400px;
	   height:auto;
     }

#hnav	{ width:100%; 
		  /*min-height:45px;*/
		  margin-top:0px;
		  }

#hnav ul { list-style:none;
		   padding:10px;
		   margin:0;
		   /*background-color:#faa61a;*/
		   background-color:#F60;

		   }

#hnav ul li { display:inline;
			  padding:10px;
			  border-right:1px #FFF solid;
			  min-height:40px; }

#hnav a { margin:10px 0;
		  font-weight:bold;
		  color:#fff;
		  font-size:1.2em;
			  }

#hnav a.aktiv { color:#666; }

#hnav a:hover { color:#700000; }

#mobilnav { display:none; }


#inhalt { max-width: 100%;
		  background: rgba(58,2,110,0.7); 
		  margin-top:0px;
		  padding-top: 5px;
         }

.oeffzeiten { margin: 0;
			  padding: 0;
			  list-style-type: none;
			  } 
.oeffzeiten li { background: rgba(111,3,38,0.7);
				 padding: 10px;
				 margin:1px;
				}

h3 {text-align: center;
	font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;/**/
	font-size: 40px;
	padding: 0 1%;
    line-height:100%;
   }

h4 {margin:10px 0;
	 font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
	font-size: 30px;
	line-height:100%;
   }

.spalte_links {float:left;
			   width:48%;
			   padding:0 1%;
			   margin: 0 1%;
			   font-size:1.2em;
			   /*background-color:#5023DE;*/
}

.hoverbild {opacity: 0.7;
			transition: opacity 0.5s;
}

.hoverbild:hover {opacity: 1; }



.quicklink { border: 4px dotted #F9F3D3;
			 border-radius: 20px;
			 padding: 2%;
			 font-size:1.2em;
			 width: 98%;
			 margin-left: auto;
			 margin-right: auto;
			}

/*.quicklink img { max-width: 400px; -left}*/



#inhalt a, .spalte_rechts a { color:#E4D4B9; }
#inhalt a:hover, .spalte_rechts a:hover { color:#fff; }


.spalte_links .datum { font-style: italic;
						background-color:#F99F24;
				}


.spalte_rechts {float:right;
			    width:48%;
	            padding:0 2%;
			    /*background-color:#59120E;*/
			    margin: 0 1%;
			    font-size:1.2em;
				}

.spalte_rechts img {max-width: 100%;}

.zweispalten {width: 98%;
			  padding:1%;
			  /*background-color:aquamarine;*/
			}
			
.zweispaltenmitte { width: 98%;
			        padding:1%;
					text-align:center;
	 
			       }			
			

.rechts {float:right;}
.links {float:left;
		margin: 15px; }




#fuss { width:100%;
		background-color:#444;
		}

#fuss ul { list-style:none;
		   padding:10px;
		   margin:0;
		   }

#fuss ul li { display:inline;
			  padding:10px;
			  min-height:30px;
			  }

#fuss ul li a { font-weight:bold;
		  		color:#ddd;
		  		font-size:1em;
				}

#fuss ul li a:hover { color:#fff;}

.back-to-top {	/*border: 1px dashed #999;*/
				background-image: url(../img/nach-oben.gif);
				background-repeat: no-repeat;
				background-size: 50px 46px;
				width: 50px;
    			height: 46px;				
				position: fixed;
				bottom: 60px;
				right: 20px;
				opacity: 0.5;
				transition: opacity 0.5s;
				z-index: 110;
				}

.back-to-top:hover { opacity: 1; }



/************ mobil ***************/
@media screen and  (max-width:800px)	 {
	
	/******* Inhalt *********/
	
	body { background-color:#fff; margin:0; 
	   		}	
		
	.mobil { display:block; }
	.desktop { display:none; }
	
	
	#logo {max-width: 250px;
	       height:auto;
     }
		
	
	#hnav	{ display: block;
			  position:fixed;
			  right:-160px;
			  top: 5px;
			  width: 200px;
			  height: auto;
			  z-index:200;
			  padding:0;
			  
					   
			 text-align:left;
								 
			 transition-property:right;
			 transition-duration:0.5s;
			 
			 -webkit-transition-property:right;
			 -webkit-transition-duration:0.5s;
			 
			 -o-transition-property:right;
			 -o-transition-duration:0.5s;
			 
			 -ms-transition-property:right;
			 -ms-transition-duration:0.5s;			
			}		
	
	#hnav ul { margin-left:40px;
			   margin-top:-5px;
			   padding:0;
			   background: rgba(255,255,255,0.8);
			   }
	
	#hnav ul li { display:block;
				  padding:10px;
				  border-bottom:1px #ccc solid;
				  min-height:30px; }
	
	#hnav a { margin:10px 0;
		      font-weight:bold;
		      color:#666;
		      font-size:1.2em;
			  }

	#hnav a.aktiv { color:#842500; }
	
	
	#mobilnav { display:block;
				width: 34px;
				height:25px;
				background-image:url(../img/men-icon.gif);
				background-position: -30px 0;
				transition: background-position 0.5s;
				float:left;
				margin:5px;
				  }
	
	.spalte_links {float:none;
					width:98%;
					}
	
	.hoverbild {opacity: 1;}
	
	#quicklink a { line-height:200%;
			}
	
	.spalte_rechts { float:none;	
					 width:98%;
					 margin-top:40px;
					}
	
	
	.rechts { float:none;}
	.links { float:none;
		     margin: 0px; }


} /* Mobil */