{% extends "base.html" %}

{% block title %}Leistungen für Schulen | Invario{% endblock %}

{% block content %}
<section class="page-hero">
    <h1>Leistungen für Bildungseinrichtungen</h1>
    <p>Praxisnahe Module für Schulen in Deutschland: verständlich, sicher und ohne unnötige Komplexität.</p>
</section>

<section class="cards">
    <article class="card">
        <h2>Digitale Inventarverwaltung</h2>
        <p>Alle Geräte, Räume und Zuständigkeiten an einem Ort. Das verkürzt Suchzeiten und reduziert Rückfragen.</p>
    </article>
    <article class="card">
        <h2>Lizenz- und Fristenkontrolle</h2>
        <p>Lizenzlaufzeiten werden transparent angezeigt, inklusive Hinweise auf bald ablaufende Nutzungen.</p>
    </article>
    <article class="card">
        <h2>Support mit klaren Prioritäten</h2>
        <p>Störungen werden strukturiert aufgenommen, priorisiert und mit nachvollziehbarem Status bearbeitet.</p>
    </article>
    <article class="card">
        <h2>DSGVO-konforme Dokumentation</h2>
        <p>Vorgänge und Änderungen bleiben nachvollziehbar dokumentiert, damit Prüfungen und Abstimmungen einfacher werden.</p>
    </article>
    <article class="card">
        <h2>Einrichtung und Schulung</h2>
        <p>Die Einführung erfolgt in klaren, alltagsnahen Schritten, damit der laufende Betrieb stabil bleibt.</p>
    </article>
    <article class="card">
        <h2>Begleitung im laufenden Betrieb</h2>
        <p>Feste Ansprechpartner unterstützen bei Fragen, Erweiterungen und organisatorischen Anpassungen.</p>
    </article>
    <article class="card">
        <h2>Technische Sicherheitsbasis</h2>
        <p>Rollenrechte, sichere Sitzungen, Schutz-Header und protokollierte Änderungen bilden die Grundlage für einen verlässlichen Betrieb.</p>
    </article>
</section>

<section class="highlight">
    <h2>Besonders geeignet für Teams mit wenig Zeit</h2>
    <p>Die Oberfläche ist bewusst reduziert aufgebaut: große, klare Bedienelemente, eindeutige Bezeichnungen und kurze Klickwege für tägliche Verwaltungsaufgaben.</p>
</section>

<style>
.page-hero { margin-bottom: 1.2rem; }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 0.9rem; }
.card { background: #fff; border: 1px solid #d8dfd7; border-radius: 14px; padding: 1rem; box-shadow: 0 10px 26px rgba(25, 45, 41, 0.04); }
.card h2 { color: #24525a; margin-bottom: 0.45rem; font-size: clamp(1.05rem, 1.8vw, 1.35rem); }
.highlight { margin-top: 1rem; background: linear-gradient(135deg, #f8f4eb 0%, #eef3eb 100%); border: 1px solid #d4dbd2; border-radius: 14px; padding: 1.1rem; }
.highlight h2 { color: #2a4d53; margin-bottom: 0.4rem; font-size: clamp(1.1rem, 2.2vw, 1.55rem); }
</style>
{% endblock %}