.grid-container {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));  
  gap: 10px;
  grid-template-areas: 
  "toolbar"
  "katwarn"
  "karte"
  "parken"
  "parken"
  "parken"; 
  overflow: hidden;
}
.grid-item {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e6e6e6;  
}
.nestedImg{
max-width:100%;
object-fit: cover;
}

#smartToggle{
	grid-area: toolbar;
}
#parkleitsystem_container { 
  grid-area: parken;
  display: grid;
  grid-template-rows: repeat(100, fit-content(100px));
}
#webcam_img_container {
  grid-column: span 1;
  grid-row: span 1; 
}
#link_container {
	display: block !important;	
}
#kartencontainer { 
grid-area: karte;
}
#katwarn_img_container{
grid-area: katwarn;
}

@media (min-width: 580px) {
.grid-container {  
grid-template-rows: 30px repeat(5, minmax(250px, 1fr));
grid-template-areas: 
  "toolbar toolbar"  
  "parken karte"
  "parken katwarn"
  "parken .";   
  grid-template-columns: repeat(2, minmax(250px, 1fr));
}
.nestedImg{
max-height: 300px;
}

}

@media (min-width: 850px) {
.grid-container {  
	grid-template-areas: 
	"toolbar toolbar toolbar"			
	"parken karte karte"
	"parken katwarn ."
	"parken . .";   
	grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}