@(min-width:4em) and (max-width:34em) 


header { }


header {
	width: 17em;
	height: auto;
	padding-top: 0.01em;
	padding-bottom: 0.53em;
	margin-top: 30px;
	margin-left:11%;
	background-color:#C90;

			
	}

h1 {color:fff;
	text-align: center;
	font-size: 1.4em;
	font-weight: 600;
		
	}



 .navibilder1  {
	background:#666;
	width: 11em;
	color: #FFF;
	
	padding-top: 15px;
	
	margin-left: 15%;
	padding-left: 60px;	
	padding-bottom: 15px;
	
	border: 2px solid #FFF;	
	}
	
	
h4 {
	
	font-size: 0.8em;
	font-weight: 400;
	color: #fff;
	}

img {
	width: 0%;
	height: auto;
	}
#weiss {
	color: #fff;
	}








/*
1. 320- oder 480-Pixel-Breite für Smartphones: Die Größe hängt davon ab, ob Sie die Webseite für horizontales oder vertikales Betrachten optimieren wollen. Wir empfehlen Ihnen die Webseite für die Vertikale, mit einer Breite von 320 Pixeln, zu optimieren.


2. 768- oder 1024-Pixel für Tablets: Auch hier haben Sie die Wahl. Wobei wir 1024 für Tablets empfehlen würden.


3. Welche Breite bevorzugen Sie bei Desktop-Browsern? Auch hier können Sie 1024-Pixel verwenden, insbesondere wenn Sie davon ausgehen, dass die Webseite mit 17-Zoll-Monitoren, die am meisten verwendet werden, aufgerufen wird.
*/