* {
	margin: 0;
	padding: 0;
}

a {
	color: #565656;
	text-decoration: none;
}

a:hover {
	color: #565656;
	text-decoration: none;
}


/* Hintergrund Video Container */
.video-background {
	position: relative;
	width: 100%;
	height: 100vh; /* Volle Bildschirmhöhe */
	overflow: hidden;
  }

  /* Video Styling - Responsiv */
  .video-background video {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	object-fit: cover; /* Skaliert das Video, ohne es zu verzerren */
  }

  /* Scroll Pfeil Container */
  .scroll-arrow {
	position: absolute;
	bottom: 20px; /* Abstand vom unteren Rand */
	left: 50%;
	transform: translateX(-50%);
	font-size: 150px;
	color: rgba(255, 255, 255, 0.65);
	cursor: pointer;
	animation: bounce 1.5s infinite; /* Animation für den Pfeil */
  }

  /* Bounce-Animation für den Pfeil */
  @keyframes bounce {
	0%, 100% {
	  transform: translateX(-50%) translateY(0);
	}
	50% {
	  transform: translateX(-50%) translateY(10px);
	}
  }


  .overlay-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1; /* Ensures the logo is above the video */
  }
  
  .overlay-logo img {
	width: 1300px; /* Adjust the size of the logo */
	height: auto;
  }






  .img-fluid {
    max-width: 100%;
	height: auto;
}