Merge branch 'dev' into diverse_issues

blog/README.md

@@ -38,6 +38,6 @@ All commands are run from the root of the project, from a terminal:
 | `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
 | `npm run astro -- --help` | Get help using the Astro CLI                     |
 
-## 👀 Want to learn more?
+## Bilder für Webuseage convertieren
 
-Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
+`magick mogrify -format webp -quality 80 *.jpg`

blog/src/components/PostPreviewLarge.astro

@@ -16,12 +16,15 @@ const localeDate = new Date(post.date).toLocaleDateString()
 
 <div class="wide-container">
   <div class="image-col col rounded">
-    <Image src={img} alt={post.image.alt} layout="constrained" />
+    <a href={url}>
+      <Image src={img} alt={post.image.alt} layout="constrained" />
+    </a>
   </div>
   <div class="text-col col">
     <a href={url} class="headline-link">
       <h2 class="headline">{post.title}</h2>
     </a>
+    <h7>{post.subtitle}</h7>
     <div class="top-info">
       <span>{localeDate}</span>
       <span class="vertical-line"></span>
@@ -76,7 +79,7 @@ const localeDate = new Date(post.date).toLocaleDateString()
     color: lightslategray;
   }
 
-  .vertical-line{
+  .vertical-line {
     color: #789;
     border-right-width: 2px;
     margin-right: 16px;

blog/src/layouts/BlogPostLayout.astro

@@ -16,7 +16,7 @@ const localeDate = new Date(frontmatter.date).toLocaleDateString()
 ---
 
 <Main>
-  <article>
+  <article class="markdown-content">
     <Image
       id="titleImg"
       src={titleImg}
@@ -24,15 +24,17 @@ const localeDate = new Date(frontmatter.date).toLocaleDateString()
       class="rounded"
     />
     <h1 class="headline">{frontmatter.title}</h1>
-    <span class="subtitle">{frontmatter.subtitle}</span>
-    <hr />
     <div class="bottom-info">
       <span>Autor: {frontmatter.author}</span>
       <span>{localeDate}</span>
     </div>
-    <hr />
     <slot />
-  <BackNav />
+    <BackNav />
+    <p class="disclaimer">
+      Disclaimer: Dieser Artikel ist ausschließlich privat und wird nicht durch
+      Produktplatzierung, Affiliate-Links oder ähnliches Unterstützt. Links
+      dienen allein dem Zweck der Information.
+    </p>
   </article>
 </Main>
 
@@ -42,6 +44,15 @@ const localeDate = new Date(frontmatter.date).toLocaleDateString()
     padding: 0 clamp(8px, 32px, 64px);
   }
 
+  .markdown-content {
+    font-size: 1.5rem;
+    line-height: 1.6;
+  }
+
+  .markdown-content img {
+    width: 100%;
+  }
+
   #titleImg {
     width: 100%;
     height: 200px;
@@ -52,10 +63,11 @@ const localeDate = new Date(frontmatter.date).toLocaleDateString()
   .bottom-info {
     display: flex;
     justify-content: space-between;
+    margin-top: 16px;
   }
 
-  h2 {
+  .disclaimer {
-    margin-top: 32px;
+    margin: 32px 0 64px 0;
+    font-size: smaller;
   }
-
 </style>

blog/src/lib/findImage.ts

@@ -1,4 +1,4 @@
-const images = import.meta.glob("/src/assets/**/*.{jpg,png}", { eager: true }) as Record<string, { default: string }>;
+const images = import.meta.glob("/public/**/*.{jpg,png,webp}", { eager: true }) as Record<string, { default: string }>;
 
 export function findImageByPath(path: string, { fallback }: { fallback?: string } = {}): any {
   if (!path) return fallback ?? null;

blog/src/pages/posts/100726_Under_Construction.md

@@ -1,7 +1,6 @@
 ---
 layout: ../../layouts/BlogPostLayout.astro
 title: Under Construction
-subtitle: Wir befinden uns im Aufbau
 description: Bald könnt ihr hier unsere ersten Abenteuer mitverfolgen. Und keine Sorge...an der Webseite wird auch noch gearbeitet!
 image:
     path: construction.png

blog/src/pages/posts/200826_Ostseeurlaub.md

@@ -0,0 +1,137 @@
+---
+layout: ../../layouts/BlogPostLayout.astro
+title: Ostseeurlaub
+subtitle: Finden wir ein Boot? Suchen wir überhaupt oder faulenzen wir nur?
+description: Ostseeurlaub bedeutet für mich ganz viele Kindheitserinnerungen. Besonders diese Woche war vollgepackt davon. Hier meine Reiseempfehlung...
+image:
+    path: ostsee.webp
+    alt: Chiara und Tim vor einem Strand
+author: Tim
+date: '2026-08-20'
+---
+
+Eigentlich soll es hier um unser (zukünftiges) Boot und die Segelreisen gehen. 
+Bis wir davon berichten können dauert es aber noch ein bisschen. Was wir bis dahin machen? 
+Das Leben als Privatière genießen! Und das sieht so aus... 
+</br>
+</br>
+
+---
+
+## Ostseecamp Rerik
+Unser erstes light-Abenteuer führt uns an die Ostsee. Mit meiner Mutter und kleinem Bruder verbringen wir eine Woche im Ostseecamp Seeblick bei Rerik.
+
+Freitag morgen, 5 Uhr geht's los. Chiara war da bereits in Kiel und beging den letzten Tag ihres Praktikums in einer Werft. (Vielleicht teilt sie diese Erfahrung auch noch in einem Post). 
+
+Das Ostseecamp kannte ich schon aus den letzten drei Urlauben (vor 2017). Unser Platz hat perfekten zweite Reihe Blick von den Klippen auf das Meer. Der Name ist nicht nur Marketing. Immer eine leichte Briese frische Meeresluft, so lassen sich die Temperaturen gut aushalten. Ab uns zu sehen wir Segelschiffe und sogar ein paar Traditionssegler auf dem Weg zur HanseSail. Dass das Animationsprogramm an diesem Tag bis 23 Uhr geht will mir, im Schlafsack liegend, aber nicht einleuchten. Ab 10 ist Nachtruhe!<br>
+Einschlafen klappt dann aber doch irgendwie. Wenn man hier eins lernt, dann auch bei einer Geräuschkulisse zu schlafen.
+</br>
+</br>
+
+---
+
+## Tschu Tschuuuu
+
+<div style="display: flex; flex-direction: row; gap: 2%;">
+    <img src="/blog_img/ostseeurlaub/molly_1.webp" 
+        alt="Chiara und Tim stehen vor der Dampflok Molly." 
+        style="max-width: 49%; height: auto;" 
+        loading="lazy" />
+    <img src="/blog_img/ostseeurlaub/molly_2.webp" 
+        alt="Chiara und Tim stehen neben der Dampflok Molly." 
+        style="max-width: 49%; height: auto;" 
+        loading="lazy" />
+</div>
+
+
+Da wir nur eine Woche haben (sonst waren es drei), tüffteln wir uns einen straffen Plan aus.
+Station Nummer 1 ist eine Fahrt mit der Molly. Eine süße Schmalspurbahn zwischen Kühlungsborn und Bad Doberan. Das Ruckeln, der Windzug und dicke schwarze Rauch sind immer wieder ein herliches Erlebnis und nur ein geringer Preis dafür, Pünktlich zu sein. Looking at you, Fernverkehr!
+Vorbei an Heiligendamm, der Pferderennbahn, durch Felder und Wälder.
+
+In der kühle des Doberaner Klosters lässt es sich gut aushalten, bis es zurück zu Molly geht. 
+Zurück Kühlungsborn nutzen wir den Tag für ein kleines Mittagessen und einen Besuch des Strandes.
+Es dauert zwar ein bisschen, bei genauen Suchen findet sich zwischen den Strandkörben, Menschen und Sandburgen doch etwas Sand zum liegen.
+Hier kommen wir schon zu einem meiner Highlights der Woche: Chiara, die das erste Mal in Wellen springt. So richtig schön große 2 Meter Wellen. Erst zögerlich und dann mit immer mehr Inbrunst. Die Stunde vergeht schnell, wenn man gegen die Macht des Meeres ankämpft. Das macht als Erwachsener noch genauso viel Spaß wie als Kind. Nur die Wellen sind in der Zwischenzeit irgendwie kleiner geworden...
+</br>
+</br>
+
+---
+
+## Toms Erlebnis-Dorf
+ <img src="/blog_img/ostseeurlaub/karls.webp" 
+        alt="Chiara und Tim stehen vor dem Eingangsschild zum Karls Erlebnisdorf in Rövershagen." 
+        style="max-width: 100%; height: auto;" 
+        loading="lazy" />
+
+Nächster Halt ist <a href="https://karls.de/" target="_blank">**Karls Erlebnis-Dorf**</a> in Rövershagen. Eine meiner jüngeren Kindheitserinnerungen. 
+Hier muss ich immer an Tom denken, einen lieben Kollegen. Er hat in seiner Jugend im Karls Erlebnis-Dorf bei Berlin in der Pfannkuchen-Schmiede gearbeitet. Liebe Grüße!<br>
+*PS: Es gibt keinen herzhaften veggy Pfannkuchen. Skandal!!11!*
+
+
+Dieses erdbeerige Vergnügungsparadies bietet eine Menge Attraktionen für Familien. Vom Erdbeer-Schnaps über das Stockbrot bis zur saucoolen Murmelbahn.
+Mit dem Tagesticket können wir jegliche Attraktion fahren. Das machen wir auch! Alle Achterbahnen und Fahrgeschäfte nehmen wir mit. Auch das kleine Karoussel mit dem man einen riesen Lärm machen kann, Oink! Määähhh!, und die Treggerbahn kriegen uns begeistert. Hier wird Kapitalismus in besonders schöne Bänder gehüllt!
+
+<img src="/blog_img/ostseeurlaub/karls_mais.webp" 
+    alt="Chiara sizt in einem riesigen Maisbad." 
+    style="max-width: 100%; height: auto;" 
+    loading="lazy" />
+Chiara wird im Mais verbuddelt.
+
+Besonders freue ich mich auf die Eiswelt. In einer großen Halle stellen Bildhauis ihre Kunst aus und zeigen sogar live wie es geht. Das Thema in diesem Jahr ist Märchen (Und irgendwie ist auch die AIDA dabei...).
+
+<div style="display: flex; flex-direction: row; gap: 2%;">
+    <img src="/blog_img/ostseeurlaub/karls_eis_thron.webp" 
+        alt="Chiara und Tim auf einem Thron aus Eis." 
+        style="max-width: 49%; height: auto;" 
+        loading="lazy" />
+    <img src="/blog_img/ostseeurlaub/karls_eis_aida.webp" 
+        alt="Chiara und Tim stehen auf einem kleinen AIDA Bug aus Eis und spielen diese eine Szene aus Titanic nach." 
+        style="max-width: 49%; height: auto;" 
+        loading="lazy" />
+</div>
+Die blauen Mäntel bekommt man übrigens wegen der -15°C.
+
+Sogar zwei Rutschen aus Eis haben sie gebaut. Wunderschön und spaßig dazu. Außerdem die schnellste Abkühlung, die man im Sommer kriegen kann ;) 
+</br>
+</br>
+
+---
+
+## Nun doch ein bisschen Segelboot und Störtebeker 
+Donnerstag ist der große Tag für Störtebeker. Das Open-Air Theater auf der großartigen Naturbühne Ralswiek. Als Kind war es eine Konstante im Rügenurlaub. Das Ganze ist zwar 2,5 Stunden entfernt, aber die nehmen wir gerne in Kauf. 
+Als Zwischenstopp gucken wir uns in Rostock die schönen Traditionssegler an, die für die 
+<a href="https://www.hansesail.com/" target="_blank">HanseSail</a> im Stadthafen liegen.
+
+Ganz uneigentnützig ist der Besuch in Rostock allerdings auch nicht. Wir haben endlich den Termin mit unserer Bootsberaterin Marie. Dafür suchen wir uns einen ruhigen Ort mit stabilem Netz. Für beides taugt der Campingplatz nicht. 
+
+Der 3,5 Stunden-Workshop mit Marie vergeht wie im Flug. Sie hilft uns mit ihrem Wissen und erfragt Dinge, über die wir uns noch keine Gedanken gemacht haben.<br> 
+Wenn ich eins mitgenommen habe: Immer prüfen aus welchem Stahl die Edelstahlkette ist. Sonst lieber wegschmeißen und zur versinkten Kette greifen :D
+
+In den nächsten Wochen erhalten wir konkrete Rückmeldungen vom Bootsmarkt und dann heißt es: Boote besichtigen! :)
+Dafür nehmen wir euch natürlich mit (metaphorisch!).
+
+Aber nun ab zu den <a href="https://www.stoertebeker.de/de/" target="_blank">Störtebeker Festspielen</a>, wir sind spät dran. 
+Wem dieses Erlebnis bisher noch nicht zuteil wurde: Absolute Empfehlung! In den letzten 4 Jahren haben wir es immer geschafft und sind weiterhin große Fans. Dafür lohnt sich auch mal ein verpennter nächster Tag.
+Spoilern werde ich natürlich nicht. Nur soviel: **So'n großer Feuerball, Junge!**
+
+<img src="/blog_img/ostseeurlaub/stoertebeker.webp" 
+    alt="Chiara sizt in einem riesigen Maisbad." 
+    style="max-width: 100%; height: auto;" 
+    loading="lazy" />
+Nach der Vorstellung auf dem Weg zum Auto.
+</br>
+</br>
+
+---
+
+## Zufälle
+Der letzte ganze Tag verläuft eher typisch. Lange schlafen. Lesen. Kleine Spaziergänge. Eis essen.
+Nach so viel Action brauchen wir das auch mal.
+
+Während mein kleiner Bruder beim Volleyball Tournier mit seinen Aufschlägen physische Schmerzen verteilt, entdecke ich, dass der Mensch, der meinen Laptop über Kleinanzeigen kaufen will, in Wismar wohnt.
+Nur 20 Bahnminuten von uns entfernt!
+Den Laptop bringe ich ihm direkt vorbei und wir nutzen die Gelegenheit uns den Hafen von Wismar anzugucken. 
+
+Mit dem NEUEN Laptop, sind wir übrigens SEHR zufrieden ;). Der Framework 13 Pro ist wahrlich ein Meisterwerk.
+
+**Diese Woche war vollgepackt mit Kindheitserinnerungen, Erholung und Abenteuer. Das Wetter hätte nicht besser sein können. Zu sagen, dass wir es genoßen hätten wäre eine Untertreibung. Entsprechend erholt sind wir danach und bereit für das nächste Abenteuer. Zeit für Kontrast zum Strand...**

blog/src/pages/posts/XX0826_Ostseeurlaub.md

@@ -1,94 +0,0 @@
----
-layout: ../../layouts/BlogPostLayout.astro
-title: Ostseeurlaub - Finden wir ein Boot? Suchen wir überhaupt oder faulenzen wir nur?
-description: Ostseeurlaub bedeutet für mich viele Kindheitserinnerungen. Besonders diese Woche war vollgepackt davon. Hier meine Reiseempfehlung...
-image:
-    path: ostsee.jpg
-    alt: Chiara und Tim vor einem Strand
-author: Tim
-date: '2026-08-18'
----
-
-Eigentlich soll es hier um unser (zukünftiges) Boot und die Segelreisen gehen. 
-Bis wir davon berichten können dauert es aber noch ein bisschen. Was wir bis dahin machen? Na 
-wenn ihr es unbedingt wissen wollt... bitte schön :)
-
-## Ostseecamp Rerik
-Unser erstes light-Abenteuer führte uns an die Ostsee. Das folgt aus dem genialen Plan meiner Mutter, dass mein kleiner Bruder sicher auch mitkommt, wenn ich dabei bin. Da Ostsee für mich viele Kindheitserinnungen birgt und wir sowieso Urlaub haben waren wir sofort dabei.
-
-Freitag morgen fuhren wir 5 Uhr morgens mit vollem Auto los. Chiara war da bereits in Kiel und beging den letzten Tag ihres Praktikums in einer Werft. (Vielleicht teilt sie diese Erfahrung auch noch in einem Post). Sie kam am Abend mit Zug und Fahrrad zu uns.
-
-Das Ostseecamp kannte ich schon aus den letzten drei Urlauben (vor 2017) und unser Platz hatte perfekten zweite Reihe Blick auf das Meer. Dass das Animationsprogramm an diesem Tag bis 23 Uhr ging wollte mir, im Schlafsack liegend, nicht einleuchten. Ab 10 ist Nachtruhe!
-
-
-## Tschu Tschuuuu
-
-<img src="/src/assets/blog_img/ostsee/molly_1.jpg" 
-     alt="Chiara und Tim stehen vor der Dampflok Molly" 
-     style="max-width: 50%; height: auto; align: right; " 
-     loading="lazy">
-
-
-Da wir nur eine Woche hatten (sonst waren es drei), machten wir uns einen straffen Plan.
-Station Nummer 1 war eine Fahrt mit der Molly. Die Schmalspurbahn zwischen Kühlungsborn und Bad Doberan. Das Ruckeln, der Windzug und dicke schwarze Rauch sind immer wieder ein herliches Erlebnis und nur ein geringer Preis dafür, Pünktlich zu sein. Looking at you, Fernverkehr!
-Vorbei an Heiligendamm, der Pferderennbahn, durch Felder und Wälder.
-
-Das Kloster in Doberan zu besichtigen taugt gut als Pause, bis es wieder zurück geht.
-In Kühlungsborn schloss sich dann ein teueres Essen (dort Normal) und ein Strandbesuch an. 
-Es dauert zwar ein bisschen, bei genauen Suchen findet sich zwischen den Strandkörben, Menschen und Sandburgen auch etwas Strand.
-Hier kommen wir schon zu einem Highlight meines Urlaubs: Chiara, die das erste Mal in Wellen springt. Erst zögerlich und dann mit immer mehr Inbrunst. Eine Stunde vergeht sehr schnell, wenn man gegen die Macht des Meeres ankämpft.
-Früher liebte ich es mich bei Sturm herumwirbeln zu lassen. Beim Blick zurück war der Strand dann meist schon Menschenleer und nur ein besorgtes Familienmitglied Stand am Strand. Vor 20 Jahren waren die Wellen auch viel größer als heute. Oder ich war kleiner...
-
-
-## Toms Erlebnis-Dorf
-Nächster halt war **Karls Erlebnis-Dorf** in Rövershagen. Eine Kindheitserinnerung, die sehr viel jünger ist als die meisten anderen. Trotzdem magisch. 
-In diesem zusammenhang muss ich immer an Tom denken, einen lieben Kollegen. Er hat in seiner Jugend im Karls Erlebnis-Dorf bei Berlin in der Pfannkuchen-Schmiede gearbeitet. Liebe Grüße!<br>
-*PS: Es gibt keinen herzhaften veggy Pfannkuchen. Skandal!!11!*
-
-
-Dieses erdbeerige Vergnügungsparadies bietet eine Menge Atraktionen für Familien. Vom Erdbeer-Schnaps über das Stockbrot bis zur saucoolen Murmelbahn.
-Hier eine Liste mit allem, was wir gemacht haben:
-- Treggerbahn
-- Majas wilde Schwestern
-- Markthallen-Achterbahn
-- Erdbeer Raupenbahn
-- Spedition (Oink! Määäh!)
-- Baustellen-Hochseil-Parkour
-- Aquarium :(
-- grusel Haus
-- Maislabyrint (nicht besinders hoch, wegen Wassermangel)
-- Kartoffelsack-Rutsche
-- Maisbad
-- Kuhstall-Tornado
-- Karlossos
-- Eiswelt
-
-Immer wieder fantastisch und die 25€ fürs Tagesticket absolut wert. Loszulassen und wie ein Kind begeistert von Attraktion zu Attraktion zu rennen fällt uns hier wirklich einfach. Besonders schön ist es mit Chiara, die dieses bunte Dorf zum ersten Mal entdeckt.
-
-## Doch ein bisschen Segelboot und Störtebeker 
-Mittwoch ist der große Tag für Störtebeker. Das Open-Air Theater auf der großartigen Naturbühne Ralswiek. Als Kind war es eine Konstante im Rügenurlaub. Rerik ist zwar 2,5 Stunden entfernt, aber die nehmen wir gerne in Kauf. 
-Als zwischen Stopp gucken wir uns in Rostock die schönen Traditionssegler an, die für die HanseSail im Stadthafen liegen. 
-
-Ganz uneigentnützig ist der Besuch in Rostock allerdings auch nicht. Wir haben endlich den Termin mit unserer Bootsberaterin. Dafür suchen wir uns einen ruhigen Ort mit stabilem Netz. Für beides taugt der Campingplatz nicht. 
-
-Die 3,5 Stunden vergehen wie in voller Fahrt und wir habwn ein super Gefühl. Marie hilft uns mit ihrem Wissen und erfragt Dinge, über die wir uns noch keine Gedanken gemacht haben. Wenn ich mindestens eins mitgenommen habe: Immer prüfen aus welchem Stahl die Edelstahlkette ist. Sonst lieber wegschmeißen :D
-
-In den nächsten Wochen erhalten wir konkrete Rückmeldungen vom Bootsmarkt und dann heißt es: Boote besichtigen! :)
-Wir nehmen euch natürlich mit (metaphorisch!).
-
-Aber nun ab zu den Störtebeker Festspielen, wir sind spät dran. 
-Wem dieses Erlebnis bisher noch nicht zuteil wurde: wir können es nur wärmstens empfehlen! In den letzten 4 Jahren haben wir es immer geschafft und sind weiterhin große Fans. Dafür lohnt sich auch mal ein verpennter nächster Tag.
-Spoilern werde ich natürlich nicht. Nur soviel: So'n Feuerball, Junge!
-
-## Zufälle
-Der letzte Tag verläuft eher typisch. Lange schlafen. Lesen. Kleine Spaziergänge. Eis essen.
-Nach so viel Aktion brauchen wir das auch mal.
-
-Während mein kleiner Bruder am Volleyball Tournier mit seinen Aufschlägen anderen Menschen physische Schmerzen bereitet entdecke ich, dass der Mensch, der meinen Laptop kaufen will, in Wismar wohnt.
-Nur 30 Fahrrad und 20 Bahnminuten von uns entfernt.
-Den bringe ich ihm direkt vorbei und wir Unterhalten uns noch nett.
-
-Mit dem neuen Laptop sind wir übrigens SEHR zufrieden ;). Der Framework 13 Pro ist wahrlich ein Meisterwerk.
-
-
-Diese Woche war vollgepackt mit Kindheitserinnerungen, Erholung und leichtem Abenteuer. Das Wetter hätte nicht besser sein können. Zu sagen, dass wir es genoßen hätten wäre eine Untertreibung. Entsprechend erholt sind wir danach. Bereit für das nächste Abenteuer. Zeit für Kontrast zum Strand... 

blog/src/styles/global.css

@@ -6,7 +6,6 @@
 * {
     font-family: Arial, Helvetica, sans-serif;
     box-sizing: border-box;
-    /*font-size: 110%;*/
 }
 
 html,