body {
font-family: sans-serif; 
text-align: center;
background-color: #3b3b3b;
}

a {
color: #AEFF00;
}

h1 {
color: #AEFF00;
margin: 10px 0px 0px 15px;
font-weight: bold;
font-size: 50pt;
}

h2 {
color: #FFFFFF;
margin: 0px 0px 0px 0px;
font-weight: bold;
font-size: 16pt;
}

.container {  
  display: grid;
  grid-template-columns: 230px 1fr minmax(400px, 2fr) 1fr;
  grid-template-rows: 200px 20px 120px max-content 20px;
  gap: 0px 0px; 
  grid-auto-flow: row;
  grid-template-areas:
    "Header Header Header Header"
    "H-Menue H-Menue H-Menue H-Menue"
    "LogoCell ContentHeader ContentHeader ContentHeader"
    "V-Menue GrafikCell ContentCell InfoCell"
    "Footer Footer Footer Footer"; 
}

.Header { 
  grid-area: Header;
  background-color: #3b3b3b;
}

.H-Menue { 
   grid-area: H-Menue;
   text-align: right;
   background-color: #3b3b3b;
}

.LogoCell { 
   grid-area: LogoCell;
   background-color: #666666;
}

.ContentHeader { 
   grid-area: ContentHeader;
   text-align: left;
   background-color: #666666;
}

.V-Menue { 
   grid-area: V-Menue;
   text-align: left;
   background-color: #3b3b3b;
}

.GrafikCell { 
   grid-area: GrafikCell;
   justify-content: center; 
   align-items: center;
   background-color: #666666;
}

.ContentCell { 
   grid-area: ContentCell;
   text-align: left;
   color: #FFFFFF;
   background-color: #666666;   
}
 
.InfoCell { 
   grid-area: InfoCell;
   justify-content: center; 
   align-items: center;
   background-color: #666666;
}

.Footer { 
   grid-area: Footer;
   background-color: #3b3b3b;
}

.img-fit {
   width: 80%;
   object-fit: cover;
   height: auto; 
}

ul {
  list-style-type: none;
  }

nav a{ 
  display: block;
  padding: 0.4em;
  text-decoration: none; 
  font-weight: bold;
  border: thin solid var(--background-color);
  border-radius: .5em;
  color: #AEFF00; 
  background-color: var(--background-color);
  transition: all .25s ease-in;	  
}

nav li[aria-current] a {
  list-style-type:none;
  background-color: var(--accent2-color); 
}
	
nav a:focus,
nav a:hover,
nav li[aria-current] a:focus,
nav li[aria-current] a:hover {
  list-style-type:none;    
  color: var(--background-color); 
  background-color: var(--accent1-color); 
}