ottokaehler

Version 2.1 von Sarah Groeneveld am 2026/09/29 11:47

#document-title { display:none; }
.ok { max-width:980px; margin:0 auto; color:#3a3530; line-height:1.65; font-size:1.02em; }
.ok * { box-sizing:border-box; }
.ok h2 { font-family:Georgia,"Times New Roman",serif; font-weight:normal; font-size:2em; line-height:1.2; color:#1f2d4a; border:0; padding:0; margin:0 0 18px; }
.ok p { margin:0 0 14px; }
.ok-section { padding:60px 0; }
.ok-kicker { font-size:.76em; letter-spacing:.18em; text-transform:uppercase; color:#8a7f70; margin-bottom:10px; }
.ok-lead { font-size:1.1em; max-width:660px; }
.ok-band { background:#f6f1e8; border-radius:12px; padding:52px 40px; }

.ok-hero { text-align:center; padding:60px 16px 30px; }
.ok-year { font-family:Georgia,"Times New Roman",serif; font-size:clamp(5.5rem,20vw,12rem); line-height:.9; color:#1D3F8F; letter-spacing:-.02em; }
.ok-hero-line { font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.2rem,3.2vw,1.65rem); color:#4a4239; margin-top:22px; }
.ok-rule { width:60px; height:2px; background:#c9b99a; margin:30px auto 0; }

.ok-portrait { display:flex; flex-wrap:wrap; align-items:center; gap:40px; padding:30px 0 50px; }
.ok-portrait-img { flex:1 1 400px; }
.ok-portrait-img img { width:100%; height:auto; display:block; }
.ok-portrait-text { flex:1 1 280px; }
.ok-name { font-family:Georgia,"Times New Roman",serif; font-size:2.3em; letter-spacing:.08em; text-transform:uppercase; color:#1f2d4a; line-height:1.1; }
.ok-role { font-family:Georgia,"Times New Roman",serif; font-style:italic; font-size:1.35em; color:#1D3F8F; margin:10px 0 6px; }
.ok-years { color:#8a7f70; font-size:.95em; }
.ok-quote { border-left:3px solid #c9b99a; padding-left:18px; margin-top:24px; color:#4a4239; font-size:1.05em; }

.ok-photos { display:flex; flex-wrap:wrap; justify-content:center; gap:26px; margin-top:40px; }
.ok-photo { flex:0 1 290px; margin:0; background:#fff; padding:10px 10px 12px; box-shadow:0 3px 16px rgba(40,30,20,.14); }
.ok-photo img { width:100%; height:auto; display:block; filter:sepia(.12); }
.ok-photo figcaption { font-size:.8em; font-style:italic; color:#7a7064; margin-top:8px; text-align:center; }
.ok-photo:nth-child(1) { transform:rotate(-1.5deg); }
.ok-photo:nth-child(2) { transform:translateY(16px) rotate(1deg); }
.ok-photo:nth-child(3) { transform:rotate(-.6deg); }

.ok-count { display:flex; flex-wrap:wrap; align-items:center; gap:36px; }
.ok-count-num { flex:0 0 auto; font-family:Georgia,"Times New Roman",serif; color:#1D3F8F; line-height:1; }
.ok-count-pre { font-size:1.4em; color:#8a7f70; }
.ok-count-big { display:block; font-size:clamp(3.8rem,11vw,6.5rem); }
.ok-count-unit { display:block; font-size:1.5em; color:#4a4239; margin-top:6px; }
.ok-count-text { flex:1 1 300px; }

.ok-browser { max-width:620px; margin:34px auto 0; border:1px solid #ddd3c3; border-radius:10px; overflow:hidden; background:#fff; box-shadow:0 8px 28px rgba(40,30,20,.10); }
.ok-browser-bar { background:#eee7db; padding:10px 14px; display:flex; align-items:center; gap:7px; }
.ok-dot { width:10px; height:10px; border-radius:50%; background:#cbbfae; flex:0 0 auto; }
.ok-url { flex:1; background:#fff; border-radius:5px; padding:4px 12px; margin-left:8px; font-family:Menlo,Consolas,monospace; font-size:.85em; color:#6b635a; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ok-browser-body { padding:34px 30px 36px; text-align:center; }
.ok-stamp { display:inline-block; border:1.5px solid #b08d57; color:#8a6a3a; font-size:.7em; letter-spacing:.18em; text-transform:uppercase; padding:4px 10px; border-radius:3px; margin-bottom:16px; }
.ok-browser-title { font-family:Georgia,"Times New Roman",serif; font-size:1.9em; color:#1f2d4a; margin-bottom:6px; }
.ok-browser-sub { color:#6b635a; margin-bottom:24px; }

.ok-btn { display:inline-block; padding:12px 24px; border-radius:6px; background:#1D3F8F; color:#fff !important; text-decoration:none !important; font-weight:600; border:1.5px solid #1D3F8F; transition:background .15s ease; }
.ok-btn:hover { background:#152f6b; }
.ok-btn-ghost { background:transparent; color:#1D3F8F !important; }
.ok-btn-ghost:hover { background:#eef1f8; }

.ok-tl { border-left:2px solid #d9cfbf; margin:30px 0 0 8px; padding-left:30px; max-width:660px; }
.ok-tl-item { position:relative; margin-bottom:28px; }
.ok-tl-item:last-child { margin-bottom:0; }
.ok-tl-item::before { content:''; position:absolute; left:-38px; top:7px; width:12px; height:12px; border-radius:50%; background:#fff; border:2px solid #1D3F8F; }
.ok-tl-now::before { background:#1D3F8F; }
.ok-tl-year { font-family:Georgia,"Times New Roman",serif; font-size:1.45em; color:#1D3F8F; line-height:1.2; }
.ok-tl-text { color:#4a4239; }

.ok-compare { display:flex; align-items:stretch; gap:20px; margin-top:34px; }
.ok-side { flex:1; background:#fff; border:1px solid #e6dccb; border-radius:10px; padding:30px 24px; text-align:center; }
.ok-side-name { font-family:Georgia,"Times New Roman",serif; font-size:1.55em; color:#1f2d4a; margin:6px 0 4px; }
.ok-side-desc { color:#6b635a; font-size:.95em; }
.ok-arrow { flex:0 0 auto; align-self:center; font-size:2em; color:#b08d57; }
.ok-slogan { font-family:Georgia,"Times New Roman",serif; text-align:center; font-size:clamp(1.5rem,4vw,2.2rem); color:#1f2d4a; margin:40px 0 20px; }
.ok-center { max-width:640px; margin:0 auto; text-align:center; }

.ok-thanks { text-align:center; padding:80px 16px 30px; }
.ok-thanks-img { width:150px; height:150px; border-radius:50%; overflow:hidden; margin:0 auto 28px; box-shadow:0 4px 18px rgba(40,30,20,.12); }
.ok-thanks-img img { width:100%; height:100%; object-fit:cover; object-position:50% 32%; display:block; }
.ok-thanks-title { font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.2rem,6vw,3rem); color:#1f2d4a; margin-bottom:24px; }
.ok-thanks-text { max-width:580px; margin:0 auto; font-size:1.08em; }
.ok-sign { margin-top:26px; font-style:italic; color:#8a7f70; }

.ok-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; padding:30px 0 70px; }

@media (max-width:700px) {
  .ok-section { padding:44px 0; }
  .ok-band { padding:36px 20px; }
  .ok-portrait { gap:24px; }
  .ok-name { font-size:1.8em; }
  .ok-photo, .ok-photo:nth-child(1), .ok-photo:nth-child(2), .ok-photo:nth-child(3) { transform:none; flex-basis:100%; }
  .ok-compare { flex-direction:column; }
  .ok-arrow { transform:rotate(90deg); }
  .ok-browser-body { padding:26px 18px 28px; }
}
1976
Als unsere Schule begann, begann auch ihre Chronik.
Otto Kähler – Illustration
Otto Kähler
Der Chronist unserer Schule
1976–2004 an der KGS Stuhr-Brinkum
Was wir heute über 50 Jahre KGS wissen, hat er zu einem großen Teil festgehalten.
Geschichte festhalten

Fotografiert, gesammelt, aufgeschrieben

Otto Kähler kam 1976 mit der Gründung an die KGS und war hier unter anderem stellvertretender Schulleiter. Neben seiner Arbeit an der Schule hat er über Jahrzehnte ihr Leben dokumentiert.

Er fotografierte den Schulalltag, Kolleginnen und Kollegen, Schülerinnen und Schüler, Veranstaltungen und besondere Ereignisse. Er hielt fest, wie Gebäude entstanden und sich veränderten. Und er sammelte Informationen und Bilder, damit nichts davon verloren ging.

Historisches Foto aus der Schulchronik
Aus der Chronik von Otto Kähler
Historisches Foto aus der Schulchronik
Aus der Chronik von Otto Kähler
Historisches Foto aus der Schulchronik
Aus der Chronik von Otto Kähler
Aus Erinnerungen wird eine Chronik
ca. 1.000 Seiten

Aus Fotos, Notizen und gesammeltem Material wurde mit der Zeit eine geordnete Schulchronik.

Später brachte Otto Kähler sie selbst ins Internet. Über viele Jahre hat er sie dort persönlich gepflegt und ergänzt, bis sie rund 1.000 Seiten umfasste.

Die erste digitale Chronik

kaehler-kgs.de

Lange bevor es ein Schul-Wiki gab, war die Geschichte der KGS hier online nachzulesen, zusammengetragen und gepflegt von einem Kollegen.

http://www.kaehler-kgs.de
Original
Die ursprüngliche Chronik
aufgebaut und gepflegt von Otto Kähler
Zur ursprünglichen Chronik
Zeitstrahl

Fünf Jahrzehnte

1976
Gründung der KGS Stuhr-Brinkum. Otto Kähler beginnt seine Tätigkeit an der Schule.
2004
Ende seiner aktiven Tätigkeit an der KGS.
Danach
Er führt die digitale Schulchronik weiter und pflegt sie.
2026
50 Jahre KGS Stuhr-Brinkum. Die historische Chronik wird in das XWiki der Schule übertragen.
1976 – 2026
Damals
kaehler-kgs.de
Die Chronik von Otto Kähler
→
Heute
Schulchronik im XWiki
wiki.kgs-stuhr.de
Neue Technik. Dieselbe Geschichte.

Die alte Internetchronik war technisch in die Jahre gekommen. 2026 wurde sie deshalb in das XWiki der Schule übertragen.

Die Inhalte, die Bilder und die Idee dahinter stammen zu einem großen Teil von Otto Kähler. Das XWiki löst seine Arbeit nicht ab. Es sorgt dafür, dass sie erhalten bleibt und weiter wachsen kann.

Otto Kähler
Danke, Otto.

Ohne Otto Kähler wäre diese Schulchronik nicht das, was sie heute ist. Über Jahrzehnte hat er festgehalten, was sonst vielleicht verloren gegangen wäre.

Dass wir heute durch 50 Jahre KGS-Geschichte blättern können, verdanken wir zu einem großen Teil ihm. Die Form der Chronik hat sich verändert. Seine Arbeit ist ihr Fundament geblieben.

Die KGS Stuhr-Brinkum, im Jubiläumsjahr 2026