@media
	{
		header
		{
			position: fixed;
		}
		#Topleiste
		{
			height: 3vw;
			flex-direction: row;
			width: 100vw;
			position: fixed;
			top: 0;
			left: 0;
		}
		#Topleiste_white
		{
			background: white;
			height: 100%;
			width: 70%;
		}
		#Topleiste_white img
		{
			height: 50%;
		}
		#Topleiste_blue
		{
			background: linear-gradient(to right, var(--Blau1) , var(--Blau2));
			height: 100%;
			width: 30%;
			flex-direction: row;
		}
		#Sprachen
		{
			flex-direction: row;
			gap: 1vw;
			color: white;
			width: 50%;
		}
		#HamburgerLink
		{
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#Hamburger
		{
			width: 1.4vw;
		}
		.active_Language
		{
			color: var(--Lachs);
		}

		nav
		{
		  transition: 0.7s ease;
		  position: fixed;
		  top: 3vw;
			 height: calc(100vh - 3vw);
		  width: 30vw;
		  gap: 1vw;
		  left: -80vw;
			background-color: var(--Blau1_Transparent2);
		}

		nav a
		{
			width: 20vw;
			font-size: 1.3vw;
			padding-top: 0.4vw;
			padding-bottom: 0.4vw;
			color: var(--Lachs);
		}


	}

@media (max-width: 1400px)
	{
		#Topleiste
		{
			height: 5vw;
		}
		#Hamburger
		{
			width: 2vw;
		}
		nav a
		{
			font-size: 2vw;
		}
	}

@media (max-width: 800px)
	{
		#Topleiste
		{
			height: 15vw;
		}
		#Topleiste_white
		{
			width: 60%;
		}
		#Topleiste_blue
		{
			width: 40%;
			gap: 7vw;
		}
		#Sprachen
		{
			gap: 4vw;
		}
		#Topleiste_white img
		{
			height: 40%;
		}
		#Hamburger
		{
			width: 5vw;
		}
		nav
		{
			height: calc(100vh - 15vw);
			top: 15vw;
			width: 80vw;
			gap: 10vw;
		}
		nav a
		{
			font-size: 5.5vw;
			width: auto;
		}

	}