fix: Update pricing display with old and new prices for clarity and consistency

This commit is contained in:
2026-05-10 14:07:36 +02:00
parent ec22d843ea
commit d3c7ae6144
2 changed files with 50 additions and 34 deletions
+18 -2
View File
@@ -117,6 +117,21 @@
letter-spacing: -0.04em;
line-height: 1.1;
}
.package-card__old-price {
color: #c62828;
text-decoration: line-through;
margin-right: 0.5rem;
font-size: clamp(1rem, 2.2vw, 1.1rem);
font-weight: 700;
opacity: 0.95;
}
.package-card__new-price {
color: #0b6440;
font-size: clamp(1.8rem, 3vw, 2.4rem);
font-weight: 800;
letter-spacing: -0.04em;
}
.package-card__price small {
color: #57717b;
@@ -333,7 +348,7 @@
{% block content %}
<section class="booking-hero">
<h1>Termine entdecken</h1>
<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>
@@ -347,7 +362,8 @@
<h2 class="package-card__name">Starter Paket</h2>
</div>
<div class="package-card__price">
<span>320 €</span>
<span class="package-card__old-price">350 €</span>
<span class="package-card__new-price">320 €</span>
<small>/ Jahr</small>
</div>
</div>
+32 -32
View File
@@ -751,36 +751,6 @@
</div>
</section>
<section class="section reveal-on-scroll" id="ablauf">
<h2>So verläuft die Zusammenarbeit</h2>
<p>Ein klarer Prozess sorgt für Sicherheit, besonders bei begrenzten Zeitfenstern im Schulbetrieb.</p>
<div class="process" aria-label="Ablauf in fünf Schritten">
<div class="step"><strong>1. Kennenlernen</strong><small>Ziele klären</small></div>
<div class="step"><strong>2. Struktur</strong><small>Bestehende Abläufe erfassen</small></div>
<div class="step"><strong>3. Einrichtung</strong><small>System passgenau einstellen</small></div>
<div class="step"><strong>4. Online Einführung</strong><small>Online Videos zu allen Bereichen</small></div>
<div class="step"><strong>5. Betrieb</strong><small>Persönlich begleiten</small></div>
</div>
</section>
<section class="section reveal-on-scroll" id="nutzen">
<h2>Nutzen-Inseln aus dem Schulalltag</h2>
<div class="section-grid">
<article class="card">
<h3>Bücher sicher ausgeben und zurücknehmen</h3>
<p>Mit Barcode oder QR-Code werden Bücher und Materialien schnell und nachvollziehbar ausgegeben und zurückgenommen ohne Zettelwirtschaft.</p>
</article>
<article class="card">
<h3>Den Überblick über Laptops und iPads behalten</h3>
<p>IT-Geräte, Tablets und Medien werden gemeinsam verwaltet. Verantwortlichkeiten und Rückgaben sind jederzeit einsehbar.</p>
</article>
<article class="card">
<h3>Lehrmittel für die Unterrichtsplanung</h3>
<p>Lehrkräfte planen Materialbedarf im Voraus und vermeiden so Engpässe und Doppelbestellungen.</p>
</article>
</div>
</section>
<section class="section reveal-on-scroll" id="warum">
<h2>Warum Invario?</h2>
<p>Alleinstellungsmerkmale auf einen Blick: schnell, transparent und wartungsarm.</p>
@@ -791,11 +761,11 @@
</article>
<article class="card">
<h3>PreisTransparenz</h3>
<p>Echte Flatrate statt versteckter Gebühren: 100 € für kleine Schulen / 250 € für große Schulen — im Vergleich zu EnterpriseGebühren von bis zu 1.950 €.</p>
<p>Echte Flatrate statt versteckter Gebühren: 250 € für das Inventarsystem für alle Schulen — im Vergleich zu EnterpriseGebühren von bis zu 1.950 €.</p>
</article>
<article class="card">
<h3>Zero Maintenance</h3>
<p>Reine WebApp: automatische Updates, keine lokalen Server, geringer Betriebsaufwand für Ihre IT.</p>
<p>Reine WebApp: automatische Updates, keine lokalen Server, nahezu kein Betriebsaufwand für Ihre IT.</p>
</article>
<article class="card">
<h3>Datenschutz &amp; DSGVO</h3>
@@ -909,6 +879,36 @@
</div>
</section>
<section class="section reveal-on-scroll" id="nutzen">
<h2>Nutzen-Inseln aus dem Schulalltag</h2>
<div class="section-grid">
<article class="card">
<h3>Bücher sicher ausgeben und zurücknehmen</h3>
<p>Mit Barcode oder QR-Code werden Bücher und Materialien schnell und nachvollziehbar ausgegeben und zurückgenommen ohne Zettelwirtschaft.</p>
</article>
<article class="card">
<h3>Den Überblick über Laptops und iPads behalten</h3>
<p>IT-Geräte, Tablets und Medien werden gemeinsam verwaltet. Verantwortlichkeiten und Rückgaben sind jederzeit einsehbar.</p>
</article>
<article class="card">
<h3>Lehrmittel für die Unterrichtsplanung</h3>
<p>Lehrkräfte planen Materialbedarf im Voraus und vermeiden so Engpässe und Doppelbestellungen.</p>
</article>
</div>
</section>
<section class="section reveal-on-scroll" id="ablauf">
<h2>So verläuft die Zusammenarbeit</h2>
<p>Ein klarer Prozess sorgt für Sicherheit, besonders bei begrenzten Zeitfenstern im Schulbetrieb.</p>
<div class="process" aria-label="Ablauf in fünf Schritten">
<div class="step"><strong>1. Kennenlernen</strong><small>Ziele klären</small></div>
<div class="step"><strong>2. Struktur</strong><small>Bestehende Abläufe erfassen</small></div>
<div class="step"><strong>3. Einrichtung</strong><small>System passgenau einstellen</small></div>
<div class="step"><strong>4. Online Einführung</strong><small>Online Videos zu allen Bereichen</small></div>
<div class="step"><strong>5. Betrieb</strong><small>Persönlich begleiten</small></div>
</div>
</section>
<section class="contact reveal-on-scroll" id="kontakt">
<div>
<h2>Beratung für den nächsten Digitalisierungsschritt</h2>