.top-nav {
        display: none;
    }
#ham-nav{
  display: block;
  margin-top: 1vh;
  position: absolute;
  padding-right: 1rem;
  padding-top: 0.5rem;
  clear:both;
  overflow:auto;
  position: sticky;
  top: 1vh;
  z-index: 10;
  background-color: transparent;
}
  
  /* HAMBURGER MENU */


/* ham menu icon i crtice */
.ham-icon {
  height: 5.5svh;
  width: 5.5svh;
  margin-left: auto;
  position: relative;
  border-radius: 50%;
}


.ham-menu span {
  height: 0.45vh;
  width: 70%;
  background-color: white;
  border-radius: 25px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: .3s ease;
}
.ham-menu span:nth-child(1) {
  top: 30%;
}
.ham-menu span:nth-child(3) {
  top: 70%;
}
.ham-menu.active span {
  background-color: white;
}
.ham-menu.active span:nth-child(1) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.ham-menu.active span:nth-child(2) {
  opacity: 0;
}
.ham-menu.active span:nth-child(3) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
} 
    
/* off-screen-menu */
ul li{
all:unset;
display: flex;
flex-direction: column;
margin-top: 1.5rem;
}

.off-screen-menu {
  display: flex;
  height: 100%;
  width: 100%;
  max-width: 100vw;
  position: fixed;
  top: 0;
  right: -100vw;
  flex-direction: column;
  padding-top: 5svh;
  /* justify-content: center; */
  text-align: center;
  font-size: 1rem;
  font-weight: 700; 
  transition: .3s ease;
}
.off-screen-menu.active {
  right: 0;
  /* position: fixed; */

}




  /* END HAMBURGER MENU */

.first-screen {
  height: 100%;
}

    .landing {
      display: flex;
      flex-direction: column;
      height: 90svh;
      text-align: center;
      margin-top: unset;

    }

    .landing-logo {
        width: 34.5vh;
        padding-left: 6vw;
        /* margin-top: 5svh; */
      }
      
    .landing-headline{
        font-size: 11.5vw; 
    }

    .landing-subhead {
        margin-top: 2vh;
        font-size: 4.2vw;
        width: 75%;

    }
.store{
  display: none;
}


    .store-mobile {
      display: flex;
      flex-direction: column;
      background-color: transparent;
      height: 100%;
      justify-content: center;    
    }

    .store-mobile img{
        /* display: block; */
        margin-top: 3svh;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 35svw;
        min-width: unset;
        max-width: unset;
    }

    .descriptions {
       display: block;
       margin-right: unset;
    }

.opisi {
    display: block;
margin-top: 0px;
    text-align: center;
    width: 74vw;
}

#manage {
  margin-top: 50px;
}

    .center-div{
      margin-left: auto;
      margin-right: auto;
      /* width: 80%; */
    }

    .description-headline {
        font-size: 9vw;

    }

    .description-subhead {
        font-size: 4vw;

    }

    .instructions {
      font-size: 5vw;

    }

    .pub-photo {
      all: unset;
      margin-top: 6vw;
      display: block;
      text-align: center;
      width: 100%;
    }

    .impressum {
      display: flex;
      flex-direction: column;
      text-align: center;
      font-size: 2vw;

    }