#parkleitsystem{
	 display: grid;
	 grid-row: span 3;
	 grid-template-rows: repeat(auto-fill, minmax(100px, 100px));
}

.pls-container {
  display: grid;
  width:255px;
  height:60px;
  grid-template-columns: 30px 30px 50px;
  grid-template-areas:
    'symbol symbol name name name name'
    'symbol symbol free count count count' ;
  padding: 2px;  
   margin: 5px;  
   background-color: White ;
   cursor: pointer;
}

.pls-container > div {
  text-align: center; 
  font-family: "Lucida Console", "Courier New", monospace;  
  display: flex;   
  align-items: center;
  justify-content: end; 
  border-width: 2px;
}
.pls-suedstadt > div{
	border-color: LimeGreen ;  
}
.pls-altstadt > div{
	border-color: gold;  
}
.pls-zentrum > div{
	border-color: OrangeRed ;  
}
.pls-art { 
	height:30px;
}
.pls-name { 
  grid-area: name; 
  border-top: solid;
  border-right: solid;   
   white-space: nowrap;
  font-size: 13;
   padding-right: inherit;
}
.pls-count { 
  grid-area: count; 
  border-top: solid;
  border-left: solid; 
  border-top-left-radius: 24px;
  font-size: 11px;
}
.pls-count > label{
  background-color:black;
  color:#c1e932;
  text-shadow: 0 0 1px #c1e932;
}

.pls-free { 
  grid-area: free; 
  border-bottom: 4px solid;
}
.pls-symbol-container { 
  grid-area: symbol; 
  border-left: solid;
  border-top: solid;
  border-bottom: solid;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
}
.pls-symbol{
  height:50px;
  width:50px;
  background-color:blue;
  margin:10px;
  font-size: 50px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}