* {
  box-sizing: border-box;
  margin: auto; /* bringt die Page ins Zentrum*/
  padding: 0;
  background-color: rgb(23, 23, 23);
  /*border: 1px; /*für Testzwecke*/
  /*border-color: red; /*für Testzwecke*/
  /*border-style: solid; /*für Testzwecke */
  max-width: 1920px;
  max-height: 1080px;
}

body {
  /* height: 100vh;
    width: 100vw; */
  /* position: relative; */
  margin: auto;
  overflow: hidden;
}

header {
  display: flex;
  position: relative;
  align-items: center;
  padding: 1px 5%;
}

.navbar {
  list-style: none;
}

.navbar li {
  display: inline-flex;
  padding: 0px 20px;
}

.navbar li a {
  transition: all 0.3s ease 0s;
}

.navbar li a:hover,
.active {
  color: beige;
}

button {
  font-size: calc(0.5em + 1vw);
  background-color: #888169;
  color: #232323;
  border: 2px solid #888169;
  border-radius: 5px;
  cursor: pointer;
  float: right;
  transition: all 0.3s ease 0s;
  padding: 4px 4px;
}

button:hover {
  border-color: #888169;
  background-color: #232323;
  color: #888169;
}

li,
a,
span {
  font-family: "Adobe Arabic", sans-serif;
  font-weight: 500;
  font-size: calc(0.5em + 1vw);
  color: #888169;
  text-decoration: none;
  position: relative;
}

h1 {
  font-family: "Pamplona";
  font-weight: 100;
  font-size: max(5vh, 100%);
  text-align: center;
  color: #888169;
  text-decoration: none;
  background-color: transparent;
}

.message-success {
  position: absolute;
  padding-top: 40vh;
  padding-left: 40vw;
}

.mainlogo {
  max-height: calc(3em + 1vh);
  font-size: none;
  float: inline-start;
}

main {
  width: 100vw;
  left: 0;
  margin: auto;
  max-width: none;
  position: absolute;
  background-image: url("/images/0.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.container {
  position: relative;
  background-color: transparent;
}

section {
  background-color: transparent;
  position: relative;
}

.section-aboutus {
  position: absolute;
  h1 {
    display: grid;
    font-family: "Adobe Arabic", sans-serif;
    font-weight: 100;
    font-size: max(10vh, 100%);
    text-align: center;
    color: #888169;
  }

  div {
    font-family: "Adobe Arabic", sans-serif;
    display: grid;
    font-weight: 100;
    font-size: max(3vh, 100%);
    text-align: center;
    color: #888169;
  }
}

.prevent-select {
  user-select: none;
}
.section-impressum {
  position: absolute;
  font-size: x-small;
  padding-left: 25%;
  padding-right: 25%;

  li,
  h4,
  a {
    font-size: min(2.5vh, 2.5vw);
    list-style: none;
  }
}

.section-catalog-download {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  margin-left: 10%;
  margin-right: 10%;

  /* a:nth-child(0) {
    border: 2px red solid;
    flex-direction: column-reverse;
  }
  a:nth-child(1) {
    border: 2px red solid;
    flex-direction: column;
  } */
}

footer {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100vw;
  max-width: none;
  background-image: url("/images/0.png");
  background-repeat: no-repeat;
  background-size: cover;
}