* { 
	margin: 0;
	padding: 0;
	box-sizing: content-box; 
}

html, body { /* betrifft den Body */
	font-size: 100%; /* Schriftgröße */
	height: 100%;
	margin: 0;
	letter-spacing: 0.1rem; /* Buchstabenabstand */
	word-spacing: 0.3rem; /*Abstand der Wörter */
}

header { /* betrifft den Header */
   	height: 100vh; /* macht Vollbild auf Startseite vom oberen bis zum unteren Bildschirmrand */
   	width: 100%; /* macht Vollbild auf Startseite vom linken bis zum rechten bildschirmrand */
	background: transparent url(bilder/karraffe_zitronenpresse_frevel_2.jpg) no-repeat center top; /* Hintergrundbild auf Startseite, horizontal zentriert */
   	background-size: cover; /* für Vollbild auf Startseite */
   	text-align: center; /* zentriert Inhalte im Header (Logo) */
   	margin-bottom: 0px; /* Abstand unterm Header */
   	display: table;
   	position:relative;
}

header #divlogo { /* Logo - Ausrichtung */	
	vertical-align: middle; /* vertikale Ausrichtung des # im Feld */
	display: table-cell;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	height: auto;
} 

header #imglogo { /* fluide Logo-Größe */	
	vertical-align: middle; /* vertikale Ausrichtung des # im Feld */
	display: table-cell;
	margin-left: auto;
	margin-right: auto; 
	width: 100%; /* relative Breite des Bildes */
	max-width: 800px; /* Maximalbreite (sollte der tatsächlichen Breite des Bildes entsprechen) */
}