/* Location ****************************************************/
#Location{
  display: inline-block;
  background-color: #FDFDF9;
  width: auto;
  height: auto;
}

  #Location h4{
    margin-bottom: 25px;
  }

#Map_Location{
  float: left;
  width: 42vw;
  height: calc(152px + 20px + 17.466vw + 17.43px + 6px);
  margin-left: 3vw;
  border: 3px solid #494949;
  border-radius: 4px;
}

#Map_Location iframe{
  width: 42vw;
  height: calc(152px + 20px + 17.466vw + 17.43px + 6px);
  border: 3px solid #494949;
  border-radius: 4px;
}

#Beuchertsmuehle_Bilder1 img{
  float: right;
  margin-right: 3vw;
  width: 23.23vw;
  height: auto;
  border: 3px solid #494949;
  border-radius: 4px;
}

#Beuchertsmuehle_Bilder2 img{
  float: right;
  margin-right: 3vw;
  width: 17.4666vw;
  height: auto;
  border: 3px solid #494949;
  border-radius: 4px;
}

#Location_Text{
  float: right;
  width: calc(17.4666vw + 23.333vw + 3vw);
  margin-right: 3vw;
  margin-top: 20px;
  margin-bottom: 25px;
  padding-top: 1%;
  border: 3px solid #494949;
  border-radius: 4px;
}

#Location_Text a{
  font-size: 19px;
  display: block;
}

#Location p{
  font-size: 16px;
}

@media screen and (max-width: 350px){
  #Location a{
    font-size: 5.43vw;
  }

  #Location p{
    font-size: 4.57vw;
  }
}

@media screen and ((max-width: 550px) or (max-height: 450px)){
  #Location{
  /*  height: calc(100px + 80vh + (0.75 * 90vw) + (1.16 * 90vw) + 190px);*/
  }

  #Map_Location{
    width: 90vw;
    height: 80vh;
    margin-left: calc(5vw - 3px);
    margin-right: auto;
  }

#Map_Location iframe{
    width: 90vw;
    height: 80vh;
    margin-left: calc(5vw - 3px);
    margin-right: auto;
  }

  #Beuchertsmuehle_Bilder1 img{
    float: left;
    max-width: 90vw;
    max-height: 80vh;
    width: 90vw;
    margin-left: calc(5vw - 6px);
    margin-top: 15px;
    margin-right: auto;
  }

  #Beuchertsmuehle_Bilder2 img{
    float: left;
    max-width: 90vw;
    max-height: 80vh;
    width: 90vw;
    margin-left: calc(5vw - 6px);
    margin-top: 15px;
    margin-right: auto;
  }

  #Location_Text{
    float: left;
    width: 90vw;
    height: auto;
    margin-left: calc(5vw - 3px);
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 25px;
  }
}

/*****  PORTRAIT  *********/
@media screen and (orientation: portrait){
  #Location{
    display: inline-block;
    background-color: #FFFFFF;
    width: auto;
    height: auto;
    min-height: 40vh;
  }
  #Map_Location{
    float: left;
    width: 42vw;
    height: 32vh;
    margin-left: 3vw;
    border: 3px solid #494949;
    border-radius: 4px;
    margin-bottom: 25px;
  }

  #Map_Location iframe{
    width: 42vw;
    height: 32vh;
    border: 3px solid #494949;
    border-radius: 4px;
  }

  #Beuchertsmuehle_Bilder1 img{
    float: right;
    margin-right: 3vw;
    width: 23.23vw;
    height: auto;
    border: 3px solid #494949;
    border-radius: 4px;
  }

  #Beuchertsmuehle_Bilder2 img{
    float: right;
    margin-right: 3vw;
    width: 17.4666vw;
    height: auto;
    border: 3px solid #494949;
    border-radius: 4px;
  }

  #Location_Text{
    float: right;
    width: calc(17.4666vw + 23.333vw + 3vw);
    margin-right: 3vw;
    margin-top: calc((32vh - (23.23vw * 0.75) - 150px) / 2);
    padding-top: 1%;
    border: 3px solid #494949;
    border-radius: 4px;
  }

  #Location a{
    font-size: 19px;
  }

  #Location p{
    font-size: 16px;
  }
}