@media (max-width: 800px) {
	html {
		font-size: 8px;
	}

	.produkte, .vorteile, #special {
		display:flex;
		flex-direction: column;
		text-align: center;
		gap: 2rem;
	}

	.vorteile {
		font-size: 1.5rem;
	}

	#about article {
		justify-self: center;
	}

	#about img {
		margin: 0 5rem;
	}

	.panel {
		width:20rem;
	}

	.rwdline {
		display:grid;
		grid-template-columns: 1fr 20rem;
		align-items: center;
		justify-self: center;
		text-align: center;
		gap: 2rem;
	}

	#special button:hover {
		transform: translateX(-50%);
	}

	#special button:hover + p {
		transform: translateX(50%);
	}

	h5 {
	white-space: nowrap;
	}

}