/* (5) MEDIA QUERRY desktop */
@media screen and (min-width: 768px) {
    
    
    	
	header, nav, footer {
		display: block;
}
	
	body { 
		/*background-color: #b0b0a7;*/
		background-position: center center;
        background-image: url(wellen.jpg);
        background-repeat: no-repeat;
        margin: 0;
		padding: 0;
        
}
	
	header {
		/*background-color: #b0b0a7;
        height: 12.500em;*/
        
		width: 100%;
		
		padding: 0;
	}
	
	nav {
		background-color: none;
		width: 100%;
		height: 6.250em;
		margin: 0;
		padding: 0;
	}
	
	footer {
		/*background-color: #b0b0a7;*/
		width: 100%;
		height: 2.125em;
		clear: both;  

	}

	#wrapper {
        /* background-color: #b0b0a7;
         background-image: url(img/S_06.jpg);*/
        margin: 0;
		padding: 0;
        font-family: 'Comic Sans MS';
		font-size: 100%;
		
        
        height: 100%;
        background-attachment: fixed;
        width: 100%;
        
        
		/*background-image: url(img/S_06.jpg);
		max-width: 57.500em;
		height: auto;
		margin: 3% auto 0% auto;
		padding: 1% 1% 0 5%;
		border: 0px;
		border-style: solid;
		border-color: #999999;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);	
		margin-bottom: 0;*/
    }	
	
	#content {
		/*background-color: #b0b0a7;
        margin: 0 auto;
        display: flex;
		width: 100%;
		height: auto;*/
        
        display: flex;
        justify-content: center;
        align-items: center;
        

	}
	
	
	
	#hnav{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
		padding: 0;
	}
	
		
	.titel {
		font-family: 'Comforter Brush', cursive;
		font-size: 500%;
		line-height: 150%;
		margin-left: 0;
	}
	
	.subtitel {
		font-family: 'Comforter Brush', cursive;
		font-size: 250%;
		line-height: 100%;
	}
	
	.subsubtitel {
		font-family: 'Comforter Brush', cursive;
		font-size: 150%;
		line-height: 100%;
	}

	.norm {
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 100%;
		line-height: 100%;
	}
	
	
}





/* (1) MEDIA QUERRY mobil */
@media screen and (max-width: 767px) {	

  
    	
	header, nav, footer {
		display: block;
}
	
	body { 
		/*background-color: #b0b0a7;*/
		background-position: center center;
        background-image: url(wellen.jpg);
        background-repeat: no-repeat;
        margin: 0;
		padding: 0;
        
}
	
	header {
		/*background-color: #b0b0a7;
        height: 12.500em;*/
        
		width: 100%;
		
		padding: 0;
	}
	
	nav {
		background-color: none;
		width: 100%;
		height: auto;
        clear: both;
	}
	
	footer {
		/*background-color: #b0b0a7;*/
		width: 100%;
		height: auto;
		clear: both;

	}

	#wrapper {
        /* background-color: #b0b0a7;
         background-image: url(img/S_06.jpg);*/
        margin: 0;
		padding: 0;
        font-family: 'Comic Sans MS';
		font-size: 100%;
		
        
        height: 100%;
        background-attachment: fixed;
        width: 100%;
        
        
		/*background-image: url(img/S_06.jpg);
		max-width: 57.500em;
		height: auto;
		margin: 3% auto 0% auto;
		padding: 1% 1% 0 5%;
		border: 0px;
		border-style: solid;
		border-color: #999999;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);	
		margin-bottom: 0;*/
    }	
	
	#content {
		/*background-color: #b0b0a7;
        margin: 0 auto;
        display: flex;
		width: 100%;
		height: auto;*/
        
        display: flex;
        justify-content: center;
        align-items: center;
        

	}
	
	
	
	#hnav{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
		padding: 0;
	}
	
		
	.titel {
		font-family: 'Comforter Brush', cursive;
		font-size: 250%;
		line-height: auto;
		margin-left: 0;
	}
	
	.subtitel {
		font-family: 'Comforter Brush', cursive;
		font-size: 150%;
		line-height: auto;
	}
	
	.subsubtitel {
		font-family: 'Comforter Brush', cursive;
		font-size: 150%;
		line-height: auto;
	}

	.norm {
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 100%;
		line-height: auto;
	}
	
	
}