body {
  padding-top: 0px;
}

.section1 {

}


.section2 {
}

#oben h1 {
  color: #bba08c;
  font-weight: 300;
  text-align: left;
}

/* Oberer Bereich */

.bild-bereich{
  height: 260px;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.bild-bereich img {	
  display: inline-block;				/* Default wäre inline - es gibt aber auch: inline-block */
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  min-height: 180px;
}  

#oben{
}

#End-Line{
  display:inline-block;
  width:100%;
}

#Content{
}

#map_and_control_area{
  display: block;
  float: right;
  resize: horizontal;
  overflow: hidden;
  width: 100%;
  max-width: 75%; 
}

#map{
  display: inline-block;
  width: 100%;
  min-width: 540px;
}

div.DSGVO{
  background-color: rgb(197, 211, 230);
  padding: 20px;
  display: inline-block;
}
/*
table.DSGVO{
  display: block;
  width:fit-content;
  margin-left: auto;
  margin-right: auto;
}
*/
.broschuere a {
  color: #bba08c;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-top: 25%;
}

.switch input {
  display: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

input:checked+.slider {
  background-color: #0f466e;
}

input:focus+.slider {
  box-shadow: 0 0 1px #0f466e;
}

input:checked+.slider:before {
  transform: translateX(26px);
}

/* Responsives Verhalten */

/*###################################*/
/*# Responsives verhalten der Karte #*/
/*###################################*/

@media only screen and (max-width: 10000px){#map_and_control_area{max-width: 95%;}}
@media only screen and (max-width: 9000px){#map_and_control_area{max-width: 95%;}}
@media only screen and (max-width: 8000px){#map_and_control_area{max-width: 94%;}}
@media only screen and (max-width: 7000px){#map_and_control_area{max-width: 93%;}}
@media only screen and (max-width: 6000px){#map_and_control_area{max-width: 92%;}}
@media only screen and (max-width: 5000px){#map_and_control_area{max-width: 91%;}}
@media only screen and (max-width: 4520px){#map_and_control_area{max-width: 90%;}}
@media only screen and (max-width: 4080px){#map_and_control_area{max-width: 88%;}}
@media only screen and (max-width: 3500px){#map_and_control_area{max-width: 86%;}}
@media only screen and (max-width: 3000px){#map_and_control_area{max-width: 83%;}}
@media only screen and (max-width: 2500px){#map_and_control_area{max-width: 78%;}}
@media only screen and (max-width: 2000px){#map_and_control_area{max-width: 75%;}}
@media only screen and (max-width: 1665px){#map_and_control_area{max-width: 70%;}}
@media only screen and (max-width: 1400px){#map_and_control_area{max-width: 65%;}}
@media only screen and (max-width: 1202px){#map_and_control_area{max-width: 60%;}}
@media only screen and (max-width: 1062px){#map_and_control_area{max-width: 55%;}}

/*#########################################*/
/*# Einrückung bei kleineren Bildschirmen #*/
/*#########################################*/

@media only screen and (max-width: 955px){
  #Content{
    width: fit-content;
    margin-right: 25px;
    max-width: 100%;
  }
  #map_and_control_area{
    max-width: 100%;
  }
}

/*##################################################*/
/*# Ausblenden der Karte bei zu geringer Auflösung #*/
/*##################################################*/

@media only screen and (max-width: 440px){
  #map_and_control_area, #ShowMaps{
    display: none;
    width: 0%;
  }
}

/*######################################################*/
/*# Seitenverhältnisse der der Seitenbereiche Anpassen #*/
/*######################################################*/

@media only screen and (max-width: 580px){
  #Content h1{
    font-size: 36px;/*40px standart*/
  }
  #Content h2{
    font-size: 28px;/*32px standart*/
  }
  #Content h3{
    font-size: 15px;/*19px standart*/
  } 
}