fix typos across the site

src/404.hbs

@@ -1,7 +1,7 @@
 ---
 layout: layout
 eleventyExcludeFromCollections: true
-title: Es tut uns leid - hier ist etwas schiefgelaufen
+title: Es tut uns leid – hier ist etwas schiefgelaufen
 description: Die angeforderte Seite wurde leider nicht gefunden.
 permalink: 404.html
 ---

src/_includes/partials/footer.hbs

@@ -25,7 +25,7 @@
 			<div class="footer__app">
 				<h2 class="section-title-pill">Testen</h2>
 				<p class="mt-8">
-					<span class="font-bold">Direkt laden und loslegen.</span><br />Im AppStore oder bei Google Play.
+					<span class="font-bold">Direkt laden und loslegen.</span><br />Im App Store oder bei Google Play.
 				</p>
 				<div class="mt-4 flex flex-row gap-4 items-center">
 					<a href="{{links.appleAppStore}}" class="hover:outline-0">
@@ -92,13 +92,13 @@
 			<div class="footer__social">
 				<ul class="flex flex-row gap-8">
 					<li>
-						<a href="{{links.linkedIn}}" class="hover:outline-0" title="linkedIn">
+						<a href="{{links.linkedIn}}" class="hover:outline-0" title="LinkedIn">
 							<span class="sr-only">LinkedIn</span><img src="/static/img/linkedin-white.png" width="32" alt="" />
 						</a>
 					</li>
 					<li>
-						<a href="{{links.github}}" class="hover:outline-0" title="Github">
-							<span class="sr-only">Github</span><img src="/static/img/GitHub_Invertocat_White.svg" width="32" alt="" />
+						<a href="{{links.github}}" class="hover:outline-0" title="GitHub">
+							<span class="sr-only">GitHub</span><img src="/static/img/GitHub_Invertocat_White.svg" width="32" alt="" />
 						</a>
 					</li>
 					<li>
@@ -115,7 +115,7 @@
 					<a href="/impressum/">Impressum</a>
 				</p>
 				<p>
-					© {{date page.date 'yyyy'}} Focus Shift Software Gmbh
+					© {{date page.date 'yyyy'}} Focus Shift Software GmbH
 				</p>
 			</div>
 		</footer>

src/_includes/partials/jetzt-testen.hbs

@@ -1,18 +1,18 @@
 <div class="page-subgrid-full px-page-grid-gap lg:grid-flow-col">
-	<h3 class="col-span-full section-title-pill place-self-start lg:col-start-2">Kostenlos Testen</h3>
+	<h3 class="col-span-full section-title-pill place-self-start lg:col-start-2">Kostenlos testen</h3>
 	<p class="mt-8 col-span-full text-4xl lg:text-5xl lg:col-start-2">
 		Einfach testen,&nbsp;<br class="hidden sm:inline" /> <span class="font-basteleur">selbst erleben.</span>
 	</p>
 	<p class="col-span-full mt-8 text-xl md:text-2xl lg:text-3xl lg:col-start-2 lg:col-span-6 lg:mt-16">
-		Nutze jetzt 30 Tage kostenlose unser Tool und erlebe selbst, was focus:<span class="font-basteleur">shift</span> für dein Team leisten kann.
+		Nutze jetzt 30 Tage kostenlos unser Tool und erlebe selbst, was focus:<span class="font-basteleur">shift</span> für dein Team leisten kann.
 	</p>
 	<p class="col-span-full mt-8 flex items-center gap-2 md:col-span-4 md:place-self-start md:mt-16 lg:col-start-2 lg:col-span-6 lg:mt-8">
 		{{> partials/dots-horizontal color="bg-lila" }}
 		<a href="{{links.registration}}" class="button button--orange">Jetzt testen</a>
 	</p>
 	<div class="mt-8 col-span-full highlight-box bg-white border-lila px-5 py-6 flex flex-col gap-4 md:mt-16 md:col-start-5 lg:col-start-8 lg:col-span-4 lg:self-start lg:row-span-2">
 		<p>
-			<span class="font-bold">Direkt laden und loslegen.</span><br />Im AppStore oder bei Google Play.
+			<span class="font-bold">Direkt laden und loslegen.</span><br />Im App Store oder bei Google Play.
 		</p>
 		<div class="flex flex-row gap-4 items-center">
 			<a href="{{links.appleAppStore}}" class="hover:outline-0">

src/_includes/partials/price.hbs

@@ -2,10 +2,10 @@
 	<div class="price-section-switch">
 		<button id="price-button-cloud" type="button" class="price-section-toggle price-section-toggle--cloud">Cloud</button>
 		<label class="checkbox-switch checkbox-switch--noir">
-			<span class="sr-only">On Premise</span>
+			<span class="sr-only">On-Premise</span>
 			<input type="checkbox" name="on-premise">
 		</label>
-		<button id="price-button-on-premise" type="button" class="price-section-toggle price-section-toggle--on-premise">On Premise</button>
+		<button id="price-button-on-premise" type="button" class="price-section-toggle price-section-toggle--on-premise">On-Premise</button>
 	</div>
 </div>
 
@@ -16,7 +16,7 @@
 				<span class="text-lila font-bold text-lg">focus:shift</span> <span class="bg-green px-2 py-px rounded-full text-sm uppercase">meistgewählt</span>
 			</h3>
 			<p class="font-bold text-lg">
-				Registrieren und direkt Starten!
+				Registrieren und direkt starten!
 			</p>
 			<ul class="list-disc list-outside pl-5">
 				<li>
@@ -29,7 +29,7 @@
 					Sicherheitsupdates
 				</li>
 				<li>
-					Single Sign On
+					Single Sign-On
 				</li>
 				<li>
 					Backups
@@ -84,10 +84,10 @@
 		</form>
 		<div class="mt-8 col-span-full lg:col-start-2 lg:col-span-4">
 			<p class="font-bold lg:text-lg">Ihr habt mehr als 250 Mitarbeitende?</p>
-			<p>Meldet euch bei uns für ein individuelles Angebot</p>
+			<p>Meldet euch bei uns für ein individuelles Angebot.</p>
 			<p class="mt-4 ci-dots-button-group">
 				{{> partials/dots-horizontal color="bg-lila" }}
-				<a href="{{links.individualPriceRequest}}" class="button button--green">Preis Anfragen</a>
+				<a href="{{links.individualPriceRequest}}" class="button button--green">Preis anfragen</a>
 			</p>
 		</div>
 	</div>
@@ -99,24 +99,24 @@
 			<div class="highlight-box bg-white border-lila p-8 grid">
 				<h3 class="font-bold text-lila text-lg">Open-Source-Software</h3>
 				<p class="mt-2 max-w-prose">
-					Du willst dich um Setup, Backup &amp; Updates selbst kümmern? Dann geht es hier direkt zu Github.
+					Du willst dich um Setup, Backup &amp; Updates selbst kümmern? Dann geht es hier direkt zu GitHub.
 					Wir freuen uns über Feedback und Mitgestaltung!
 				</p>
 				<ul class="mt-8 list-disc list-outside pl-5">
 					<li>Offene Quellen</li>
 					<li>Aktive Community</li>
 					<li>Transparente Weiterentwicklung</li>
-					<li>Support via Github</li>
+					<li>Support via GitHub</li>
 				</ul>
 				<p class="mt-8 flex items-center gap-2">
 					{{> partials/dots-horizontal color="bg-lila" }}
-					<a href="https://github.com/urlaubsverwaltung" class="button button--light-blue">Zu Github</a>
+					<a href="https://github.com/urlaubsverwaltung" class="button button--light-blue">Zu GitHub</a>
 				</p>
 			</div>
 		</li>
 		<li class="col-span-full lg:col-span-4">
 			<div class="highlight-box bg-white border-lila p-8 grid">
-				<h3 class="font-bold text-lila text-lg">On-Premise Support</h3>
+				<h3 class="font-bold text-lila text-lg">On-Premise-Support</h3>
 				<p class="mt-2 max-w-prose">
 					Wir sind an deiner Seite. Wir stellen dir einen individuellen Supportvertrag zur Verfügung,
 					der auf deine Anforderungen zugeschnitten ist. Er könnte zum Beispiel folgende Leistungen beinhalten:
@@ -136,7 +136,7 @@
 		</li>
 		<li class="col-span-full lg:col-span-4">
 			<div class="highlight-box bg-white border-lila p-8 grid">
-				<h3 class="font-bold text-lila text-lg">On Premise Installation</h3>
+				<h3 class="font-bold text-lila text-lg">On-Premise-Installation</h3>
 				<p class="mt-2 max-w-prose">
 					Wir unterstützen dich gerne bei der Einrichtung der Urlaubsverwaltung &amp; Zeiterfassung
 					auf deinen eigenen Servern.

src/_includes/partials/section-vision-and-values.hbs

@@ -22,7 +22,7 @@
 				<li class="values-list-item">
 					<img src="/static/img/icon-transparenz.svg" alt="" class="values-list-item__icon">
 					<h3 class="values-list-item__title">Transparenz für Selbstfürsorge</h3>
-					<p class="values-list-item__text">Wir geben Teams Daten an die Hand, die zeigen, wann die Belastungsgrenze erreicht ist &dash; bevor es zu spät ist.</p>
+					<p class="values-list-item__text">Wir geben Teams Daten an die Hand, die zeigen, wann die Belastungsgrenze erreicht ist &ndash; bevor es zu spät ist.</p>
 				</li>
 				<li class="values-list-item">
 					<img src="/static/img/icon-wertschaetzung.svg" alt="" class="values-list-item__icon">

src/_includes/software/feature-detail-app.hbs

@@ -7,7 +7,7 @@
 	<div class="mt-8 flex flex-col gap-8 md:mt-16 md:gap-16">
 		<div class="grid grid-cols-1 gap-8 md:grid-cols-2 md:grid-flow-col md:gap-16">
 			<div class="space-y-4">
-				<h4 class="font-bold">Schnell und einfach Abwesenheiten beantragen oder Zeiten erfassen - mit der Mitarbeiter App (Android &amp; iOS)</h4>
+				<h4 class="font-bold">Schnell und einfach Abwesenheiten beantragen oder Zeiten erfassen – mit der Mitarbeiter-App (Android &amp; iOS)</h4>
 				<p>Einfach und von überall deine Arbeitszeit erfassen.</p>
 				<p class="font-bold">Vorteile</p>
 				<ul class="list-disc list-outside pl-5 flex flex-col gap-1">
@@ -18,7 +18,7 @@
 						Stoppuhr unterwegs starten und stoppen
 					</li>
 					<li>
-						Synchronisation by Design - Keine Daten auf dem Handy gespeichert
+						Synchronisation by Design – keine Daten auf dem Handy gespeichert
 					</li>
 					<li>
 						Eigene App, eigener Prozess
@@ -38,7 +38,7 @@
 				</ul>
 			</div>
 			<div class="col-start-1 image-mask--beige">
-				<img src="app-hero.png" alt="Drei Smartphones mit der Urlaubsverwaltung App, daneben die Merkmale „Security first“, „Stoppuhr starten und stoppen“, „Alle Funktionen und Daten wie im Browser“ und „Schnelle Freigabe“ sowie die Download-Badges für Apple App Store und Google Play" class="object-fit" />
+				<img src="app-hero.png" alt="Drei Smartphones mit der Urlaubsverwaltung-App, daneben die Merkmale „Security first“, „Stoppuhr starten und stoppen“, „Alle Funktionen und Daten wie im Browser“ und „Schnelle Freigabe“ sowie die Download-Badges für Apple App Store und Google Play" class="object-fit" />
 			</div>
 		</div>
 		<div class="grid grid-cols-1 gap-8 md:grid-cols-2 md:grid-flow-col md:gap-16">
@@ -55,7 +55,7 @@
 			<div class="space-y-4">
 				<h4 class="font-bold">Wer ist da, wer ist abwesend?</h4>
 				<p>Erhalte eine Übersicht über die Anwesenheit deiner Kollegen und Kolleginnen aus deiner Abteilung.</p>
-				<p>Sehe, wer im Urlaub ist, wer krank ist oder wer sich im Homeoffice befindet.</p>
+				<p>Sieh, wer im Urlaub ist, wer krank ist oder wer sich im Homeoffice befindet.</p>
 			</div>
 			<div class="col-start-1 image-mask--beige">
 				<img src="detail-app-uv-abwesenheitsuebersicht.png" width="420" height="750" alt="Abwesenheitsübersicht in der App mit Filtern für Jahr, Monat und Abteilung sowie einer Tabelle, die je Person und Tag im September 2026 die Abwesenheiten zeigt" />
@@ -74,8 +74,8 @@
 		<div class="grid grid-cols-1 gap-8 md:grid-cols-2 md:grid-flow-col md:gap-16">
 			<div class="space-y-4">
 				<h4 class="font-bold">Arbeitszeiten unterwegs erfassen</h4>
-				<p>Starte die Stoppuhr noch bevor dein Rechner hochgefahren ist. Hast du vergessen die Stoppuhr anzuhalten? Kein Problem, das kannst du auch von unterwegs erledigen.</p>
-				<p>Erstelle Zeiteinträge und erfasse deine Arbeitszeiten auf dem Heimweg</p>
+				<p>Starte die Stoppuhr, noch bevor dein Rechner hochgefahren ist. Hast du vergessen, die Stoppuhr anzuhalten? Kein Problem, das kannst du auch von unterwegs erledigen.</p>
+				<p>Erstelle Zeiteinträge und erfasse deine Arbeitszeiten auf dem Heimweg.</p>
 			</div>
 			<div class="col-start-1 image-mask--beige">
 				<img src="detail-app-ze-zeiterfassung.png" width="420" height="570" alt="Zeiterfassung in der App: Formular „Neuen Zeiteintrag erfassen“ mit Kommentar, Von, Bis und Dauer, oben die Start-Schaltfläche der Stoppuhr, darunter die Summen für Woche und Tag" />
@@ -84,7 +84,7 @@
 		<div class="grid grid-cols-1 gap-8 md:grid-cols-2 md:grid-flow-col md:gap-16">
 			<div class="space-y-4">
 				<h4 class="font-bold">Schneller Blick auf die erfassten Arbeitszeiten</h4>
-				<p>Bist du noch im Soll? Werfe schnell einen Blick auf die Statistik und vergewissere dich, dass du deine Arbeitszeiten erfasst hast.</p>
+				<p>Bist du noch im Soll? Wirf schnell einen Blick auf die Statistik und vergewissere dich, dass du deine Arbeitszeiten erfasst hast.</p>
 			</div>
 			<div class="col-start-1 image-mask--beige">
 				<img src="detail-app-ze-berichte.png" width="420" height="570" alt="Bericht der erfassten Arbeitszeiten in der App: Wochenansicht mit Balkendiagramm je Wochentag, Saldo von plus 42:15 Stunden und darunter die einzelnen Zeiteinträge eines Tages" />

src/_includes/software/feature-detail-kalenderintegration.hbs

@@ -3,12 +3,12 @@
 	<div class="mt-8 flex flex-col gap-8 md:mt-16 md:gap-16">
 		<div class="grid grid-cols-1 gap-8 md:grid-cols-2 md:grid-flow-col md:gap-16">
 			<div class="image-mask--beige">
-				<img src="app-hero.png" alt="Drei Smartphones mit der Urlaubsverwaltung App, daneben die Merkmale „Security first“, „Stoppuhr starten und stoppen“, „Alle Funktionen und Daten wie im Browser“ und „Schnelle Freigabe“ sowie die Download-Badges für Apple App Store und Google Play" class="object-fit" />
+				<img src="app-hero.png" alt="Drei Smartphones mit der Urlaubsverwaltung-App, daneben die Merkmale „Security first“, „Stoppuhr starten und stoppen“, „Alle Funktionen und Daten wie im Browser“ und „Schnelle Freigabe“ sowie die Download-Badges für Apple App Store und Google Play" class="object-fit" />
 			</div>
 			<div class="space-y-4">
 				<h4 class="font-bold">Kalenderintegration</h4>
 				<ul class="list-disc list-outside pl-5 flex flex-col gap-1">
-					<li>iCal Standard für mehr Flexibilität</li>
+					<li>iCal-Standard für mehr Flexibilität</li>
 					<li>Rasend schnell</li>
 					<li>DSGVO-konform</li>
 					<li>Kalender mit den eigenen Abwesenheiten</li>
@@ -19,9 +19,9 @@
 		</div>
 		<div class="grid grid-cols-1 gap-8 md:grid-cols-2 md:grid-flow-col md:gap-16">
 			<div class="space-y-4">
-				<h4 class="font-bold">iCal Standard für mehr Flexibilität</h4>
-				<p>Alle <a href="/hilfe/urlaubsverwaltung/kalender/#welche-moeglichkeiten-habe-ich-eine-ical-kalenderfreigabe-in-meinem-client-zu-verwenden" class="underline">gängigen Kalenderanwendungen</a> unterstützen das iCalendar Datenformat und können externe Kalender integrieren.</p>
-				<p>Einfach Link generieren und in der Anwendungen der Wahl importieren.</p>
+				<h4 class="font-bold">iCal-Standard für mehr Flexibilität</h4>
+				<p>Alle <a href="/hilfe/urlaubsverwaltung/kalender/#welche-moeglichkeiten-habe-ich-eine-ical-kalenderfreigabe-in-meinem-client-zu-verwenden" class="underline">gängigen Kalenderanwendungen</a> unterstützen das iCalendar-Datenformat und können externe Kalender integrieren.</p>
+				<p>Einfach Link generieren und in die Anwendung der Wahl importieren.</p>
 			</div>
 			<div class="col-start-1 image-mask--beige">
 				<img src="detail-kalenderintegration-url.png" width="1420" height="780" alt="Kalenderfreigabe mit generiertem iCal-Link sowie Schaltflächen „Neuen Link generieren“ und „Freigabe löschen“" />
@@ -30,8 +30,8 @@
 		<div class="grid grid-cols-1 gap-8 md:grid-cols-2 md:grid-flow-col md:gap-16">
 			<div class="space-y-4">
 				<h5 class="font-bold">Beispiel Google Kalender</h5>
-				<p>Unter "Weitere Kalender" kann "Per Url" ein Kalender integriert werden.</p>
-				<p>Einfach die Url aus der Urlaubsverwaltung kopieren und durchstarten 🚀</p>
+				<p>Unter "Weitere Kalender" kann "Per URL" ein Kalender integriert werden.</p>
+				<p>Einfach die URL aus der Urlaubsverwaltung kopieren und durchstarten 🚀</p>
 			</div>
 			<div class="col-start-1 image-mask--beige">
 				<img src="detail-kalenderintegration-google.png" width="1420" height="780" alt="Google-Kalender-Einstellungen „Kalender hinzufügen – Per URL“ mit eingefügtem Link aus der Urlaubsverwaltung" />
@@ -41,7 +41,7 @@
 			<div class="space-y-4">
 				<h5 class="font-bold">Beispiel Microsoft Outlook</h5>
 				<p>Unter "Kalender hinzufügen" kann mit "Aus dem Internet abonnieren" ein Kalender integriert werden.</p>
-				<p>Einfach die Url aus der Urlaubsverwaltung kopieren und durchstarten 🚀</p>
+				<p>Einfach die URL aus der Urlaubsverwaltung kopieren und durchstarten 🚀</p>
 			</div>
 			<div class="col-start-1 image-mask--beige">
 				<img src="detail-kalenderintegration-outlook.png" width="1420" height="780" alt="Outlook-Dialog „Aus dem Internet abonnieren“ mit eingefügtem Link aus der Urlaubsverwaltung und Kalendername „Abwesenheiten“" />
@@ -50,18 +50,18 @@
 		<div class="grid grid-cols-1 gap-8 md:grid-cols-2 md:grid-flow-col md:gap-16">
 			<div class="space-y-4">
 				<h4 class="font-bold">Rasend schnell</h4>
-				<p>Entscheide selbst wie weit die Kalenderdaten in die Vergangenheit reichen.</p>
-				<p>Das "Sliding-Window-Prinzip" stellt kurz Ladezeiten sicher.</p>
+				<p>Entscheide selbst, wie weit die Kalenderdaten in die Vergangenheit reichen.</p>
+				<p>Das "Sliding-Window-Prinzip" stellt kurze Ladezeiten sicher.</p>
 			</div>
 			<div class="col-start-1 image-mask--beige">
 				<img src="detail-kalenderintegration-zeitfenster.png" width="1420" height="780" alt="Auswahl des Freigabezeitraums für vergangene Abwesenheiten: Quartal, halbes Jahr, Jahr oder alle, mit Schaltfläche „Meinen Kalender freigeben“" />
 			</div>
 		</div>
 		<div class="grid grid-cols-1 gap-8 md:grid-cols-2 md:grid-flow-col md:gap-16">
 			<div class="space-y-4">
-				<h4 class="font-bold">DSGVO-Konform</h4>
-				<p>Kalenderfreigabe auf Abteilungsebene möglich. Jeder sieht nur die Abwesenheiten, für die er ein berechtigtes Interesse hat.</p>
-				<p>Zeige deinem Partner/ deiner Partnerin wann du da bist ❤️ mit dem Kalender deiner eigenen Abwesenheiten.</p>
+				<h4 class="font-bold">DSGVO-konform</h4>
+				<p>Kalenderfreigabe auf Abteilungsebene möglich. Jeder sieht nur die Abwesenheiten, an denen er ein berechtigtes Interesse hat.</p>
+				<p>Zeige deinem Partner/deiner Partnerin, wann du da bist ❤️ mit dem Kalender deiner eigenen Abwesenheiten.</p>
 			</div>
 			<div class="col-start-1 image-mask--beige">
 				<img src="detail-kalenderintegration-abteilungen.png" width="1420" height="780" alt="Kalenderfreigabe auf Abteilungsebene mit Reitern „Admins“ und „Entwicklung“ und dem iCal-Link der Abteilung" />
@@ -70,7 +70,7 @@
 		<div class="grid grid-cols-1 gap-8 md:grid-cols-2 md:grid-flow-col md:gap-16">
 			<div class="space-y-4">
 				<h4 class="font-bold">Behalte die Kontrolle</h4>
-				<p>Die URL ist jederzeit stornierbar und kann bei Bedarf neugeneriert werden.</p>
+				<p>Die URL ist jederzeit stornierbar und kann bei Bedarf neu generiert werden.</p>
 				<p>Der unternehmensweite Kalender ist für spezielle Rollen verfügbar und kann für das ganze Unternehmen freigegeben werden.</p>
 			</div>
 			<div class="col-start-1 image-mask--beige">