refactor: Remove unused home-viewport styles and clean up hero section layout

Website/templates/main.html

@@ -227,37 +227,6 @@
 		transform: translateY(0);
 	}
 
-	.home-viewport {
-		--home-zoom: 1;
-		position: relative;
-		transform-origin: top center;
-	}
-
-	@media (min-width: 981px) {
-		.home-viewport {
-			--home-zoom: 1.2;
-			width: calc(100% / var(--home-zoom));
-			margin-inline: auto;
-			transform: scale(var(--home-zoom));
-		}
-
-		.hero {
-			min-height: min(76vh, 860px);
-			align-items: center;
-		}
-
-		.hero p {
-			max-width: 56ch;
-		}
-
-		.section,
-		.testimonials,
-		.contact,
-		.primary-focus {
-			margin-top: 2.35rem;
-		}
-	}
-
 	.section h2 {
 		font-size: clamp(1.45rem, 3vw, 2.3rem);
 		margin-bottom: 0.4rem;
@@ -662,7 +631,6 @@
   ]
 }
 </script>
-<div class="home-viewport">
 <header class="hero" id="top" aria-label="Seitenstart">
 	<div>
 		<span class="eyebrow">Lehrmittelverwaltungssoftware für Schulen</span>
@@ -904,7 +872,6 @@
 	</div>
 	<a class="btn btn-secondary" href="{{ url_for('kontakt') }}">Beratungstermin vereinbaren</a>
 </section>
-</div>
 <script>
 document.addEventListener('DOMContentLoaded', () => {
 	const revealItems = document.querySelectorAll('.reveal-on-scroll');