{% extends "base.html" %}

{% set meta_description = "Invario Leistungen für Schulen: Inventarverwaltung, Bibliothekssystem, Support, Sicherheit und Einführung ohne Installation. Klar für Schulen und Schulträger gegliedert." %}

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

{% block head %}
{{ super() }}
<style>
.page-hero {
    padding: 1.4rem 1.5rem;
    border-radius: 20px;
    border: 1px solid #d6dfda;
    background: linear-gradient(135deg, #ffffff 0%, #f5f8f4 100%);
    box-shadow: 0 16px 34px rgba(25, 45, 41, 0.06);
}

.page-hero h1 {
    margin-bottom: 0.4rem;
}

.page-hero p {
    max-width: 72ch;
    color: #496267;
    line-height: 1.65;
}

.service-grid {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.service-card,
.highlight {
    border-radius: 18px;
    border: 1px solid #d8dfd7;
    background: #ffffff;
}

.service-card {
    padding: 1rem;
    box-shadow: 0 10px 26px rgba(25, 45, 41, 0.04);
}

.service-card h2 {
    color: #235159;
    margin-bottom: 0.45rem;
    font-size: clamp(1.05rem, 1.8vw, 1.35rem);
}

.service-card p {
    color: #496267;
    line-height: 1.6;
}

.highlight {
    margin-top: 1rem;
    padding: 1.2rem;
    background: linear-gradient(135deg, #f6fbf7 0%, #eef5ef 100%);
}

.highlight h2 {
    color: #2a4d53;
    margin-bottom: 0.4rem;
    font-size: clamp(1.1rem, 2.2vw, 1.55rem);
}

.bento {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.bento-item {
    padding: 1rem;
    border-radius: 16px;
    border: 1px solid #d8dfd7;
    background: #ffffff;
}

.bento-item strong {
    display: block;
    margin-bottom: 0.25rem;
    color: #173f46;
}

@media (max-width: 900px) {
    .service-grid,
    .bento {
        grid-template-columns: 1fr;
    }
}
</style>
{% endblock %}

{% block content %}
<section class="page-hero">
    <h1>Leistungen für Bildungseinrichtungen</h1>
    <p>Invario bündelt die Leistungen so, dass Schulen sofort verstehen, was sie bekommen: Inventarverwaltung für 250 € pro Jahr, Bibliothekssystem für 100 € pro Jahr für Schulen unter 400 Schülern und 150 € pro Jahr für größere Schulen, dazu Ticket-Support, Detailierte Video Schulung und dokumentierte Sicherheit.</p>
    <div class="bento" aria-label="Kernleistungen">
        <div class="bento-item"><strong>Schulen</strong>5-Minuten-Start, Zettelwirtschaft vermeiden, intuitive Web-App ohne Installation.</div>
        <div class="bento-item"><strong>Schulträger</strong>Rechtssicherheit, revisionssichere PDF-Berichte und Serverstandort Deutschland.</div>
    </div>
</section>

<section class="service-grid">
    <article class="service-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="service-card">
        <h2>Instanz- und Fristenkontrolle</h2>
        <p>Instanzzustände und wichtige Wartungsfristen werden transparent angezeigt, inklusive klarer Hinweise für den Betrieb.</p>
    </article>
    <article class="service-card">
        <h2>Support mit klaren Prioritäten</h2>
        <p>Störungen werden strukturiert aufgenommen, priorisiert und mit nachvollziehbarem Status bearbeitet.</p>
    </article>
    <article class="service-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="service-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="service-card">
        <h2>Begleitung im laufenden Betrieb</h2>
        <p>Feste Ansprechpartner unterstützen bei Fragen, Erweiterungen und organisatorischen Anpassungen.</p>
    </article>
    <article class="service-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>
{% endblock %}