/*Seite allgemein*/
   



 
body{
	  display: grid;
	   grid-template-columns: repeat(5, 1fr);
	  /* grid-template-rows: repeat(5, 1fr);*/
	  text-align: center; 
	  margin: 0 auto;
      width: 75vw;
	  border: 2px solid #7268A9;
      /*background-color: #7268A9;  Hintergrundfarbe*/
      color:#000000 ; /* Schriftfarbe*/
      font-family:Verdana, Arial, Helvetica, sans-serif; /* Schriftart*/
      font-size: 1vw;
}
 
header{
	grid-column: 1 / -1;


	
}	
 
 
 
 nav{
	 grid-column: 1/-1;
		
	 /*background: #e6f2f7;
	 border: 2px solid black;*/
 }
	   
main{
	grid-column: 1/-1;
	
	 /*background:withe;
    border: 2px solid black;*/
}


footer{
    grid-column: 1/-1;
	
     /*background:green;
    border: 2px solid black;*/
}	
	 
	 
 #logo{
	width: 20vw;
	 margin: 2em;
 }
 
 img.taobild {
     width: 50vw;
	 }
 
 img.taobild_kleiner {
     width: 40vw;
	 }

/* ======== Navi ====== */
      
      
   nav a:hover,                  /*Maus auf Hyperlink*/
   nav a:focus,                  /*Hyperlink mit Tastatur aktiviert*/
   nav a:active{                 /*Hyperlink im Momemnt des Klicks*/
                color: #000000;      /* Schriftfarbe*/
                background-color: #CC99CC;  /* Hintergrundfarbe*/
                 }      
   .dabin {
        background-color:#C0C0C0;
      }

  
nav ul{
	
	
		     	 display: flex;
             background-color: #8A40A0;
			 padding-left: 3px;
}
 
nav li{
        margin: 0.5em;        
        border: 1px solid #111111;
        background-color: #ffffff;
        list-style-type: none;
		flex: auto;
      }
 
   
      
  nav a{
	    display: block;
        text-decoration: none;
        padding: 0.5em;
		text-align: center;  
      } 



/*------------------- Ende Navi ---------------------------------------*/
 
.small{
    font-size: 0.8vw;   	
}

.kontaktliste {
	list-style: none;
             }
			 
h2 {
	color: green;
	text-align: center;
}
/*  Kontaktseite als Definitionsliste mit Grid*/  
dl.grid {
	display: grid;
	grid-template-columns: 1fr 50%; /* 50% damit der verfügbare Platz gleich aufgeteilt wird. Bei 100% geht die dd zu weit.*/
	margin-bottom: 4em;
}

dl.grid dt {
	margin: 1em 0 0 1em;
	padding-left: 1em;
	/*border: 1px solid red;*/
}

dl.grid dd {
	margin: 1em;
	padding-left: 1em;
	text-align: start;
	/*border: 1px solid green ;*/
	
}



a[href^="tel"] {
	white-space: nowrap;
}