Gitea-Admin/sg07-stleon.de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Hein Erik
2026-04-07 12:59:01 +02:00
commit 4b029c2bce
174 changed files with 34730 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

257
chronik.html Normal file
View File

@@ -0,0 +1,257 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vereinschronik | SG 07 St. Leon</title>
<style>
/* --- Grundlegendes Design & Farben --- */
:root {
--primary: #d32f2f;
--primary-dark: #9a0007;
--light: #ffffff;
--light-gray: #f4f4f4;
--dark: #222222;
--text-gray: #555555;
--border-color: #dddddd;
}
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
body { background-color: var(--light-gray); color: var(--dark); line-height: 1.6; }
a { text-decoration: none; color: inherit; transition: all 0.3s ease; }
/* --- Navigation --- */
header {
background-color: var(--light); color: var(--dark); padding: 1rem 5%;
display: flex; justify-content: space-between; align-items: center;
position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); border-bottom: 3px solid var(--primary);
}
header .logo { font-size: 1.8rem; font-weight: 900; letter-spacing: 1px; color: var(--primary); display: flex; align-items: center; gap: 10px; }
header .logo img { height: 40px; width: auto; }
nav ul { list-style: none; display: flex; gap: 20px; flex-wrap: wrap; justify-content: flex-end;}
nav ul li a { font-weight: 600; padding: 5px 0; position: relative; font-size: 0.95rem; }
nav ul li a::after {
content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 3px;
background-color: var(--primary); transition: width 0.3s ease;
}
nav ul li a:hover::after, nav ul li a.active::after { width: 100%; }
.mobile-menu-btn { display: none; background: none; border: none; color: var(--primary); font-size: 1.8rem; cursor: pointer; }
/* --- Hero Bereich --- */
.hero {
background: linear-gradient(rgba(154, 0, 7, 0.8), rgba(211, 47, 47, 0.9)),
url('https://images.unsplash.com/photo-1542652735873-fb2825bac6e2?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center/cover no-repeat;
height: 40vh; min-height: 250px; display: flex; flex-direction: column; justify-content: center; align-items: center;
color: var(--light); text-align: center; padding: 0 20px;
}
.hero h1 { font-size: clamp(2rem, 4vw, 3.5rem); margin-bottom: 10px; text-transform: uppercase; font-weight: 900; }
.hero p { font-size: 1.2rem; max-width: 600px; color: rgba(255,255,255,0.9); }
/* --- Sektionen Allgemein --- */
section { padding: 4rem 5%; max-width: 1000px; margin: 0 auto; }
.section-title { text-align: center; margin-bottom: 3rem; color: var(--dark); font-size: 2.2rem; text-transform: uppercase; position: relative; }
.section-title::after { content: ''; display: block; width: 60px; height: 4px; background-color: var(--primary); margin: 10px auto 0; }
.timeline-intro { text-align: center; font-size: 1.1rem; color: var(--text-gray); margin-bottom: 4rem; max-width: 800px; margin-left: auto; margin-right: auto; }
/* --- Historie (Timeline) --- */
.timeline-container { margin-bottom: 5rem; }
.timeline-container h3 { color: var(--primary); font-size: 1.8rem; border-bottom: 2px solid var(--border-color); padding-bottom: 10px; margin-bottom: 30px; text-transform: uppercase;}
.timeline { position: relative; padding-left: 30px; border-left: 4px solid var(--primary); }
.timeline-item { position: relative; margin-bottom: 25px; padding-left: 20px; }
.timeline-item::before {
content: ''; position: absolute; left: -38px; top: 5px; width: 16px; height: 16px;
background-color: var(--light); border: 4px solid var(--primary); border-radius: 50%;
transition: background-color 0.3s;
}
.timeline-item:hover::before { background-color: var(--primary); }
.timeline-year {
font-weight: 900; color: var(--primary); font-size: 1.3rem; margin-bottom: 5px;
display: inline-block; background: var(--light); padding: 2px 10px; border-radius: 4px; border: 1px solid var(--border-color);
}
.timeline-content {
background: var(--light); padding: 15px 25px; border-radius: 6px;
box-shadow: 0 3px 10px rgba(0,0,0,0.04); border: 1px solid var(--border-color);
margin-top: 10px; color: var(--text-gray); line-height: 1.5;
}
.timeline-content strong { color: var(--dark); }
/* --- Footer --- */
footer { background: var(--dark); color: #ccc; text-align: center; padding: 3rem 5% 1.5rem; margin-top: 3rem; }
.footer-content { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; margin-bottom: 2rem; max-width: 1200px; margin: 0 auto; }
.footer-section { flex: 1 1 250px; text-align: left; }
.footer-section h4 { color: var(--light); margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid var(--primary); display: inline-block; }
.footer-section ul { list-style: none; }
.footer-section ul li { margin-bottom: 10px; }
.footer-section ul li a:hover { color: var(--light); }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 1.5rem; font-size: 0.9rem; }
@media (max-width: 900px) { nav ul { gap: 10px; } }
@media (max-width: 768px) {
.mobile-menu-btn { display: block; }
nav ul { display: none; flex-direction: column; position: absolute; top: 100%; left: 0; width: 100%; background-color: var(--light); padding: 20px 5%; gap: 15px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); border-top: 1px solid var(--border-color); }
nav ul.show { display: flex; }
}
</style>
</head>
<body>
<!-- Navigation -->
<header>
<div class="logo">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='%23d32f2f'/%3E%3Ctext x='50' y='55' font-size='28' fill='white' text-anchor='middle' font-family='sans-serif' font-weight='bold'%3ESG%3C/text%3E%3C/svg%3E" alt="SG 07 Logo">
<span>SG 07 St. Leon</span>
</div>
<button class="mobile-menu-btn" id="menuToggle">☰</button>
<nav>
<ul id="navMenu">
<li><a href="index.html">Startseite</a></li>
<li><a href="kinderturnen.html">Kinderturnen</a></li>
<li><a href="vereinsheim.html">Vereinsheim</a></li>
<li><a href="verein.html">Vorstand</a></li>
<li><a href="chronik.html" class="active">Chronik</a></li>
<li><a href="freundeskreis.html">Freundeskreis</a></li>
</ul>
</nav>
</header>
<!-- Hero Bereich -->
<div class="hero">
<h1>Vereinschronik</h1>
<p>Die stolze Geschichte der SG 07 St. Leon von 1907 bis heute.</p>
</div>
<!-- Inhalt -->
<section>
<p class="timeline-intro">
Über 100 Jahre Sport, Leidenschaft und Gemeinschaft. Entdecke die Meilensteine unseres Vereins, von den ersten Turnübungen bis hin zu den überregionalen Erfolgen im Handballsport.
</p>
<div class="timeline-container">
<h3>Gesamtverein & Herren</h3>
<div class="timeline">
<div class="timeline-item">
<div class="timeline-year">1907</div>
<div class="timeline-content">Gründung des <strong>„Turnverein Germania 07 St. Leon“</strong> und eines zweiten Turnvereins namens <strong>„Turnverein Jahn 07 St. Leon“</strong>. In beiden Vereinen wurde Turnen und Leichtathletik betrieben.</div>
</div>
<div class="timeline-item">
<div class="timeline-year">1910</div>
<div class="timeline-content">Gründung des „Katholischen Jungmännervereins St. Leon“. Dieser Verein begeisterte die Jugendlichen für das Fußballspiel.</div>
</div>
<div class="timeline-item">
<div class="timeline-year">1919</div>
<div class="timeline-content">Nach der Unterbrechung durch den 1. Weltkrieg nehmen der Turnverein Germania 07 und der Turnerbund Jahn 07 den Sportbetrieb wieder auf. Als neue sportliche Betätigung kam das <strong>Faustballspiel</strong> hinzu.</div>
</div>
<div class="timeline-item">
<div class="timeline-year">1928</div>
<div class="timeline-content">Die Katholische Mannschaft schloss sich zur DJK (=Deutsche Jugendkraft) zusammen und <strong>führte den Handballsport in St. Leon ein</strong>.</div>
</div>
<div class="timeline-item">
<div class="timeline-year">1929</div>
<div class="timeline-content">TV Germania und TB Jahn begannen ebenfalls mit dem Handballsport. Jeder der drei Vereine verfügte über eine erste und zweite Mannschaft sowie Jugend- und Schülermannschaften.</div>
</div>
<div class="timeline-item">
<div class="timeline-year">1933</div>
<div class="timeline-content">Aufgrund des politischen Umschwungs wurde die DJK verboten und die beiden Turnvereine mussten sich zwangsweise zur <strong>„Turngemeinde 1907 St. Leon“</strong> zusammenschließen.</div>
</div>
<div class="timeline-item">
<div class="timeline-year">1946</div>
<div class="timeline-content">Nach dem Neubeginn des Handballsports wurde am 16. April die <strong>„Sportgemeinde 07 St. Leon“</strong> gegründet. Als Vereinsfarben wurden <strong>„Rot-Weiß“</strong> gewählt.</div>
</div>
<div class="timeline-item">
<div class="timeline-year">1950 - 1961</div>
<div class="timeline-content">Eine Ära der Erfolge: Die SG holt die erste Badische Jugendmeisterschaft (1950), wird mehrfach Badischer Meister im Feld und in der Halle (u.a. 1954, 1957, 1961) und ist 1958 Gründungsmitglied der süddeutschen Feldhandball-Oberliga.</div>
</div>
<div class="timeline-item">
<div class="timeline-year">1969 / 1970</div>
<div class="timeline-content">Gründung der Hallenhandball-Regionalliga Süd mit der SG 07 St. Leon.</div>
</div>
<div class="timeline-item">
<div class="timeline-year">1972 / 1973</div>
<div class="timeline-content">Ein großer Meilenstein abseits des Feldes: Das <strong>Vereinsheim</strong> wurde errichtet.</div>
</div>
<div class="timeline-item">
<div class="timeline-year">1975 - 1989</div>
<div class="timeline-content">Die A-Jugend wird Badischer und Süddeutscher Meister im Großfeld (1975). Die 1. Herrenmannschaft feiert weitere Badische Meisterschaften und steigt 1989 in die <strong>Regionalliga</strong> auf.</div>
</div>
<div class="timeline-item">
<div class="timeline-year">2008</div>
<div class="timeline-content">Aufstieg in die Baden-Württemberg-Oberliga (BW-Oberliga).</div>
</div>
<div class="timeline-item">
<div class="timeline-year">16.03.2012</div>
<div class="timeline-content">Bündelung der Kräfte: <strong>Gründung der HSG St. Leon/Reilingen</strong> für eine noch erfolgreichere Zukunft im Handballsport.</div>
</div>
</div>
</div>
<div class="timeline-container">
<h3>Die Geschichte der Damen</h3>
<div class="timeline">
<div class="timeline-item">
<div class="timeline-year">30.06.1946</div>
<div class="timeline-content"><strong>Gründung der ersten Damenmannschaft.</strong> Nach der Teilnahme an der Verbandsrunde 1946-1947 löste sich die Mannschaft mangels Nachwuchs vorerst wieder auf.</div>
</div>
<div class="timeline-item">
<div class="timeline-year">1972</div>
<div class="timeline-content"><strong>Neugründung</strong> der Damen-Abteilung. Dies war der Startschuss für eine extrem erfolgreiche sportliche Entwicklung in den folgenden Jahrzehnten.</div>
</div>
<div class="timeline-item">
<div class="timeline-year">1984 - 1990</div>
<div class="timeline-content">Der kontinuierliche Weg nach oben: Aufstieg in die 1. Division (1984), Aufstieg in die Landesliga (1987) und der große Aufstieg in die <strong>Oberliga (1990)</strong>.</div>
</div>
<div class="timeline-item">
<div class="timeline-year">1992</div>
<div class="timeline-content">Sensationeller Aufstieg in die <strong>Regionalliga Süd</strong>. Nach der Auflösung der 1. Damenmannschaft 1994 führte die 1b-Mannschaft den Spielbetrieb in der 1. Division erfolgreich fort.</div>
</div>
<div class="timeline-item">
<div class="timeline-year">2013</div>
<div class="timeline-content">Nach der Fusion zur HSG feierten die Damen den Aufstieg in die <strong>BW-Oberliga</strong>.</div>
</div>
<div class="timeline-item">
<div class="timeline-year">2020</div>
<div class="timeline-content">Der bisher größte Erfolg der Damenmannschaft: <strong>Aufstieg in die 3. Liga (Süd-West)</strong>.</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="footer-content">
<div class="footer-section">
<h4>Über uns</h4>
<p>Die SG 07 St. Leon ist die sportliche Heimat für alle Altersklassen in der Region. Wir fördern Gemeinschaft, Gesundheit und Leistung.</p>
</div>
<div class="footer-section">
<h4>Verein</h4>
<ul>
<li><a href="verein.html">Vorstand & Ansprechpartner</a></li>
<li><a href="freundeskreis.html">Freundeskreis</a></li>
<li><a href="https://www.dkc88skc89.de/" target="_blank">Kegeln</a></li>
<li><a href="https://www.hsg-s-r.de/" target="_blank">Handball (HSG)</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Kontakt</h4>
<ul>
<li>📧 sg07-stleon@t-online.de</li>
<li>📍 Postfach 6459, 68789 St. Leon-Rot</li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2026 SG 07 St. Leon e.V. Alle Rechte vorbehalten.</p>
</div>
</footer>
<script>
document.getElementById('menuToggle').addEventListener('click', function() {
document.getElementById('navMenu').classList.toggle('show');
});
</script>
</body>
</html>