@media (max-width:576px),(orientation: portrait){
  body {
    background-color: #222222;
    width: 100%;
    height: 625.5vw;
    margin: 0;
    padding: 0;
    font-family: Verdana;
    text-align: center;
    overflow-x:clip;
  }

 .nav-border {
    background-color: #555555;
    width: 100%;
    height: 11.5vw; //Anpassung
    position: fixed;
    top: 0vw;
    z-index: 1;
  }

  .page {
    position: relative;
    width: 98%;
    height: 623.5vw;
    text-align: left;
    margin: 0 auto;
    top: 1vw;
  }

  .nav {
    width: 100%; //Anpassung
    height: 5vw;
    position: fixed;
    z-index: 1;
    top: 1vw; 
  }

 .main {
    width: 100%;
    position:relative;
    bottom: -10vw; //Anpassung
 }

  .navbutton {
    width: 32.5%;
    height: 10vw;
    float: left;
  }

  .navbutton button {
    width: 100%;
    height: 10vw;
    color: #505070;
    background-color:#ffffff;
    font-family: Verdana;
    text-align: center;
    font-size: 4.2vw; //Anpassung
    font-weight: bold;
    padding-left: 2vw;
    border: solid black;
    border-radius: 3vw;
    border-width: 0.2vw;
    box-shadow: inset 0 0 0.5em black, 0 0 0.5em grey;  //Anpassung
    text-decoration: none;
  }

  .navbutton button:hover {
    background-color: #FFFFFF;
    color: black;
    transition: 0s;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    width: 32.5%;
    z-index: 1;
  }

  .dropdown-content a {
    //height: 100%;
    color: #505070;
    background-color: #ffffff;
    margin-top: 0.8vw;
    padding-left: 0vw; //Anpassung
    padding-top: 2.5vw;
    font-size: 4.0vw; //Anpassung
    font-weight: bold;
    text-align: center;
    border: solid black;
    border-width: 0.1vw;
    border-radius: 2vw; //Anpassung
    box-shadow: inset 0 0 0.5em black, 0 0 0.5em grey;
    text-decoration: none;
    display: block;
  }

  .dropdown-content a:hover {background-color: #111111; box-shadow: inset 0 0 0.5em white, 0 0 0.5em white; color: white;}

  .dropdown:hover .dropdown-content {display: block;}

  .placeholder {
    width: 1%;
    height: 5vw;
    float: left;
  }

  .content {
    position: relative;
    width: 100%;
    height: 100%; //Anpassung
    float: left;
    box-sizing: border-box;
    border: 0.2vw solid #555555;
    border-radius: 3vw;
    box-shadow: inset 0 0 0.5em white, 0 0 0.5em grey; 
  }

  h2 {
    font-size: 4.2vw; //Anpassung
    margin-left: 2vw;
    color: #CCCCCC;
  }

  .imgset1 {
    width: 96%;
    height: 16vw;
    margin-left: 2%;
  }

  .imgset1 img{
    width: 100%;
    height: 16vw;
  }

  .imgset2 {
    width: 96%;
    height: 16vw;
    margin-left: 2%;
  }

  .imgset2 img {
    width: 25%;
    height: 16vw;
    float: left;
  }

  .imgset3 {
    width: 92%;
    margin-left: 4%;
  }

  .imgset3 img {
    width: 96%;
    float: center;
  }

  .imgset4 {
    width: 94%;
    height: 16vw;
    margin-left: 6%;
  }

  .imgset4 img {
    width: 94%;
    float: center;
  }

  .text {
    margin: 2vw;
    font-size: 4.0vw;
    color: #CCCCCC;
  }

  a {
    color: #EEEEEE;
  }

  a.nbutton {
    text-decoration: none;
    color: #505070;
    transition: 0s;
  }


  a.nbutton:hover {
    color: black;
  
  }
  a:hover {
    color: #8d8d8d;
  }

  .contentplacheholdervertical {
    width: .6%;
    height: 1vw;
    float: left;
  }

  .contentplacheholderhorizontal {
    width: 100%;
    height: 1vw;
    float: left;
  }

  .footer {
    width: 100%;
    height: 6vw;
    float: left;
  }

  .impressum button {
    width: 100%;
    height: 12vw; //Anpassung
    font-family: Verdana;
    color: #505070;
    background-color: white;
    text-align: left;
    font-size: 4.2vw; //Anpassung
    font-weight: bold;
    padding-left: 2vw;
    border: solid black;
    border-radius: 0.8vw;
    border-width: 0.2vw;
    box-shadow: inset 0 0 0.5em black, 0 0 0.5em grey;  //Anpassung
    position: relative;
    bottom: -10vw; //Anpassung
  }
}