From 5eb36ad3e9d2a19cd1bd2dfea17179582ccabf9e Mon Sep 17 00:00:00 2001
From: tleininger <thomas.leininger@kardex.com>
Date: Thu, 1 Oct 2026 12:52:51 +0200
Subject: [PATCH] Style editor Markdown with .markdown-body and add ::: design
 blocks

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 Elternbeirat.Web.Tests/MarkdownTests.cs       |  81 ++++
 Elternbeirat.Web.Tests/PocketBaseFixture.cs   |   6 +-
 Elternbeirat.Web.Tests/RouteSmokeTests.cs     |  17 +-
 .../Features/Events/EventList.razor           |   2 +-
 Elternbeirat.Web/Features/Faqs/FaqList.razor  |   6 +-
 .../Features/Pages/ContentPage.razor          |   2 +-
 .../Features/Posts/PostDetail.razor           |   2 +-
 .../Features/Posts/PostList.razor             |   2 +-
 Elternbeirat.Web/Shared/Markdown.cs           | 121 +++++-
 Elternbeirat.Web/wwwroot/app.css              | 360 ++++++++++++++++++
 docs/redaktion.md                             |  99 +++++
 pb/pb_migrations/1727200000_dev_seed.js       |   2 +-
 12 files changed, 683 insertions(+), 17 deletions(-)
 create mode 100644 Elternbeirat.Web.Tests/MarkdownTests.cs

diff --git a/Elternbeirat.Web.Tests/MarkdownTests.cs b/Elternbeirat.Web.Tests/MarkdownTests.cs
new file mode 100644
index 0000000..038f9ca
--- /dev/null
+++ b/Elternbeirat.Web.Tests/MarkdownTests.cs
@@ -0,0 +1,81 @@
+using Elternbeirat.Web.Shared;
+
+namespace Elternbeirat.Web.Tests;
+
+/// <summary>
+/// Unit tests for the Markdown pipeline behind every editor-written body. Pure logic,
+/// no PocketBase needed.
+/// </summary>
+public class MarkdownTests
+{
+    [Theory]
+    [InlineData(null)]
+    [InlineData("")]
+    public void Empty_input_renders_nothing(string? markdown) =>
+        Markdown.ToHtml(markdown).ShouldBe("");
+
+    [Fact]
+    public void Custom_container_renders_a_div_with_its_name_as_class()
+    {
+        var html = Markdown.ToHtml("::: kennzahlen\n- **seit 1975** Gründung\n:::");
+
+        html.ShouldContain("<div class=\"kennzahlen\">");
+        html.ShouldContain("<strong>seit 1975</strong>");
+    }
+
+    [Fact]
+    public void Unknown_container_renders_its_content_as_normal_text()
+    {
+        // A typo in the block name must cost the styling, never the text.
+        var html = Markdown.ToHtml("::: gibtsnicht\nNormaler Text.\n:::");
+
+        html.ShouldContain("<p>Normaler Text.</p>");
+        html.ShouldNotContain(":::");
+    }
+
+    [Fact]
+    public void Raw_html_is_escaped_not_passed_through()
+    {
+        // The body is rendered as a MarkupString; a passed-through <script> would run
+        // in the visitor's browser.
+        var html = Markdown.ToHtml("Hallo <script>alert(1)</script>\n\n<div onclick=\"x()\">Box</div>");
+
+        html.ShouldNotContain("<script>");
+        html.ShouldNotContain("<div onclick");
+        html.ShouldContain("&lt;script&gt;");
+    }
+
+    [Fact]
+    public void Pipe_table_renders_a_table()
+    {
+        var html = Markdown.ToHtml("| Fach | Raum |\n|---|---|\n| Mathe | A1 |");
+
+        html.ShouldContain("<table>");
+        html.ShouldContain("<td>Mathe</td>");
+    }
+
+    [Theory]
+    [InlineData("[kontakt@example.org](mailto:kontakt@example.org)")]
+    [InlineData("<mailto:kontakt@example.org>")] // autolink
+    [InlineData("[Satzung](/dokumente/satzung.pdf)  ")] // trailing whitespace ignored
+    public void Link_alone_in_its_paragraph_is_marked(string markdown) =>
+        Markdown.ToHtml(markdown).ShouldStartWith($"<p class=\"{Markdown.LoneLinkClass}\">");
+
+    [Theory]
+    [InlineData("Schreiben Sie an [uns](mailto:kontakt@example.org).")]
+    [InlineData("[eins](/a) und [zwei](/b)")]
+    [InlineData("![Foto](/bild.jpg)")] // an image is not a link
+    [InlineData("Nur Text.")]
+    public void Paragraph_that_is_not_a_single_link_is_not_marked(string markdown) =>
+        Markdown.ToHtml(markdown).ShouldNotContain(Markdown.LoneLinkClass);
+
+    [Fact]
+    public void Lone_link_in_a_tight_list_marks_the_list_item()
+    {
+        // A tight list renders no <p>, so the class has to sit on the <li>.
+        var html = Markdown.ToHtml("- [Antrag](/dokumente/antrag.pdf)\n- Text mit [Link](/x)");
+
+        html.ShouldContain($"<li class=\"{Markdown.LoneLinkClass}\"><a href=\"/dokumente/antrag.pdf\">");
+        html.ShouldContain("<li>Text mit");
+    }
+}
diff --git a/Elternbeirat.Web.Tests/PocketBaseFixture.cs b/Elternbeirat.Web.Tests/PocketBaseFixture.cs
index 4f152de..e137631 100644
--- a/Elternbeirat.Web.Tests/PocketBaseFixture.cs
+++ b/Elternbeirat.Web.Tests/PocketBaseFixture.cs
@@ -236,7 +236,11 @@ public sealed class PocketBaseFixture : IAsyncLifetime
         });
         await CreateRecordAsync(http, "pages", new
         {
-            title = "Förderverein", body = "# Förderverein", location = "header",
+            // The body uses a design block, so the smoke tests can follow a ":::"
+            // container through PocketBase and the page into the rendered HTML.
+            title = "Förderverein",
+            body = "Der Förderverein unterstützt die Schule.\n\n::: kennzahlen\n- **seit 1975** Gründung\n:::",
+            location = "header",
             order = 3, slug = "patrons", embed = Array.Empty<string>(), @public = true,
         });
         // Page record for the FAQ list. Route /faqs is served by FaqList, which reads
diff --git a/Elternbeirat.Web.Tests/RouteSmokeTests.cs b/Elternbeirat.Web.Tests/RouteSmokeTests.cs
index 9393910..32079dc 100644
--- a/Elternbeirat.Web.Tests/RouteSmokeTests.cs
+++ b/Elternbeirat.Web.Tests/RouteSmokeTests.cs
@@ -138,7 +138,22 @@ public sealed partial class RouteSmokeTests : IDisposable
 
         var html = await client.GetStringAsync(new Uri("/patrons", UriKind.Relative));
 
-        html.ShouldContain("Förderverein"); // the page body, rendered from Markdown
+        html.ShouldContain("Der Förderverein unterstützt die Schule."); // the page body, rendered from Markdown
+    }
+
+    [Fact]
+    public async Task Content_page_body_carries_the_markdown_styles_and_blocks()
+    {
+        // The editor-content styles in app.css all hang off .markdown-body, and the
+        // design blocks off the class a ":::" container renders. Assert both reach
+        // the markup of a real page, so a renamed wrapper or a pipeline without
+        // custom containers fails here instead of silently unstyling the site.
+        var client = _factory.CreateClient();
+
+        var html = await client.GetStringAsync(new Uri("/patrons", UriKind.Relative));
+
+        html.ShouldContain("class=\"markdown-body\"");
+        html.ShouldContain("<div class=\"kennzahlen\">");
     }
 
     [Fact]
diff --git a/Elternbeirat.Web/Features/Events/EventList.razor b/Elternbeirat.Web/Features/Events/EventList.razor
index 3193cdf..f165d5f 100644
--- a/Elternbeirat.Web/Features/Events/EventList.razor
+++ b/Elternbeirat.Web/Features/Events/EventList.razor
@@ -12,7 +12,7 @@
 
 @if (_page is not null && !string.IsNullOrWhiteSpace(_page.Body))
 {
-    <article>@Body</article>
+    <article class="markdown-body">@Body</article>
 }
 
 @if (_unavailable)
diff --git a/Elternbeirat.Web/Features/Faqs/FaqList.razor b/Elternbeirat.Web/Features/Faqs/FaqList.razor
index 21accf9..88eb523 100644
--- a/Elternbeirat.Web/Features/Faqs/FaqList.razor
+++ b/Elternbeirat.Web/Features/Faqs/FaqList.razor
@@ -12,7 +12,7 @@
 
 @if (_page is not null && !string.IsNullOrWhiteSpace(_page.Body))
 {
-    <article>@Body</article>
+    <article class="markdown-body">@Body</article>
 }
 
 @if (_unavailable)
@@ -31,13 +31,13 @@ else
             <summary>@topic.Title</summary>
             @if (!string.IsNullOrWhiteSpace(topic.Intro))
             {
-                <div class="faq-topic-intro">@((MarkupString)Markdown.ToHtml(topic.Intro))</div>
+                <div class="faq-topic-intro markdown-body">@((MarkupString)Markdown.ToHtml(topic.Intro))</div>
             }
             @foreach (var faq in topic.Faqs)
             {
                 <details class="faq-item">
                     <summary>@faq.Question</summary>
-                    <div class="faq-answer">
+                    <div class="faq-answer markdown-body">
                         @((MarkupString)Markdown.ToHtml(faq.Answer))
                     </div>
                 </details>
diff --git a/Elternbeirat.Web/Features/Pages/ContentPage.razor b/Elternbeirat.Web/Features/Pages/ContentPage.razor
index 2bdae4f..f761ef4 100644
--- a/Elternbeirat.Web/Features/Pages/ContentPage.razor
+++ b/Elternbeirat.Web/Features/Pages/ContentPage.razor
@@ -9,7 +9,7 @@ else if (_page is not null)
 {
     <PageTitle>@_page.Title</PageTitle>
     <h1>@_page.Title</h1>
-    <article>@Body</article>
+    <article class="markdown-body">@Body</article>
     <PageEmbeds Embed="_page.Embed" />
 }
 @* No page and not unavailable: the slug was unknown; NavigationManager.NotFound()
diff --git a/Elternbeirat.Web/Features/Posts/PostDetail.razor b/Elternbeirat.Web/Features/Posts/PostDetail.razor
index 44a6aa6..ec7cc4c 100644
--- a/Elternbeirat.Web/Features/Posts/PostDetail.razor
+++ b/Elternbeirat.Web/Features/Posts/PostDetail.razor
@@ -15,7 +15,7 @@ else if (_post is not null)
         <div class="post-content">
             <PostDate Value="_post.Date" />
             <h2>@_post.Title</h2>
-            @Body
+            <div class="markdown-body">@Body</div>
         </div>
     </article>
 }
diff --git a/Elternbeirat.Web/Features/Posts/PostList.razor b/Elternbeirat.Web/Features/Posts/PostList.razor
index a879961..e7d15ed 100644
--- a/Elternbeirat.Web/Features/Posts/PostList.razor
+++ b/Elternbeirat.Web/Features/Posts/PostList.razor
@@ -12,7 +12,7 @@
 
 @if (_page is not null && !string.IsNullOrWhiteSpace(_page.Body))
 {
-    <article>@Body</article>
+    <article class="markdown-body">@Body</article>
 }
 
 @if (_unavailable)
diff --git a/Elternbeirat.Web/Shared/Markdown.cs b/Elternbeirat.Web/Shared/Markdown.cs
index cc4309a..01e46b3 100644
--- a/Elternbeirat.Web/Shared/Markdown.cs
+++ b/Elternbeirat.Web/Shared/Markdown.cs
@@ -1,23 +1,130 @@
 using Markdig;
+using Markdig.Renderers.Html;
+using Markdig.Syntax;
+using Markdig.Syntax.Inlines;
 
 namespace Elternbeirat.Web.Shared;
 
 /// <summary>
-/// Renders Markdown to HTML. Content now comes from PocketBase as raw Markdown
-/// (the <c>body</c> field), so the pages render it at display time instead of
-/// reading pre-rendered HTML from files.
+///     Renders the editors' Markdown (the <c>body</c>, <c>intro</c> and <c>answer</c>
+///     fields from PocketBase) to the HTML the pages show.
 /// </summary>
+/// <remarks>
+///     The pipeline is CommonMark plus exactly two extensions, each there for a reason
+///     an editor can see:
+///     <list type="bullet">
+///         <item>
+///             <description>
+///                 <b>Custom containers</b> (<c>::: name</c> … <c>:::</c>) turn a block
+///                 into <c>&lt;div class="name"&gt;</c>. That is how editors use the
+///                 design blocks (<c>kennzahlen</c>, <c>aufruf</c>, <c>kacheln</c>,
+///                 <c>hinweis</c>) without writing HTML. An unknown name just yields a
+///                 div without styling, so a typo never breaks a page.
+///             </description>
+///         </item>
+///         <item>
+///             <description>
+///                 <b>Pipe tables</b>: plain CommonMark has no tables at all, so without
+///                 this the table styles in <c>app.css</c> could never apply.
+///             </description>
+///         </item>
+///     </list>
+///     <para>
+///         Raw HTML in the Markdown is <b>escaped</b>, not passed through
+///         (<see cref="MarkdownPipelineBuilder"/>'s <c>DisableHtml</c>). The result is
+///         rendered as a <c>MarkupString</c>, so a passed-through <c>&lt;script&gt;</c>
+///         would run in the visitor's browser, and the privacy text promises that no
+///         program code runs there. Editors style pages with the blocks instead.
+///     </para>
+///     <para>
+///         After parsing, a paragraph (or list item) that consists of nothing but one
+///         link gets the class <see cref="LoneLinkClass"/>. Pure CSS cannot tell
+///         "a link alone on its line" from "a link inside a sentence" (selectors ignore
+///         the text around an element), but the stylesheet needs exactly that to show a
+///         lone <c>mailto:</c> link as a button and a lone PDF link as a file card.
+///     </para>
+/// </remarks>
+/// <seealso cref="IconSet"/>
 public static class Markdown
 {
+    /// <summary>
+    ///     The class marking a paragraph or list item whose only content is one link.
+    ///     <c>app.css</c> keys the mail button and the PDF card off it.
+    /// </summary>
+    public const string LoneLinkClass = "lone-link";
+
     private static readonly MarkdownPipeline Pipeline =
-        new MarkdownPipelineBuilder().Build();
+        new MarkdownPipelineBuilder()
+            .UseCustomContainers()
+            .UsePipeTables()
+            .DisableHtml()
+            .Build();
 
     /// <summary>
-    /// Converts a Markdown string to HTML. Returns an empty string for
-    /// <c>null</c> or empty input, so callers can bind the result directly.
+    ///     Converts a Markdown string to HTML.
     /// </summary>
+    /// <param name="markdown">The editor's Markdown; may be <see langword="null"/>.</param>
+    /// <returns>
+    ///     The rendered HTML, or an empty string for <see langword="null"/> or empty
+    ///     input, so callers can bind the result directly.
+    /// </returns>
+    /// <example>
+    ///     <code>
+    ///         Markdown.ToHtml("::: hinweis\nBitte vormerken.\n:::");
+    ///         // &lt;div class="hinweis"&gt;&lt;p&gt;Bitte vormerken.&lt;/p&gt;&lt;/div&gt;
+    ///     </code>
+    /// </example>
     public static string ToHtml(string? markdown) =>
         string.IsNullOrEmpty(markdown)
             ? ""
-            : Markdig.Markdown.ToHtml(markdown, Pipeline);
+            : Markdig.Markdown.ToHtml(MarkLoneLinks(Markdig.Markdown.Parse(markdown, Pipeline)), Pipeline);
+
+    /// <summary>
+    ///     Adds <see cref="LoneLinkClass"/> to every paragraph that holds nothing but
+    ///     one link.
+    /// </summary>
+    /// <param name="document">The parsed document; changed in place.</param>
+    /// <returns>The same <paramref name="document"/>, for chaining.</returns>
+    /// <remarks>
+    ///     Inside a list item the class goes on the item, not the paragraph: in a tight
+    ///     list Markdig writes no <c>&lt;p&gt;</c> at all, so a class on the paragraph
+    ///     would be silently dropped.
+    /// </remarks>
+    private static MarkdownDocument MarkLoneLinks(MarkdownDocument document)
+    {
+        foreach (var paragraph in document.Descendants<ParagraphBlock>().Where(IsLoneLink))
+        {
+            MarkdownObject target = paragraph.Parent is ListItemBlock { Count: 1 } item ? item : paragraph;
+            target.GetAttributes().AddClass(LoneLinkClass);
+        }
+
+        return document;
+    }
+
+    /// <summary>
+    ///     Whether a paragraph's content is exactly one link, ignoring surrounding
+    ///     whitespace and line breaks.
+    /// </summary>
+    /// <param name="paragraph">The paragraph to inspect.</param>
+    /// <returns>
+    ///     <see langword="true"/> for one link (inline <c>[text](url)</c> or an
+    ///     autolink <c>&lt;url&gt;</c>, but not an image) and nothing else.
+    /// </returns>
+    private static bool IsLoneLink(ParagraphBlock paragraph) =>
+        paragraph.Inline?
+            .Where(inline => !IsBlank(inline))
+            .ToList() is [LinkInline { IsImage: false } or AutolinkInline];
+
+    /// <summary>
+    ///     Whether an inline carries no visible content (whitespace or a line break).
+    /// </summary>
+    /// <param name="inline">The inline to inspect.</param>
+    /// <returns><see langword="true"/> if it can be ignored when looking for a lone link.</returns>
+    private static bool IsBlank(Inline inline) =>
+        inline switch
+        {
+            LineBreakInline => true,
+            LiteralInline literal => literal.Content.IsEmptyOrWhitespace(),
+            _ => false,
+        };
 }
diff --git a/Elternbeirat.Web/wwwroot/app.css b/Elternbeirat.Web/wwwroot/app.css
index e3ca9b3..c0e8483 100644
--- a/Elternbeirat.Web/wwwroot/app.css
+++ b/Elternbeirat.Web/wwwroot/app.css
@@ -37,6 +37,14 @@
        not --color-accent, so white text stays readable across the whole sweep. */
     --gradient-brand: linear-gradient(135deg, var(--color-header) 0%, #3a7a3e 100%);
 
+    /* Buttons in editor content (a lone mail link, links in an "aufruf" box): a
+       filled blue with white text. Own tokens, not --color-brand, because in dark
+       mode --color-brand turns light for link text, and white on that light blue
+       would fail WCAG AA. Both shades carry white at >= 5.5:1. */
+    --color-button: #2b6f9c;
+    --color-button-hover: #1f5477;
+    --color-on-button: #fff;
+
     /* Headings. Its own token (not --color-brand) so headings and links can differ:
        in dark mode headings become a soft white while links keep the brand blue. */
     --color-heading: #2b6f9c;
@@ -123,6 +131,10 @@
 
         --gradient-brand: linear-gradient(135deg, var(--color-header) 0%, #2f6b33 100%);
 
+        --color-button: #266f9c;       /* the header blue: deep enough for white
+                                          text, calm on the dark page */
+        --color-button-hover: #1f5477;
+
         --color-heading: #c9ced6;      /* soft white, kept a step brighter than the
                                           body text so headings still lead the page */
 
@@ -461,3 +473,351 @@ h1:focus {
     padding-top: var(--space-2);
     color: var(--color-text);
 }
+
+/* --- Editor content (.markdown-body) -------------------------------------------
+   Everything the editors write in PocketBase (page bodies, posts, FAQ answers, the
+   intros on /posts and /events) is Markdown rendered by Shared/Markdown.cs and
+   wrapped in .markdown-body. Editors cannot add classes or HTML, so the look of
+   their text comes entirely from these rules. Every selector is scoped to
+   .markdown-body so nothing here leaks into the site's own components, and the
+   rules must hold for any Markdown an editor might type, including none at all. */
+
+/* The line icons the content styles need, as data URIs: no request, no foreign
+   host. Same Lucide paths as Shared/IconSet.cs (license notice there); CSS cannot
+   reach that C# set, so these are copies. Drawn in black and used as a mask over
+   background-color: currentColor, so each icon takes the colour of its text --
+   dark mode included -- just like the inline-SVG <Icon> component. */
+.markdown-body {
+    --icon-external-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
+    --icon-file-text: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E");
+    --icon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
+    --icon-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3C/svg%3E");
+}
+
+/* A block's last element needs no gap below: the surrounding card or page already
+   spaces it, and a trailing margin makes boxes look bottom-heavy. */
+.markdown-body > :last-child,
+.markdown-body div > :last-child {
+    margin-bottom: 0;
+}
+
+/* Section headings get a short green bar above them. The bodies are mostly a run
+   of ## sections, and the bar makes each start easy to spot when scrolling on a
+   phone. Decoration only: the heading text carries the meaning. */
+.markdown-body h2::before {
+    content: "";
+    display: block;
+    width: 2.5rem;
+    height: 4px;
+    margin-bottom: var(--space-2);
+    border-radius: 2px;
+    background: var(--color-accent);
+}
+
+/* Lists: the reading width of paragraphs, a little air between items, and the
+   bullets and numbers in the green accent so lists tie into the palette. */
+.markdown-body ul,
+.markdown-body ol {
+    margin: 0 0 var(--space-3);
+    padding-left: 1.5rem;
+    max-width: 42rem;
+}
+
+.markdown-body li + li {
+    margin-top: var(--space-1);
+}
+
+.markdown-body li::marker {
+    color: var(--color-accent-dark);
+    font-weight: 700;
+}
+
+/* Quotes (e.g. a passage from the rules of procedure): an accent bar and a faint
+   green wash set them apart from the editor's own words. */
+.markdown-body blockquote {
+    margin: 0 0 var(--space-3);
+    padding: var(--space-3) var(--space-4);
+    max-width: 42rem;
+    border-left: 4px solid var(--color-accent);
+    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
+    background: var(--color-accent-tint);
+}
+
+/* Links: a soft underline that firms up on hover. Underlined at all (not colour
+   alone) so links stay recognisable for colour-blind visitors. */
+.markdown-body a {
+    text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
+    text-decoration-thickness: 1px;
+    text-underline-offset: 3px;
+    transition: color var(--transition), text-decoration-color var(--transition);
+}
+
+.markdown-body a:hover {
+    text-decoration-color: currentColor;
+}
+
+/* Links that leave the site get a small external-link icon, so visitors know
+   before clicking. Editors write links to our own pages as relative paths
+   (/contact), so "absolute http(s) URL" means "another site". PDFs are left out:
+   they carry their own file icon below. */
+.markdown-body a:is([href^="http://"], [href^="https://"]):not([href$=".pdf" i])::after {
+    content: "";
+    display: inline-block;
+    width: 0.8em;
+    height: 0.8em;
+    margin-left: 0.2em;
+    vertical-align: -0.05em;
+    background-color: currentColor;
+    mask: var(--icon-external-link) center / contain no-repeat;
+}
+
+/* PDF links inside running text: a file icon in front and a small "PDF" tag
+   behind, so visitors know a download (not a web page) opens. */
+.markdown-body a[href$=".pdf" i]::before {
+    content: "";
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    margin-right: 0.25em;
+    vertical-align: -0.15em;
+    background-color: currentColor;
+    mask: var(--icon-file-text) center / contain no-repeat;
+}
+
+.markdown-body a[href$=".pdf" i]::after {
+    content: "PDF";
+    margin-left: 0.35em;
+    padding: 0 0.35em;
+    border-radius: 4px;
+    background: var(--color-brand-tint);
+    color: var(--color-text-soft);
+    font-size: 0.75em;
+    font-weight: 700;
+    letter-spacing: 0.04em;
+}
+
+/* A PDF link standing alone in its paragraph or list item becomes a file card;
+   this is what turns a plain list of documents on /downloads into a download
+   area. Markdown.cs marks such paragraphs/items .lone-link, because CSS cannot see
+   the text around a link. Two child paths: in a tight list the link sits directly
+   in the <li>, in a loose list inside a <p>. */
+.markdown-body .lone-link > a[href$=".pdf" i],
+.markdown-body .lone-link > p > a[href$=".pdf" i] {
+    display: flex;
+    align-items: center;
+    gap: var(--space-3);
+    max-width: 42rem;
+    padding: var(--space-3) var(--space-4);
+    border: 1px solid var(--color-border);
+    border-radius: var(--radius);
+    background: var(--color-bg);
+    box-shadow: var(--shadow);
+    font-weight: 600;
+    text-decoration: none;
+    transition: box-shadow var(--transition), border-color var(--transition);
+}
+
+.markdown-body .lone-link > a[href$=".pdf" i]:hover,
+.markdown-body .lone-link > p > a[href$=".pdf" i]:hover {
+    border-color: var(--color-brand);
+    box-shadow: var(--shadow-hover);
+}
+
+.markdown-body .lone-link > a[href$=".pdf" i]::before,
+.markdown-body .lone-link > p > a[href$=".pdf" i]::before {
+    flex-shrink: 0;
+    width: 1.5rem;
+    height: 1.5rem;
+    margin: 0;
+    color: var(--color-accent-dark);
+    background-color: var(--color-accent-dark);
+}
+
+/* The "PDF" tag moves to the card's right edge. */
+.markdown-body .lone-link > a[href$=".pdf" i]::after,
+.markdown-body .lone-link > p > a[href$=".pdf" i]::after {
+    margin-left: auto;
+}
+
+/* A list of file cards needs no bullets and no indent: the cards are the
+   structure. */
+.markdown-body li.lone-link:has(> a[href$=".pdf" i], > p > a[href$=".pdf" i]) {
+    list-style: none;
+}
+
+.markdown-body ul:has(> li.lone-link > a[href$=".pdf" i], > li.lone-link > p > a[href$=".pdf" i]) {
+    padding-left: 0;
+}
+
+/* Buttons: a mail link alone in its paragraph (the contact page's main action),
+   and every link inside an "aufruf" box. Filled with the button blue (see
+   --color-button for why not --color-brand); hover darkens it and adds a shadow,
+   nothing moves. */
+.markdown-body .lone-link > a[href^="mailto:"],
+.markdown-body .aufruf a {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-2);
+    padding: var(--space-2) var(--space-4);
+    border-radius: var(--radius-sm);
+    background: var(--color-button);
+    color: var(--color-on-button);
+    font-weight: 700;
+    text-decoration: none;
+    transition: background-color var(--transition), box-shadow var(--transition);
+}
+
+.markdown-body .lone-link > a[href^="mailto:"]:hover,
+.markdown-body .aufruf a:hover {
+    background: var(--color-button-hover);
+    color: var(--color-on-button);
+    box-shadow: var(--shadow-hover);
+}
+
+/* The mail button leads with an envelope, so it reads as "write to us" at a
+   glance. */
+.markdown-body .lone-link > a[href^="mailto:"]::before {
+    content: "";
+    width: 1.1em;
+    height: 1.1em;
+    background-color: currentColor;
+    mask: var(--icon-mail) center / contain no-repeat;
+}
+
+/* --- Design blocks (::: name ... :::) ------------------------------------------
+   Markdown.cs turns "::: name" into <div class="name">. The names are German
+   because editors type them (CLAUDE.md: values German). An unknown name has no
+   rule here and so simply reads as normal text -- a typo never breaks a page. */
+
+/* ::: aufruf -- a highlighted call to action: a tinted box with a brand-blue edge.
+   Its links become buttons (rule above). */
+.markdown-body .aufruf {
+    margin: 0 0 var(--space-4);
+    padding: var(--space-4);
+    max-width: 42rem;
+    border-left: 4px solid var(--color-brand);
+    border-radius: var(--radius);
+    background: var(--color-brand-tint);
+}
+
+/* ::: hinweis -- a quiet info box with an info icon in front. Green wash, not the
+   yellow highlight: it informs, it does not warn. The icon is decoration; the text
+   says what matters. */
+.markdown-body .hinweis {
+    position: relative;
+    margin: 0 0 var(--space-4);
+    padding: var(--space-3) var(--space-4) var(--space-3) 3.25rem;
+    max-width: 42rem;
+    border-radius: var(--radius);
+    background: var(--color-accent-tint);
+}
+
+.markdown-body .hinweis::before {
+    content: "";
+    position: absolute;
+    top: calc(var(--space-3) + 0.2rem);
+    left: var(--space-4);
+    width: 1.25rem;
+    height: 1.25rem;
+    background-color: var(--color-accent-dark);
+    mask: var(--icon-info) center / contain no-repeat;
+}
+
+/* ::: kacheln and ::: kennzahlen -- a list laid out as a grid of cards. auto-fill
+   with a minimum width gives as many columns as fit (one on a phone) without any
+   breakpoint. */
+.markdown-body :is(.kacheln, .kennzahlen) > ul {
+    display: grid;
+    gap: var(--space-3);
+    max-width: none;
+    margin: 0 0 var(--space-4);
+    padding: 0;
+    list-style: none;
+}
+
+.markdown-body .kacheln > ul {
+    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
+}
+
+.markdown-body .kennzahlen > ul {
+    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
+}
+
+/* The grid gap does the spacing; the list's own item spacing would only push the
+   later cards of the first row down. */
+.markdown-body :is(.kacheln, .kennzahlen) li + li {
+    margin-top: 0;
+}
+
+/* Kacheln: each item a white card; a bold start ("- **Mensa** ...") becomes the
+   card's title on its own line. */
+.markdown-body .kacheln li {
+    padding: var(--space-3) var(--space-4);
+    border-radius: var(--radius);
+    background: var(--color-bg);
+    box-shadow: var(--shadow);
+}
+
+.markdown-body .kacheln li > strong:first-child {
+    display: block;
+    margin-bottom: var(--space-1);
+    color: var(--color-heading);
+}
+
+/* Kennzahlen: "- **seit 1975** Gründung" -- the bold part becomes a big figure,
+   the rest a small caption beneath. Brand blue for the figure, not the green: the
+   green does not reach 3:1 on its own tint, the blue does. */
+.markdown-body .kennzahlen li {
+    padding: var(--space-4) var(--space-3);
+    border-radius: var(--radius);
+    background: var(--color-accent-tint);
+    color: var(--color-text-soft);
+    text-align: center;
+}
+
+.markdown-body .kennzahlen li > strong:first-child {
+    display: block;
+    color: var(--color-brand);
+    font-size: 2rem;
+    font-weight: var(--font-weight-heading);
+    letter-spacing: var(--letter-spacing-heading);
+    line-height: 1.15;
+}
+
+/* Tables (pipe tables): not in the content yet, styled ahead of time. As a block
+   with overflow they scroll sideways on a phone instead of stretching the page. */
+.markdown-body table {
+    display: block;
+    max-width: 100%;
+    overflow-x: auto;
+    margin: 0 0 var(--space-4);
+    border-collapse: collapse;
+}
+
+.markdown-body th,
+.markdown-body td {
+    padding: var(--space-2) var(--space-3);
+    border-bottom: 1px solid var(--color-border);
+    text-align: left;
+    vertical-align: top;
+}
+
+.markdown-body th {
+    background: var(--color-surface);
+    color: var(--color-heading);
+    font-weight: 700;
+}
+
+/* Images never overflow the column and get the site's rounded corners. */
+.markdown-body img {
+    max-width: 100%;
+    height: auto;
+    border-radius: var(--radius-sm);
+}
+
+/* A horizontal rule as a calm thin line with room around it. */
+.markdown-body hr {
+    margin: var(--space-5) 0;
+    border: none;
+    border-top: 1px solid var(--color-border);
+}
diff --git a/docs/redaktion.md b/docs/redaktion.md
index cad1052..d59dfa9 100644
--- a/docs/redaktion.md
+++ b/docs/redaktion.md
@@ -201,6 +201,105 @@ Eine Frage hat `question`, `answer` (Markdown), `topic`, `order` und `public`.
 
 ---
 
+## Gestaltungsbausteine
+
+Alle Texte (`body` von Seiten und Beiträgen, `intro` und `answer` bei den FAQs)
+sind **Markdown**. Die Website gestaltet sie automatisch: Zwischenüberschriften
+(`## …`) bekommen einen grünen Strich, Listen grüne Punkte, Zitate (`> …`) einen
+farbigen Balken. Darüber hinaus gibt es ein paar **Bausteine**, mit denen du eine
+Seite selbst gestaltest — ohne Code und ohne HTML.
+
+> **Kein HTML.** HTML im Text (`<div>`, `<br>`, `<script>` …) wird nicht
+> ausgeführt, sondern als Text angezeigt. Das ist Absicht: Die Datenschutzerklärung
+> sagt zu, dass kein Programmcode im Browser läuft. Für Gestaltung die Bausteine
+> unten nehmen.
+
+### Bausteine mit `:::`
+
+Ein Baustein beginnt mit `::: name` in einer eigenen Zeile und endet mit `:::`.
+Dazwischen steht normales Markdown. Vor und nach dem Baustein eine Leerzeile
+lassen. Die Namen sind fest; ein **vertippter Name** schadet nicht — der Inhalt
+erscheint dann einfach als normaler Text.
+
+**Kennzahlen** — eine Liste wird zu großen Zahlen-Kacheln. Der **fett**
+geschriebene Anfang ist die Zahl, der Rest die Beschriftung darunter:
+
+```markdown
+::: kennzahlen
+- **seit 1975** im Einsatz für die IGMH
+- **über 500** Mitglieder
+- **ab 10 €** Jahresbeitrag
+:::
+```
+
+**Aufruf** — eine hervorgehobene Box für die wichtigste Aktion der Seite. Links
+darin erscheinen als Button:
+
+```markdown
+::: aufruf
+Die Beitrittserklärung füllen Sie online beim Förderverein aus.
+
+[Zur Beitrittserklärung](https://easyverein.com/public/FDI/applicationform/21612)
+:::
+```
+
+**Kacheln** — eine Liste als Raster aus Karten. Ein **fetter** Anfang wird zur
+Überschrift der Karte:
+
+```markdown
+::: kacheln
+- **Pädagogik** Bessere Rahmenbedingungen für die Arbeit an der Schule
+- **Projekte** Musische, sportliche und kulturelle Vorhaben
+- **Ausstattung** Anschaffungen, die allen zugutekommen
+:::
+```
+
+**Hinweis** — eine dezente Info-Box mit Info-Symbol:
+
+```markdown
+::: hinweis
+Bei dringenden Angelegenheiten wenden Sie sich bitte direkt an das Sekretariat.
+:::
+```
+
+### Links, die sich automatisch verändern
+
+- **Links auf andere Websites** (`https://…`) bekommen ein kleines Pfeil-Symbol.
+  Links auf eigene Seiten schreibst du ohne Domain: `[Kontakt](/contact)`.
+- **PDF-Links** (Adresse endet auf `.pdf`) bekommen ein Datei-Symbol und den
+  Hinweis „PDF“. Steht der Link **allein** in einer Zeile oder einem
+  Listenpunkt, wird er zur Datei-Karte — so wird eine Liste von Dokumenten zum
+  Download-Bereich:
+
+  ```markdown
+  - [Aufnahmeantrag Förderverein](/dokumente/aufnahmeantrag-foerderverein.pdf)
+  - [Einzugsermächtigung](/dokumente/einzugsermaechtigung.pdf)
+  ```
+
+  Die PDF-Dateien selbst liegen nicht in PocketBase, sondern im Code unter
+  `wwwroot/dokumente/` (ein neues PDF braucht also einen Entwickler).
+- **E-Mail-Link allein in einem Absatz** wird zum Button:
+
+  ```markdown
+  [kontakt@elternbeirat-igmh.info](mailto:kontakt@elternbeirat-igmh.info)
+  ```
+
+  Steht der Link mitten im Satz („Schreiben Sie an …“), bleibt er ein normaler
+  Link.
+
+### Tabellen
+
+Tabellen gehen mit senkrechten Strichen; die zweite Zeile trennt die Kopfzeile
+ab. Auf dem Handy lässt sich eine breite Tabelle seitlich schieben.
+
+```markdown
+| Tag      | Uhrzeit   | Ort        |
+|----------|-----------|------------|
+| Dienstag | 19:00 Uhr | Hörsaal 2  |
+```
+
+---
+
 ## Regeln beim Speichern
 
 - **Nach dem Ändern einer Zugriffsregel** immer den Haupt-*Save* der Collection
diff --git a/pb/pb_migrations/1727200000_dev_seed.js b/pb/pb_migrations/1727200000_dev_seed.js
index 5fd1433..88762c4 100644
--- a/pb/pb_migrations/1727200000_dev_seed.js
+++ b/pb/pb_migrations/1727200000_dev_seed.js
@@ -21,7 +21,7 @@ migrate((app) => {
   const schema = JSON.parse(toString($os.readFile("/pb_migrations/collections_schema.json")))
 
   const records = {
-    pages: [{"body":"Der Elternbeirat der IGMH vertritt die Interessen aller Eltern gegenüber der Schulleitung und dem Kollegium. Wir treffen uns regelmäßig, bringen Anliegen aus der Elternschaft ein und begleiten das Schulleben aktiv.\n\nDer Vorstand wurde am 13. November 2025 gewählt.\n\n## Vorsitz\n\n- **Maik Palm** (Vorsitzender)  \n  *Schulkonferenz, Mensarat, Homepage*  \n  Mitglied im Gesamtelternbeirat und im Schulbeirat der Stadt Mannheim.\n- **Gentiana Erol** (1. Stellvertreterin)  \n  *Schulkonferenz, Kommunikation Hausmeister, Mensarat*\n- **Raul Chira** (2. Stellvertreter)  \n  *Mensarat*\n\n## Schriftführung\n\n- **Marion Leininger**  \n  *Kasse, Schriftführung, Kontakt Förderverein*\n\n## Beisitz\n\n- **Jenny Reger-Stilgenbauer**  \n  *Schulkonferenz, Schaukasten*\n- **Mariella Ianello**  \n  *Mensarat, Kontakt Förderverein*\n- **Isabell Vesper**\n- **Susanne Naumburg**  \n  *Stellvertretende Schulkonferenz*\n- **Rebecca Goldmann**\n- **Michael Weber**  \n  *Stellvertretende Schulkonferenz*\n\n## So erreichen Sie uns\n\nAm schnellsten per Mail über unsere [Kontaktseite](/contact). Zu unseren öffentlichen Sitzungen sind alle Eltern herzlich eingeladen. Die Termine finden Sie unter [Termine](/events).","embed":[],"location":"header","order":2,"public":true,"slug":"board","title":"Vorstandsteam"},{"body":"Der Förderverein **„Freunde der IGMH e.V.\"** unterstützt die Schule seit 1975 bei Anschaffungen und Projekten, die aus dem regulären Schulbudget nicht finanziert werden können. Mehr als 500 Mitglieder aus Eltern, Lehrkräften, Ehemaligen und Förderern bringen sich mit Zeit, Ideen oder finanziellen Beiträgen ein.\n\nDer Förderverein ist ein eigenständiger, gemeinnützig anerkannter Verein und nicht Teil des Elternbeirats.\n\n## Was der Verein fördert\n\n- die pädagogische Arbeit und bessere Rahmenbedingungen an der Schule\n- musische, sportliche und kulturelle Projekte\n- Anschaffungen, die allen Schülerinnen und Schülern zugutekommen\n- Chancengerechtigkeit, damit kein Kind aus finanziellen Gründen zurückbleibt\n\n## Was bereits gefördert wurde\n\n- Rennräder, Bälle, Trikots sowie Sport- und Spielgeräte für AGs\n- Zuschüsse für Chorwochenenden und Kanutage\n- Unterstützung der Theater-AG\n- Veranstaltungstechnik und Musikinstrumente, zum Beispiel DJ-Mischpult und Klavier\n- Vor- und Mitfinanzierung der Schülerhandbücher\n- Kletterwand, Außenmöbel in den Innenhöfen, Sitzbänke im Schulhaus und Wasserspender im Mensabereich\n- Laptops und Tablets für den Unterricht\n\n## Mitglied werden\n\nMitglied werden kann, wer die Arbeit der Schule unterstützen möchte. Eine Mitgliedschaft ist bereits ab einem Jahresbeitrag von **10 €** möglich.\n\nDie Beitrittserklärung füllen Sie online beim Förderverein aus:\n[Zur Beitrittserklärung](https://easyverein.com/public/FDI/applicationform/21612)\n\n## Spenden\n\nSpenden sind jederzeit willkommen und werden auf Wunsch mit einer Zuwendungsbestätigung quittiert. Der Verein ist als gemeinnützig anerkannt. Wie Sie spenden können, erfahren Sie beim Förderverein.\n\n## Kontakt zum Förderverein\n\n**Freunde der IGMH e.V.**  \nHerzogenriedstraße 50  \n68169 Mannheim  \n(Fach 165)\n\nE-Mail: [foerderverein@igmh.de](mailto:foerderverein@igmh.de)  \nWebsite: [foerderverein.igmh.de](https://foerderverein.igmh.de)","embed":[],"location":"header","order":3,"public":true,"slug":"patrons","title":"Förderverein"},{"body":"Auf dieser Seite haben wir die Fragen zusammengetragen, die uns am häufigsten erreichen.\n\nIhre Frage ist nicht dabei? Schreiben Sie uns über die [Kontaktseite](/contact) – wir helfen gern weiter.","embed":[],"location":"header","order":6,"public":true,"slug":"faqs","title":"FAQs"},{"body":"# Downloads\n\nFormulare und Dokumente zum Herunterladen:\n\n- Aufnahmeantrag Förderverein\n- Einzugsermächtigung\n- Erstattungsformular Klassenkasse\n\nFehlt ein Dokument? Melden Sie sich über die [Kontaktseite](/contact).","embed":[],"location":"header","order":7,"public":true,"slug":"downloads","title":"Downloads"},{"body":"Haben Sie eine Frage, eine Anregung oder möchten Sie sich einbringen? Der Elternbeirat der IGMH freut sich über jede Nachricht.\n\nSie erreichen uns per E-Mail unter [kontakt@elternbeirat-igmh.info](mailto:kontakt@elternbeirat-igmh.info). In der Regel melden wir uns innerhalb weniger Tage zurück.\n\nBei dringenden schulischen Angelegenheiten wenden Sie sich bitte direkt an das Sekretariat der IGMH.","embed":[],"location":"footer","order":1,"public":true,"slug":"contact","title":"Kontakt"},{"body":"# Impressum\n\nAngaben gemäß § 5 DDG\n\n**Elternbeirat der IGMH**\nVertreten durch den Vorstand\n\nKontakt: siehe [Kontaktseite](/contact)\n\nVerantwortlich für den Inhalt nach § 18 Abs. 2 MStV: der Vorstand des Elternbeirats.","embed":[],"location":"footer","order":2,"public":true,"slug":"imprint","title":"Impressum"},{"body":"# Datenschutz\n\nDer Schutz Ihrer Daten ist uns wichtig. Diese Website kommt ohne externe Dienste aus: keine Analysewerkzeuge, keine eingebundenen Karten oder Videos, keine Schriften von fremden Servern.\n\n## Server-Logs\n\nBeim Aufruf werden technisch notwendige Zugriffsdaten (IP-Adresse, Zeitpunkt, aufgerufene Seite) kurzzeitig verarbeitet, um den Betrieb sicherzustellen. Eine Zusammenführung mit anderen Daten findet nicht statt.\n\n## Ihre Rechte\n\nFragen zum Datenschutz richten Sie bitte an die [Kontaktseite](/contact).","embed":[],"location":"footer","order":3,"public":true,"slug":"privacy","title":"Datenschutz"},{"body":"# Willkommen beim Elternbeirat der IGMH","embed":["posts","events"],"location":"header","order":1,"public":true,"slug":"home","title":"Start"},{"body":"Was tut sich am Elternbeirat und an der IGMH? Hier finden Sie Rückblicke auf Veranstaltungen, Ankündigungen und Berichte aus den Sitzungen des Elternbeirats.","embed":[],"location":"header","order":4,"public":true,"slug":"posts","title":"Beiträge"},{"body":"Wann kommt der Elternbeirat zusammen, und was steht rund um die IGMH an? Hier finden Sie die Termine auf einen Blick.","embed":[],"location":"header","order":5,"public":true,"slug":"events","title":"Termine"}]
+    pages: [{"body":"Der Elternbeirat der IGMH vertritt die Interessen aller Eltern gegenüber der Schulleitung und dem Kollegium. Wir treffen uns regelmäßig, bringen Anliegen aus der Elternschaft ein und begleiten das Schulleben aktiv.\n\nDer Vorstand wurde am 13. November 2025 gewählt.\n\n## Vorsitz\n\n- **Maik Palm** (Vorsitzender)  \n  *Schulkonferenz, Mensarat, Homepage*  \n  Mitglied im Gesamtelternbeirat und im Schulbeirat der Stadt Mannheim.\n- **Gentiana Erol** (1. Stellvertreterin)  \n  *Schulkonferenz, Kommunikation Hausmeister, Mensarat*\n- **Raul Chira** (2. Stellvertreter)  \n  *Mensarat*\n\n## Schriftführung\n\n- **Marion Leininger**  \n  *Kasse, Schriftführung, Kontakt Förderverein*\n\n## Beisitz\n\n- **Jenny Reger-Stilgenbauer**  \n  *Schulkonferenz, Schaukasten*\n- **Mariella Ianello**  \n  *Mensarat, Kontakt Förderverein*\n- **Isabell Vesper**\n- **Susanne Naumburg**  \n  *Stellvertretende Schulkonferenz*\n- **Rebecca Goldmann**\n- **Michael Weber**  \n  *Stellvertretende Schulkonferenz*\n\n## So erreichen Sie uns\n\nAm schnellsten per Mail über unsere [Kontaktseite](/contact). Zu unseren öffentlichen Sitzungen sind alle Eltern herzlich eingeladen. Die Termine finden Sie unter [Termine](/events).","embed":[],"location":"header","order":2,"public":true,"slug":"board","title":"Vorstandsteam"},{"body":"Der Förderverein **„Freunde der IGMH e.V.\"** unterstützt die Schule seit 1975 bei Anschaffungen und Projekten, die aus dem regulären Schulbudget nicht finanziert werden können.\n\n::: kennzahlen\n- **seit 1975** im Einsatz für die IGMH\n- **über 500** Mitglieder\n- **ab 10 €** Jahresbeitrag\n:::\n\n::: hinweis\nDer Förderverein ist ein eigenständiger, gemeinnützig anerkannter Verein und nicht Teil des Elternbeirats.\n:::\n\n## Was der Verein fördert\n\n::: kacheln\n- **Pädagogik** Bessere Rahmenbedingungen für die Arbeit an der Schule\n- **Projekte** Musische, sportliche und kulturelle Vorhaben\n- **Ausstattung** Anschaffungen, die allen Schülerinnen und Schülern zugutekommen\n- **Chancengerechtigkeit** Damit kein Kind aus finanziellen Gründen zurückbleibt\n:::\n\n## Was bereits gefördert wurde\n\n- Rennräder, Bälle, Trikots sowie Sport- und Spielgeräte für AGs\n- Zuschüsse für Chorwochenenden und Kanutage\n- Unterstützung der Theater-AG\n- Veranstaltungstechnik und Musikinstrumente, zum Beispiel DJ-Mischpult und Klavier\n- Vor- und Mitfinanzierung der Schülerhandbücher\n- Kletterwand, Außenmöbel in den Innenhöfen, Sitzbänke im Schulhaus und Wasserspender im Mensabereich\n- Laptops und Tablets für den Unterricht\n\n## Mitglied werden\n\nMitglied werden kann, wer die Arbeit der Schule unterstützen möchte. Eine Mitgliedschaft ist bereits ab einem Jahresbeitrag von **10 €** möglich.\n\n::: aufruf\nDie Beitrittserklärung füllen Sie online beim Förderverein aus.\n\n[Zur Beitrittserklärung](https://easyverein.com/public/FDI/applicationform/21612)\n:::\n\n## Spenden\n\nSpenden sind jederzeit willkommen und werden auf Wunsch mit einer Zuwendungsbestätigung quittiert. Der Verein ist als gemeinnützig anerkannt. Wie Sie spenden können, erfahren Sie beim Förderverein.\n\n## Kontakt zum Förderverein\n\n**Freunde der IGMH e.V.**  \nHerzogenriedstraße 50  \n68169 Mannheim  \n(Fach 165)\n\nE-Mail: [foerderverein@igmh.de](mailto:foerderverein@igmh.de)  \nWebsite: [foerderverein.igmh.de](https://foerderverein.igmh.de)","embed":[],"location":"header","order":3,"public":true,"slug":"patrons","title":"Förderverein"},{"body":"Auf dieser Seite haben wir die Fragen zusammengetragen, die uns am häufigsten erreichen.\n\nIhre Frage ist nicht dabei? Schreiben Sie uns über die [Kontaktseite](/contact) – wir helfen gern weiter.","embed":[],"location":"header","order":6,"public":true,"slug":"faqs","title":"FAQs"},{"body":"Formulare und Dokumente zum Herunterladen:\n\n- [Aufnahmeantrag Förderverein](/dokumente/aufnahmeantrag-foerderverein.pdf)\n- [Einzugsermächtigung](/dokumente/einzugsermaechtigung.pdf)\n- [Erstattungsformular Klassenkasse](/dokumente/erstattungsformular-klassenkasse.pdf)\n\n::: hinweis\nFehlt ein Dokument? Melden Sie sich über die [Kontaktseite](/contact).\n:::","embed":[],"location":"header","order":7,"public":true,"slug":"downloads","title":"Downloads"},{"body":"Haben Sie eine Frage, eine Anregung oder möchten Sie sich einbringen? Der Elternbeirat der IGMH freut sich über jede Nachricht.\n\n[kontakt@elternbeirat-igmh.info](mailto:kontakt@elternbeirat-igmh.info)\n\nIn der Regel melden wir uns innerhalb weniger Tage zurück.\n\n::: hinweis\nBei dringenden schulischen Angelegenheiten wenden Sie sich bitte direkt an das Sekretariat der IGMH.\n:::","embed":[],"location":"footer","order":1,"public":true,"slug":"contact","title":"Kontakt"},{"body":"# Impressum\n\nAngaben gemäß § 5 DDG\n\n**Elternbeirat der IGMH**\nVertreten durch den Vorstand\n\nKontakt: siehe [Kontaktseite](/contact)\n\nVerantwortlich für den Inhalt nach § 18 Abs. 2 MStV: der Vorstand des Elternbeirats.","embed":[],"location":"footer","order":2,"public":true,"slug":"imprint","title":"Impressum"},{"body":"# Datenschutz\n\nDer Schutz Ihrer Daten ist uns wichtig. Diese Website kommt ohne externe Dienste aus: keine Analysewerkzeuge, keine eingebundenen Karten oder Videos, keine Schriften von fremden Servern.\n\n## Server-Logs\n\nBeim Aufruf werden technisch notwendige Zugriffsdaten (IP-Adresse, Zeitpunkt, aufgerufene Seite) kurzzeitig verarbeitet, um den Betrieb sicherzustellen. Eine Zusammenführung mit anderen Daten findet nicht statt.\n\n## Ihre Rechte\n\nFragen zum Datenschutz richten Sie bitte an die [Kontaktseite](/contact).","embed":[],"location":"footer","order":3,"public":true,"slug":"privacy","title":"Datenschutz"},{"body":"# Willkommen beim Elternbeirat der IGMH","embed":["posts","events"],"location":"header","order":1,"public":true,"slug":"home","title":"Start"},{"body":"Was tut sich am Elternbeirat und an der IGMH? Hier finden Sie Rückblicke auf Veranstaltungen, Ankündigungen und Berichte aus den Sitzungen des Elternbeirats.","embed":[],"location":"header","order":4,"public":true,"slug":"posts","title":"Beiträge"},{"body":"Wann kommt der Elternbeirat zusammen, und was steht rund um die IGMH an? Hier finden Sie die Termine auf einen Blick.","embed":[],"location":"header","order":5,"public":true,"slug":"events","title":"Termine"}]
 ,
     posts: [{"body":"In fast allen Familien wird über die Handy-Nutzung diskutiert. Auch im schulischen Alltag ist das immer wieder ein Thema.\n\nSinnvolles und weniger Sinnvolles ist mit dem Handy möglich. Viele Jugendliche haben das Handy bis in die späten Abendstunden und über Nacht bei sich, was natürlich zur Nutzung verführt. Innerhalb der Familie dazu Regelungen zu finden, ist nicht einfach. Auch wir in der Schule kennen diese Gespräche.\n\nWir möchten Ihnen ein Angebot digitaler Elternmodule zu diesem Themenfeld vorstellen und kurz aus schulischer, sozialpädagogischer und strafrechtlicher Sicht zur Handynutzung informieren.\n\n**Dienstag, 18. Februar 2025 um 18 Uhr im Hörsaal 2.**\n\nBitte geben Sie kurz über die Klassenleitung Rückmeldung, dass Sie teilnehmen werden.","date":"2025-02-07 12:00:00.000Z","public":true,"slug":"elternabend-handy-nutzung","title":"Elternabend zur Handy-Nutzung"},{"body":"Am 8. Februar öffnete die IGMH ihre Türen für interessierte Eltern und Kinder, die sich einen Eindruck von unserer Schule verschaffen wollten. Besonders Eltern, die planen, ihre Kinder im kommenden Schuljahr anzumelden, konnten sich umfassend informieren und direkt einen Anmeldetermin vereinbaren.\n\n## Vielfältige Einblicke in das Schulleben\n\nAn verschiedenen Stationen lernten die Besucherinnen und Besucher das breite Angebot der IGMH kennen. Die Eliteschule des Sports präsentierte ihre Fördermöglichkeiten, und Schulhund Tonka ließ viele Kinderherzen höherschlagen. Auch der Elternbeirat und der Förderverein der IGMH informierten in der Aula über ihre Arbeit.\n\nFür die jungen Gäste gab es zahlreiche Mitmach-Aktionen:\n\n- Im römischen Zimmer konnten sie sich spielerisch mit der lateinischen Sprache beschäftigen.\n- Im Chemielabor wurden spannende Experimente durchgeführt.\n- Die Kletterwand war ein echter Publikumsmagnet, hier ging es unter professioneller Sicherung hoch hinaus.\n\n## Unterhaltung und kulinarische Highlights\n\n- Die Schülerband begeisterte das Publikum mit ihren Auftritten in der Aula.\n- Im Hörsaal 2 führten die 6. und 7. Klassen eine unterhaltsame Theateraufführung auf.\n- Für das leibliche Wohl war bestens gesorgt, ob im gemütlichen Schülercafé oder im Bistro Français.\n\nDer Tag der offenen Tür war ein voller Erfolg und lockte zahlreiche Besucherinnen und Besucher an. Die positive Resonanz zeigt, wie groß das Interesse an unserer Schule ist.","date":"2025-02-09 12:00:00.000Z","public":true,"slug":"tag-der-offenen-tuer-2025","title":"Rückblick: Tag der offenen Tür an der IGMH"},{"body":"Digitale Medien spielen eine zentrale Rolle im Alltag von Kindern und Jugendlichen, sei es das Smartphone, ein Tablet oder die Spielkonsole. Doch was machen junge Menschen eigentlich damit? Welcher Erwachsene weiß genau, was sich auf WhatsApp, Instagram oder Snapchat abspielt? Und was passiert auf TikTok? Wann wird ein Videospiel zur Sucht? Und welches Vorbild geben wir als Erwachsene ab, wenn auch unser eigener Alltag vom Smartphone bestimmt wird?\n\n## Digitaler Medienelternabend an der IGMH\n\nVor Kurzem fand an der IGMH ein digitaler Medienelternabend statt, der auf großes Interesse stieß. Frau Ruthig, stellvertretende Mittelstufenleiterin, führte in das Thema ein und beleuchtete die Herausforderungen der Mediennutzung.\n\nAnschließend erklärte Schulpolizist Herr Ebert die juristischen Aspekte. Dabei zeigte er auf, welche Möglichkeiten Eltern haben, wenn ihr Kind von Cybermobbing betroffen ist:\n\n- Gespräch mit Schule und Polizeibeamten\n- Gespräch mit dem Präventionsbeamten der Polizei\n- Durchführung eines Präventionstermins in der Klasse\n- Mit Einverständnis der Eltern des Täters: Gespräch mit dem Täter\n- Mit Einverständnis der Eltern des Täters: Gespräch mit Täter, Opfer, Eltern und Schule\n- Strafanzeige durch die Polizei\n\nWeiterführende Informationen zu Computerspielen finden Sie unter [usk.de](http://www.usk.de) (USK Unterhaltungssoftware) und [zavatar.de](http://www.zavatar.de).\n\n## Herausforderungen der Handynutzung aus sozialpädagogischer Sicht\n\nFrau Graske (Sozialpädagogin) stellte die Herausforderungen aus Sicht der Schulsozialarbeit dar und gab Eltern konkrete Tipps:\n\n**1. Bildschirmzeit im Blick behalten**\n\n**2. Handy am Abend außer Reichweite bringen.** Vereinbaren Sie einen festen Schlafplatz für das Handy und aktivieren Sie einen Ruhemodus.\n\n**3. Online-Kontakte des Kindes sensibel begleiten.** Lassen Sie sich Chat-Gruppen zeigen, schauen Sie gemeinsam das TikTok-Profil an und nutzen Sie Ratschläge von [Clemens hilft](https://www.clemenshilft.de/).\n\n**4. Bleiben Sie die wichtigste Ansprechperson für Ihr Kind.** Zeigen Sie, dass Ihr Kind Ihnen vertrauen kann, begründen Sie Ihre Maßnahmen und bleiben Sie offen für Fragen. Der [Mediennutzungsvertrag](https://www.mediennutzungsvertrag.de/) hilft bei klaren Absprachen.\n\n**5. Denken Sie auch an sich selbst.** Anerkennen Sie Ihren Einsatz, seien Sie nachsichtig mit sich, wenn Pläne nicht sofort aufgehen, und holen Sie sich bei Frustration Unterstützung.\n\n## Kontakt zur Schulsozialarbeit\n\nBei Fragen zur Handynutzung aus sozialpädagogischer Sicht können Sie sich an die Schulsozialarbeit der IGMH wenden (Raum CO.03).\n\n## Weitere hilfreiche Informationen\n\n1. [Klicksafe](https://www.klicksafe.de/), die EU-Initiative für mehr Sicherheit im Netz, unterstützt Eltern mit Informationen und Tipps zum kompetenten Umgang mit digitalen Medien.\n2. Der [Mediennutzungsvertrag](https://www.mediennutzungsvertrag.de/) hilft, gemeinsam mit dem Kind Regeln für die Mediennutzung festzulegen.","date":"2025-02-18 12:00:00.000Z","public":true,"slug":"digitale-medien-herausforderung","title":"Digitale Medien: Herausforderung für Jugendliche und Eltern"},{"body":"Kürzlich fand die Wahl des neuen Vorstands des Elternbeirats statt. Sie wurde notwendig, da mehrere Mitglieder aus dem Gremium ausgeschieden sind, unter anderem aufgrund eines Schulwechsels.\n\nLeider wurde die Wahl nur von wenigen Eltern besucht, was bedauerlich ist, da die Elternarbeit eine wichtige Rolle für unsere Schule spielt. Dennoch konnte die Wahl erfolgreich durchgeführt werden.\n\nGewählt wurde folgender Vorstand des Elternbeirats der IGMH:\n\n**Elternbeiratsvorsitz**\n\n- Dina Losert\n\n**Stellvertretende Elternbeiratsvorsitzende**\n\n- Bernhard Topschall\n- Maik Palm\n\n**Beisitzerinnen und Beisitzer**\n\n- Marielle Ianello\n- Gentiana Erol\n- Jenny Reger-Stilgenbauer\n- Michael Weber\n- Marion Leininger\n- Raul Chira\n\nAußerdem wurden die ständigen Mitglieder sowie deren Stellvertreterinnen und Stellvertreter für die Schulkonferenz gewählt. In der ersten Sitzung werden die konkreten Aufgaben verteilt, zum Beispiel die Vertretung im Mensarat oder im Förderverein.\n\nWir freuen uns auf eine engagierte und erfolgreiche Zusammenarbeit im Interesse aller Schülerinnen und Schüler.","date":"2025-02-26 12:00:00.000Z","public":true,"slug":"vorstand-gewaehlt-februar-2025","title":"Neuer Vorstand des Elternbeirats gewählt (Februar 2025)"},{"body":"Am 1. Oktober 2025 war es endlich so weit: Die IGMH feierte die Einweihung ihrer neuen Sporthalle. Oberbürgermeister Christian Specht übergab das moderne Gebäude im Wert von rund 23 Millionen Euro offiziell seiner Bestimmung. 3,85 Millionen Euro der Kosten wurden durch das Bundesprogramm „Sanierung kommunaler Einrichtungen\" gefördert.\n\nNach vielen Jahren des Wartens und Planens ist damit ein echtes Zukunftsprojekt für unsere Schule und die ganze Neckarstadt entstanden. Die alte Halle konnte aufgrund schwerer Bauschäden nicht mehr genutzt werden, so fiel die Entscheidung für einen kompletten Neubau.\n\nEntstanden ist eine helle, moderne und barrierefreie Sportanlage mit einer großen Dreifeldhalle und einer kleineren Einfeldhalle, die sowohl im Schulalltag als auch von Vereinen genutzt werden können. Eine Photovoltaikanlage, Dachbegrünung und moderne Wärmeschutztechnik sorgen dafür, dass auch das Thema Nachhaltigkeit nicht zu kurz kommt.\n\nAuch architektonisch ist die neue Halle ein Hingucker: viel Glas, ein elegantes Holztragwerk und eine dunkle Fassade, die sich harmonisch in den Herzogenriedpark einfügt. „Ein Leuchtturmprojekt für Bildung, Sport und Nachhaltigkeit\", betonte Oberbürgermeister Specht bei der Einweihung.\n\nDie Schülerinnen und Schüler dürfen sich auf ideale Bedingungen für Unterricht und Training freuen, und die IGMH kann stolz sein auf eine Sporthalle, die ihrem Namen als Eliteschule des Sports wirklich gerecht wird.","date":"2025-10-05 12:00:00.000Z","public":true,"slug":"neue-sporthalle-eroeffnet","title":"Neue Sporthalle feierlich eröffnet"},{"body":"Wir laden herzlich zur Vollversammlung des Elternbeirats der IGMH ein.\n\n**Datum:** Donnerstag, 13. November 2025\n**Uhrzeit:** 19:00 Uhr\n**Ort:** Hörsaal 2 der IGMH\n\n## Tagesordnung\n\n1. Begrüßung und Feststellung der Beschlussfähigkeit, Wahlleitung und Protokoll\n2. Vorstellung der Kandidatinnen und Kandidaten\n3. Wahl der Mitglieder des EBV-Vorstands\n4. Wahl der Mitglieder der Schulkonferenz\n5. Mitteilung über Änderung der Geschäftsordnung\n6. Schlusswort\n\n## Wir brauchen Sie\n\nZur Wahl stehen der Elternbeiratsvorstand, zwei stellvertretende Vorsitzende sowie Beisitzerinnen und Beisitzer. Als Beisitzerin oder Beisitzer nehmen Sie beispielsweise an den Sitzungen des Elternbeirats teil, die in der Regel alle ein bis zwei Monate stattfinden. Es gibt vielfältige Möglichkeiten, sich je nach zeitlicher Verfügbarkeit einzubringen. Jede Form der Unterstützung ist von großem Wert.\n\nFalls Sie Interesse haben, sich aufstellen zu lassen, oder Fragen zur Arbeit des Elternbeirats haben, melden Sie sich gerne vorab über die [Kontaktseite](/contact) oder sprechen Sie uns direkt am Wahlabend an.\n\nWir kommen hiermit einer Informationspflicht nach Punkt 9 der Geschäftsordnung nach:\n\n> Eine Änderung der Geschäftsordnung erfolgt durch Mehrheitsbeschluss des Vorstands. Die Information über die geänderte Geschäftsordnung erfolgt mit Veröffentlichung auf der Homepage des Elternbeirates und in der nächsten Elternbeiratssitzung.","date":"2025-10-24 12:00:00.000Z","public":true,"slug":"einladung-vollversammlung-2025","title":"Einladung zur Vollversammlung des Elternbeirats"},{"body":"Die Schule bietet ab sofort einen neuen Service an: Lost and Found, eine Fundstelle für verlorene Gegenstände.\n\nAb sofort gibt es eine digitale Möglichkeit, nach verlorenen Gegenständen zu suchen. Über 200 Fundsachen wurden fotografiert und in Bildergalerien nach Kategorien auf der Homepage der IGMH veröffentlicht.\n\nAlle Informationen und die Bilderstrecken finden Sie beim [Lost-and-Found-Service der IGMH](https://igmh.de/presse/fundsachen-bilder-durchklicken-verlorenes-wiederfinden).\n\nWer etwas auf den Fotos oder in der Beschreibung wiedererkennt, kann sich per E-Mail an [heike.scholz@igmh.de](mailto:heike.scholz@igmh.de) wenden.","date":"2025-10-29 12:00:00.000Z","public":true,"slug":"lost-and-found","title":"Lost and Found: Fundstelle für verlorene Gegenstände"},{"body":"Am 13. November 2025 fand die turnusmäßige Wahl des Elternbeirats der IGMH im Hörsaal 2 statt. Besetzt wurden der Vorstand, die Beisitzerinnen und Beisitzer, die Mitglieder der Schulkonferenz sowie zwei Kassenprüferinnen bzw. Kassenprüfer. Die Versammlung war mit 35 wahlberechtigten Elternvertreterinnen und Elternvertretern beschlussfähig.\n\nMit der Wahl beginnt die nächste Amtsperiode, in der die gewählten Mitglieder die Interessen der Eltern vertreten, die Zusammenarbeit mit der Schulleitung begleiten und Impulse für das Schulleben setzen. Im Anschluss wurden aktuelle Themen angesprochen, darunter die Pausenregelung, der Umgang mit Mobiltelefonen, der digitale Zugang zu Untis, die Situation der Schultoiletten sowie die Kommunikation zwischen Elternhaus und Schule.\n\n## Ergebnisse im Überblick\n\n**Vorstand Elternbeirat**\n\n- 1. Vorsitz: Maik Palm\n- Stellvertretung: Gentiana Erol\n- Stellvertretung: Raul Chira\n\n**Beisitzer**\n\n- Neu gewählt: Susanne Naumburg, Rebecca Goldmann, Isabell Vesper\n- Im Amt verbleibend: Mariella Ianello, Marion Leininger, Jenny Reger-Stilgenbauer, Michael Weber\n\n**Schulkonferenz**\n\n- Mitglied kraft Amtes: Maik Palm\n- Feste Sitze: Gentiana Erol, Tanja Engelhardt, Jenny Reger-Stilgenbauer\n- Ersatzmitglieder: Franziska Schaaf, Susanne Naumburg, Michael Weber, Cemile Ökzüz\n\n**Kassenprüfer**\n\n- Franziska Wieczorek\n- Michael Vokt\n\nDas ausführliche Protokoll steht im Downloadbereich zur Verfügung.","date":"2025-11-26 12:00:00.000Z","public":true,"slug":"vollversammlung-wahl-november-2025","title":"Vollversammlung des Elternbeirats: Wahl am 13. November 2025"},{"body":"Bitte unterstützen Sie das Schülercafé der IGMH mit Ihrer Stimme. Das Café soll verschönert und gemütlicher gestaltet werden, dafür zählt jede Stimme von Eltern und Unterstützern.\n\n**Hier können Sie abstimmen:** [zum Abstimmen beim Sparda-Impuls](https://www.spardaimpuls.de/projekte/68f9d6ec1d40df0c78f35285).\n\n## Dafür machen wir uns stark\n\nDas Schulcafé der IGMH ist ein Ort des Miteinanders. In den Mittagspausen verkaufen Schülerinnen und Schüler verschiedene gesunde Mittagssnacks, vom Sandwichtoast über Müsli bis zum Obstsalat, im Sommer darf es auch einmal ein Eis sein. Die helfenden Jugendlichen bekommen erste Einblicke in die gastronomische Arbeitswelt und engagieren sich für die Gemeinschaft.\n\nDie Überschüsse aus dem Verkauf fließen in ein Projekt, das Schülerinnen und Schüler bei der Finanzierung von Klassenfahrten unterstützt, die finanziell belastet sind und nicht von Bildung und Teilhabe profitieren können. Um dieses Projekt aufrechterhalten zu können, bewerben wir uns beim Sparda-Impuls.","date":"2025-11-12 12:00:00.000Z","public":true,"slug":"schulcafe-sparda-impuls-abstimmung","title":"Stimmen Sie für das Schulcafé beim Sparda-Impuls"},{"body":"Nachdem es anfangs recht schleppend mit den Stimmen voranging, begaben sich die Elternsprecher im wahrsten Sinne des Wortes auf Stimmenfang. Zwischenzeitlich belegten wir sogar kurzzeitig einen der ersten drei Plätze.\n\nDer Schlussspurt war ein regelrechter Krimi. Zwischen dem fünften und sechsten Platz lagen zeitweise nur drei Stimmen Unterschied. Am Ende erreichte das Projekt Schulcafé beim Sparda-Impuls-Wettbewerb einen hervorragenden fünften Platz mit 2.490 Stimmen.\n\nDank dieses großartigen Ergebnisses kann das Schulcafé nun mit den gewonnenen 3.000 Euro verschönert werden, sehr zur Freude aller Schülerinnen und Schüler der IGMH.\n\nDer Elternbeiratsvorstand gratuliert herzlich zum fünften Platz und bedankt sich bei allen Eltern, die engagiert Werbung für das Projekt gemacht haben, und natürlich bei allen, die abgestimmt und damit zum Erfolg beigetragen haben.\n\n## Kurz zusammengefasst\n\n- Projekt: Verschönerung des IGMH-Schulcafés\n- Wettbewerb: Sparda-Impuls\n- Ergebnis: 5. Platz\n- Stimmen: 2.490\n- Fördersumme: 3.000 Euro","date":"2025-12-04 12:00:00.000Z","public":true,"slug":"schulcafe-platz-5-sparda-impuls","title":"Das Schulcafé holt Platz 5 beim Sparda-Impuls-Wettbewerb"},{"body":"Am 9. Dezember fand die erste Sitzung des Elternbeiratsvorstands im Schuljahr 2025/26 statt. Im Mittelpunkt stand die Besetzung zentraler Aufgaben und Zuständigkeiten. Dabei wurde festgelegt, wer den Austausch mit dem Förderverein übernimmt, wer im Mensarat mitarbeitet und welche weiteren organisatorischen Aufgaben wahrgenommen werden.\n\n## Zusammenfassung\n\n- Förderverein: Mariella Ianello, Marion Leininger\n- Mensarat: Gentiana Erol, Raul Chira, Mariella Ianello, Maik Palm\n- Kasse und Protokoll: Marion Leininger\n- Homepage: Maik Palm\n- Schaukasten: Jenny Reger-Stilgenbauer\n\nDie Kasse wurde ordnungsgemäß an die zukünftige Kassenwartin übergeben. Die nächste Sitzung des Elternbeiratsvorstands ist für Ende Januar 2026 geplant.","date":"2025-12-12 12:00:00.000Z","public":true,"slug":"ebv-sitzung-dezember-2025","title":"1. EBV-Sitzung im Schuljahr 2025/26"},{"body":"Kreativität, Teamgeist und eine stimmungsvolle Atmosphäre: Auch in diesem Jahr war der Adventstüren-Contest ein voller Erfolg.\n\nDie Schülerinnen und Schüler hatten wieder die Gelegenheit, ihre Klassenzimmertür weihnachtlich zu dekorieren. Die Schülermitverantwortung (SMV) lobt den Contest jährlich aus und bietet den Klassen damit die Möglichkeit, ihre Klassenkasse aufzubessern.\n\nDer Förderverein der IGMH unterstützt die SMV dabei jedes Jahr und stellt das Preisgeld zur Verfügung. In diesem Jahr wurde das Preisgeld zusätzlich durch den Elternbeirat aufgestockt, der den Wettbewerb mit weiteren 280 Euro unterstützte.\n\nAm Mittwoch, den 17. Dezember, fand in der ersten großen Pause die feierliche Preisverleihung statt. Der Adventstüren-Contest sorgte auch in diesem Jahr für eine stimmungsvolle vorweihnachtliche Atmosphäre an der Schule.\n\n## Zusammenfassung\n\n- Die SMV organisiert jährlich den Adventstüren-Contest.\n- Der Förderverein stellt das Preisgeld bereit.\n- Der Elternbeirat unterstützt zusätzlich mit 280 Euro.\n- Preisverleihung: Mittwoch, 17. Dezember, in der 1. großen Pause.","date":"2025-12-18 12:00:00.000Z","public":true,"slug":"adventstueren-contest-2025","title":"Adventstüren-Contest"},{"body":"Am 10. März 2026 fand die zweite Sitzung des Elternbeiratsvorstands statt. Im Mittelpunkt standen der Mensabetrieb, Rückerstattungen des ehemaligen Caterers, Maßnahmen zur Mobbingprävention sowie organisatorische Fragen. Das Treffen verlief konstruktiv und lösungsorientiert.\n\n## Mensabetrieb und Austausch mit FMD\n\nFür den 18. März wurde ein Austausch mit dem Caterer FMD angekündigt. Fragen der Eltern zum Mensabetrieb sollten über die Elternsprecher gesammelt und gebündelt weitergeleitet werden. Deutlich wurde, dass die zweite Essensausgabeschlange für die siebten Klassen derzeit nicht wie vorgesehen funktioniert. Dieses Thema sollte gezielt angesprochen werden.\n\n## Rückerstattungen des ehemaligen Caterers\n\nBeim ehemaligen Caterer Ehrenfried haben noch nicht alle Eltern, die Beiträge überwiesen hatten, ihre Rückerstattung erhalten. Der Großteil der ausstehenden Beträge wurde jedoch bereits zurückgezahlt.\n\n## Mobbingprävention\n\nDa es vermehrt zu Mobbing- und Gewaltvorfällen kommt, soll sich der Vorstand künftig intensiver mit Mobbingprävention befassen. Konkrete Vorschläge sollen an die Schulleitung herangetragen werden, beispielsweise unter Einbeziehung externer Stellen wie dem Haus des Jugendrechts.\n\n## Themen für die Schulleitung\n\nMehrere offene Punkte werden an die Schulleitung herangetragen, darunter der Wunsch nach einem Schulfotografen, der aktuelle Stand beim Elternzugang zu WebUntis und die Wiederaufnahme der Quartalsgespräche mit der Schulleitung.\n\nDie Sitzung war von einem konstruktiven Austausch geprägt und setzte wichtige Impulse für die weitere Elternarbeit.","date":"2026-03-21 12:00:00.000Z","public":true,"slug":"ebv-sitzung-maerz-2026","title":"Zweite Sitzung des Elternbeiratsvorstands am 10. März 2026"},{"body":"Am 18. März fand ein Austausch mit Mitarbeitenden des Caterers FMD, Elternvertreterinnen und Elternvertretern, Lehrkräften sowie Schülerinnen und Schülern der SMV statt. Insgesamt war es ein sehr konstruktives Gespräch. Die Eltern hatten im Vorfeld die Möglichkeit, über ihre Elternvertretungen Fragen und Anregungen einzureichen.\n\n## Fragen und Anmerkungen der Eltern\n\n- Mehrere Eltern äußerten Fragen zu den erhöhten Preisen.\n- Einige Kinder berichten, dass sie trotz Vorbestellung keinen Nachtisch erhalten haben, obwohl dieser bezahlt wurde.\n- Positiv war, dass laktosefreie und vegetarische Menüs angeboten werden. Werden beide am selben Tag angeboten, ist die Auswahl jedoch eingeschränkt. Angeregt wurde ein abwechslungsreicherer Speiseplan.\n- Angeregt wurde, PayPal als zusätzliche Aufladefunktion für das Essenskonto zu prüfen.\n- Gewünscht wurden kleinere Snacks oder einfache Gerichte zum Barzahlen, etwa belegte Brötchen oder Brezeln.\n- Viele Eltern sprachen ausdrücklich ein Lob aus, dass sich das Essen insgesamt deutlich verbessert habe.\n\n## Rückmeldungen von FMD\n\nFMD erklärte, dass der Preisspielraum begrenzt sei, da die Preise im Vergleich zu anderen Caterern bereits im unteren Bereich lägen. Nach Vorgaben der Stadt gibt es nur einmal pro Woche ein Fleischgericht. Als tägliche Alternative gibt es weiterhin Spaghetti Bolognese, die nicht vorbestellbar sind, aber jeden Tag bar oder per Chip erhältlich.\n\nFalls Kinder einen vorbestellten Nachtisch nicht erhalten haben, sollen sie bitte aktiv danach fragen. Hierzu wird es zusätzlich einen Aushang geben. Zudem wird geprüft, ob künftig wieder eine Salatbar angeboten werden kann. PayPal wurde angesprochen, hier hat FMD als Teil der GBG-Gruppe keine alleinige Entscheidungsfreiheit, nimmt das Anliegen aber mit.\n\n## Kiosk und Snack-Angebot\n\nDer Kiosk bietet täglich ab 7:15 Uhr sowie in der Mittagszeit kleine Snacks an, zahlbar bar oder mit Chip. Dort liegt ein Wünschebuch aus, in das die Kinder gewünschte Produkte eintragen können. Ein mobiler Snack-Trolley ist aus personellen und hygienischen Gründen leider nicht umsetzbar.\n\n## Zusammenfassung\n\n- Der Austausch mit FMD verlief konstruktiv und offen.\n- Zentrale Themen waren Preise, Dessertausgabe, Speiseplan, Snack-Angebote und Pausenregelung.\n- Spaghetti Bolognese bleibt täglich verfügbar, auch wenn sie nicht vorbestellbar ist.\n- Eine Salatbar wird geprüft, PayPal als Zahlungsoption angeregt.\n- Die Fragen zur Pausenregelung werden in der Schulkonferenz weiter beraten.","date":"2026-03-22 12:00:00.000Z","public":true,"slug":"mensa-austausch-fmd-maerz-2026","title":"Mensa-Austausch mit FMD am 18. März 2026"}]
 ,