.row{
  justify-content: flex-start;
}

img{
  width: min(100%, 10cm);
  height: intrinsic;
}

.Head{
  margin-left: 1cm;
}

.Head p{
  word-wrap: break-word;
  max-width: 15cm;
}

.Head > *{
  margin-left: 1rem;
}

.Head h1{
  margin-left: 0;
}

#team{
  max-width: fit-content;
  margin: 0;
}

#route-a{
  width: 100%;
  display: flex;
  padding: .5cm;
  text-decoration: none;
}

#route-a button{
  margin-left: auto;
  margin-right: auto;
  padding: .2cm;
}

#map {
  height: 400px; /* The height is 400 pixels */
  width: 60%; /* The width is the width of the web page */
  margin-left: auto;
  margin-right: auto;
}

/* #################################### */

.geschlossen *{
  color: red;
}

/* #################################### */

@media (max-width: 800px) {

  .Head{
    margin-left: 0;
  }

  #team{
    width: 90vw;
  }

  #team #tr-head{
    display: none;
  }

  #team td, #team td *{
      text-align: center;
      margin-left: 0;
      margin-right: 0;
      width: 100%;
  	}

  #team td{
  		display: block;
      height: auto;
      padding: 5px 10px;
  	}
  
  /* .list-dienstbereich:before { content: "Dienstbereich: "; } */
  /* .list-name:before { content: "Name: "; } */
  .list-mail:before { content: "✉️  "; }
  .list-DW:before { content: "☎️  "; }
  .list-mobil:before { content: "📱  "; }

  #team .list-dienstbereich{
    width: 94%;
    font-weight: bold;
    font-size: 1.2em;
  }


    .list-wrapper{
      width: 100%;
      overflow-x: scroll;
    }



    #map {
      width: 100%; /* The width is the width of the web page */
    }
  }

@media (max-width: 420px) {
  .row img{
    display: none;
  }
}