{% extends "base.html" %}

{% block title %}Praxisbeispiele | Invario{% endblock %}

{% block content %}
<section class="page-hero">
    <h1>Praxisbeispiele aus dem Schulalltag</h1>
    <p>So setzen Schulen unsere Lösung ein, um Verwaltungsaufwand zu reduzieren und Abläufe transparent zu machen.</p>
</section>

<section class="split">
    <article class="panel">
        <h2>Beispiel 1: Gymnasium mit 1.100 Schülern</h2>
        <ul>
            <li><strong>Ausgangslage:</strong> Inventardaten lagen in mehreren Excel-Listen und Papierordnern.</li>
            <li><strong>Umsetzung:</strong> Zentralisierung von Geräten, Räumen und Verantwortlichkeiten in einer Plattform.</li>
            <li><strong>Ergebnis:</strong> Rückfragen aus Fachbereichen werden deutlich schneller beantwortet.</li>
        </ul>
    </article>

    <article class="panel">
        <h2>Beispiel 2: Verbundschule mit mehreren Standorten</h2>
        <ul>
            <li><strong>Ausgangslage:</strong> Unterschiedliche Abläufe je Standort, keine gemeinsame Fristenübersicht.</li>
            <li><strong>Umsetzung:</strong> Einheitliche Prozesse für Inventar, Instanzen und Supporttickets.</li>
            <li><strong>Ergebnis:</strong> Standortübergreifende Transparenz und bessere Planbarkeit in der Verwaltung.</li>
        </ul>
    </article>
</section>

<section class="split" style="margin-top:0.9rem;">
    <article class="panel">
        <h2>Beispiel 3: Grundschule mit 14 Klassen</h2>
        <ul>
            <li><strong>Ausgangslage:</strong> Lehrmaterialien und Klassensätze wurden manuell in Listen geführt.</li>
            <li><strong>Umsetzung:</strong> Digitale Ausgabe pro Klasse mit klaren Rückgabeterminen und Zuständigkeiten.</li>
            <li><strong>Ergebnis:</strong> Weniger Verwaltungsaufwand im Sekretariat und schnellere Materialausgabe im Alltag.</li>
        </ul>
    </article>

    <article class="panel">
        <h2>Was diese Projekte gemeinsam haben</h2>
        <ul>
            <li>Verständliche Bedienung ohne IT-Fachwissen</li>
            <li>Klare Rollen für Verwaltung und technische Aufgaben</li>
            <li>Nachvollziehbare Dokumentation für interne Abstimmungen</li>
            <li>Schrittweise Einführung im laufenden Schulbetrieb</li>
            <li>Sicherheitsorientierte Prozesse mit klaren Freigaben</li>
        </ul>
    </article>
</section>

<style>
.page-hero { margin-bottom: 1.2rem; }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 0.9rem; }
.panel { background: #fff; border: 1px solid #d8dfd7; border-radius: 14px; padding: 1rem; box-shadow: 0 10px 24px rgba(25, 45, 41, 0.04); }
.panel h2 { color: #265057; margin-bottom: 0.45rem; font-size: clamp(1.05rem, 1.8vw, 1.35rem); }
.panel ul { margin: 0; padding-left: 1rem; color: #4a6267; display: grid; gap: 0.55rem; }
@media (max-width: 900px) { .split { grid-template-columns: 1fr; } }
</style>
{% endblock %}