body {
  background-color: #222222;
  width: 100%;
  height: 203vw;
  margin: 0;
  padding: 0;
  font-family: Verdana;
  text-align: center;
  overflow-x:clip; 
}

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

 .page {
  position: relative;
  width: 80%;
  height: 144.65vw;
  text-align: left;
  margin: 10vw auto;
  top: 1vw;
}

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

.main {
  width: 100%;
  position:relative;
  bottom: 4vw;
}

.navbutton {
  width: 33%;
  height: 5vw;
  float: left;
}

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

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

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

.dropdown-content a {
  color: #505070;
  background-color: #ffffff;
  margin-top: .4vw;
  padding: 1vw;
  font-size: 2vw;
  font-weight: bold;
  text-align: center;
  border: solid black;
  border-width: 0.1vw;
  border-radius: 0.8vw;
  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: 0.5%;
  height: 5vw;
  float: left;
}

.content {
  position: relative;
  width: 49.7%;
  height: 48vw;
  float: left;
  box-sizing: border-box;
  border: 0.1vw solid #555555;
  border-radius: 0.6vw;
  box-shadow: inset 0 0 0.5em white, 0 0 0.5em grey;
}

h2 {
  font-size: 1.3vw;
  margin-left: 1vw;
  color: #CCCCCC;
}

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

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

.imgset2 {
  width: 96%;
  height: 8vw;
  margin-left: 2%;
}
.imgset2 img {
  width: 25%;
  height: 8vw;
  float: left;
}

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

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

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

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

.imgset5 {
  width: 60%;
  //height: 8vw;
  margin-left: 6%;
}

.imgset5 img {
  width: 60%;
  float: center;
}

.text {
  margin: 1vw;
  font-size: 1.1vw;
  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: 45vw;
  float: left;
}

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

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

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