Zum Inhalt springen
Version 4.1 von Sarah Groeneveld am 2026/07/14 14:04
Verstecke letzte Bearbeiter
Sarah Groeneveld 1.1 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; }
Sarah Groeneveld 3.1 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; }
Sarah Groeneveld 1.1 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; }
Sarah Groeneveld 4.1 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 .kgs-zweig-badge { display:inline-block; padding:2px 10px; border-radius:12px; font-size:.82em; font-weight:700; color:#fff; white-space:nowrap; }
55 .kgs-zweig-badge.kgs-zweig-r { background:#1D3F8F; }
56 .kgs-zweig-badge.kgs-zweig-g { background:#E30613; }
57 .kgs-zweig-badge.kgs-zweig-h { background:#2e8b57; }
58 .kgs-zweig-badge.kgs-zweig-sonstige { background:#888; }
59 .kgs-year-badge { font-size:.66em; font-weight:600; color:#666; background:#eef0f5; border-radius:10px; padding:2px 10px; margin-left:10px; vertical-align:middle; }
Sarah Groeneveld 1.1 60 </style>
61 {{/html}}{{html wiki="true" clean="false"}}
62 <div class="kgs-banner kgs-banner-yellow">
63 <div class="kgs-banner-icon">☀️</div>
64 <div><div class="kgs-banner-title">Sommerfeste der Orientierungsstufe</div><div class="kgs-banner-sub">1998-2004</div></div>
65 </div>
66 {{/html}}
67
68 Schulfeste der Orientierungsstufe Die Orientierungsstufe feierte wegen der räumlichen Trennung vom KGS-Hauptgebäude ihre Schulfeste in der Regel in ihrem eigenen Bereich; Traditionscharakter bekamen die Sommerfeste der Orientierungsstufe jeweils am letzten Sonnabend vor dem Ende des Schuljahres. Diese Seite zeigt einige Fotos anlässlich der Sommerfeste in den letzten Jahren des Bestehens der Orientierungsstufe bis zum Jahr 2004. Ein "Klick" auf die J a h r e s z a h l in der Übersicht führt zu weiteren Fotos.
69
70 {{html wiki="true" clean="false"}}
71 <details class="kgs-era"><summary>☀️ Orientierungsstufen-Sommerfest 1998</summary><div class="kgs-era-body"><p>Orientierungsstufen-Sommerfest 1998 Orientierungsstufen-Sommerfest 1998 Hinweis: Vergrößerung der Fotos durch Anklicken</p><div class="kgs-gallery"><div class="kgs-gallery-item">[[[[image:os-98-a_jpg.jpg||width="130"]]>>attach:os-98-a_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-98-b_jpg.jpg||width="130"]]>>attach:os-98-b_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-98-c_jpg.jpg||width="130"]]>>attach:os-98-c_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-98-d_jpg.jpg||width="130"]]>>attach:os-98-d_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-98-e_jpg.jpg||width="130"]]>>attach:os-98-e_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-98-f_jpg.jpg||width="130"]]>>attach:os-98-f_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-98-g_jpg.jpg||width="130"]]>>attach:os-98-g_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-98-h_jpg.jpg||width="130"]]>>attach:os-98-h_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-98-i_jpg.jpg||width="130"]]>>attach:os-98-i_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-98-j_jpg.jpg||width="130"]]>>attach:os-98-j_jpg.jpg||target="_blank"]]</div></div></div></details><details class="kgs-era"><summary>☀️ Orientierungsstufen-Sommerfest 1999</summary><div class="kgs-era-body"><p>Orientierungsstufen-Sommerfest 1999 Orientierungsstufen-Sommerfest 1999 Hinweis: Vergrößerung der Fotos durch Anklicken</p><div class="kgs-gallery"><div class="kgs-gallery-item">[[[[image:os-99-a_jpg.jpg||width="130"]]>>attach:os-99-a_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-99-b_jpg.jpg||width="130"]]>>attach:os-99-b_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-99-c_jpg.jpg||width="130"]]>>attach:os-99-c_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-99-d_jpg.jpg||width="130"]]>>attach:os-99-d_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-99-e_jpg.jpg||width="130"]]>>attach:os-99-e_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-99-f_jpg.jpg||width="130"]]>>attach:os-99-f_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-99-g_jpg.jpg||width="130"]]>>attach:os-99-g_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-99-h_jpg.jpg||width="130"]]>>attach:os-99-h_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-99-i_jpg.jpg||width="130"]]>>attach:os-99-i_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-99-j_jpg.jpg||width="130"]]>>attach:os-99-j_jpg.jpg||target="_blank"]]</div></div></div></details><details class="kgs-era"><summary>☀️ Orientierungsstufen-Sommerfest 2000</summary><div class="kgs-era-body"><p>Orientierungsstufen-Sommerfest 2000 Orientierungsstufen-Sommerfest 2000 Hinweis: Vergrößerung der Fotos durch Anklicken</p><div class="kgs-gallery"><div class="kgs-gallery-item">[[[[image:os-00-a_jpg.jpg||width="130"]]>>attach:os-00-a_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-00-b_jpg.jpg||width="130"]]>>attach:os-00-b_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-00-c_jpg.jpg||width="130"]]>>attach:os-00-c_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-00-d_jpg.jpg||width="130"]]>>attach:os-00-d_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-00-e_jpg.jpg||width="130"]]>>attach:os-00-e_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-00-f_jpg.jpg||width="130"]]>>attach:os-00-f_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-00-g_jpg.jpg||width="130"]]>>attach:os-00-g_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-00-h_jpg.jpg||width="130"]]>>attach:os-00-h_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-00-i_jpg.jpg||width="130"]]>>attach:os-00-i_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-00-j_jpg.jpg||width="130"]]>>attach:os-00-j_jpg.jpg||target="_blank"]]</div></div></div></details><details class="kgs-era"><summary>☀️ Orientierungsstufen-Sommerfest 2001</summary><div class="kgs-era-body"><p>Orientierungsstufen-Sommerfest 2001 Orientierungsstufen-Sommerfest 2001 Hinweis: Vergrößerung der Fotos durch Anklicken</p><div class="kgs-gallery"><div class="kgs-gallery-item">[[[[image:os-01-a_jpg.jpg||width="130"]]>>attach:os-01-a_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-01-b_jpg.jpg||width="130"]]>>attach:os-01-b_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-01-c_jpg.jpg||width="130"]]>>attach:os-01-c_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-01-d_jpg.jpg||width="130"]]>>attach:os-01-d_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-01-e_jpg.jpg||width="130"]]>>attach:os-01-e_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-01-f_jpg.jpg||width="130"]]>>attach:os-01-f_jpg.jpg||target="_blank"]]</div></div></div></details><details class="kgs-era"><summary>☀️ Orientierungsstufen-Sommerfest 2002</summary><div class="kgs-era-body"><p>Orientierungsstufen-Sommerfest 2002 Orientierungsstufen-Sommerfest 2002 Hinweis: Vergrößerung der Fotos durch Anklicken</p><div class="kgs-gallery"><div class="kgs-gallery-item">[[[[image:os-02-a_jpg.jpg||width="130"]]>>attach:os-02-a_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-02-b_jpg.jpg||width="130"]]>>attach:os-02-b_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-02-c_jpg.jpg||width="130"]]>>attach:os-02-c_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-02-d_jpg.jpg||width="130"]]>>attach:os-02-d_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-02-e_jpg.jpg||width="130"]]>>attach:os-02-e_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-02-f_jpg.jpg||width="130"]]>>attach:os-02-f_jpg.jpg||target="_blank"]]</div></div></div></details><details class="kgs-era"><summary>☀️ Orientierungsstufen-Schulfest 3.7.2004</summary><div class="kgs-era-body"><p>Orientierungsstufen-Schulfest - 3.7.2004 Orientierungsstufen-Schulfest - 3.7.2004 Hinweis: Vergrößerung der Fotos durch Anklicken</p><div class="kgs-gallery"><div class="kgs-gallery-item">[[[[image:os-04-a_jpg.jpg||width="130"]]>>attach:os-04-a_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-04-b_jpg.jpg||width="130"]]>>attach:os-04-b_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-04-c_jpg.jpg||width="130"]]>>attach:os-04-c_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-04-d_jpg.jpg||width="130"]]>>attach:os-04-d_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-04-e_jpg.jpg||width="130"]]>>attach:os-04-e_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-04-f_jpg.jpg||width="130"]]>>attach:os-04-f_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-04-g_jpg.jpg||width="130"]]>>attach:os-04-g_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-04-h_jpg.jpg||width="130"]]>>attach:os-04-h_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:os-04-i_jpg.jpg||width="130"]]>>attach:os-04-i_jpg.jpg||target="_blank"]]</div></div></div></details>
72 {{/html}}
73
Sarah Groeneveld 2.1 74 [[<< Zurück zu Schulleben & Traditionen>>schulchronik.schulleben.WebHome]]