@font-face {
    font-family: 'Commador';
    src: url('CommadorNormal.woff2') format('woff2'),
        url('CommadorNormal.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body{
		  font-family: helvetica, arial, sans;
		  overflow-x: clip;
	  }
	  img {
		  max-width: 100%;
	  }
	  h1 {
	    font-size: 5.9vw;
	
		font-family: 'Commador', arial; font-weight: normal; font-style: normal;
		letter-spacing: -3%;
		padding: 0;
		margin:0;
		line-height: .95em;
	  }
	  h2 {
	    font-size: 3.0vh;
	  }
	  .gradient{
		  background: #000000;
		  background: linear-gradient(0deg,rgba(0,0,0,0) 0%, rgba(0, 100, 38, 1) 100%);
		
	  }
    .pbutton{
   
      clear:both;
      display:inline-block;
      padding: .25em .5em .25em .5em;
      font-size: 1.5em;
      border: 1px solid white;
      border-radius: 1em;
	  text-decoration: none;
      margin-top: .5em;
    }
	.pbutton:hover{
		background-color:#fff;
		color: #000;
		 mix-blend-mode: multiply;
	}
	.alttitle{
		font-family: helvetica, arial, sans-serif;
		font-size: 3em;
		font-weight:bold;
		
	}
	  .intro{
		  font-size: 1.6rem;
		  font-weight: 500;
	  }
	  .hero-section {
	  opacity: 1;
	  transition: opacity 0.8s ease;
  }
  .titel-wrapper {
	  opacity: 1;
  }
  .titel {
	  opacity: 0;
	  transition: opacity 0.8s ease;
  }
  .titel.visible {
	  opacity: 1;
  }
  .subtitel {
	  opacity: 0;
	  transition: opacity 0.8s ease;
  }
  .subtitel.visible {
	  opacity: 1;
  }
  .title-pin {
	  position: sticky;
	  top: 50%;
	  height: 0;
	  overflow: visible;
	  opacity: 0;
  }
  .title-pin-inner {
	  transform: translateY(-50%);
  }
  #logo {
	  opacity: 0;
  }
  #menu {
	  opacity: 0;
	  transition: width 0.35s ease, opacity 0.5s ease;
  }
  #menu.visible {
	  opacity: 1;
  }
  #menu.open {
	  width: clamp(340px, 33.333vw, 480px);
  }
  .no-scrollbar {
	  scrollbar-width: none;
	  -ms-overflow-style: none;
  }
  .no-scrollbar::-webkit-scrollbar {
	  display: none;
  }
	  #lightbox {
		  display: none;
		  position: fixed;
		  inset: 0;
		  background: rgba(0,0,0,0.92);
		  z-index: 1000;
		  cursor: pointer;
		  opacity: 0;
		  transition: opacity 0.3s ease;
		  align-items: center;
		  justify-content: center;
	  }
	  #lightbox.open {
		  display: flex;
		  opacity: 1;
	  }
	  #lightbox img {
		  max-width: 90vw;
		  max-height: 90vh;
		  object-fit: contain;
		  cursor: default;
	  }
	  section img {
		  cursor: pointer;
	  }
	  .homesubtitle {
		font-size: 1.5em;

	  }
	  a{
		  text-decoration: underline;
	  }