Files
Key-service-Server/Website/templates/dienstleistungen.html
T

145 lines
4.5 KiB
HTML

{% 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 %}