html{
    font-family: helvetica;
}

.h3Formular {
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 0em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}


.flex-behaelter {
    background-color: white;
    padding: 10px;
    border: 2px solid #FAFAFA;
    margin: 10px;
}

.flex-header{
    background-color: #FAFAFA;
    color: #6E6E6E;
    padding: 25px;
    margin: 25px;
    display: flex;

}

.flex-main{
    padding: 25px;
}
  
.flex-footer{
    color: #6E6E6E;
    padding: 25px;
    margin: 25px;
    border-top: 2px solid black;
}

#KartenDiv {
	height: 600px;
	border: 3px solid black;
	border-radius: 10px;
}

#KartenContainer {
    height: 650px;
    width: 900px;
    border: 1px solid red;
    border-radius: 10px;
}


.legend {
    width: 122px;
    line-height: 18px;
    color: #6E6E6E;
    background-color: #f8f8f8;
    border: 4px solid #ffffff;
	border-radius: 4px;
	padding: 15px;
	box-shadow: 0px 0px 6px 1px #888888;

}

.legendeCircle {    
    float: left;
    margin-right: 8px;
    margin-left: 2px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    border: 3px solid #404040;
}


.legendeLine {    
    float: left;
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 8px;
    width: 25px;
    height: 0px;
    border: 2px solid;
}

.legendeDottedLine {    
    float: left;
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 8px;
    width: 4px;
    height: 0px;
    border: 2px solid;
}

.legendePlatzhalter {    
    float: left;
    width: 23px;
    height: 0px;
    border: 2px solid;
    color: rgba(0,0,0,0.0);;
}

.CheckboxBlau {
    color: #3104B4;
    display: inline;
}