From 2b1650de49ee249b38ad08827dfab2a0e813226b Mon Sep 17 00:00:00 2001
From: AIIrondev <iron.ai.dev@gmail.com>
Date: Fri, 8 May 2026 13:12:26 +0200
Subject: [PATCH] fix: Update section IDs for primary focus categories to
 improve accessibility

---
 Website/templates/main.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/Website/templates/main.html b/Website/templates/main.html
index e5b226f..cdb70ed 100644
--- a/Website/templates/main.html
+++ b/Website/templates/main.html
@@ -827,11 +827,11 @@
 </section>
 
 <section class="primary-focus reveal-on-scroll" id="grundschule" aria-label="Kategorie für Grundschulen">
-	<div class="primary-focus-content">
+	<div class="primary-focus-content" id="1-4">
 		<span class="eyebrow">Kategorie: Grundschule, Förderschulen</span>
 		<h2>Mehr Übersicht für Klassen 1 bis 4</h2>
 		<p>Diese Ansicht ist auf den Schulalltag in Grundschulen zugeschnitten: schnelle Materialausgabe, klar erkennbare Verfügbarkeiten und einfache Workflows für Lehrkräfte ohne lange Einarbeitung.</p>
-		<div class="primary-points" aria-label="Vorteile für Grundschulen" id="1-4">
+		<div class="primary-points" aria-label="Vorteile für Grundschulen">
 			<span>Schnelle Ausleihe pro Klasse</span>
 			<span>Farbcodes für Materialtypen</span>
 			<span>Weniger Verwaltungsaufwand</span>
@@ -845,11 +845,11 @@
 </section>
 
 <section class="primary-focus reveal-on-scroll" id="weiterführende-schulen" aria-label="Kategorie für weiterführende Schulen">
-	<div class="primary-focus-content">
+	<div class="primary-focus-content" id="5-13">
 		<span class="eyebrow">Kategorie: Weiterführende Schulen (Mittelschule, Realschule, Gymnasien, Förderschulen)</span>
 		<h2>Mehr Übersicht für Klassen 5 bis 13</h2>
 		<p>Diese Ansicht ist auf den Schulalltag in weiterführenden Schulen zugeschnitten: schnelle Materialausgabe, klar erkennbare Verfügbarkeiten und einfache Workflows für Lehrkräfte ohne lange Einarbeitung.</p>
-		<div class="primary-points" aria-label="Vorteile für weiterführende Schulen" id="5-13">
+		<div class="primary-points" aria-label="Vorteile für weiterführende Schulen">
 			<span>Schnelle Ausleihe pro Klasse</span>
 			<span>Farbcodes für Materialtypen</span>
 			<span>Weniger Verwaltungsaufwand</span>
@@ -863,11 +863,11 @@
 </section>
 
 <section class="primary-focus reveal-on-scroll" id="oberschulen" aria-label="Kategorie für Oberschulen">
-	<div class="primary-focus-content">
+	<div class="primary-focus-content" id="10-13">
 		<span class="eyebrow">Kategorie: Oberschulen (FOS, BOS)</span>
 		<h2>Mehr Übersicht für Klassen 10 bis 13</h2>
 		<p>Diese Ansicht ist auf den Schulalltag in Oberschulen zugeschnitten: schnelle Materialausgabe, klar erkennbare Verfügbarkeiten und einfache Workflows für Lehrkräfte ohne lange Einarbeitung.</p>
-		<div class="primary-points" aria-label="Vorteile für Oberschulen" id="10-13">
+		<div class="primary-points" aria-label="Vorteile für Oberschulen" >
 			<span>Schnelle Ausleihe pro Klasse</span>
 			<span>Farbcodes für Materialtypen</span>
 			<span>Weniger Verwaltungsaufwand</span>