@media
	{
		#Kontakt
		{
			background-image: url('../Bilder/05_Kontakt/Hafencity_1920.jpg');
			background-attachment: fixed;
			background-size: cover;
			color: white;
			justify-content: center;
			gap: 5vw;
		}
		#Kontaktboxen
		{
			flex-direction: row;
			gap: 5vw;
		}
		.Bluebox
		{
			width: 36vw;
			height: 20vw;
			background-color: var(--Blau1_Transparent);
			gap: 2vw;
			padding: 5vw;
			flex-direction: column;
		}
		#Kontaktlogo
		{
			width: 7vw;
			margin-top: 3vw;
		}
		#Kontaktkarte
		{
			gap:1vw;
		}
		.Kontakticons
		{
			width: 5vw;
		}
	}

@media (max-width: 1400px)
	{
		.Bluebox
		{
			width: 40vw;
			height: 30vw;
			gap: 2vw;
		}
		#Kontaktlogo
		{
			width: 12vw;
		}
		.Kontakticons
		{
			width: 4vw;
		}
	}

@media (max-width: 800px)
	{
		#Kontakt
		{
			background-image: url('../Bilder/05_Kontakt/Hafencity_800.jpg');
			background-size: 100vw;
		}
		#Kontaktboxen
		{
			flex-direction: column;
		}
		.Bluebox
		{
			width: 90vw;
			height: 80vw;
			gap: 6vw;
			padding: 10vw;
		}
		#Kontaktlogo
		{
			width: 30vw;
			margin-bottom: 4vw;
		}
		.Kontakticon
		{
			width: 13vw;
		}
	}