eltern.klasse5

Version 5.1 von Sarah Groeneveld am 2026/06/08 08:37

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Willkommen 5. Jahrgang – KGS Stuhr-Brinkum</title>
<style>

  • { box-sizing: border-box; }
    body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f4f5f8; color: #1a1a2e; margin: 0; padding: 24px; }
    .wiki-frame { max-width: 860px; margin: 0 auto; background: #f4f5f8; }

.wk-hero {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  border-radius: 12px; padding: 48px 40px; margin-bottom: 32px;
  position: relative; overflow: hidden;
}
.wk-hero::before {
  content: ''; position: absolute; top: -60px; right: -60px;
  width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(229,57,53,0.25) 0%, transparent 70%);
  border-radius: 50%;
}
.wk-hero::after {
  content: ''; position: absolute; bottom: -40px; left: 10%;
  width: 200px; height: 200px;
  background: radial-gradient(circle, rgba(255,214,0,0.15) 0%, transparent 70%);
  border-radius: 50%;
}
.wk-hero-tag {
  display: inline-block; background: rgba(229,57,53,0.9); color: #fff;
  font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
  padding: 4px 12px; border-radius: 20px; margin-bottom: 16px; position: relative; z-index: 1;
}
.wk-hero h1 {
  color: #fff; font-size: 2.2em; font-weight: 800; margin: 0 0 8px 0;
  line-height: 1.2; position: relative; z-index: 1;
}
.wk-hero h1 span { color: #FFD600; }
.wk-hero-sub { color: rgba(255,255,255,0.75); font-size: 1.05em; margin: 0; position: relative; z-index: 1; }
.wk-hero-img-hint {
  margin-top: 20px; border: 2px dashed rgba(255,255,255,0.25);
  border-radius: 8px; padding: 16px 20px; color: rgba(255,255,255,0.5);
  font-size: 0.85em; font-style: italic; position: relative; z-index: 1;
}

.wk-section { margin-bottom: 36px; background: #fff; border-radius: 12px; padding: 24px 28px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.wk-section-title { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 2px solid #e8eaf0; }
.wk-section-title-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1.1em; flex-shrink: 0; }
.icon-red { background: #fdecea; } .icon-blue { background: #e3f0ff; } .icon-green { background: #e8f5e9; }
.icon-orange { background: #fff3e0; } .icon-purple { background: #f3e5f5; } .icon-teal { background: #e0f2f1; }
.wk-section-title h2 { font-size: 1.2em; font-weight: 700; color: #1a1a2e; margin: 0; }

.wk-highlight { background: linear-gradient(135deg,#fff9e6,#fff3cc); border-left: 5px solid #FFD600; border-radius: 8px; padding: 16px 20px; margin-bottom: 20px; display: flex; align-items: flex-start; gap: 12px; }
.wk-highlight-icon { font-size: 1.4em; flex-shrink: 0; margin-top: 2px; }
.wk-highlight-text { font-size: 0.95em; color: #3d3000; line-height: 1.6; }
.wk-highlight-text strong { color: #1a1a2e; }

.wk-timeline { position: relative; padding-left: 28px; }
.wk-timeline::before { content: ''; position: absolute; left: 8px; top: 4px; bottom: 4px; width: 2px; background: linear-gradient(to bottom, #E53935, #FFD600); border-radius: 2px; }
.wk-event { position: relative; margin-bottom: 18px; background: #fff; border: 1px solid #e8eaf0; border-radius: 10px; padding: 14px 16px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); }
.wk-event::before { content: ''; position: absolute; left: -24px; top: 18px; width: 10px; height: 10px; border-radius: 50%; background: #E53935; border: 2px solid #fff; box-shadow: 0 0 0 2px #E53935; }
.wk-event-date { font-size: 0.78em; font-weight: 700; color: #E53935; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 3px; }
.wk-event-title { font-size: 0.98em; font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }
.wk-event-desc { font-size: 0.87em; color: #555; line-height: 1.5; }
.wk-event.highlight-event { border-color: #E53935; background: linear-gradient(135deg,#fff9f9,#fff); }

.wk-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.wk-card { background: #f8f9fc; border: 1px solid #e8eaf0; border-radius: 10px; padding: 16px; }
.wk-card-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.wk-card-icon { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1em; flex-shrink: 0; }
.wk-card h3 { font-size: 0.95em; font-weight: 700; color: #1a1a2e; margin: 0; }
.wk-card p, .wk-card li { font-size: 0.87em; color: #555; line-height: 1.6; margin: 0; }
.wk-card ul { padding-left: 18px; margin: 6px 0 0 0; }
.wk-card a { color: #0f3460; font-weight: 600; }

.wk-timetable { width: 100%; border-collapse: collapse; font-size: 0.88em; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.wk-timetable thead tr { background: #1a1a2e; color: #fff; }
.wk-timetable th { padding: 10px 14px; text-align: left; font-weight: 600; font-size: 0.9em; }
.wk-timetable td { padding: 9px 14px; border-bottom: 1px solid #f0f0f0; color: #333; }
.wk-timetable tr:nth-child(even) td { background: #f8f9fc; }
.wk-timetable tr.pause-row td { background: #fff9e6; color: #7a6000; font-style: italic; font-size: 0.85em; }

.wk-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.wk-chip { display: inline-flex; align-items: center; gap: 5px; padding: 4px 12px; border-radius: 20px; font-size: 0.82em; font-weight: 600; border: 1.5px solid; }
.chip-rot    { background: #fdecea; color: #c62828; border-color: #ef9a9a; }
.chip-gelb   { background: #fffde7; color: #827717; border-color: #fff176; }
.chip-blau   { background: #e3f2fd; color: #0d47a1; border-color: #90caf9; }
.chip-gruen  { background: #e8f5e9; color: #1b5e20; border-color: #a5d6a7; }
.chip-weiss  { background: #fafafa; color: #424242; border-color: #bdbdbd; }
.chip-orange { background: #fff3e0; color: #e65100; border-color: #ffcc80; }
.chip-lila   { background: #f3e5f5; color: #4a148c; border-color: #ce93d8; }
.chip-grau   { background: #f5f5f5; color: #424242; border-color: #bdbdbd; }
.chip-braun  { background: #efebe9; color: #3e2723; border-color: #bcaaa4; }

.wk-contacts { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.wk-contact { background: #f8f9fc; border-radius: 10px; padding: 14px 16px; border: 1px solid #e8eaf0; }
.wk-contact-name { font-weight: 700; font-size: 0.92em; color: #1a1a2e; margin-bottom: 4px; }
.wk-contact-role { font-size: 0.8em; color: #888; margin-bottom: 6px; }
.wk-contact a { font-size: 0.83em; color: #0f3460; }
.wk-contact div { font-size: 0.83em; color: #555; }

.wk-platforms { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.wk-platform { background: #f8f9fc; border: 1.5px solid #e0e4ef; border-radius: 8px; padding: 12px 14px; font-size: 0.87em; min-width: 180px; flex: 1; }
.wk-platform-name { font-weight: 700; color: #1a1a2e; margin-bottom: 4px; }
.wk-platform-desc { color: #666; font-size: 0.9em; line-height: 1.5; }
.wk-platform a { color: #E53935; font-weight: 600; font-size: 0.88em; }

.wk-foerder { background: linear-gradient(135deg,#e8f5e9,#f1f8f1); border: 1.5px solid #a5d6a7; border-radius: 10px; padding: 18px 20px; font-size: 0.9em; color: #1b5e20; line-height: 1.7; }
.wk-foerder strong { color: #1a1a2e; }
.wk-foerder a { color: #0f3460; font-weight: 600; }

.wk-divider { border: none; border-top: 2px solid #eef0f5; margin: 0; }
</style>
</head>
<body>
<div class="wiki-frame">

  <div class="wk-hero">
    <div class="wk-hero-tag">🎒 Elterninformationen · Schuljahr 2026/27</div>
    <h1>Willkommen an der<br><span>KGS Stuhr-Brinkum</span></h1>
    <p class="wk-hero-sub">Herzlich willkommen, liebe Eltern der neuen Fünftklässlerinnen und Fünftklässler!<br>
    Hier finden Sie alle wichtigen Informationen für einen gelungenen Start.</p>
    <div class="wk-hero-img-hint">📸 Hier können Sie ein Willkommensbild oder Schulgebäude-Foto einfügen</div>
  </div>

  <! TERMINE >
  <div class="wk-section">
    <div class="wk-section-title">
      <div class="wk-section-title-icon icon-red">📅</div>
      <h2>Die wichtigsten Termine auf einen Blick</h2>
    </div>
    <div class="wk-timeline">
      <div class="wk-event highlight-event">
        <div class="wk-event-date">Freitag, 14. August 2026 · 08:30 Uhr</div>
        <div class="wk-event-title">🎉 Einschulungsfeier – Erster Schultag</div>
        <div class="wk-event-desc">Begrüßung in der Mensa der KGS Stuhr-Brinkum. Bitte begleiten Sie Ihr Kind mit <strong>maximal zwei Personen</strong>. Unterrichtsende: <strong>12:15 Uhr</strong>.</div>
      </div>
      <div class="wk-event">
        <div class="wk-event-date">17. – 21. August 2026</div>
        <div class="wk-event-title">📚 Einführungswoche</div>
        <div class="wk-event-desc">Unterricht 2.–6. Stunde, meist durch Klassenlehrkräfte. Für den ersten Tag: <strong>Federtasche und Schreibblock</strong> mitbringen.</div>
      </div>
      <div class="wk-event">
        <div class="wk-event-date">August – Oktober 2026 (vor Herbstferien)</div>
        <div class="wk-event-title">🤝 Kennenlerntage statt Klassenfahrt</div>
        <div class="wk-event-desc">Intensive Kennenlerntage vor Ort: Jahrgangsfrühstück · Tagesausflug (Stadtgarten, Abenteuerland oder Warwer Sand) · Sozialtrainingstag. Genaue Termine folgen.</div>
      </div>
      <div class="wk-event">
        <div class="wk-event-date">Ca. 2 Wochen nach Schuljahresbeginn</div>
        <div class="wk-event-title">🎨 Einwahl in AGs (Offener Ganztag)</div>
        <div class="wk-event-desc">Digital über <strong>IServ</strong>. Achtung: Teilnahme für das gesamte Schuljahr verpflichtend.</div>
      </div>
    </div>
  </div>

  <! STUNDENPLAN >
  <div class="wk-section">
    <div class="wk-section-title">
      <div class="wk-section-title-icon icon-blue">🕐</div>
      <h2>Unterrichtszeiten</h2>
    </div>
    <table class="wk-timetable">
      <thead><tr><th>Stunde / Pause</th><th>Uhrzeit</th></tr></thead>
      <tbody>
        <tr><td><strong>1. Stunde</strong></td><td>07:45 – 08:30 Uhr</td></tr>
        <tr><td><strong>2. Stunde</strong></td><td>08:35 – 09:20 Uhr</td></tr>
        <tr class="pause-row"><td>☕ 1. große Pause (20 Min.)</td><td>09:20 – 09:40 Uhr</td></tr>
        <tr><td><strong>3. Stunde</strong></td><td>09:40 – 10:25 Uhr</td></tr>
        <tr><td><strong>4. Stunde</strong></td><td>10:25 – 11:10 Uhr</td></tr>
        <tr class="pause-row"><td>☕ 2. große Pause (20 Min.)</td><td>11:10 – 11:30 Uhr</td></tr>
        <tr><td><strong>5. Stunde</strong></td><td>11:30 – 12:15 Uhr</td></tr>
        <tr><td><strong>6. Stunde</strong></td><td>12:20 – 13:05 Uhr</td></tr>
        <tr class="pause-row"><td>🍽️ Mittagspause (55 Min.)</td><td>13:05 – 14:00 Uhr</td></tr>
        <tr><td><strong>7. Stunde</strong></td><td>14:00 – 14:45 Uhr</td></tr>
        <tr><td><strong>8. Stunde</strong></td><td>14:45 – 15:30 Uhr</td></tr>
      </tbody>
    </table>
  </div>

  <! WICHTIGE INFOS >
  <div class="wk-section">
    <div class="wk-section-title">
      <div class="wk-section-title-icon icon-orange">ℹ️</div>
      <h2>Wichtige Informationen</h2>
    </div>
    <div class="wk-cards">
      <div class="wk-card">
        <div class="wk-card-head"><div class="wk-card-icon icon-orange">🚌</div><h3>Schulbus & TIM-Ticket</h3></div>
        <p>Ab <strong>4 km Schulweg</strong> → kostenlose Busfahrkarte. Kein Antrag nötig, das Sekretariat kümmert sich. Karten werden zu Schuljahresbeginn verteilt.</p>
      </div>
      <div class="wk-card">
        <div class="wk-card-head"><div class="wk-card-icon icon-teal">🍽️</div><h3>Mensa & Kiosk (MensaMax)</h3></div>
        <p>Mittagessen 13:05–14:00 Uhr. Anmeldung im Sekretariat → Essens-Chip. Bestellung über MensaMax-App, bargeldlos/Prepaid.</p>
      </div>
      <div class="wk-card">
        <div class="wk-card-head"><div class="wk-card-icon" style="background:#fce4ec;">📵</div><h3>Handyfreie Schule</h3></div>
        <p>Handys in Unterricht und Pausen <strong>verboten</strong>. Tablets nur mit Lehrkraft-Erlaubnis für Unterrichtszwecke.</p>
      </div>
      <div class="wk-card">
        <div class="wk-card-head"><div class="wk-card-icon icon-red">🤒</div><h3>Krankmeldung</h3></div>
        <p>Bis <strong>07:45 Uhr</strong> per E-Mail (<em>nachname@kgs-sb.de</em>) oder WebUntis. Schriftliche Entschuldigung danach im Entschuldigungsheft.</p>
        <ul><li><a href="#">→ Anleitung im Wiki</a></li></ul>
      </div>
      <div class="wk-card">
        <div class="wk-card-head"><div class="wk-card-icon icon-blue">📚</div><h3>Schulbücher (Ausleihe)</h3></div>
        <p>Über <strong>IServ → „Schulbücher"</strong>. Nur als Gesamtpaket. Ermäßigung/Befreiung möglich (Nachweise ins Sekretariat).</p>
      </div>
      <div class="wk-card">
        <div class="wk-card-head"><div class="wk-card-icon icon-green">🏠</div><h3>Haus am Wall</h3></div>
        <p>Jugendzentrum in Brinkum – kostenlos, ohne Anmeldung. Café, Sport, Billard, Kicker, Ferienprogramme.<br><a href="https://hausamwall.de/">→ hausamwall.de</a></p>
      </div>
    </div>
  </div>

  <! MATERIALIEN >
  <div class="wk-section">
    <div class="wk-section-title">
      <div class="wk-section-title-icon icon-purple">✏️</div>
      <h2>Materialien & Ausstattung</h2>
    </div>
    <div class="wk-highlight">
      <div class="wk-highlight-icon">🎒</div>
      <div class="wk-highlight-text">
        <strong>Federtasche:</strong> Füller + Patronen · Lineal · Textmarker · Radiergummi · Anspitzer · Klebestift · Schere · Bleistifte (hart + weich) · Buntstifte
      </div>
    </div>
    <p style="font-size:0.9em;color:#555;margin-bottom:8px;"><strong>Hefte DIN-A4:</strong> Lineatur 25 (Deutsch/Englisch) · Lineatur 28 (Mathe) · Heftumschläge:</p>
    <div class="wk-chips">
      <span class="wk-chip chip-rot">Deutsch · rot</span>
      <span class="wk-chip chip-gelb">Englisch · gelb</span>
      <span class="wk-chip chip-blau">Mathematik · blau</span>
    </div>
    <p style="font-size:0.9em;color:#555;margin:14px 0 8px;"><strong>Pappmappen:</strong></p>
    <div class="wk-chips">
      <span class="wk-chip chip-gruen">Biologie · grün</span>
      <span class="wk-chip chip-weiss">Physik · weiß</span>
      <span class="wk-chip chip-orange">Musik · orange</span>
      <span class="wk-chip chip-lila">Religion · lila</span>
      <span class="wk-chip chip-grau">Geschichte · grau</span>
      <span class="wk-chip chip-braun">Erdkunde · braun</span>
    </div>
    <p style="font-size:0.85em;color:#888;margin-top:12px;">Separate <strong>Materialliste Kunst Jg. 5/6</strong> beachten.</p>
  </div>

  <! DIGITALE PLATTFORMEN >
  <div class="wk-section">
    <div class="wk-section-title">
      <div class="wk-section-title-icon icon-blue">💻</div>
      <h2>Digitale Plattformen</h2>
    </div>
    <div class="wk-platforms">
      <div class="wk-platform">
        <div class="wk-platform-name">📨 IServ (Elternmodul)</div>
        <div class="wk-platform-desc">Offizielle Kommunikation, Elternbriefe, Elternsprechtag-Buchung. Zugangsdaten über Klassenlehrkraft.</div>
      </div>
      <div class="wk-platform">
        <div class="wk-platform-name">📅 WebUntis / Untis App</div>
        <div class="wk-platform-desc">Stundenplan, Vertretungen, Raumwechsel. Erst nach IServ-Einrichtung möglich.<br><a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/untis-eltern/">→ Anleitung im Wiki</a></div>
      </div>
      <div class="wk-platform">
        <div class="wk-platform-name">📖 Eltern-Wiki</div>
        <div class="wk-platform-desc">FAQs, Anleitungen, Formulare.<br><a href="https://wiki.kgs-stuhr.de/">→ wiki.kgs-stuhr.de</a></div>
      </div>
      <div class="wk-platform">
        <div class="wk-platform-name">🌐 Schulhomepage</div>
        <div class="wk-platform-desc">Schulleben, Profile, Kontakte.<br><a href="https://www.kgs-stuhr.de/">→ www.kgs-stuhr.de</a></div>
      </div>
    </div>
  </div>

  <! BERATUNG >
  <div class="wk-section">
    <div class="wk-section-title">
      <div class="wk-section-title-icon icon-green">🤝</div>
      <h2>Beratung & Unterstützung</h2>
    </div>
    <div class="wk-contacts">
      <div class="wk-contact"><div class="wk-contact-name">Ariane Vollmer</div><div class="wk-contact-role">Schulsozialarbeit</div><div>Tel.: 0421 80969-1990</div><a href="vollmer@kgs-sb.de">vollmer@kgs-sb.de</a></div>
      <div class="wk-contact"><div class="wk-contact-name">Annika Reiners</div><div class="wk-contact-role">Schulsozialarbeit</div><div>Tel.: 0421 80969-1560</div><a href="reiners@kgs-sb.de">reiners@kgs-sb.de</a></div>
      <div class="wk-contact"><div class="wk-contact-name">Lucy Tiedemann</div><div class="wk-contact-role">Schulsozialarbeit</div><a href="tiedemann@kgs-sb.de">tiedemann@kgs-sb.de</a></div>
      <div class="wk-contact"><div class="wk-contact-name">Andrea Barnert</div><div class="wk-contact-role">Beratungslehrkraft</div><div>Tel.: 0421 80969-134</div><a href="a.barnert@kgs-sb.de">a.barnert@kgs-sb.de</a></div>
      <div class="wk-contact"><div class="wk-contact-name">Sabrina Röber <em>(i.A.)</em></div><div class="wk-contact-role">Beratungslehrkraft</div><a href="s.roeber@kgs-sb.de">s.roeber@kgs-sb.de</a></div>
    </div>
  </div>

  <! FÖRDERVEREIN >
  <div class="wk-section">
    <div class="wk-section-title">
      <div class="wk-section-title-icon icon-green">💚</div>
      <h2>Förderverein KGS Stuhr-Brinkum e.V.</h2>
    </div>
    <div class="wk-foerder">
      Unterstützen Sie Ihre Schulgemeinschaft – der Förderverein hilft dort, wo öffentliche Mittel nicht reichen.
      <strong>Jahresbeitrag: nur 12,00 €</strong> (oder mehr, freiwillig).
      <br><br>
      <a href="https://www.kgs-stuhr.de/informationen/foerderverein/">→ Informationen &amp; Beitrittsformular auf der Homepage</a>
    </div>
  </div>

</div>
</body>
</html>