@media
	{
		#Preise
		{
			min-height: 100vh;
			background-image: url('../Bilder/03_Preise/Araber_Konferenz_1920.jpg');
			gap: 5vw;
		}

		#KartenCollection
		{
			flex-direction: row;
			gap: 5vw;
			width: 70vw;
			flex-wrap: wrap;
		}
		.Preiskarte
		{
			background-color: rgba(255,255,255, 0.9);
			height: 18vw;
			width: 15vw;
			gap: 0.2vw;
			padding: 0.3vw;
		}
		.Preishead
		{
			line-height: 1.2vw;
		}
		.Preisicon
		{
			width: 3vw;
			max-height: 2.5vw;
			margin-bottom: 0.6vw;
		}
		.Preis
		{
			font-size: 2vw;
			font-family: Pop-Semi;
			color: var(--Blau1);
		}
		.Preis.kleiner
		{
			font-size: 1.5vw;
		}


	}

@media (max-width: 1400px)
	{
		#Preise
		{
			gap: 5vw;
		}

		#KartenCollection
		{
			gap: 5vw;
			width: 95vw;
		}
		.Preiskarte
		{
			height: 35vw;
			width: 25vw;
			gap: 1vw;
			padding: 0.5vw;
		}
		.Preishead
		{
			line-height: 2vw;
		}
		.Preisicon
		{
			width: 5vw;
			max-height: 4vw;
		}
		.Preis
		{
			font-size: 2.5vw;
		}
		.Preis.kleiner
		{
			font-size: 1.9vw;
		}

	}

@media (max-width: 800px)
	{
		#Preise
		{
			background-image: url('../Bilder/03_Preise/Araber_Konferenz_800.png');
			background-size: 100vw;
			gap: 10vw;
		}

		#KartenCollection
		{
			gap: 10vw;
			flex-direction: column;
			width: 100vw;
		}
		.Preiskarte
		{
			min-height: 70vw;
			width: 90vw;
			gap: 2vw;
			padding: 2vw;
		}
		.Preishead
		{
			line-height: 5vw;
		}
		.Preisicon
		{
			width: 15vw;
			max-height: 12vw;
			margin-bottom: 3vw;
		}
		.Preis
		{
			font-size: 5.7vw;
		}
		.Preis.kleiner
		{
			font-size: 4.5vw;
		}



	}