/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*, *::before, *::after {
    box-sizing: border-box;
  }
  * {
    margin: 0;
    padding: 0;
  }
  body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    height: 100%;
  }
  img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
  }
  input, button, textarea, select {
    font: inherit;
  }
  p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
  }
  #root, #__next {
    isolation: isolate;
  }
  a {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    text-decoration: none;
  }


  /* CSS START */
* {
  background-color: #0F1127;
  color: white;
  font-family: lexend;
}
.underline {
  text-decoration: underline;
}
.green{
  color: #02CA77;
}
.blue{
  color: #02ABE2;
}
.orange{
  color: #F7C14B;
}


#ham-nav {
  display: none;
}
.off-screen-menu {
  display: none;
}

.top-nav{
    clear:both;
    overflow:auto;
    position: sticky;
    top: 0;
    z-index: 10;
    height: 10svh;
    /* border-bottom: 1px solid black;     */
  }

  .logo img{
    float:left; 
    margin: 20px;
  }

  ul li{
    display: inline-block; padding:10px;
    font-size: 1vw;
    font-weight: 700; 
    margin-top: 14px;
  }

  .login  {
    float:right;
    padding:10px;
  }

  .menu  {
    float:left;
    padding:10px;
    font: size 14px; 
    font-weight: 800;
  }


.impressum {
  display: flex;
  justify-content: center;
  padding-top: 4%; 
  padding-bottom: 40px; 
  line-height: 120%;
  font-size: 0.9vw; 
  font-weight: 300; 
  letter-spacing: 5%;
}
footer {
  margin-top: 20px;
}


  .landing{
    display: flex;
    /* padding: 15px; */
    margin-top: -4vw;
    margin-left: 8vw;
    height: 100svh;
    align-items: center;
  }
  
  .landing-logo {
    /*flex-basis: 30%;*/
    width: 60vw;
    object-fit: contain;
    object-position: top;
  }
  
  

  .landing-headline {
    margin-top: 2.5vw; 
    line-height: 120%;
    font-size: 5.5vw; 
    font-weight: 800; 
    letter-spacing: -5%;
    width: 85%;
  }

  .landing-subhead {
  margin-top: 1vw;
  font-size: 1.5vw; 
  font-weight: 350;
  line-height: 120%;
  width: 36vw;

}

/* .store {
  display: flex;
  flex-direction: column;
} */

.store-mobile {
  display: none;
}
  .store img {
    margin-top: 3vw;
    margin-right: 2vw;
    display: inline-flex; 
    width: 8vw;
    min-width: 150px;

  }

  .opisi{
    display: flex;
    padding: 0px 15px;
    /* position: absolute; */
    margin-left: 8vw;
    /* padding-left: 8vw; */
    /* height: 100vh; */
  }

  p {
    font-size: 20px; 
    font-weight: 300;
  }  

h2  {
  margin-top: 50px; 
  line-height: 120%;
  font-size: 3vw; 
  font-weight: 800; 
  letter-spacing: -5%;
}

#manage{
  margin-top: 0px; 
}


h3 {
  font-size: 1.3vw; 
  font-weight: 300;
}  

h4  {
  margin-top: 50px; 
  line-height: 120%;
  font-size: 2vw; 
  font-weight: 800; 
  letter-spacing: -5%;

}

.descriptions {
  flex-basis: 40%;
  margin-right: 3vw;
}

.pub-photo{
  object-fit: cover;
  object-position: top;
  /* margin-left: 8vw; */
  max-width: 60%;
  
}

  .b{
    background: #ddd;
    margin: 10px;
    flex-basis: 30%;
    margin: 30px;
  }