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

button{
 text-decoration: none;
 border: none;
 font-size: 12px;
 padding: 10px 25px;
 background-color: rgba(21 , 59, 101, 1);
}
#buttonid{
  color: white;
  text-decoration: none;
  font-weight: bold;
}


#row{
  display: flex;
}

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

#Anfahrt img{
  width: 70%; 
  height: auto;
  margin-left:10%;
  margin-top: 5%; 
  padding-bottom: 15%;
}

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

#Anzeige1{
  flex: 75%;
  
  font-size: 1.1vw;
}

#Anzeige1 p{
  white-space: pre;
 
}
#Abstand h4{
  padding-top: 1%;
  font-size: 1.3vw;
}
 
#link{text-decoration: none;  }
#link:link { color: white; }
#link:visited { color: white; }
#link:hover { color: rgba(0 , 29, 51, 1); }

#Stellenanzeige{
  color: black;
  text-decoration: underline;
 /*für Kontakt*/
}
#Listenuebersicht{
font-size: 1.3vw;
}
@media screen and (max-width: 950px) {
    section { 
      font-size: 1.3vw;
    }
    #Abstand h1{
      font-size: 2vw;
    }
    #Abstand h4{
      font-size: 1.6vw;
    }
    #Abstand p{
      font-size: 1.3vw;
    }
}


@media screen and (max-width: 850px) {

    #link{
      font-size: 1.8vw;
    }

}

@media screen and (max-width: 750px) {
   #Abstand h1{
      font-size: 2.3vw;
    }
    #Abstand h4{
      font-size: 2.0vw;
    }
    #Abstand p{
      font-size: 1.6vw;
    }
  }


@media screen and (max-width: 650px) {
#Stellenanzeige{
  font-size: 2vw;
}
#link{
  font-size: 3vw;

}

#AnfahrtText h1, #AnfahrtText p{
font-size: 1.8vw;
}

#Abstand h1{
      font-size: 2.8vw;
    }
    #Abstand h4{
      font-size: 2.5vw;
    }
    #Abstand p{
      font-size: 2.1vw;
    }
}