* {font-family: Arial, Helvetica, sans-serif;}
*/a {font-weight: bold;}*/

  


.kopfLinks {grid-area: kopfLinks;}
.kopf { grid-area: kopf;}
.kopfRechts {grid-area: kopfRechts;}

.Seite-links { grid-area: links;}
.Haupt { grid-area: haupt;
			background-color: #007f7f12;}
.Seite-rechts{ grid-area: rechts;
					background-color: #00ff3f20;
					justify-content: start;}

.fussLinks { grid-area: fussLinks;}
.fuss { grid-area: fuss; }
.fussRechts { grid-area: fussRechts; }

.gitter {display: grid;
	 grid:
    'kopfLinks kopf kopfRechts'
    'links haupt rechts'
    'fussLinks fuss fussRechts';
    grid-template-columns: 1fr 3fr 1fr ;	
     grid-template-rows: auto max-content auto;  
          }
  

 .grid-container > div {
 /* background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 20px 0;
  font-size: 30px;*/
}
.kopf{background-color: rgba(255, 255, 58, 0.2);
}
.kopf ul{list-style-position: outside;
display: flex;
  justify-content: space-between;
margin: 0;
padding: 0;
}
.kopf li{
list-style-type:none;

padding:0.5em;
text-align:left;
border-left:1px solid white;
display: inline;
}
.Haupt {}
.Haupt ul{list-style-position: outside;
display: flex;
  justify-content: space-between;
margin: 0;
padding: 0;
}
.Haupt li{
list-style-type:none;

padding:1em 1em;
text-align:left;
border-left:1px solid white;
display: inline}

.Seite-rechts{
	justify-content:start;}
	
	/*
margin-top:2em;
margin-bottom:1em;
background-color:silver;
text-align:left;
margin-left:0;
padding-left:0;*/
.Seite-rechts li{
list-style-type:none;
padding:1em 1em;
text-align:left;
border-left:1px solid white;
display: block;
background-color: #00ff3f20;
}

.biege-kiste
{
 display:flex;
 gap: 2em 1em;
 }

.biegelabel 
{
  width:100px;
  float:left;
 }
 .biegeinput 
{
  width:250px;
  float:left;
 }
 .biegetext
 {
 	width :250px;
 	float : left;
 }
 .biegelabelErr 
{
  width:100px;
  float:left;
  color:red;
 }
 .biegeErr
 {
 	width :280px;
 	float : left;
 	color:red;
 	}
 .biegeFuell
 {
 	width :50px;
 	float : left;
 	color:red;
 	}
 <link rel="stylesheet" type="text/css" href="css/map.css">
<!-- [if IE] >
<link rel="stylesheet" type="text/css" href="css/ie_map.css">
<! [endif] -->
 .bild {
    width:80vw;
    /*max-width: 100%;*/
    height: auto;
}
 

/*
.item2 li:first-child{
border:none;
}*/
/*.nav-rechts {
	grid-column:3;
background-color:silver;
border:solid 1px gray;
width:inherit;

/*width: 8em*/
/*
}

.nav-rechts ul{
list-style-type:none;
margin:0;
padding:0;
border:none
}

.nav-rechts li{
margin:0;
padding:0.25em 0.5em 0.25em 1em;
border-top:1px solid gray;
width: 100%;
/*display: block*//*
}

html>body nav-rechts li{
width: auto;
}

.nav-rechts li:first-child{
border:none
}*/
/*{width: 200px;}*/