html, body {
      margin: 0;
      padding: 0;
      scroll-behavior: smooth;
      font-family: sans-serif;
      overflow: hidden;
      background: #004235;
      height: 100vh;
    }

    body {
      
    }
h2 {color: #c18f5f;}
		.left {
			text-align:left
		}
		p {color:white}
		
		.left ul {
  list-style-type: disc;
  padding-left: 1.5rem;
}

#start-logo {
  display: none;
  max-height: 140px;
  vertical-align: middle;
}

#start-text {
  display: inline;
  vertical-align: middle;
}

#produkte-menu {
	max-height:60px;
	}
.dropdown-content {
  left: 0;
  z-index: 2000;
}


    .navbar {
  position: fixed;
  top: 0;
  width: 100%;
  height: 80px;
  background: #004235;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
}

    .navbar .menu-toggle {
      display: none;
      font-size: 1.5rem;
      color: #ffffff;
      background: none;
      border: none;
      cursor: pointer;
      position: absolute;
      right: 1rem;
      top: 1rem;
    }

    .navbar ul {
      margin: 0;
      padding: 0;
      display: flex;
      list-style: none;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      max-width: 1200px;
    }

    .navbar li {
  position: relative;
  text-align: left;
  padding: 0 0.2rem; /* gleichmäßiger Abstand zwischen Texten */
  flex: 0;
}

    .navbar a, footer a, .navbar .logo-placeholder {
      display: block;
      padding: 1rem;
      color: #ffffff;
      text-decoration: none;
      white-space: nowrap;
      cursor: pointer;
      transition: color 0.3s, background-color 0.3s;
      font-weight:bold;
    }

    .navbar a:hover,
    .navbar a.active {
      color: #c18f5f;
      background-color: #004235;
    }

    .logo-container {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  pointer-events: none;
}

.logo-container a {
  pointer-events: auto;
}

.logo-placeholder {
  display: none;
}

#logo-placeholder img {
  max-height: 140px;
}



    .dropdown-content {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      background: #004235;
      min-width: 150px;
      z-index: 999;
      flex-direction: column;
      opacity: 0;
      transform: translateY(-10px);
      transition: opacity 0.3s ease, transform 0.3s ease;
      pointer-events: none;
      margin-top:0px;
    }

    .dropdown.show .dropdown-content {
      display: flex;
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }

    .dropdown-content a {
      padding: 0.75rem 1rem;
      background: #004235;
    }
		.dropdown-content .first {
			margin-top:0px;
			
			}
		
		.slides-container {
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
  height: 100vh;
  scroll-snap-stop: always;
}

    .slide {
      scroll-snap-align: start;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 2.5rem;
      color: white;
      padding: 1rem;
      box-sizing: border-box;
      opacity: 0;
      transform: translateY(50px);
      transition: opacity 0.8s ease, transform 0.8s ease;
      background: #004235;
      text-align: center;
      padding-top: 70px;
      padding-bottom: 50px;
      position: relative;
  z-index: 0;
    }

    .slide.visible {
      opacity: 1;
      transform: translateY(0);
    }

    .slide.logo-slide {
      flex-direction: column;
    }

    .logo-image {
      max-width: 450px;
      max-height: 450px;
    }

    .text-block {
      max-width: 800px;
      text-align: center;
      font-size: 1.2rem;
      line-height: 1.6;
    }

    .split-slide {
      flex-direction: row;
      flex-wrap: wrap;
      gap: 2rem;
    }

    .split-slide .image,
    .split-slide .text {
      flex: 1 1 300px;
    }

    .split-slide img {
      width: 100%;
      height: auto;
      max-width: 400px;
    }

    .split-slide .text {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.1rem;
      text-align: left;
      line-height: 1.6;
    }

    footer {
      background: #004235;
      color: #fff;
      text-align: center;
      padding: 1rem;
      font-size: 1.2rem;
    }
		footer.hidden {
		  display: none;
		}
		.desktop-only {
  display: block;
}
#menu-start {
  display: block;
}
#logo-placeholder {
  display: none;
}
.impressum {padding:150px 25px}

.nav-logo-mobile img{
  display: none ;
}


.timlinde-logos,
.timlinde-socials {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 1.5rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}

.timlinde-logos img {
  height: 30px;
  width: auto;
  display: block;
}

.timlinde-socials i {
  font-size: 30px;
  color: #ffffff;
  transition: color 0.3s, transform 0.3s;
  line-height: 1;
  display: block;
}

.timlinde-socials a:hover i {
  color: #c18f5f;
  transform: scale(1.2);
}

.timlinde-socials a{
	color:#004235;
	}



.timlinde-links {
  margin-top: 2rem;
  text-align: center;
}

.link-logos {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
  margin: 1rem 0;
}

.link-logos img {
  height: 60px;
  width: auto;
  transition: transform 0.3s;
}

.link-logos img:hover {
  transform: scale(1.1);
}

.social-icons {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  font-size: 2rem;
}

.social-icons a {
  color: #ffffff;
  transition: color 0.3s, transform 0.3s;
}

.social-icons a:hover {
  color: #c18f5f;
  transform: scale(1.2);
}

.media-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  margin-top: 2rem;
}

.media-row.article-row {
  flex-direction: row;
}

.media-row.single-video {
  flex-direction: row;
  align-items: center;
}

.media-item {
  max-width: 280px;
  text-align: center;
}

.media-image {
  width: 100%;
  height: auto;
  border: 2px solid #c18f5f;
  border-radius: 4px;
  transition: transform 0.3s ease;
  cursor: pointer;
  max-width:200px;
}

.media-image:hover {
  transform: scale(1.03);
}

.media-caption {
  margin-top: 0.5rem;
  font-size: 0.95rem;
  color: #ffffff;
}


    @media (max-width: 1080px) {
    	
    	h2 {padding:0px;margin:0px}
    	p {margin-bottom:0px; margin-top:8px;}
    	
.nav-logo-mobile{
	padding:3px 3px 3px 10px !important;
	}
  .nav-logo-mobile img {
    height: 70px;
    display: block;
  }
    	#produkte-menu{
    		max-height:initial;
    		}
    	.split-slide img {
      
      max-width: initial;
    }
    	
    	.desktop-only {
    display: none !important;
  }
      .navbar {
        flex-direction: column;
        align-items: flex-start;
      }

      .navbar ul {
  flex-direction: column;
  background: #004235;
  position: static;
  width: 100%;
  display: none;
}

      .navbar ul.open {
        display: flex;
      }

      .navbar .menu-toggle {
        display: block;
      }

      .dropdown-content {
  position: static;
  transform: none;
  opacity: 1 !important;
  pointer-events: auto;
  width: 100%;
  padding: 0;
  margin: 0;
}
.dropdown-content .first {
	margin-top: initial;
}
      .dropdown.show .dropdown-content {
        display: flex;
      }

      .logo-placeholder {
  text-align: center;
  width: 100%;
}
      .logo-image {
      	max-width: 300px;
      	max-height: 300px;
    	}
    	.split-slide {
       	gap: 1rem;
    	}
    	.text-block{
    	font-size: 1rem;
    		}
    	.split-slide .text {
      font-size: 1rem;
     
    }
    	 .navbar .logo-placeholder {padding:0;}
    	 .timlinde {margin-top:-15px;}
    	 .kontakt {margin-top:-10px;}
    }
    @media (max-width: 725px) {
    		
    		.media-image {
  
  max-width:100px;
}
}

    @media (max-width: 645px) {
    	.bild-tim-linde {max-width:80% !important;}
    	.div-tim-linde{
    		text-align:left;
    		margin-bottom:-30px;
    		}
    		

}
    
    @media (max-width: 376px) {
    	
    	.split-slide .text {
      font-size: 0.75rem;
     
    }
    .media-caption {display:none}
 }