body { font-family: arial,helvetica,sans-serif; 
              margin:0; border:0; padding:0; }

		 header.kopf { color:#ffffff; background-color:#333333; }
		 			
		 div.inhaltlogo h1, div.inhaltlogo h2,
		 div.inhaltlogo a, div.inhaltlogo a:link, div.inhaltlogo a:visited, 
		 div.inhaltlogo a:hover, div.inhaltlogo a:focus, div.inhaltlogo a:active
		   { 
		    font-family: merienda,tempus sans itc,monotype corsiva,ink free,kristen itc,pristina,cursive;
	       color:#000000; background-color:#81D41A; text-decoration:none;		    
		    text-shadow:none; font-weight:bold;
		   }		 
		 div.inhaltlogo h1 { font-size:3.5em; padding-top:0.5em; }		 
		 div.inhaltlogo h2 { font-size:2.5em; padding-top:0.5em; }		 

		 
		 header.kopf div.kopfbild { color:#ffffff; background-color:#666666; margin:0; padding:0; text-align:center; }  
		 header.kopf div.kopfbild img { display:block; margin:0 auto; width:100%; height:auto; }	 
		 
       label.responsive-nav-label { color: #095500; background-color: #81D41A; }
		    
		 main { color:#000000; background-color:#81D41A; border:1px solid #81D41B; }
		 main p { text-align:left; }
		 main a, main a:link, main a:visited, main a:active
		    { color:#5C0000; background-color:#81D41A;  }
	    main a:hover, main a:focus
		    { color:#5C0000; background-color:#81D41A;  }

       div.zitat { padding:1.5em 0 1.5em 0; font-size:1.75rem; }		
		 div.zitat span.zitatautor { padding-left:10em; font-size:1em; font-style:italic; }


			/* Responsive Design: */
			
		  @media screen and (min-width:55em)  /* Alles über 55 em = 880 Pixel Breite: */
         {
         
         
		   div.inhaltlogo h1 { font-size:3.5rem; margin:0 auto; padding-top:0.3em; }		 
		   div.inhaltlogo h2 { font-size:2.5rem; margin:0 auto; padding-top:0.5em; padding-bottom:0.3em; }		 		   
		  
		   div.zitat span.zitatautor { padding-left:13em; }

         }		 
	

       @media screen and (max-width:54.99em)  /* Alles unter 55 em = 880 Pixel Breite: */
         {
			
			header.kopf nav { padding:1em 0; }	
			
			div.inhaltlogo h1 { font-size:2rem; margin:0; padding-top:0.5em; }		 
		   div.inhaltlogo h2 { font-size:1.2rem; margin:0; }		 

		   div.zitat { font-size:1em; }	
		   div.zitat span.zitatautor { padding-left:10em; }	
			
			label.responsive-nav-label { position:absolute; top:1em; right:1em; }	
			}		 

       @media screen and (max-width:26em)  /* Alles unter 26 em = 416 Pixel Breite: */
         {
				/* Gedankenstrich im Logo ausblenden: */			  
			  div.inhaltlogo h2 span.dash { display:none; }  
			  div.zitat span.zitatautor { padding-left:3em; }     
         }		 

       @media screen and (max-width:21em)  /* Alles unter 21 em = 336 Pixel Breite: */
         {
			  /* Navi-Button auf der Startseite NICHT nach unten verschieben: */
			  label.responsive-nav-label { position:absolute; top:1em; right:1em; }			  
         }		 

       /* Angaben zum Ausdrucken auf Papier: */
	    @media print
	       {
   		  div.inhaltlogo h1 { font-size:2rem; margin:0; padding-top:0.5em; }		 
		     div.inhaltlogo h2 { font-size:1.2rem; margin:0; }		 

		     div.zitat { font-size:1em; }	
		     div.zitat span.zitatautor { padding-left:10em; }	
	       }