.s7511932245709721028479229324715933942291721013488863{
  position:fixed;
  display:flex;
  height:100%;
  width:100%;
  top:0%;
  left:0;
  background-color:#F3F5B6;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  overflow:visible;
  clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
  animation:dddf 0.8s;
  animation-fill-mode:forwards;
  z-index:134;
  animation-delay:2s;
}
@keyframes dddf{
  0%{
    
  }
  80%{
        display:flex;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  }
  100%{
    display:none;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  }
}
.fontm{
 font-family:"Ortica Linear";
 font-weight:400;
 font-style:normal;
}
.fontm-m{
 font-family:"Figtree";
 font-weight:700;
 font-style:normal;
}
html{
scroll-behavior: smooth;
  }
  .stuck{
      animation:stuck 3s;
  }
  @keyframes stuck{
      0%{
      }
      1%{
          overflow: hidden;
      }
      100%{
          overflow: hidden;
      }
  }
   /*body.unscrollable {
    overflow: hidden;
  }*/
      .scroll{
        position: absolute;
        display:flex;
        top:3800px;
        background-color:transparent;
        height:50%;
        width:50%;
      }
  body{
      background-color: #000000;
                opacity: 1;
                animation: bodyanim 2s;
                animation-fill-mode: forwards;
               --scrollbarBG: #CFD8DC;
  --thumbBG: #90A4AE;

  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
              }
       
  /*:not(.zeiten) {
    visibility: hidden;
  */
 .msgdevelop{
     visibility: hidden;
 }
 .mainlg{
        position: absolute;
        height: 100px;
        width: 100px;
        top: 3%;
        left: 5%;
        border-radius: 50%;
        background-color: transparent;
        overflow:hidden;
        border: 0px solid transparent;
        z-index: 1;
       }
.s7511932245709721028479229324715933942291721013488863{
  position:fixed;
  display:flex;
  height:100%;
  width:100%;
  top:0%;
  left:0;
  background-color:#F3F5B6;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  overflow:visible;
  clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
  animation:dddf 0.8s;
  animation-fill-mode:forwards;
  z-index:134;
  animation-delay:2s;
}
@keyframes dddf{
  0%{
    
  }
  80%{
        display:flex;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  }
  100%{
    display:none;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  }
}
    .mainlg img{
        height: 100%;
        width: 100%;
        object-fit: cover;
       border-radius: auto;
       }
  .main-img-1{
position: fixed;
overflow-x:hidden;
display: block;
top: 0px;
left: 0%;
height: 100%;
width: 100%;
      z-index:-5;
background-color:#D9F1CB;
transition: 1s all ease-in-out;
  }
.lines{
  display:flex;
  position:fixed;
  height:50px;
  width:20%;
  left:79%;
  top:23px;
  background-color:transparent;
  z-index:4;
  flex-direction:column;
    }
.line{
  position:absolute;
  display:flex;
  height:100%;
  width:100%;
  background-color:transparent;
  z-index:-2;
  cursor:pointer;
  transition:0.3s all ease-in-out;
  opacity:1;
  justify-content:center;
  align-items:center;
}
.line h2{
  font-size:18px;
  color:#171717;
}
.linefunc{
  animation:linefunc 0.3s;
  animation-fill-mode:forwards;
}
@keyframes linefunc{
  0%{
    opacity:1;
  }
  100%{
    opacity:0;
  }
}
  .menu{
          display: flex;
          position: fixed;
          height: 100%;
          width: 100%;
          left: 0%;
          top: 0%;
          background:#F4CFCE;
          flex-direction: column;
          overflow:hidden;
           clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
          transition: all 0.4s ease-out;
          pointer-events: none;
          z-index:4;
          animation: menuactivere 0.4s;
          animation-fill-mode: forwards;
      }
.menuactive{
      animation: menuactive 0.4s;
      animation-fill-mode: forwards;
      animation-delay:0.1s;
      clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
      pointer-events: all;
      z-index:4;  
}
@keyframes menuactive{
  0%{
  }
  100%{
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
  }
}
@keyframes menuactivere{
  0%{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  100%{
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  }
}
.menucross{
        display:flex;
        position:fixed;
        height:17vw;
        width:7vw;
        left:90%;
        top:6vh;
        background-color:transparent;
        z-index:123;
        flex-direction:column;
}
.menucross::before{
  content:"";
  position:absolute;
  display:flex;
  height:4.5%;
  width:100%;
  top:10%;
  background-color:#000000;
  border-radius:60px;
  transform:rotate(-45deg);
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  animation:menucross 0.5s;
  animation-fill-mode:forwards;
}
.menucross::after{
  content:"";
  position:absolute;
  display:flex;
  height:4.5%;
  width:100%;
  top:10%;
  background-color:#000000;
  border-radius:60px;
  transform:rotate(45deg);
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  animation:menucross 0.5s;
  animation-fill-mode:forwards;
}
.menucrossactive{
}
.menucrossactive::before{
  transform:rotate(-45deg);
  animation:menucrossacbe 0.5s;
  animation-fill-mode:forwards;
  animation-delay:0.4s;
}
.menucrossactive::after{
  transform:rotate(45deg);
  animation:menucrossacaf 0.5s;
  animation-fill-mode:forwards;
  animation-delay:0.4s;
}
@keyframes menucrossacbe{
  0%{
  }
  100%{
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
  }
}
@keyframes menucrossacaf{
  0%{
  }
  100%{
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
  }
}
.menuitems{
    position:fixed;
    display:flex;
    flex-direction:column;
  background-color:transparent;
  margin-top:13svh;
  width:93%;
}
.menuitems a{
    text-transform:uppercase;
            text-decoration:none;
            transition:1s;
            color: #000000;
            visibility: visible;  
            font-weight:700;
            font-size: 8vw;
            margin-left:0.5%;
            width:100%;
  padding-left:0.3em;
  padding-top:8vw;
}
.menuitems a::before{
  content:"+";
  font-weight:400;
  font-size:4.5vw;;
  padding-right:0.1em;
}
.menuitems a::after{
  content:"";
  display:flex;
  position:absolute;
  height:0.3vw;
  width:100%;
  background-color:#000000;
  margin-top:0.1em;
}
.logo{
  display:flex;
  background:transparent;
  flex-direction:row;
  padding:1vw;
}
.logoimg{
  height:12.5vw;
  width:12.5vw;
  background:transparent;
  border-radius:50%;
  overflow:clip;
}
.logoimg img{
  object-fit:cover;
  height:100%;
  width:100%;
}
.logoname{
  display:flex;
  flex-direction:column;
  height:10vw;
  margin-top:2.15vw;
  background:transparent;
  padding-left:2.2vw;
}
.logoname p:first-child{
  font-weight:500;
}
.logoname p{
  font-size:3.4vw;
  margin:0;
  color:#000000;
  line-height:1.35;
  font-weight:400;
}
.main{
  display:flex;
  flex-direction:column;
  background-color:transparent;
  margin-top:3vw;
}
.maino{
  display:flex;
  height:20%;
  width:100%;
  padding-left:4.5vw;
  background-color:transparent;
  justify-content:start;
  align-items:center;
}
.maino p{
  font-size:7vw;
  color:#1B5E3C;
}
.maintxt{
  padding-left:4.5vw;
  padding-right:5vw;
}
.maintxt p{
  font-size:3.6vw;
  font-weight:500;
  color:#1B5E3C;
  font-size:;
}
.wpic{
  display:flex;
  height:50vw;
  width:64vw;
  margin-left:15%;
  margin-top:15vw;
  border:8px solid white;
}
.wpic img{
  height:100%;
  width:100%;
  object-fit:cover;
}
.wpic:last-child{
    margin-bottom:85vw;
}