faith: add bilingual routes /glaube ↔ /faith

Add language toggle support for faith pages similar to recipes.
Routes now work in both German and English:
- /glaube ↔ /faith
- /glaube/gebete ↔ /faith/prayers
- /glaube/rosenkranz ↔ /faith/rosary
- /glaube/angelus ↔ /faith/angelus

src/routes/[faithLang=faithLang]/[prayers=prayersLang]/+page.svelte

@@ -0,0 +1,116 @@
+<script>
+	import { createLanguageContext } from "$lib/contexts/languageContext.js";
+	import "$lib/css/christ.css";
+	import "$lib/css/nordtheme.css";
+	import Gebet from "./Gebet.svelte";
+	import LanguageToggle from "$lib/components/LanguageToggle.svelte";
+	import Kreuzzeichen from "$lib/components/prayers/Kreuzzeichen.svelte";
+	import GloriaPatri from "$lib/components/prayers/GloriaPatri.svelte";
+	import Paternoster from "$lib/components/prayers/Paternoster.svelte";
+	import Credo from "$lib/components/prayers/Credo.svelte";
+	import AveMaria from "$lib/components/prayers/AveMaria.svelte";
+	import SalveRegina from "$lib/components/prayers/SalveRegina.svelte";
+	import FatimaGebet from "$lib/components/prayers/FatimaGebet.svelte";
+	import Gloria from "$lib/components/prayers/Gloria.svelte";
+	import MichaelGebet from "$lib/components/prayers/MichaelGebet.svelte";
+	import BruderKlausGebet from "$lib/components/prayers/BruderKlausGebet.svelte";
+	import JosephGebet from "$lib/components/prayers/JosephGebet.svelte";
+	import Confiteor from "$lib/components/prayers/Confiteor.svelte";
+
+	// Create language context for prayer components
+	createLanguageContext();
+</script>
+
+<svelte:head>
+	<title>Gebete - Bocken</title>
+	<meta name="description" content="Katholische Gebete auf Deutsch und Latein." />
+</svelte:head>
+<style>
+.ccontainer{
+	margin: auto;
+	overflow-x: visible;
+	max-width: 1000px;
+}
+.container{
+	column-count: 2;
+	column-gap: 1em;
+}
+@media (max-width: 800px) {
+	.container{
+		column-count: 1;
+		padding-left: calc((100% - 600px ) * 0.5); /* ugly*/
+	}
+}
+:global(.container > *){
+	break-inside: avoid-column; /* Prevent children from splitting across columns */
+	margin-bottom: 1em;
+}
+h1{
+	text-align: center;
+	font-size: 3rem;
+}
+.toggle-controls {
+	display: flex;
+	justify-content: center;
+	margin-bottom: 2rem;
+}
+</style>
+<h1>Gebete</h1>
+
+<div class="toggle-controls">
+	<LanguageToggle />
+</div>
+
+<div class="ccontainer">
+<div class=container>
+
+<Gebet name={"Das heilige Kreuzzeichen"} is_bilingue={true}>
+	<Kreuzzeichen />
+</Gebet>
+
+<Gebet name={"Glória Patri"} is_bilingue={true}>
+	<GloriaPatri />
+</Gebet>
+
+<Gebet name={"Paternoster"} is_bilingue={true}>
+	<Paternoster />
+</Gebet>
+
+<Gebet name={"Credo"} is_bilingue={true}>
+	<Credo />
+</Gebet>
+
+<Gebet name={"Ave Maria"} is_bilingue={true}>
+	<AveMaria />
+</Gebet>
+
+<Gebet name={"Salve Regina"} is_bilingue={true}>
+	<SalveRegina />
+</Gebet>
+
+<Gebet name={"Das Fatimagebet"} is_bilingue={true}>
+	<FatimaGebet />
+</Gebet>
+
+<Gebet name={"Glória"} is_bilingue={true}>
+	<p slot="intro">Der uralte Gesang beginnt mit den Worten, mit denen die Engelscharen den neugeborenen Welterlöser feierten. Er preist zunächst Gott Vater, dann Gott Sohn; er schliesst mit einer Huldigung an die Heiligste Dreifaltigkeit, wobei man sich mit dem grossen Kreuze bezeichnet.</p>
+	<Gloria />
+</Gebet>
+
+<Gebet name={"Gebet zum hl. Erzengel Michael"} is_bilingue={true}>
+	<MichaelGebet />
+</Gebet>
+
+<Gebet name={"Bruder Klaus Gebet"} is_bilingue={false}>
+	<BruderKlausGebet />
+</Gebet>
+
+<Gebet name={"Josephgebet des hl. Papst Pius X"} is_bilingue={false}>
+	<JosephGebet />
+</Gebet>
+
+<Gebet name={"Das Confiteor"} is_bilingue={true}>
+	<Confiteor />
+</Gebet>
+</div>
+</div>

src/routes/[faithLang=faithLang]/[prayers=prayersLang]/Gebet.svelte

@@ -0,0 +1,52 @@
+<script>
+	export let is_bilingue;
+	export let name;
+</script>
+<style>
+div.gebet{
+	text-align: center;
+	font-size: 1.25em;
+}
+:global(.gebet v){
+	margin:0;
+	display: block;
+}
+:global(.gebet v:lang(la)) {
+	color: var(--nord6);
+}
+:global(.bilingue v:lang(de)){
+	color: grey;
+}
+.gebet_wrapper h2{
+	text-align: center;
+	padding-bottom: 0.5em;
+}
+
+:global(.gebet i){
+	font-style: normal;
+	color: var(--nord11);
+	font-weight: 900;
+}
+.gebet_wrapper{
+	padding: 1em;
+	background-color: var(--accent-dark);
+	box-shadow: 0 0 1em black;
+	max-width: 600px;
+}
+@media(prefers-color-scheme: light){
+	.gebet_wrapper{
+		background-color: var(--accent-light);
+	}
+	:global(.gebet v:lang(la)){
+		color: black;
+	}
+}
+</style>
+
+<div class="gebet_wrapper">
+	<h2>{name}</h2>
+	<slot name="intro"></slot>
+	<div class="gebet" class:bilingue={is_bilingue}>
+		<slot></slot>
+	</div>
+</div>