Zum Inhalt springen

Wiki-Quellcode von Schulleben & Traditionen

Zuletzt geändert von Sarah Groeneveld am 2026/07/14 14:32
Zeige letzte Bearbeiter
1 {{html wiki="true" clean="false"}}
2 <style>
3 .kgs-cards { display:flex; flex-wrap:wrap; gap:16px; margin:18px 0; }
4 .kgs-card { flex:1 1 220px; min-width:200px; padding:16px 18px; border-radius:8px; background:#fafafa; border:1px solid #ececec; border-top:4px solid #ccc; transition:box-shadow .15s ease, transform .15s ease; }
5 .kgs-card a { text-decoration:none; color:inherit; }
6 .kgs-card:hover { box-shadow:0 4px 14px rgba(0,0,0,.10); transform:translateY(-2px); }
7 .kgs-card-red { border-top-color:#E30613; }
8 .kgs-card-yellow { border-top-color:#FFD500; }
9 .kgs-card-blue { border-top-color:#1D3F8F; }
10 .kgs-card-soon { opacity:.55; border-top-color:#ddd; }
11 .kgs-card-title { font-weight:700; font-size:1.05em; margin-bottom:4px; }
12 .kgs-card-desc { font-size:.88em; color:#666; }
13 .kgs-topic-list { columns:2; column-gap:28px; margin:16px 0; }
14 .kgs-topic-list a, .kgs-topic-list span { display:block; padding:5px 0; break-inside:avoid; }
15 .kgs-topic-list a { color:#1D3F8F; font-weight:600; text-decoration:none; }
16 .kgs-topic-list a:hover { text-decoration:underline; }
17 .kgs-topic-list span.soon { color:#999; }
18 .kgs-topic-group-title { font-weight:800; color:#E30613; font-size:1.05em; margin:26px 0 4px; border-bottom:2px solid #FFD500; padding-bottom:4px; }
19 .kgs-topic-group-title.first { margin-top:4px; }
20 .kgs-topic-xref-title { font-weight:800; color:#888; font-size:.95em; margin:26px 0 4px; border-bottom:2px solid #ddd; padding-bottom:4px; }
21 .kgs-topic-list.xref a { color:#666; font-weight:500; }
22 .kgs-figure { margin:16px 0; max-width:420px; }
23 .kgs-figure img { max-width:100%; border-radius:8px; cursor:zoom-in; transition:transform .15s ease; }
24 .kgs-figure img:hover { transform:scale(1.02); }
25 .kgs-figcaption { font-size:.85em; color:#666; font-style:italic; margin-top:6px; }
26 .kgs-table { width:100%; border-collapse:collapse; margin:14px 0; }
27 .kgs-table th { background:#1D3F8F; color:#fff; text-align:left; padding:9px 12px; }
28 .kgs-table td { padding:9px 12px; border-bottom:1px solid #ececec; vertical-align:top; }
29 .kgs-table tr:nth-child(even) td { background:#f7f8fb; }
30 .kgs-note { background:#fff8e1; border-left:4px solid #FFD500; padding:10px 16px; margin:14px 0; font-size:.92em; }
31 .kgs-banner { border-radius:10px; padding:26px 30px; margin:6px 0 22px; color:#fff; display:flex; align-items:center; gap:16px; }
32 .kgs-banner-red { background:linear-gradient(135deg, #E30613, #b3000d); }
33 .kgs-banner-yellow { background:linear-gradient(135deg, #e0a800, #FFD500); }
34 .kgs-banner-blue { background:linear-gradient(135deg, #1D3F8F, #12274f); }
35 .kgs-banner-icon { font-size:2.1em; line-height:1; }
36 .kgs-banner-title { font-size:1.7em; font-weight:800; margin:0; }
37 .kgs-banner-sub { font-size:.95em; opacity:.9; margin-top:2px; }
38 details.kgs-era { background:#fafafa; border:1px solid #ececec; border-radius:8px; margin-bottom:10px; padding:4px 4px; }
39 details.kgs-era summary { cursor:pointer; padding:12px 16px; font-weight:700; list-style:none; }
40 details.kgs-era summary::-webkit-details-marker { display:none; }
41 details.kgs-era summary::before { content:'\25B8'; display:inline-block; margin-right:8px; transition:transform .15s ease; }
42 details.kgs-era[open] summary::before { transform:rotate(90deg); }
43 details.kgs-era .kgs-era-body { padding:0 18px 16px 34px; }
44 details.kgs-era details.kgs-era { margin:10px 0; }
45 ul.kgs-links { list-style:none; padding:0; margin:10px 0 0; }
46 ul.kgs-links li { margin:4px 0; }
47 .kgs-gallery { display:flex; flex-wrap:wrap; gap:10px; margin:12px 0; }
48 .kgs-gallery-item { text-align:center; width:130px; }
49 .kgs-gallery-item img { width:100%; border-radius:6px; cursor:zoom-in; }
50 .kgs-gallery-caption { font-size:.78em; color:#666; margin-top:3px; }
51 .kgs-gallery-item.kgs-gallery-lg { width:170px; }
52 .kgs-gallery-item.kgs-gallery-lg img { transition:transform .2s ease, box-shadow .2s ease; }
53 .kgs-gallery-item.kgs-gallery-lg img:hover { transform:scale(1.08); box-shadow:0 6px 16px rgba(0,0,0,.2); }
54 </style>
55 {{/html}}{{html wiki="true" clean="false"}}
56 <div class="kgs-banner kgs-banner-red">
57 <div class="kgs-banner-icon">🎉</div>
58 <div><div class="kgs-banner-title">Schulleben & Traditionen</div><div class="kgs-banner-sub">Feste, Projekte, Wettbewerbe und mehr aus über 50 Jahren KGS</div></div>
59 </div>
60 {{/html}}
61
62 Hier findest du Themen- und Fotoseiten zu verschiedenen Bereichen des Schullebens, nach Kategorien geordnet. Ein Teil ist bereits ausgearbeitet, der Rest folgt nach und nach in weiteren Ausbaustufen. Ganz unten findest du außerdem Links zu Themen (z. B. Gebäudeeinweihungen, 40-jähriges Jubiläum), die inhaltlich schon im Bereich "Die Schule" ausgearbeitet sind.
63
64 {{html wiki="true" clean="false"}}
65 <div class="kgs-topic-group-title first">🎉 Feste & Feiern</div><div class="kgs-topic-list">[[Weihnachtsbasar>>schulchronik.schulleben.weihnachtsbasar]][[Schulabschlussfeiern>>schulchronik.schulleben.feiernundfeste]][[Feiern und Feste>>schulchronik.schulleben.feiernundfeste]][[Sommerfeste der OS>>schulchronik.schulleben.sommerfesteos]][[EXPO-Schulfest (17.06.2000)>>schulchronik.schulleben.expo]][[EXPO-Schule>>schulchronik.schulleben.expo]][[Recycling-Modenschau>>schulchronik.schulleben.recyclingmodenschau]][[Theater und Musical>>schulchronik.schulleben.theater]]</div><div class="kgs-topic-group-title">🏆 Wettbewerbe & Schulaktion</div><div class="kgs-topic-list">[[Wettbewerbe (Jugend forscht, RoboCup, Mathe, Chemie u.v.m.)>>schulchronik.schulleben.wettbewerbe]][[Schoolkinner leest Platt>>schulchronik.schulleben.platt]][[Berufsorientierung>>schulchronik.schulleben.berufsorientierung]][[Projekte>>schulchronik.schulleben.projekte]][[Schülerzeitung>>schulchronik.schulleben.schuelerzeitung]][[Schulhund Fiete>>schulchronik.schulleben.fiete]]</div><div class="kgs-topic-group-title">🏃 Sport & Bewegung</div><div class="kgs-topic-list">[[Skate and Run>>schulchronik.schulleben.runandskate]][[Run and Skate for Help>>schulchronik.schulleben.runandskate]][[Sportveranstaltungen>>schulchronik.schulleben.sportveranstaltungen]][[Tennisturnier des Kollegiums>>schulchronik.schulleben.tennisturnier]]</div><div class="kgs-topic-group-title">🎓 Ehemalige & Jubiläen</div><div class="kgs-topic-list">[[Ehemaligentreffen (Schüler)>>schulchronik.schulleben.ehemaligentreffenschueler]][[Ehemaligentreffen (Lehrer)>>schulchronik.schulleben.ehemaligentreffenlehrer]][[Silberne Abitur-Jahrgänge>>schulchronik.schulleben.silberabitur]][[10 Jahre KGS (1986)>>schulchronik.schulleben.zehnjahrekgs]][[50 Jahre Gemeinde Stuhr (2024)>>schulchronik.schulleben.fuenfzigjahrestuhr]]</div><div class="kgs-topic-group-title">🎵 Musik, Kultur & Austausch</div><div class="kgs-topic-list">[[Musik und Literatur>>schulchronik.schulleben.musikundliteratur]][[Eine Schule musiziert>>schulchronik.schulleben.eineschulemusiziert]][[Oberstufen-Bibliothek>>schulchronik.schulleben.oberstufenbibliothek]][[Schüleraustausch>>schulchronik.schulleben.schueleraustausch]]</div><div class="kgs-topic-group-title">📌 Sonstiges</div><div class="kgs-topic-list">[[Einweihung des KGS-Strands>>schulchronik.schulleben.einweihungstrand]][[Kiosk-Schließung (2025)>>schulchronik.schulleben.kioskschliessung]]</div><div class="kgs-topic-xref-title">📎 Siehe auch (Seiten im Bereich "Die Schule")</div><div class="kgs-topic-list xref">[[40 Jahre KGS (2016)>>schulchronik.dieschule.jubilaeen]][[Einweihung der KGS>>schulchronik.dieschule.gruendung]][[Einweihung des 1. Anbaus>>schulchronik.dieschule.geschichte]][[Einweihung Feldstraßen-Gebäude>>schulchronik.dieschule.geschichte]][[Einweihung der Mensa>>schulchronik.dieschule.geschichte]][[Einweihung 2019: Sanierung>>schulchronik.dieschule.geschichte]]</div>
66 {{/html}}
67
68 [[« Zurück zur Schulchronik>>schulchronik.WebHome]]