Wiki-Quellcode von Zeitstrahl

Zuletzt geändert von Sarah Groeneveld am 2026/07/13 20:03

Zeige letzte Bearbeiter
1 {{html wiki="true" clean="false"}}
2 <style>
3 .kgs-badges { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 22px; }
4 .kgs-badge { background:#f5f5f5; border-radius:20px; padding:6px 14px; font-size:.88em; color:#333; }
5 .kgs-cards { display:flex; flex-wrap:wrap; gap:16px; margin:18px 0; }
6 .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; }
7 .kgs-card a { text-decoration:none; color:inherit; }
8 .kgs-card:hover { box-shadow:0 4px 14px rgba(0,0,0,.10); transform:translateY(-2px); }
9 .kgs-card-red { border-top-color:#E30613; }
10 .kgs-card-yellow { border-top-color:#FFD500; }
11 .kgs-card-blue { border-top-color:#1D3F8F; }
12 .kgs-card-soon { opacity:.55; border-top-color:#ddd; }
13 .kgs-card-title { font-weight:700; font-size:1.05em; margin-bottom:4px; }
14 .kgs-card-desc { font-size:.88em; color:#666; }
15 .kgs-stats { display:flex; flex-wrap:wrap; gap:16px; margin:16px 0 24px; }
16 .kgs-stat { flex:1 1 150px; text-align:center; padding:14px; border-radius:8px; background:#fafafa; border-top:4px solid #1D3F8F; }
17 .kgs-stat-num { font-size:1.6em; font-weight:700; color:#1D3F8F; }
18 .kgs-stat-label { font-size:.82em; color:#666; margin-top:2px; }
19 .kgs-timeline { border-left:3px solid #e2e2e2; padding-left:24px; margin:22px 0 22px 6px; }
20 .kgs-timeline-item { position:relative; margin-bottom:20px; }
21 .kgs-timeline-item::before { content:''; position:absolute; left:-32px; top:4px; width:13px; height:13px; border-radius:50%; border:2px solid #fff; }
22 .kgs-dot-red::before { background:#E30613; box-shadow:0 0 0 2px #E30613; }
23 .kgs-dot-yellow::before { background:#FFD500; box-shadow:0 0 0 2px #FFD500; }
24 .kgs-dot-blue::before { background:#1D3F8F; box-shadow:0 0 0 2px #1D3F8F; }
25 .kgs-timeline-year { font-weight:700; color:#1D3F8F; margin-right: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-figure { margin:16px 0; }
31 .kgs-figure img { max-width:100%; border-radius:8px; }
32 .kgs-figcaption { font-size:.85em; color:#666; font-style:italic; margin-top:6px; }
33 details.kgs-era { background:#fafafa; border:1px solid #ececec; border-radius:8px; margin-bottom:10px; padding:4px 4px; }
34 details.kgs-era summary { cursor:pointer; padding:10px 14px; font-weight:700; list-style:none; }
35 details.kgs-era summary::-webkit-details-marker { display:none; }
36 details.kgs-era summary::before { content:'\25B8'; display:inline-block; margin-right:8px; transition:transform .15s ease; }
37 details.kgs-era[open] summary::before { transform:rotate(90deg); }
38 details.kgs-era .kgs-era-body { padding:0 16px 14px 32px; }
39 .kgs-banner { border-radius:10px; padding:26px 30px; margin:6px 0 22px; color:#fff; display:flex; align-items:center; gap:16px; }
40 .kgs-banner-red { background:linear-gradient(135deg, #E30613, #b3000d); }
41 .kgs-banner-yellow { background:linear-gradient(135deg, #e0a800, #FFD500); }
42 .kgs-banner-blue { background:linear-gradient(135deg, #1D3F8F, #12274f); }
43 .kgs-banner-icon { font-size:2.1em; line-height:1; }
44 .kgs-banner-title { font-size:1.7em; font-weight:800; margin:0; }
45 .kgs-banner-sub { font-size:.95em; opacity:.9; margin-top:2px; }
46 .kgs-page-banner { margin:6px 0 22px; }
47 .kgs-page-banner img { width:100%; height:auto; border-radius:10px; display:block; }
48 </style>
49 {{/html}}{{html wiki="true" clean="false"}}
50 <div class="kgs-page-banner">
51 [[image:banner-zeitstrahl.png||alt="Zeitstrahl"]]
52 </div>
53 {{/html}}
54
55 Die wichtigsten Stationen der Schulgeschichte auf einen Blick.
56
57 {{html wiki="true" clean="false"}}
58 <div class="kgs-timeline"><div class="kgs-timeline-item kgs-dot-red"><span class="kgs-timeline-year">1972</span>Einrichtung der Orientierungsstufe für Brinkum, Heiligenrode und Seckenhausen. [[Mehr>>schulchronik.dieschule.gruendung]]</div><div class="kgs-timeline-item kgs-dot-yellow"><span class="kgs-timeline-year">1973</span>Auflösung der Volksschule Brinkum; Initiativgruppe KGS Brinkum gegründet. [[Mehr>>schulchronik.dieschule.gruendung]]</div><div class="kgs-timeline-item kgs-dot-blue"><span class="kgs-timeline-year">1974</span>Antrag der Gemeinde Brinkum auf Einrichtung einer KGS. [[Mehr>>schulchronik.dieschule.gruendung]]</div><div class="kgs-timeline-item kgs-dot-red"><span class="kgs-timeline-year">1976</span>Gründung der KGS Stuhr-Brinkum; Adolf Wähner (komm.) erster Schulleiter. [[Mehr>>schulchronik.dieschule.gruendung]]</div><div class="kgs-timeline-item kgs-dot-yellow"><span class="kgs-timeline-year">1977</span>Bezug des Brunnenweg-Gebäudes; Otto Kähler (komm.) Schulleiter. [[Mehr>>schulchronik.dieschule.geschichte]]</div><div class="kgs-timeline-item kgs-dot-blue"><span class="kgs-timeline-year">1979</span>Erich Kamphenkel wird Schulleiter; Erweiterungsbau für Gymnasiale Oberstufe beschlossen. [[Mehr>>schulchronik.dieschule.geschichte]]</div><div class="kgs-timeline-item kgs-dot-red"><span class="kgs-timeline-year">1980</span>Start der Gymnasialen Oberstufe. [[Mehr>>schulchronik.dieschule.geschichte]]</div><div class="kgs-timeline-item kgs-dot-yellow"><span class="kgs-timeline-year">1982/83</span>Bezug des neuen Sek.-II-Gebäudes. [[Mehr>>schulchronik.dieschule.geschichte]]</div><div class="kgs-timeline-item kgs-dot-blue"><span class="kgs-timeline-year">1986–1988</span>Umzüge der Orientierungsstufe; Beschluss für Um- und Anbauten. [[Mehr>>schulchronik.dieschule.geschichte]]</div><div class="kgs-timeline-item kgs-dot-red"><span class="kgs-timeline-year">1995</span>Einweihung des Brunnenweg-Anbaus. [[Mehr>>schulchronik.dieschule.geschichte]]</div><div class="kgs-timeline-item kgs-dot-yellow"><span class="kgs-timeline-year">1996</span>Schlüsselübergabe für das umgebaute Feldstraßen-Gebäude. [[Mehr>>schulchronik.dieschule.geschichte]]</div><div class="kgs-timeline-item kgs-dot-blue"><span class="kgs-timeline-year">1999</span>Otto Kähler (komm.) erneut Schulleiter. [[Mehr>>schulchronik.schulleitung.WebHome]]</div><div class="kgs-timeline-item kgs-dot-red"><span class="kgs-timeline-year">2000</span>Bärbel Gemmeke wird Schulleiterin. [[Mehr>>schulchronik.schulleitung.WebHome]]</div><div class="kgs-timeline-item kgs-dot-yellow"><span class="kgs-timeline-year">2002/2003</span>Start des Ganztagsprojekts „ELAN“. [[Mehr>>schulchronik.dieschule.geschichte]]</div><div class="kgs-timeline-item kgs-dot-blue"><span class="kgs-timeline-year">2006</span>Einweihung des Ganztags-Erweiterungsbaus (Mensa, Theaterforum). [[Mehr>>schulchronik.dieschule.geschichte]]</div><div class="kgs-timeline-item kgs-dot-red"><span class="kgs-timeline-year">2009</span>Michael Triebs wird Schulleiter. [[Mehr>>schulchronik.schulleitung.WebHome]]</div><div class="kgs-timeline-item kgs-dot-yellow"><span class="kgs-timeline-year">2011–2018</span>Energetische Grundsanierung aller Gebäude am Brunnenweg. [[Mehr>>schulchronik.dieschule.geschichte]]</div><div class="kgs-timeline-item kgs-dot-blue"><span class="kgs-timeline-year">2016</span>Festakt „40 Jahre KGS Stuhr-Brinkum“ (23.9.2016). [[Mehr>>schulchronik.dieschule.jubilaeen]]</div><div class="kgs-timeline-item kgs-dot-red"><span class="kgs-timeline-year">2020</span>Marcus Barnert (komm.) Schulleiter. [[Mehr>>schulchronik.schulleitung.WebHome]]</div><div class="kgs-timeline-item kgs-dot-yellow"><span class="kgs-timeline-year">2021</span>Mirko Truscelli wird Schulleiter (ab 5.7.2021). [[Mehr>>schulchronik.schulleitung.WebHome]]</div><div class="kgs-timeline-item kgs-dot-blue"><span class="kgs-timeline-year">2023</span>Dieter Meyer (komm.) Schulleiter (ab 22.8.2023). [[Mehr>>schulchronik.schulleitung.WebHome]]</div></div>
59 {{/html}}