Invario/Key-service-Server
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Update meta descriptions and titles for improved clarity and SEO; enhance pricing section layout and content

Browse Source
This commit is contained in:
AIIrondev
2026-05-11 14:46:22 +02:00
parent 9468a1333e
commit 7924a952e2
3 changed files with 163 additions and 385 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Website/templates/base.html
+22 -34
View File
@@ -9,37 +9,35 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<title>{% block title %}Digitale Inventarverwaltung für Schulen{% endblock %}</title>
{# Basic SEO meta tags, can be overridden per-template by setting `meta_description` #}
<meta name="description" content="{{ meta_description|default('Invario: Schul-Inventarverwaltung für 250 €/Jahr oder Bibliothekssystem für 100 €/Jahr – entwickelt mit der Grundschule Albert-Schweitzer-Straße.') }}">
<meta name="description" content="{{ meta_description|default('Invario — Lehrmittel-, Inventar- und Ausleihverwaltung für Schulen. Sicher, einfach, nachvollziehbar.') }}">
<meta name="robots" content="index, follow">
<link rel="canonical" href="{{ request.url_root.rstrip('/') }}{{ request.path }}">
<!-- OpenGraph / Twitter -->
<meta property="og:site_name" content="Invario">
<meta property="og:title" content="{{ meta_title|default('Digitale Inventarverwaltung für Schulen') }}">
<meta property="og:description" content="{{ meta_description|default('Invario: Schul-Inventarverwaltung für 250 €/Jahr oder Bibliothekssystem für 100 €/Jahr – entwickelt mit der Grundschule Albert-Schweitzer-Straße.') }}">
<meta property="og:description" content="{{ meta_description|default('Invario — Lehrmittel-, Inventar- und Ausleihverwaltung für Schulen. Sicher, einfach, nachvollziehbar.') }}">
<meta property="og:type" content="website">
<meta property="og:url" content="{{ request.url_root.rstrip('/') }}{{ request.path }}">
<meta property="og:image" content="{{ url_for('static', filename='images/logo-1.jpeg') }}">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{{ meta_title|default('Digitale Inventarverwaltung für Schulen') }}">
<meta name="twitter:description" content="{{ meta_description|default('Invario: Schul-Inventarverwaltung für 250 €/Jahr oder Bibliothekssystem für 100 €/Jahr – entwickelt mit der Grundschule Albert-Schweitzer-Straße.') }}">
<meta name="twitter:description" content="{{ meta_description|default('Invario — Lehrmittel-, Inventar- und Ausleihverwaltung für Schulen. Sicher, einfach, nachvollziehbar.') }}">
<meta name="twitter:image" content="{{ url_for('static', filename='images/logo-1.jpeg') }}">
{% block head %}
<link rel="preconnect" href="https://api.fontshare.com">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@700;900&family=Public+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
:root {
--bg-main: #f4f6f4;
--bg-soft: #e6ebe6;
--bg-main: #f3f1ea;
--bg-soft: #e4e0d4;
--surface: #ffffff;
--text-main: #102126;
--text-soft: #42565d;
--line: #c9d4d0;
--brand: #0f5d69;
--brand-strong: #0a3d45;
--accent: #a85c24;
--text-main: #1f2e33;
--text-soft: #495d63;
--line: #d0d7d0;
--brand: #1c5a63;
--brand-strong: #143f46;
--accent: #b3672e;
--radius-md: 14px;
--shadow-sm: 0 10px 30px rgba(18, 40, 44, 0.08);
--shell-gutter: clamp(12px, 2.2vw, 34px);
@@ -47,11 +45,6 @@
}
* { box-sizing: border-box; }
:focus-visible {
outline: 3px solid #0f5d69;
outline-offset: 3px;
}
/* Verhinderung von iOS Auto-Zoom bei Inputs */
input, textarea, select, button {
font-family: inherit;
@@ -66,12 +59,11 @@
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
min-height: 100%;
font-family: "Inter", system-ui, sans-serif;
font-family: "Public Sans", system-ui, sans-serif;
color: var(--text-main);
background:
radial-gradient(circle at 88% -8%, rgba(15, 93, 105, 0.08) 0%, transparent 34%),
radial-gradient(circle at -5% 58%, rgba(168, 92, 36, 0.08) 0%, transparent 40%),
var(--bg-main);
background: radial-gradient(circle at 88% -8%, #dbe4d9 0%, transparent 34%),
radial-gradient(circle at -5% 58%, #ece4d2 0%, transparent 40%),
var(--bg-main);
}
body {
@@ -82,28 +74,28 @@
h1 {
margin: 0;
font-family: "Satoshi", "Inter", system-ui, sans-serif;
font-family: "Merriweather", Georgia, serif;
line-height: 1.16;
font-size: clamp(1.85rem, 4vw, 3.5rem);
}
h2 {
margin: 0;
font-family: "Satoshi", "Inter", system-ui, sans-serif;
font-family: "Merriweather", Georgia, serif;
line-height: 1.2;
font-size: clamp(1.5rem, 3vw, 2.5rem);
}
h3 {
margin: 0;
font-family: "Satoshi", "Inter", system-ui, sans-serif;
font-family: "Merriweather", Georgia, serif;
line-height: 1.24;
font-size: clamp(1.2rem, 2vw, 1.8rem);
}
h4 {
margin: 0;
font-family: "Satoshi", "Inter", system-ui, sans-serif;
font-family: "Merriweather", Georgia, serif;
line-height: 1.24;
font-size: clamp(1rem, 1.8vw, 1.5rem);
}
@@ -230,12 +222,12 @@
font-weight: 700;
color: #1b4b52;
background: #ffffff;
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.nav-btn:hover {
transform: translateY(-1px);
box-shadow: 0 8px 20px rgba(20, 53, 58, 0.14);
box-shadow: 0 6px 16px rgba(20, 53, 58, 0.12);
}
.nav-btn.primary {
@@ -244,10 +236,6 @@
background: linear-gradient(120deg, #286f78 0%, #194f56 100%);
}
.nav-btn.primary:hover {
background: linear-gradient(120deg, #2d7882 0%, #1a5660 100%);
}
.nav-dropdown {
position: relative;
}
Website/templates/main.html
+32 -169
View File
@@ -1,9 +1,9 @@
{% extends "base.html" %}
{# SEO: per-page description used in base.html meta tags #}
{% set meta_description = "Invario kostet 250 € pro Jahr für Inventarverwaltung und 100 € pro Jahr für das Bibliothekssystem. Entwickelt mit der Grundschule Albert-Schweitzer-Straße, mit PDF-Berichten, deutschem Serverstandort und 5-Minuten-Start." %}
{% set meta_description = "Invario bündelt Lehrmittelverwaltung, Inventar und Ausleihe für Schulen – sicher, transparent und einfach zu bedienen." %}
{% block title %}Invario: Inventarsoftware für Schulen | 250 € / 100 €{% endblock %}
{% block title %}Digitale Schulverwaltung mit Sicherheitsfokus{% endblock %}
{% block head %}
{{ super() }}
@@ -517,85 +517,6 @@
color: #ffffff;
}
.lead-answer {
max-width: 64ch;
font-size: clamp(1.03rem, 1.25vw, 1.16rem);
color: #466067;
}
.definition-box {
padding: 1rem 1.1rem;
border-radius: 14px;
border: 1px solid #d7dfd9;
background: linear-gradient(180deg, #fcfdfb 0%, #f4f8f3 100%);
}
.definition-box dt {
font-weight: 800;
color: #173f46;
margin-bottom: 0.3rem;
}
.definition-box dd {
margin: 0;
color: #4f666c;
line-height: 1.65;
}
.path-grid {
margin-top: 1rem;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.9rem;
}
.path-card {
padding: 1rem;
border-radius: 16px;
border: 1px solid rgba(27, 74, 82, 0.18);
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(10px);
}
.path-card h3 {
margin-bottom: 0.35rem;
}
.path-card p {
color: #e2efed;
}
.path-card ul {
margin: 0.8rem 0 0;
padding-left: 1.1rem;
color: #eff7f6;
line-height: 1.6;
}
.path-card .btn {
margin-top: 0.9rem;
}
.bento-strip {
margin-top: 1rem;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.8rem;
}
.bento-note {
padding: 0.9rem 1rem;
border-radius: 14px;
border: 1px solid #d8e0da;
background: #f8faf7;
}
.bento-note strong {
display: block;
margin-bottom: 0.25rem;
color: #183f46;
}
#zielgruppen .primary-focus-content {
max-width: 100%;
}
@@ -749,47 +670,7 @@
"image": "{{ url_for('static', filename='images/logo-1.jpeg') }}",
"author": { "@id": "{{ request.url_root.rstrip('/') }}#organization" },
"publisher": { "@id": "{{ request.url_root.rstrip('/') }}#organization" },
"inLanguage": "de-DE",
"offers": [
{ "@id": "{{ request.url_root.rstrip('/') }}#offer-inventar" },
{ "@id": "{{ request.url_root.rstrip('/') }}#offer-bibliothek" }
]
},
{
"@type": "Offer",
"@id": "{{ request.url_root.rstrip('/') }}#offer-inventar",
"name": "Inventarverwaltung",
"price": "250",
"priceCurrency": "EUR",
"url": "{{ request.url_root.rstrip('/') }}{{ url_for('preise') }}",
"itemOffered": { "@id": "{{ request.url_root.rstrip('/') }}#software" },
"description": "Schulweite Inventarverwaltung mit PDF-Berichten, Rollenrechten und 5-Minuten-Start."
},
{
"@type": "Offer",
"@id": "{{ request.url_root.rstrip('/') }}#offer-bibliothek",
"name": "Bibliothekssystem",
"price": "100",
"priceCurrency": "EUR",
"url": "{{ request.url_root.rstrip('/') }}{{ url_for('preise') }}",
"itemOffered": { "@id": "{{ request.url_root.rstrip('/') }}#software" },
"description": "Bibliothekssystem für Schulen mit Ausleihe, Rückgabe und transparenten Beständen."
},
{
"@type": "Review",
"@id": "{{ request.url_root.rstrip('/') }}#review-albert-schweitzer-strasse",
"itemReviewed": { "@id": "{{ request.url_root.rstrip('/') }}#software" },
"author": {
"@type": "Organization",
"name": "Grundschule Albert-Schweitzer-Straße",
"url": "https://www.grundschule-albert-schweitzer-strasse.de"
},
"reviewBody": "Invario wurde gemeinsam mit dem Sekretariat und der Schulpraxis entwickelt. Die Einführung verlief schnell, die Bedienung ist intuitiv und die Inventur wurde deutlich effizienter.",
"reviewRating": {
"@type": "Rating",
"ratingValue": "5",
"bestRating": "5"
}
"inLanguage": "de-DE"
},
{
"@type": "WebPage",
@@ -805,14 +686,18 @@
</script>
<header class="hero" id="top" aria-label="Seitenstart">
<div>
<span class="eyebrow">Inventarsoftware für Schulen</span>
<h1>Invario kostet 250 € pro Jahr für Inventarverwaltung und 100 € pro Jahr für das Bibliothekssystem.</h1>
<p class="lead-answer">
Die Web-App wurde mit der Grundschule Albert-Schweitzer-Straße als Entwicklungspartner aufgebaut. Sie verbindet 5-Minuten-Start, deutsche Server, PDF-Berichte und klare Rollenrechte für Schulträger und Sekretariat.
<span class="eyebrow">Lehrmittelverwaltungssoftware für Schulen</span>
<h1>Die Software, die iPads genauso effizient verwaltet wie das Schulbuch.</h1>
<p>
Radikale Einfachheit für Ihren Schulalltag. Starten Sie in nur 5 Minuten mit der modernen Inventarsoftware für alle Schularten. Hybrid, intuitiv, sofort einsatzbereit.
</p>
<div class="cta-row">
<a class="btn btn-primary" href="#zielgruppen">Zielgruppe wählen</a>
<a class="btn btn-secondary" href="{{ url_for('preise') }}">Preise ansehen</a>
{% if 'username' in session %}
<a class="btn btn-primary" href="{{ url_for('preise') }}">In 5 Minuten startklar</a>
{% else %}
<a class="btn btn-primary" href="{{ url_for('login') }}">Jetzt kostenlos testen</a>
{% endif %}
<a class="btn btn-secondary" href="{{ url_for('kontakt') }}">Kontakt aufnehmen</a>
</div>
</div>
<div class="hero-right">
@@ -824,7 +709,7 @@
<span class="star">★</span>
<span class="star">★</span>
</div>
<a href="#hilfe"><p class="quote">"Mit Invario haben wir unsere Lehrmittelausleihe um 80% beschleunigt. Die Oberfläche ist intuitiv und unser Sekretariat spart täglich Zeit."</p></a>
<a href="#hilfe"><p class="quote">"Mit Invario haben wir unsere Lehrmittelausleihe um 80% beschleunigt. Die Oberfläche ist intuitiv und unsere Bibliothekare sparen täglich Zeit."</p></a>
<div class="author">
<div class="avatar">SA</div>
<div class="info">
@@ -847,50 +732,28 @@
<section class="primary-focus reveal-on-scroll" id="zielgruppen" aria-label="Zielgruppen">
<div class="primary-focus-content">
<span class="eyebrow">Zwei klare Pfade</span>
<h2>Eine Plattform, zwei Landingpage-Logiken</h2>
<div class="path-grid">
<article class="path-card" id="schultraeger-pfad">
<h3>Pfad A: Schulträger</h3>
<p>Rechtssicherheit, DigitalPakt 2.0, revisionssichere PDF-Berichte und Serverstandort Deutschland stehen hier im Vordergrund.</p>
<ul>
<li>Förderfähigkeit von Wartung und Support</li>
<li>Dokumentation für Prüfungen und Gremien</li>
<li>Klare Kostenplanung ohne Überraschungen</li>
</ul>
<a class="btn btn-secondary" href="{{ url_for('preise') }}">Für Schulträger ansehen</a>
<span class="eyebrow">Für wen ist Invario?</span>
<h2>Passend für jede Organisationsebene</h2>
<div class="section-grid">
<article class="card">
<h3>Sekretariat</h3>
<p>Ende der Zettelwirtschaft &amp; Barcode‑Scan — Inventur und Rückgabe in Sekunden.</p>
</article>
<article class="path-card" id="sekretariat-pfad">
<h3>Pfad B: Schulen &amp; Sekretariat</h3>
<p>Radikale Einfachheit, 5-Minuten-Start und eine Web-App ohne Installation. Genau dafür ist Invario im Alltag gebaut.</p>
<ul>
<li>Weniger Zettelwirtschaft</li>
<li>Intuitive Bedienung ohne Schulungsballast</li>
<li>Schnelle Ausleihe und Rücknahme</li>
</ul>
<a class="btn btn-secondary" href="{{ url_for('kontakt') }}">Für Schulen ansehen</a>
<article class="card">
<h3>IT‑Beauftragte</h3>
<p>Zero Maintenance &amp; DSGVO‑Sicherheit — Web‑App ohne lokale Server, Daten auf deutschen Servern.</p>
</article>
<article class="card">
<h3>Schulträger &amp; Kämmerer — DigitalPakt 2.0 Software Förderung</h3>
<p>DigitalPakt 2.0 Förderfähigkeit &amp; Rechtssicherheit — revisionssichere Berichte und transparente Kostenplanung.</p>
</article>
</div>
<div class="bento-strip">
<div class="bento-note">
<strong>Definition</strong>
Inventarsoftware für Schulen ist eine Web-Anwendung, die Inventar, Ausleihe und Nachweise zentral, revisionssicher und ohne lokale Installation bündelt.
</div>
<div class="bento-note">
<strong>Leuchtturm</strong>
Von Praktikern für Praktiker entwickelt mit der Grundschule Albert-Schweitzer-Straße als Referenz.
</div>
<div class="bento-note">
<strong>Kernaussage</strong>
Invario reduziert Verwaltungszeit, macht Bestände sichtbar und hält die Einführung bewusst leicht.
</div>
</div>
</div>
</section>
<section class="section reveal-on-scroll" id="warum">
<h2>Warum Invario?</h2>
<p>Die wichtigsten Antworten zuerst: klarer Preis, klare Funktion, klare Zuständigkeit.</p>
<p>Alleinstellungsmerkmale auf einen Blick: schnell, transparent und wartungsarm.</p>
<div class="section-grid">
<article class="card">
<h3>Das 5‑Minuten‑Startversprechen</h3>
@@ -898,7 +761,7 @@
</article>
<article class="card">
<h3>Preis‑Transparenz</h3>
<p>Echte Flatrate statt versteckter Gebühren: 250 € für die Inventarverwaltung und 100 € für das Bibliothekssystem statt gestaffelter Enterprise-Zusatzkosten.</p>
<p>Echte Flatrate statt versteckter Gebühren: 250 € für das Inventarsystem für alle Schulen — im Vergleich zu Enterprise‑Gebühren von bis zu 1.950 €.</p>
</article>
<article class="card">
<h3>Zero Maintenance</h3>
@@ -913,8 +776,8 @@
<p>Erstellen Sie PDF‑Berichte auf Knopfdruck für Inventur, Prüfungen und Förderanträge.</p>
</article>
<article class="card">
<h3>BFSG-bewusste Bedienung</h3>
<p>Hohe Farbkontraste, klare Hierarchien und bedienbare Flächen unterstützen eine zugängliche Nutzung im Schulalltag.</p>
<h3>Einfache Bedienung</h3>
<p>Intuitive Oberfläche für Lehrkräfte und Verwaltungspersonal – geringe Schulungszeiten.</p>
</article>
</div>
</section>
@@ -943,7 +806,7 @@
</section>
<section class="testimonials reveal-on-scroll">
<h2>Von Praktikern für Praktiker entwickelt.</h2>
<h2>Vom Zettelchaos zur digitalen Transparenz in Rekordzeit.</h2>
<div class="testimonials-grid" style="grid-template-columns: 1fr;">
<article class="testimonial-card">
<div>
Website/templates/preise.html
+109 -182
View File
@@ -1,8 +1,6 @@
{% extends "base.html" %}
{% set meta_description = "Invario kostet 250 € pro Jahr für Inventarverwaltung und 100 € pro Jahr für das Bibliothekssystem. Keine Installation, Serverstandort Deutschland, Support für Schulen und Schulträger." %}
{% block title %}Preise | Invario 250 € / 100 €{% endblock %}
{% block title %}Preise{% endblock %}
{% block head %}
{{ super() }}
@@ -45,31 +43,6 @@
font-size: clamp(1rem, 1.05vw, 1.1rem);
}
.pricing-pills {
margin-top: 1.2rem;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.8rem;
}
.pricing-pill {
padding: 0.9rem 1rem;
border-radius: 16px;
background: rgba(255, 255, 255, 0.75);
border: 1px solid rgba(28, 90, 99, 0.12);
color: #133d4a;
}
.pricing-pill strong {
display: block;
margin-bottom: 0.2rem;
font-size: 1.05rem;
}
.pricing-pill span {
color: #4d6b73;
}
.packages-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
@@ -243,54 +216,6 @@
color: #15444c;
}
.pricing-comparison {
margin: 1rem 0 1.8rem;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.8rem;
}
.comparison-card {
padding: 1rem 1.05rem;
border-radius: 16px;
border: 1px solid #d9e2df;
background: #ffffff;
box-shadow: 0 10px 24px rgba(23, 44, 57, 0.04);
}
.comparison-card strong {
display: block;
color: #133d4a;
margin-bottom: 0.25rem;
}
.comparison-card p {
color: #4b6a72;
line-height: 1.6;
margin: 0;
}
.proof-card {
margin-bottom: 1.8rem;
padding: 1.25rem 1.35rem;
border-radius: 18px;
border: 1px solid #d9e4e0;
background: linear-gradient(135deg, #ffffff 0%, #f3f8f5 100%);
box-shadow: 0 12px 24px rgba(23, 44, 57, 0.05);
}
.proof-card h2 {
margin-bottom: 0.5rem;
color: #133d4a;
font-size: clamp(1.35rem, 2.5vw, 1.9rem);
}
.proof-card p {
margin: 0;
color: #4b6a72;
line-height: 1.7;
}
@media (max-width: 760px) {
.booking-hero {
padding: 1.5rem 1.2rem;
@@ -306,11 +231,6 @@
gap: 1.2rem;
}
.pricing-pills,
.pricing-comparison {
grid-template-columns: 1fr;
}
.package-card {
padding: 1.4rem 1.2rem;
border-radius: 18px;
@@ -427,114 +347,121 @@
{% endblock %}
{% block content %}
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "SoftwareApplication",
"@id": "{{ request.url_root.rstrip('/') }}#software",
"name": "Invario",
"url": "{{ request.url_root.rstrip('/') }}",
"description": "{{ meta_description }}",
"operatingSystem": "Web",
"applicationCategory": "EducationApplication",
"softwareVersion": "1.0",
"image": "{{ url_for('static', filename='images/logo-1.jpeg') }}",
"publisher": { "@type": "Organization", "name": "Invario", "url": "{{ request.url_root.rstrip('/') }}" },
"offers": [
{ "@id": "{{ request.url_root.rstrip('/') }}#offer-inventar" },
{ "@id": "{{ request.url_root.rstrip('/') }}#offer-bibliothek" }
]
},
{
"@type": "Offer",
"@id": "{{ request.url_root.rstrip('/') }}#offer-inventar",
"name": "Inventarverwaltung",
"price": "250",
"priceCurrency": "EUR",
"url": "{{ request.url_root.rstrip('/') }}{{ url_for('preise') }}",
"itemOffered": { "@id": "{{ request.url_root.rstrip('/') }}#software" },
"description": "Schulweite Inventarverwaltung mit Rollenrechten, PDF-Berichten und 5-Minuten-Start."
},
{
"@type": "Offer",
"@id": "{{ request.url_root.rstrip('/') }}#offer-bibliothek",
"name": "Bibliothekssystem",
"price": "100",
"priceCurrency": "EUR",
"url": "{{ request.url_root.rstrip('/') }}{{ url_for('preise') }}",
"itemOffered": { "@id": "{{ request.url_root.rstrip('/') }}#software" },
"description": "Bibliothekssystem für Ausleihe, Rückgabe und transparente Bestände."
},
{
"@type": "Review",
"@id": "{{ request.url_root.rstrip('/') }}#review-albert-schweitzer-strasse",
"itemReviewed": { "@id": "{{ request.url_root.rstrip('/') }}#software" },
"author": {
"@type": "Organization",
"name": "Grundschule Albert-Schweitzer-Straße",
"url": "https://www.grundschule-albert-schweitzer-strasse.de"
},
"reviewBody": "Invario wurde gemeinsam mit der Schulpraxis entwickelt. Die Einführung verlief schnell, die Bedienung ist intuitiv und die Inventur wurde deutlich effizienter.",
"reviewRating": {
"@type": "Rating",
"ratingValue": "5",
"bestRating": "5"
}
}
]
}
</script>
<section class="booking-hero">
<h1>Was kostet Invario?</h1>
<p>Invario kostet 250 € pro Jahr für die Inventarverwaltung und 100 € pro Jahr für das Bibliothekssystem. Beide Angebote sind Web-Apps ohne Installation, mit Serverstandort Deutschland und direktem Support für Schulen und Schulträger.</p>
<div class="pricing-pills" aria-label="Kernpreise">
<div class="pricing-pill"><strong>250 € / Jahr</strong><span>Inventarverwaltung</span></div>
<div class="pricing-pill"><strong>100 € / Jahr</strong><span>Bibliothekssystem</span></div>
<div class="pricing-pill"><strong>Von Praktikern</strong><span>mit der Grundschule Albert-Schweitzer-Straße entwickelt</span></div>
</div>
<h1>Preise</h1>
<p>Unsere Pakete sind klar strukturiert und transparent. Wählen Sie die passende Lösung für Ihre Schule und senden Sie die Anfrage direkt an unser Admin-Team.</p>
<p>Nach der Anfrage wird sich ein Administrator innerhalb von ca. 48 Stunden über das Portal mit Ihnen in Verbindung setzen, um die Buchung persönlich vor Ort zu besprechen oder einen direkten Start zu vereinbaren.</p>
<p>Unsere Server sind in Deutschland lokalisiert und garantieren eine hohe Verfügbarkeit und Sicherheit Ihrer Daten.</p>
</section>
<section class="pricing-comparison" aria-label="Kostenvergleich">
<article class="comparison-card">
<strong>Flatrate statt Zusatzkosten</strong>
<p>Invario hält die Jahreskosten klar und planbar, statt später teure Module, Schnittstellen oder Supportpakete nachzuschieben.</p>
</article>
<article class="comparison-card">
<strong>Vergleich mit Enterprise-Modellen</strong>
<p>Bei anderen Anbietern entstehen oft zusätzliche Gebühren, zum Beispiel bis zu 1.950 € für App-Schnittstellen oder ähnliche Erweiterungen.</p>
</article>
<article class="comparison-card">
<strong>Für Förderlogik vorbereitet</strong>
<p>Revisionssichere PDF-Berichte, deutscher Serverstandort und dokumentierte Prozesse erleichtern Schulträgern die Prüfung.</p>
</article>
</section>
<section class="proof-card">
<h2>Bewährt im Schulalltag</h2>
<p><strong>Grundschule Albert-Schweitzer-Straße:</strong> Als Entwicklungspartner prägt die Schule die Praxisnähe von Invario. Genau daraus entsteht der Leitsatz: Von Praktikern für Praktiker entwickelt.</p>
</section>
<section class="packages-grid" aria-label="Angebote">
<section class="packages-grid" aria-label="Buchungspakete">
<article class="package-card">
<div class="package-card__header">
<div>
<span class="package-card__tag">Inventar</span>
<h2 class="package-card__name">Inventarsystem</h2>
<span class="package-card__tag">Best Seller</span>
<h2 class="package-card__name">Starter Paket</h2>
</div>
<div class="package-card__price">
<span class="package-card__new-price">250 €</span>
<span class="package-card__old-price">350 €</span>
<span class="package-card__new-price">320 €</span>
<small>/ Jahr</small>
</div>
</div>
<p class="package-card__description">Der schnelle Einstieg für Schulen, die Inventar, Ausleihe und klare Rollenrechte ohne lokale Installation benötigen.</p>
<p class="package-card__description">Das Starter-Paket ist die perfekte Einstiegslösung für Schulen, die eine umfassende digitale Verwaltung benötigen um sich für den DigitalPakt 2.0 sicheraufzustellen, bestehend aus Inventarverwaltung und Bibliothekssystem.</p>
<ul class="package-card__features">
<li>Inventarverwaltung mit Rollenrechten</li>
<li>PDF-Berichte für Inventur und Nachweise</li>
<li>5-Minuten-Start im Browser</li>
<li>Serverstandort Deutschland</li>
<li>Basis-Support und Ticketing</li>
<li>Schulweite Übersichten und Berichte</li>
<li>Bibliothekssystem mit Ausleihprozessen</li>
</ul>
<div class="package-card__actions">
{% if 'username' in session %}
<form method="POST" action="{{ url_for('book_option_package') }}" class="booking-form">
<input type="hidden" name="package" value="starter_package">
<button class="btn" type="button" onclick="openBookingModal(this.form)">Jetzt buchen</button>
</form>
{% else %}
<a class="btn secondary" href="{{ url_for('login') }}">Mit Konto buchen</a>
{% endif %}
</div>
</article>
<article class="package-card">
<div class="package-card__header">
<div>
<span class="package-card__tag">Premium</span>
<h2 class="package-card__name">Schulträger</h2>
</div>
<div class="package-card__price">
<span>Auf Anfrage</span>
</div>
</div>
<p class="package-card__description">Individuelles Angebot für Schulträger mit mehreren Schulen und speziellen Anforderungen an die Verwaltung.</p>
<ul class="package-card__features">
<li>Mandantenfähige Verwaltung</li>
<li>Zentrale Übersicht aller Schulen</li>
<li>Individuelle Anpassungen</li>
<li>Persönlicher Ansprechpartner</li>
</ul>
<div class="package-card__actions">
{% if 'username' in session %}
<form method="POST" action="{{ url_for('book_option_package') }}" class="booking-form">
<input type="hidden" name="package" value="schultraeger">
<button class="btn" type="button" onclick="openBookingModal(this.form)">Jetzt anfragen</button>
</form>
{% else %}
<a class="btn secondary" href="{{ url_for('login') }}">Mit Konto anfragen</a>
{% endif %}
</div>
</article>
<article class="package-card">
<div class="package-card__header">
<div>
<span class="package-card__tag">Support</span>
<h2 class="package-card__name">Telefonsupport</h2>
</div>
<div class="package-card__price">
<span>20 €</span>
<small>/ Monat</small>
</div>
</div>
<p class="package-card__description">Direkter telefonischer Support für schnelle Hilfe bei akuten Problemen und Fragen rund um das System.</p>
<ul class="package-card__features">
<li>Schnelle telefonische Erreichbarkeit</li>
<li>Direkte Hilfe bei Problemen</li>
<li>Bevorzugte Ticketbearbeitung</li>
<li>Persönliche Beratung</li>
</ul>
<div class="package-card__actions">
{% if 'username' in session %}
<form method="POST" action="{{ url_for('book_option_package') }}" class="booking-form">
<input type="hidden" name="package" value="telefonsupport">
<button class="btn" type="button" onclick="openBookingModal(this.form)">Jetzt buchen</button>
</form>
{% else %}
<a class="btn secondary" href="{{ url_for('login') }}">Mit Konto buchen</a>
{% endif %}
</div>
</article>
<article class="package-card">
<div class="package-card__header">
<div>
<span class="package-card__tag">Modul</span>
<h2 class="package-card__name">Inventarsystem</h2>
</div>
<div class="package-card__price">
<span>250 €</span>
<small>/ Jahr</small>
</div>
</div>
<p class="package-card__description">Der stabile Einstieg in die Schulverwaltung mit Inventarverwaltung, Benutzerrechten und Berichten für den gesamten Schulbetrieb.</p>
<ul class="package-card__features">
<li>Inventarverwaltung mit Rollenrechten</li>
<li>Basis-Support und Ticketing</li>
<li>Schulweite Übersichten und Berichte</li>
<li>Erweiterte Instanzverwaltung</li>
</ul>
<div class="package-card__actions">
{% if 'username' in session %}
@@ -551,20 +478,20 @@
<article class="package-card">
<div class="package-card__header">
<div>
<span class="package-card__tag">Bibliothek</span>
<span class="package-card__tag">Modul</span>
<h2 class="package-card__name">Bibliothekssystem</h2>
</div>
<div class="package-card__price">
<span class="package-card__new-price">100 €</span>
<span>150 €</span>
<small>/ Jahr</small>
</div>
</div>
<p class="package-card__description">Das schlanke Modul für Medienzentren und Schulbibliotheken mit Ausleihe, Rückgabe und transparenter Historie.</p>
<p class="package-card__description">Ein spezialisiertes Modul für Bibliotheken und Medienzentren mit Ausleihprozessen, Medienbeständen und historischer Transparenz.</p>
<ul class="package-card__features">
<li>Ausleih- und Rückgabeprozesse</li>
<li>Transparente Medienbestände</li>
<li>Intuitive Web-App ohne Installation</li>
<li>Wartungsarm für Sekretariat und IT</li>
<li>Bestandsübersichten für Medien</li>
<li>Transparente Historie pro Medium</li>
<li>Einfaches Modul-Setup für Schulen</li>
</ul>
<div class="package-card__actions">
{% if 'username' in session %}