body{
  background-image: url("/eingesetzte_Bilder/Hintergrund/Hintergrund.jpeg");
}
    /*mitte*/
section { 
    font-size: 1.2vw;
    font-family: Ubuntu-Medium;
    background-color: rgba(21 , 59, 101, 0.6);
    color: white;
}

#row, #row2{
  display: flex;
}

#Anfahrt, #AnfahrtText {
  flex: 35%;
  margin: 10px;
 /* background-color: green;*/
}

#Anfahrt img{
  width: 85%; 
  height: auto;
  margin-left: 5%;
  margin-top: 5%;
}

#AnfahrtText h1, #AnfahrtText p{
padding-left: 15%;
}


#Anzeige1, #Anzeige2{
  flex: 65%;
  margin: 10px;
  /*background-color: blue;*/
  padding-left: 5%;
}

  #Anzeige1 img, #Anzeige2 img{
  float: left;
  padding-top: 3%;
  height: auto;
  width: 40%;
  } 

#Anzeige1 h4, #Anzeige2 h4
{
  padding-top: 1%;
  padding-left: 43%;
  font-size: 1.2em;
}

 #Anzeige1 p, #Anzeige2 p{
  padding-top: 1%;
  padding-left: 43%;
  font-size: 0.9em;
}


@media screen and (max-width: 750px) {
    #AnfahrtText h1, #AnfahrtText p{
padding-left: 5%;
 font-size: 1.6vw;
}

}

@media screen and (max-width: 650px) {
   #Anzeige1, #Anzeige2{
  flex: 70%;

}
#Anfahrt, #AnfahrtText {
  flex: 30%;

}
}
@media screen and (max-width: 500px) {
  section{
  position: absolute;/*nur da um möglicherweise Bug zu umgehen*/
  }
#Anzeige1 h4, #Anzeige1 p, #Anzeige2 h4, #Anzeige2 p{
   font-size:2.8vw; padding-top: 0%;

}

#row{
  display: flex;
  flex-direction: column;
}

#row2{
  display: flex;
  flex-direction: column-reverse;
  
}

#AnfahrtText h1, #AnfahrtText p{
  text-align: center;
  font-size: 2.6vw;
}
}