@media
	{
		#About
		{
			padding-top: 0;
			padding-bottom: 0;
			min-height: auto;
		}
		#About_Titel
		{
			width: 100vw;
			height: 6vw;
			background-image: url('../Bilder/04_About/Büro_Banner.jpg');
		}

		#About_Content
		{
			flex-direction: row;
			height: 33vw;
		}
		#Office_Image
		{
			background-image: url('../Bilder/04_About/Büro_1920.jpg');
			height: 100%;
			background-size: cover;
		}
		#About_Text
		{
			background-color: var(--Blau1);
			color: white;
			height: 100%;
			width: 90%;
			padding: 4vw;
			gap: 1vw;
		}
		#Profilbereich
		{
			gap: 1.5vw;
			flex-direction: row;
		}
		#Bildrahmen
		{
			width: 10vw;
		}
		#Profilbild_Talal_Qasim
		{
			height: 15vw;
		}
	}

@media (max-width: 1400px)
	{
		#About_Content
		{
			height: 55vw;
		}
		#About_Text
		{
			width: 95%;
		}
		#Bildrahmen
		{
			width: 15vw;
		}
		#Profilbild_Talal_Qasim
		{
			height: 20vw;
		}
	}

@media (max-width: 800px)
	{
		#About_Titel
		{
			height: 25vw;
			background-image: url('../Bilder/04_About/Büro_Banner_800.jpg');
		}
		#About_Content
		{
			flex-direction: column;
			height: auto;
		}
		#Office_Image
		{
			width: 100vw;
			height: 100vw;
			background-image: url('../Bilder/04_About/Büro_800.jpg');
		}
		#About_Text
		{
			height: auto;
			width: 100vw;
			padding: 15vw 8vw;
			gap: 8vw;
		}
		#Profilbereich
		{
			gap: 5vw;
			flex-direction: column-reverse;
			font-size: 5vw;
		}
		#Bildrahmen
		{
			flex-direction: row;
			width: 100vw;
		}
		#Grauer_Rahmen
		{
			background-color: grey;
			height: 110vw;
		}
		#Profilbild_Talal_Qasim
		{
			height: 110vw;
			width: auto;
		}
	}