Enhance website templates for Invario services and pricing
- Updated dienstleistungen.html to improve layout and content clarity, including new service descriptions and a refined CSS style for better visual appeal. - Revamped inventarsystem.html with a focus on key features and pricing, adding a structured layout and enhancing the user experience with new design elements. - Modified main.html to reflect updated pricing information and improve SEO with enhanced meta descriptions and structured data for better search visibility. - Revised preise.html to clearly present pricing details, including new pricing pills and comparison cards for better user understanding of offerings.
This commit is contained in:
+33
-21
@@ -9,35 +9,37 @@
|
|||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||||
<title>{% block title %}Digitale Inventarverwaltung für Schulen{% endblock %}</title>
|
<title>{% block title %}Digitale Inventarverwaltung für Schulen{% endblock %}</title>
|
||||||
{# Basic SEO meta tags, can be overridden per-template by setting `meta_description` #}
|
{# Basic SEO meta tags, can be overridden per-template by setting `meta_description` #}
|
||||||
<meta name="description" content="{{ meta_description|default('Invario — Lehrmittel-, Inventar- und Ausleihverwaltung für Schulen. Sicher, einfach, nachvollziehbar.') }}">
|
<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="robots" content="index, follow">
|
<meta name="robots" content="index, follow">
|
||||||
<link rel="canonical" href="{{ request.url_root.rstrip('/') }}{{ request.path }}">
|
<link rel="canonical" href="{{ request.url_root.rstrip('/') }}{{ request.path }}">
|
||||||
<!-- OpenGraph / Twitter -->
|
<!-- OpenGraph / Twitter -->
|
||||||
<meta property="og:site_name" content="Invario">
|
<meta property="og:site_name" content="Invario">
|
||||||
<meta property="og:title" content="{{ meta_title|default('Digitale Inventarverwaltung für Schulen') }}">
|
<meta property="og:title" content="{{ meta_title|default('Digitale Inventarverwaltung für Schulen') }}">
|
||||||
<meta property="og:description" content="{{ meta_description|default('Invario — Lehrmittel-, Inventar- und Ausleihverwaltung für Schulen. Sicher, einfach, nachvollziehbar.') }}">
|
<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:type" content="website">
|
<meta property="og:type" content="website">
|
||||||
<meta property="og:url" content="{{ request.url_root.rstrip('/') }}{{ request.path }}">
|
<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 property="og:image" content="{{ url_for('static', filename='images/logo-1.jpeg') }}">
|
||||||
<meta name="twitter:card" content="summary_large_image">
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
<meta name="twitter:title" content="{{ meta_title|default('Digitale Inventarverwaltung für Schulen') }}">
|
<meta name="twitter:title" content="{{ meta_title|default('Digitale Inventarverwaltung für Schulen') }}">
|
||||||
<meta name="twitter:description" content="{{ meta_description|default('Invario — Lehrmittel-, Inventar- und Ausleihverwaltung für Schulen. Sicher, einfach, nachvollziehbar.') }}">
|
<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:image" content="{{ url_for('static', filename='images/logo-1.jpeg') }}">
|
<meta name="twitter:image" content="{{ url_for('static', filename='images/logo-1.jpeg') }}">
|
||||||
{% block head %}
|
{% block head %}
|
||||||
|
<link rel="preconnect" href="https://api.fontshare.com">
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@700;900&family=Public+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
|
<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">
|
||||||
<style>
|
<style>
|
||||||
:root {
|
:root {
|
||||||
--bg-main: #f3f1ea;
|
--bg-main: #f4f6f4;
|
||||||
--bg-soft: #e4e0d4;
|
--bg-soft: #e6ebe6;
|
||||||
--surface: #ffffff;
|
--surface: #ffffff;
|
||||||
--text-main: #1f2e33;
|
--text-main: #102126;
|
||||||
--text-soft: #495d63;
|
--text-soft: #42565d;
|
||||||
--line: #d0d7d0;
|
--line: #c9d4d0;
|
||||||
--brand: #1c5a63;
|
--brand: #0f5d69;
|
||||||
--brand-strong: #143f46;
|
--brand-strong: #0a3d45;
|
||||||
--accent: #b3672e;
|
--accent: #a85c24;
|
||||||
--radius-md: 14px;
|
--radius-md: 14px;
|
||||||
--shadow-sm: 0 10px 30px rgba(18, 40, 44, 0.08);
|
--shadow-sm: 0 10px 30px rgba(18, 40, 44, 0.08);
|
||||||
--shell-gutter: clamp(12px, 2.2vw, 34px);
|
--shell-gutter: clamp(12px, 2.2vw, 34px);
|
||||||
@@ -45,6 +47,11 @@
|
|||||||
}
|
}
|
||||||
* { box-sizing: border-box; }
|
* { box-sizing: border-box; }
|
||||||
|
|
||||||
|
:focus-visible {
|
||||||
|
outline: 3px solid #0f5d69;
|
||||||
|
outline-offset: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
/* Verhinderung von iOS Auto-Zoom bei Inputs */
|
/* Verhinderung von iOS Auto-Zoom bei Inputs */
|
||||||
input, textarea, select, button {
|
input, textarea, select, button {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
@@ -59,10 +66,11 @@
|
|||||||
padding-left: env(safe-area-inset-left);
|
padding-left: env(safe-area-inset-left);
|
||||||
padding-right: env(safe-area-inset-right);
|
padding-right: env(safe-area-inset-right);
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
font-family: "Public Sans", system-ui, sans-serif;
|
font-family: "Inter", system-ui, sans-serif;
|
||||||
color: var(--text-main);
|
color: var(--text-main);
|
||||||
background: radial-gradient(circle at 88% -8%, #dbe4d9 0%, transparent 34%),
|
background:
|
||||||
radial-gradient(circle at -5% 58%, #ece4d2 0%, transparent 40%),
|
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);
|
var(--bg-main);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -74,28 +82,28 @@
|
|||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: "Merriweather", Georgia, serif;
|
font-family: "Satoshi", "Inter", system-ui, sans-serif;
|
||||||
line-height: 1.16;
|
line-height: 1.16;
|
||||||
font-size: clamp(1.85rem, 4vw, 3.5rem);
|
font-size: clamp(1.85rem, 4vw, 3.5rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: "Merriweather", Georgia, serif;
|
font-family: "Satoshi", "Inter", system-ui, sans-serif;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
font-size: clamp(1.5rem, 3vw, 2.5rem);
|
font-size: clamp(1.5rem, 3vw, 2.5rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: "Merriweather", Georgia, serif;
|
font-family: "Satoshi", "Inter", system-ui, sans-serif;
|
||||||
line-height: 1.24;
|
line-height: 1.24;
|
||||||
font-size: clamp(1.2rem, 2vw, 1.8rem);
|
font-size: clamp(1.2rem, 2vw, 1.8rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: "Merriweather", Georgia, serif;
|
font-family: "Satoshi", "Inter", system-ui, sans-serif;
|
||||||
line-height: 1.24;
|
line-height: 1.24;
|
||||||
font-size: clamp(1rem, 1.8vw, 1.5rem);
|
font-size: clamp(1rem, 1.8vw, 1.5rem);
|
||||||
}
|
}
|
||||||
@@ -222,12 +230,12 @@
|
|||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #1b4b52;
|
color: #1b4b52;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
transition: transform 0.15s ease, box-shadow 0.15s ease;
|
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-btn:hover {
|
.nav-btn:hover {
|
||||||
transform: translateY(-1px);
|
transform: translateY(-1px);
|
||||||
box-shadow: 0 6px 16px rgba(20, 53, 58, 0.12);
|
box-shadow: 0 8px 20px rgba(20, 53, 58, 0.14);
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-btn.primary {
|
.nav-btn.primary {
|
||||||
@@ -236,6 +244,10 @@
|
|||||||
background: linear-gradient(120deg, #286f78 0%, #194f56 100%);
|
background: linear-gradient(120deg, #286f78 0%, #194f56 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.nav-btn.primary:hover {
|
||||||
|
background: linear-gradient(120deg, #2d7882 0%, #1a5660 100%);
|
||||||
|
}
|
||||||
|
|
||||||
.nav-dropdown {
|
.nav-dropdown {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,39 +1,137 @@
|
|||||||
{% extends "base.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 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 %}
|
{% block content %}
|
||||||
<section class="page-hero">
|
<section class="page-hero">
|
||||||
<h1>Leistungen für Bildungseinrichtungen</h1>
|
<h1>Leistungen für Bildungseinrichtungen</h1>
|
||||||
<p>Praxisnahe Module für Schulen in Deutschland: verständlich, sicher und ohne unnötige Komplexität.</p>
|
<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, dazu Support, 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>
|
||||||
|
|
||||||
<section class="cards">
|
<section class="service-grid">
|
||||||
<article class="card">
|
<article class="service-card">
|
||||||
<h2>Digitale Inventarverwaltung</h2>
|
<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>
|
<p>Alle Geräte, Räume und Zuständigkeiten an einem Ort. Das verkürzt Suchzeiten und reduziert Rückfragen.</p>
|
||||||
</article>
|
</article>
|
||||||
<article class="card">
|
<article class="service-card">
|
||||||
<h2>Instanz- und Fristenkontrolle</h2>
|
<h2>Instanz- und Fristenkontrolle</h2>
|
||||||
<p>Instanzzustände und wichtige Wartungsfristen werden transparent angezeigt, inklusive klarer Hinweise für den Betrieb.</p>
|
<p>Instanzzustände und wichtige Wartungsfristen werden transparent angezeigt, inklusive klarer Hinweise für den Betrieb.</p>
|
||||||
</article>
|
</article>
|
||||||
<article class="card">
|
<article class="service-card">
|
||||||
<h2>Support mit klaren Prioritäten</h2>
|
<h2>Support mit klaren Prioritäten</h2>
|
||||||
<p>Störungen werden strukturiert aufgenommen, priorisiert und mit nachvollziehbarem Status bearbeitet.</p>
|
<p>Störungen werden strukturiert aufgenommen, priorisiert und mit nachvollziehbarem Status bearbeitet.</p>
|
||||||
</article>
|
</article>
|
||||||
<article class="card">
|
<article class="service-card">
|
||||||
<h2>DSGVO-konforme Dokumentation</h2>
|
<h2>DSGVO-konforme Dokumentation</h2>
|
||||||
<p>Vorgänge und Änderungen bleiben nachvollziehbar dokumentiert, damit Prüfungen und Abstimmungen einfacher werden.</p>
|
<p>Vorgänge und Änderungen bleiben nachvollziehbar dokumentiert, damit Prüfungen und Abstimmungen einfacher werden.</p>
|
||||||
</article>
|
</article>
|
||||||
<article class="card">
|
<article class="service-card">
|
||||||
<h2>Einrichtung und Schulung</h2>
|
<h2>Einrichtung und Schulung</h2>
|
||||||
<p>Die Einführung erfolgt in klaren, alltagsnahen Schritten, damit der laufende Betrieb stabil bleibt.</p>
|
<p>Die Einführung erfolgt in klaren, alltagsnahen Schritten, damit der laufende Betrieb stabil bleibt.</p>
|
||||||
</article>
|
</article>
|
||||||
<article class="card">
|
<article class="service-card">
|
||||||
<h2>Begleitung im laufenden Betrieb</h2>
|
<h2>Begleitung im laufenden Betrieb</h2>
|
||||||
<p>Feste Ansprechpartner unterstützen bei Fragen, Erweiterungen und organisatorischen Anpassungen.</p>
|
<p>Feste Ansprechpartner unterstützen bei Fragen, Erweiterungen und organisatorischen Anpassungen.</p>
|
||||||
</article>
|
</article>
|
||||||
<article class="card">
|
<article class="service-card">
|
||||||
<h2>Technische Sicherheitsbasis</h2>
|
<h2>Technische Sicherheitsbasis</h2>
|
||||||
<p>Rollenrechte, sichere Sitzungen, Schutz-Header und protokollierte Änderungen bilden die Grundlage für einen verlässlichen Betrieb.</p>
|
<p>Rollenrechte, sichere Sitzungen, Schutz-Header und protokollierte Änderungen bilden die Grundlage für einen verlässlichen Betrieb.</p>
|
||||||
</article>
|
</article>
|
||||||
@@ -43,13 +141,4 @@
|
|||||||
<h2>Besonders geeignet für Teams mit wenig Zeit</h2>
|
<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>
|
<p>Die Oberfläche ist bewusst reduziert aufgebaut: große, klare Bedienelemente, eindeutige Bezeichnungen und kurze Klickwege für tägliche Verwaltungsaufgaben.</p>
|
||||||
</section>
|
</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 %}
|
{% endblock %}
|
||||||
|
|||||||
@@ -1,11 +1,150 @@
|
|||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
|
|
||||||
{% block title %}Inventarsystem für Schulen | Übersicht{% endblock %}
|
{% set meta_description = "Invario Inventarsystem für Schulen: 250 € pro Jahr, 5-Minuten-Start, PDF-Berichte, Serverstandort Deutschland und entwickelt mit der Grundschule Albert-Schweitzer-Straße." %}
|
||||||
|
|
||||||
|
{% block title %}Inventarsystem für Schulen | 250 € / Jahr{% 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%, #f4f8f4 100%);
|
||||||
|
box-shadow: 0 16px 34px rgba(25, 45, 41, 0.06);
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-hero h1 {
|
||||||
|
margin-bottom: 0.45rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-hero p {
|
||||||
|
max-width: 72ch;
|
||||||
|
color: #496267;
|
||||||
|
line-height: 1.65;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-pills,
|
||||||
|
.feature-grid {
|
||||||
|
margin-top: 1rem;
|
||||||
|
display: grid;
|
||||||
|
gap: 0.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-pills {
|
||||||
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
.pill,
|
||||||
|
.panel {
|
||||||
|
border-radius: 16px;
|
||||||
|
border: 1px solid #d8dfd7;
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pill {
|
||||||
|
padding: 0.9rem 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pill strong {
|
||||||
|
display: block;
|
||||||
|
color: #153e45;
|
||||||
|
margin-bottom: 0.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pill span {
|
||||||
|
color: #536c71;
|
||||||
|
}
|
||||||
|
|
||||||
|
.split {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
gap: 0.9rem;
|
||||||
|
margin-top: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel {
|
||||||
|
padding: 1.15rem;
|
||||||
|
box-shadow: 0 10px 24px rgba(25, 45, 41, 0.04);
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel h2 {
|
||||||
|
color: #235159;
|
||||||
|
margin-bottom: 0.45rem;
|
||||||
|
font-size: clamp(1.05rem, 1.8vw, 1.35rem);
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel p,
|
||||||
|
.panel li {
|
||||||
|
color: #496267;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-grid {
|
||||||
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-card {
|
||||||
|
padding: 1rem;
|
||||||
|
border-radius: 16px;
|
||||||
|
border: 1px solid #d8dfd7;
|
||||||
|
background: linear-gradient(180deg, #ffffff 0%, #f8faf8 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-card h2 {
|
||||||
|
margin-bottom: 0.35rem;
|
||||||
|
color: #235159;
|
||||||
|
font-size: clamp(1.02rem, 1.7vw, 1.25rem);
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-card p {
|
||||||
|
color: #496267;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.proof {
|
||||||
|
margin-top: 1rem;
|
||||||
|
padding: 1.1rem 1.15rem;
|
||||||
|
border-radius: 18px;
|
||||||
|
border: 1px solid #d6dfda;
|
||||||
|
background: linear-gradient(135deg, #eef6f1 0%, #fbfcfb 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.proof strong {
|
||||||
|
color: #173f46;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cta-row {
|
||||||
|
margin-top: 1rem;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 0.7rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 900px) {
|
||||||
|
.hero-pills,
|
||||||
|
.split,
|
||||||
|
.feature-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<section class="page-hero">
|
<section class="page-hero">
|
||||||
<h1>Inventarsystem für Schulen</h1>
|
<h1>Inventarsystem für Schulen</h1>
|
||||||
<p>Alle wichtigen Funktionen für den Schulalltag in einer klaren Oberfläche: von Inventar bis zur nachvollziehbaren Historie.</p>
|
<p>Das Inventarsystem kostet 250 € pro Jahr, läuft ohne Installation im Browser und wurde mit der Grundschule Albert-Schweitzer-Straße als Entwicklungspartner für den Schulalltag geformt.</p>
|
||||||
|
<div class="hero-pills" aria-label="Kernfakten">
|
||||||
|
<div class="pill"><strong>250 € / Jahr</strong><span>Planbare Flatrate für Inventarverwaltung</span></div>
|
||||||
|
<div class="pill"><strong>5 Minuten</strong><span>Start ohne lokale Installation</span></div>
|
||||||
|
<div class="pill"><strong>PDF-Export</strong><span>Berichte für Inventur und Nachweise</span></div>
|
||||||
|
</div>
|
||||||
|
<div class="cta-row">
|
||||||
|
<a class="nav-btn primary" href="{{ url_for('preise') }}">Preise ansehen</a>
|
||||||
|
<a class="nav-btn" href="{{ url_for('kontakt') }}">Beratung anfragen</a>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="split">
|
<section class="split">
|
||||||
@@ -30,25 +169,20 @@
|
|||||||
</article>
|
</article>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="split" style="margin-top:0.9rem;">
|
<section class="feature-grid" aria-label="Kernfunktionen">
|
||||||
<article class="panel">
|
<article class="feature-card">
|
||||||
<h2>3. QR-Code Unterstützung</h2>
|
<h2>3. QR-Code Unterstützung</h2>
|
||||||
<p>Mit QR-Codes lassen sich Geräte vor Ort direkt identifizieren und aktualisieren.</p>
|
<p>Mit QR-Codes lassen sich Geräte vor Ort direkt identifizieren und aktualisieren.</p>
|
||||||
<ul>
|
|
||||||
<li>Labels direkt aus dem System erzeugen</li>
|
|
||||||
<li>Scannen und sofort zur richtigen Akte springen</li>
|
|
||||||
<li>Nutzbar mit Handscanner oder Smartphone-Kamera</li>
|
|
||||||
</ul>
|
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="panel">
|
<article class="feature-card">
|
||||||
<h2>4. Historie und Verantwortung</h2>
|
<h2>4. Historie und Verantwortung</h2>
|
||||||
<p>Änderungen bleiben dokumentiert, damit Entscheidungen und Vorgänge transparent bleiben.</p>
|
<p>Änderungen bleiben dokumentiert, damit Entscheidungen und Vorgänge transparent bleiben.</p>
|
||||||
<ul>
|
</article>
|
||||||
<li>Wer hat wann was geändert</li>
|
|
||||||
<li>Leihvorgänge und Rückgaben nachvollziehen</li>
|
<article class="feature-card">
|
||||||
<li>Klare Nachweise für interne Abstimmungen</li>
|
<h2>5. BFSG-bewusste Nutzung</h2>
|
||||||
</ul>
|
<p>Klare Kontraste, große Bedienelemente und eine reduzierte Oberfläche unterstützen die tägliche Arbeit im Sekretariat.</p>
|
||||||
</article>
|
</article>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@@ -64,18 +198,8 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<style>
|
<section class="proof">
|
||||||
.page-hero { margin-bottom: 1.2rem; }
|
<strong>Leuchtturm:</strong> Die Grundschule Albert-Schweitzer-Straße nutzt Invario als Referenz aus der Praxis. Genau daraus entsteht der Leitsatz: Von Praktikern für Praktiker entwickelt.
|
||||||
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 0.9rem; }
|
</section>
|
||||||
.panel { background: #fff; border: 1px solid #d8dfd7; border-radius: 14px; padding: 1.15rem; box-shadow: 0 10px 24px rgba(25, 45, 41, 0.04); }
|
|
||||||
.panel h2 { color: #265057; margin-bottom: 0.5rem; font-size: clamp(1.05rem, 1.8vw, 1.35rem); }
|
|
||||||
.panel p { color: #496267; line-height: 1.55; margin-bottom: 0.8rem; font-size: 0.98rem; }
|
|
||||||
.panel ul { margin: 0; padding-left: 1.15rem; color: #496267; display: grid; gap: 0.45rem; }
|
|
||||||
.wide-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }
|
|
||||||
|
|
||||||
@media (max-width: 900px) {
|
|
||||||
.split { grid-template-columns: 1fr; }
|
|
||||||
.wide-list { grid-template-columns: 1fr; }
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
+169
-32
@@ -1,9 +1,9 @@
|
|||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
|
|
||||||
{# SEO: per-page description used in base.html meta tags #}
|
{# SEO: per-page description used in base.html meta tags #}
|
||||||
{% set meta_description = "Invario bündelt Lehrmittelverwaltung, Inventar und Ausleihe für Schulen – sicher, transparent und einfach zu bedienen." %}
|
{% 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." %}
|
||||||
|
|
||||||
{% block title %}Digitale Schulverwaltung mit Sicherheitsfokus{% endblock %}
|
{% block title %}Invario: Inventarsoftware für Schulen | 250 € / 100 €{% endblock %}
|
||||||
|
|
||||||
{% block head %}
|
{% block head %}
|
||||||
{{ super() }}
|
{{ super() }}
|
||||||
@@ -517,6 +517,85 @@
|
|||||||
color: #ffffff;
|
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 {
|
#zielgruppen .primary-focus-content {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
@@ -670,7 +749,47 @@
|
|||||||
"image": "{{ url_for('static', filename='images/logo-1.jpeg') }}",
|
"image": "{{ url_for('static', filename='images/logo-1.jpeg') }}",
|
||||||
"author": { "@id": "{{ request.url_root.rstrip('/') }}#organization" },
|
"author": { "@id": "{{ request.url_root.rstrip('/') }}#organization" },
|
||||||
"publisher": { "@id": "{{ request.url_root.rstrip('/') }}#organization" },
|
"publisher": { "@id": "{{ request.url_root.rstrip('/') }}#organization" },
|
||||||
"inLanguage": "de-DE"
|
"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"
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"@type": "WebPage",
|
"@type": "WebPage",
|
||||||
@@ -686,18 +805,14 @@
|
|||||||
</script>
|
</script>
|
||||||
<header class="hero" id="top" aria-label="Seitenstart">
|
<header class="hero" id="top" aria-label="Seitenstart">
|
||||||
<div>
|
<div>
|
||||||
<span class="eyebrow">Lehrmittelverwaltungssoftware für Schulen</span>
|
<span class="eyebrow">Inventarsoftware für Schulen</span>
|
||||||
<h1>Die Software, die iPads genauso effizient verwaltet wie das Schulbuch.</h1>
|
<h1>Invario kostet 250 € pro Jahr für Inventarverwaltung und 100 € pro Jahr für das Bibliothekssystem.</h1>
|
||||||
<p>
|
<p class="lead-answer">
|
||||||
Radikale Einfachheit für Ihren Schulalltag. Starten Sie in nur 5 Minuten mit der modernen Inventarsoftware für alle Schularten. Hybrid, intuitiv, sofort einsatzbereit.
|
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.
|
||||||
</p>
|
</p>
|
||||||
<div class="cta-row">
|
<div class="cta-row">
|
||||||
{% if 'username' in session %}
|
<a class="btn btn-primary" href="#zielgruppen">Zielgruppe wählen</a>
|
||||||
<a class="btn btn-primary" href="{{ url_for('preise') }}">In 5 Minuten startklar</a>
|
<a class="btn btn-secondary" href="{{ url_for('preise') }}">Preise ansehen</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>
|
</div>
|
||||||
<div class="hero-right">
|
<div class="hero-right">
|
||||||
@@ -709,7 +824,7 @@
|
|||||||
<span class="star">★</span>
|
<span class="star">★</span>
|
||||||
<span class="star">★</span>
|
<span class="star">★</span>
|
||||||
</div>
|
</div>
|
||||||
<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>
|
<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>
|
||||||
<div class="author">
|
<div class="author">
|
||||||
<div class="avatar">SA</div>
|
<div class="avatar">SA</div>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
@@ -732,28 +847,50 @@
|
|||||||
|
|
||||||
<section class="primary-focus reveal-on-scroll" id="zielgruppen" aria-label="Zielgruppen">
|
<section class="primary-focus reveal-on-scroll" id="zielgruppen" aria-label="Zielgruppen">
|
||||||
<div class="primary-focus-content">
|
<div class="primary-focus-content">
|
||||||
<span class="eyebrow">Für wen ist Invario?</span>
|
<span class="eyebrow">Zwei klare Pfade</span>
|
||||||
<h2>Passend für jede Organisationsebene</h2>
|
<h2>Eine Plattform, zwei Landingpage-Logiken</h2>
|
||||||
<div class="section-grid">
|
<div class="path-grid">
|
||||||
<article class="card">
|
<article class="path-card" id="schultraeger-pfad">
|
||||||
<h3>Sekretariat</h3>
|
<h3>Pfad A: Schulträger</h3>
|
||||||
<p>Ende der Zettelwirtschaft & Barcode‑Scan — Inventur und Rückgabe in Sekunden.</p>
|
<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>
|
||||||
</article>
|
</article>
|
||||||
<article class="card">
|
<article class="path-card" id="sekretariat-pfad">
|
||||||
<h3>IT‑Beauftragte</h3>
|
<h3>Pfad B: Schulen & Sekretariat</h3>
|
||||||
<p>Zero Maintenance & DSGVO‑Sicherheit — Web‑App ohne lokale Server, Daten auf deutschen Servern.</p>
|
<p>Radikale Einfachheit, 5-Minuten-Start und eine Web-App ohne Installation. Genau dafür ist Invario im Alltag gebaut.</p>
|
||||||
</article>
|
<ul>
|
||||||
<article class="card">
|
<li>Weniger Zettelwirtschaft</li>
|
||||||
<h3>Schulträger & Kämmerer — DigitalPakt 2.0 Software Förderung</h3>
|
<li>Intuitive Bedienung ohne Schulungsballast</li>
|
||||||
<p>DigitalPakt 2.0 Förderfähigkeit & Rechtssicherheit — revisionssichere Berichte und transparente Kostenplanung.</p>
|
<li>Schnelle Ausleihe und Rücknahme</li>
|
||||||
|
</ul>
|
||||||
|
<a class="btn btn-secondary" href="{{ url_for('kontakt') }}">Für Schulen ansehen</a>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="section reveal-on-scroll" id="warum">
|
<section class="section reveal-on-scroll" id="warum">
|
||||||
<h2>Warum Invario?</h2>
|
<h2>Warum Invario?</h2>
|
||||||
<p>Alleinstellungsmerkmale auf einen Blick: schnell, transparent und wartungsarm.</p>
|
<p>Die wichtigsten Antworten zuerst: klarer Preis, klare Funktion, klare Zuständigkeit.</p>
|
||||||
<div class="section-grid">
|
<div class="section-grid">
|
||||||
<article class="card">
|
<article class="card">
|
||||||
<h3>Das 5‑Minuten‑Startversprechen</h3>
|
<h3>Das 5‑Minuten‑Startversprechen</h3>
|
||||||
@@ -761,7 +898,7 @@
|
|||||||
</article>
|
</article>
|
||||||
<article class="card">
|
<article class="card">
|
||||||
<h3>Preis‑Transparenz</h3>
|
<h3>Preis‑Transparenz</h3>
|
||||||
<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>
|
<p>Echte Flatrate statt versteckter Gebühren: 250 € für die Inventarverwaltung und 100 € für das Bibliothekssystem statt gestaffelter Enterprise-Zusatzkosten.</p>
|
||||||
</article>
|
</article>
|
||||||
<article class="card">
|
<article class="card">
|
||||||
<h3>Zero Maintenance</h3>
|
<h3>Zero Maintenance</h3>
|
||||||
@@ -776,8 +913,8 @@
|
|||||||
<p>Erstellen Sie PDF‑Berichte auf Knopfdruck für Inventur, Prüfungen und Förderanträge.</p>
|
<p>Erstellen Sie PDF‑Berichte auf Knopfdruck für Inventur, Prüfungen und Förderanträge.</p>
|
||||||
</article>
|
</article>
|
||||||
<article class="card">
|
<article class="card">
|
||||||
<h3>Einfache Bedienung</h3>
|
<h3>BFSG-bewusste Bedienung</h3>
|
||||||
<p>Intuitive Oberfläche für Lehrkräfte und Verwaltungspersonal – geringe Schulungszeiten.</p>
|
<p>Hohe Farbkontraste, klare Hierarchien und bedienbare Flächen unterstützen eine zugängliche Nutzung im Schulalltag.</p>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@@ -806,7 +943,7 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="testimonials reveal-on-scroll">
|
<section class="testimonials reveal-on-scroll">
|
||||||
<h2>Vom Zettelchaos zur digitalen Transparenz in Rekordzeit.</h2>
|
<h2>Von Praktikern für Praktiker entwickelt.</h2>
|
||||||
<div class="testimonials-grid" style="grid-template-columns: 1fr;">
|
<div class="testimonials-grid" style="grid-template-columns: 1fr;">
|
||||||
<article class="testimonial-card">
|
<article class="testimonial-card">
|
||||||
<div>
|
<div>
|
||||||
|
|||||||
+177
-104
@@ -1,6 +1,8 @@
|
|||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
|
|
||||||
{% block title %}Preise{% endblock %}
|
{% 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 head %}
|
{% block head %}
|
||||||
{{ super() }}
|
{{ super() }}
|
||||||
@@ -43,6 +45,31 @@
|
|||||||
font-size: clamp(1rem, 1.05vw, 1.1rem);
|
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 {
|
.packages-grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||||
@@ -216,6 +243,54 @@
|
|||||||
color: #15444c;
|
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) {
|
@media (max-width: 760px) {
|
||||||
.booking-hero {
|
.booking-hero {
|
||||||
padding: 1.5rem 1.2rem;
|
padding: 1.5rem 1.2rem;
|
||||||
@@ -231,6 +306,11 @@
|
|||||||
gap: 1.2rem;
|
gap: 1.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.pricing-pills,
|
||||||
|
.pricing-comparison {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
.package-card {
|
.package-card {
|
||||||
padding: 1.4rem 1.2rem;
|
padding: 1.4rem 1.2rem;
|
||||||
border-radius: 18px;
|
border-radius: 18px;
|
||||||
@@ -347,121 +427,114 @@
|
|||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% 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">
|
<section class="booking-hero">
|
||||||
<h1>Preise</h1>
|
<h1>Was kostet Invario?</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>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>
|
||||||
<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>
|
<div class="pricing-pills" aria-label="Kernpreise">
|
||||||
<p>Unsere Server sind in Deutschland lokalisiert und garantieren eine hohe Verfügbarkeit und Sicherheit Ihrer Daten.</p>
|
<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>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="packages-grid" aria-label="Buchungspakete">
|
<section class="pricing-comparison" aria-label="Kostenvergleich">
|
||||||
<article class="package-card">
|
<article class="comparison-card">
|
||||||
<div class="package-card__header">
|
<strong>Flatrate statt Zusatzkosten</strong>
|
||||||
<div>
|
<p>Invario hält die Jahreskosten klar und planbar, statt später teure Module, Schnittstellen oder Supportpakete nachzuschieben.</p>
|
||||||
<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__old-price">350 €</span>
|
|
||||||
<span class="package-card__new-price">320 €</span>
|
|
||||||
<small>/ Jahr</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<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>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>
|
||||||
|
<article class="comparison-card">
|
||||||
<article class="package-card">
|
<strong>Vergleich mit Enterprise-Modellen</strong>
|
||||||
<div class="package-card__header">
|
<p>Bei anderen Anbietern entstehen oft zusätzliche Gebühren, zum Beispiel bis zu 1.950 € für App-Schnittstellen oder ähnliche Erweiterungen.</p>
|
||||||
<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>
|
||||||
|
<article class="comparison-card">
|
||||||
<article class="package-card">
|
<strong>Für Förderlogik vorbereitet</strong>
|
||||||
<div class="package-card__header">
|
<p>Revisionssichere PDF-Berichte, deutscher Serverstandort und dokumentierte Prozesse erleichtern Schulträgern die Prüfung.</p>
|
||||||
<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>
|
||||||
|
</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">
|
||||||
<article class="package-card">
|
<article class="package-card">
|
||||||
<div class="package-card__header">
|
<div class="package-card__header">
|
||||||
<div>
|
<div>
|
||||||
<span class="package-card__tag">Modul</span>
|
<span class="package-card__tag">Inventar</span>
|
||||||
<h2 class="package-card__name">Inventarsystem</h2>
|
<h2 class="package-card__name">Inventarsystem</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="package-card__price">
|
<div class="package-card__price">
|
||||||
<span>250 €</span>
|
<span class="package-card__new-price">250 €</span>
|
||||||
<small>/ Jahr</small>
|
<small>/ Jahr</small>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p class="package-card__description">Der stabile Einstieg in die Schulverwaltung mit Inventarverwaltung, Benutzerrechten und Berichten für den gesamten Schulbetrieb.</p>
|
<p class="package-card__description">Der schnelle Einstieg für Schulen, die Inventar, Ausleihe und klare Rollenrechte ohne lokale Installation benötigen.</p>
|
||||||
<ul class="package-card__features">
|
<ul class="package-card__features">
|
||||||
<li>Inventarverwaltung mit Rollenrechten</li>
|
<li>Inventarverwaltung mit Rollenrechten</li>
|
||||||
<li>Basis-Support und Ticketing</li>
|
<li>PDF-Berichte für Inventur und Nachweise</li>
|
||||||
<li>Schulweite Übersichten und Berichte</li>
|
<li>5-Minuten-Start im Browser</li>
|
||||||
<li>Erweiterte Instanzverwaltung</li>
|
<li>Serverstandort Deutschland</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="package-card__actions">
|
<div class="package-card__actions">
|
||||||
{% if 'username' in session %}
|
{% if 'username' in session %}
|
||||||
@@ -478,20 +551,20 @@
|
|||||||
<article class="package-card">
|
<article class="package-card">
|
||||||
<div class="package-card__header">
|
<div class="package-card__header">
|
||||||
<div>
|
<div>
|
||||||
<span class="package-card__tag">Modul</span>
|
<span class="package-card__tag">Bibliothek</span>
|
||||||
<h2 class="package-card__name">Bibliothekssystem</h2>
|
<h2 class="package-card__name">Bibliothekssystem</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="package-card__price">
|
<div class="package-card__price">
|
||||||
<span>150 €</span>
|
<span class="package-card__new-price">100 €</span>
|
||||||
<small>/ Jahr</small>
|
<small>/ Jahr</small>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p class="package-card__description">Ein spezialisiertes Modul für Bibliotheken und Medienzentren mit Ausleihprozessen, Medienbeständen und historischer Transparenz.</p>
|
<p class="package-card__description">Das schlanke Modul für Medienzentren und Schulbibliotheken mit Ausleihe, Rückgabe und transparenter Historie.</p>
|
||||||
<ul class="package-card__features">
|
<ul class="package-card__features">
|
||||||
<li>Ausleih- und Rückgabeprozesse</li>
|
<li>Ausleih- und Rückgabeprozesse</li>
|
||||||
<li>Bestandsübersichten für Medien</li>
|
<li>Transparente Medienbestände</li>
|
||||||
<li>Transparente Historie pro Medium</li>
|
<li>Intuitive Web-App ohne Installation</li>
|
||||||
<li>Einfaches Modul-Setup für Schulen</li>
|
<li>Wartungsarm für Sekretariat und IT</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="package-card__actions">
|
<div class="package-card__actions">
|
||||||
{% if 'username' in session %}
|
{% if 'username' in session %}
|
||||||
|
|||||||
Reference in New Issue
Block a user