[[-
Mögliche Themen zum integrieren in die Timeline
-----------------------------------------------
- 100. Umzug 
- Vorstandswechsel (1. Vorstand oder alle)
- Jährliche Ehrungen (10 Jahre Mitglied) - ohne Namen, nur Anzahl
- Ehrungen zurm Obernarr
- Anzahl an besuchten Veranstaltungen pro Jahr
- Veranstaltung die am weitesten Entfernt war
]]

    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">Herbst 2001</p>
            <p>Gründungsversammlung</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2002</span>
    </header>
    <div class="timeline-item">
    </div>
    <header class="timeline-header">
        <span class="tag is-medium is-primary">Vereinsgründung</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker is-icon is-32x32"></div>
        <div class="timeline-content">
            <p class="heading">25. Mai 2002</p>
            <p>Die Narrenzunft Brühlbärbel Mittelstadt e.V. wurde ins Vereinsregister eingetragen</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2003</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker is-icon is-32x32"></div>
        <div class="timeline-content">
            <p class="heading">26. Januar 2003</p>
            <p>Unser erster Auftritt - Umzug in Pfullingen</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2004</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker is-icon is-32x32"></div>
        <div class="timeline-content">
            <p class="heading">10. Januar 2004</p>
            <p>Erste eigene Hallenfasnet mit Häsabstauben</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2005</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">06. Januar 2005</p>
            <p>Häsabstauben</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker is-icon is-32x32"></div>
        <div class="timeline-content">
            <p class="heading">März 2005</p>
            <p>Der Verein hat 100 Mitglieder</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2006</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">06. Januar 2006</p>
            <p>Häsabstauben</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">18. Februar 2006</p>
            <p>Kinder- und Hallenfasnet</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">23. Februar 2006</p>
            <p>Rathaussturm</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2007</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">06. Januar 2007</p>
            <p>Häsabstauben</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">15. Februar 2007</p>
            <p>Rathaussturm</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2008</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">06. Januar 2008</p>
            <p>Häsabstauben</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">25.-26. Januar 2008</p>
            <p>Kinder- und Hallenfasnet</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">31. Januar 2008</p>
            <p>Rathaussturm</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2009</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">06. Januar 2009</p>
            <p>Häsabstauben</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2010</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">06. Januar 2010</p>
            <p>Häsabstauben</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">29.-30. Januar 2010</p>
            <p>Kinder- und Hallenfasnet</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">11. Februar 2010</p>
            <p>Rathaussturm</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2011</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">06. Januar 2011</p>
            <p>Häsabstauben</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">03. März 2011</p>
            <p>Rathaussturm</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2012</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">06. Januar 2012</p>
            <p>Häsabstauben</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">10.-11. Februar 2012</p>
            <p>Kinder- und Hallenfasnet</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">16. Februar 2012</p>
            <p>Rathaussturm</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker is-icon is-32x32"></div>
        <div class="timeline-content">
            <p class="heading">25. Mai 2012</p>
            <p>10 Jahre Brühlbärbel - Ehrung von 41 Gründungsmitgliedern</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2013</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">06. Januar 2013</p>
            <p>Häsabstauben</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">07. Februar 2013</p>
            <p>Rathaussturm</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2014</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">06. Januar 2014</p>
            <p>Häsabstauben</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">14.-15. Februar 2014</p>
            <p>Kinder- und Hallenfasnet</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">27. Februar 2014</p>
            <p>Rathaussturm</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2015</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">06. Januar 2015</p>
            <p>Häsabstauben</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">30.-31. Januar 2015</p>
            <p>Kinder- und Hallenfasnet</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">12. Februar 2015</p>
            <p>Rathaussturm</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2016</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">06. Januar 2016</p>
            <p>Häsabstauben</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">04. Februar 2016</p>
            <p>Rathaussturm</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker is-icon is-32x32"></div>
        <div class="timeline-content">
            <p class="heading">22.-24. Juli 2016</p>
            <p>Bierfest in Kooperation mit dem Musikverein Mittelstadt</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2017</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">06. Januar 2017</p>
            <p>Häsabstauben</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">23. Februar 2017</p>
            <p>Rathaussturm</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2018</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">06. Januar 2018</p>
            <p>Häsabstauben</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">08. Februar 2018</p>
            <p>Rathaussturm</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2019</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">06. Januar 2019</p>
            <p>Häsabstauben</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">15.-16. Februar 2019</p>
            <p>Kinder- und Hallenfasnet</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">28. Februar 2019</p>
            <p>Rathaussturm</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker is-icon is-32x32"></div>
        <div class="timeline-content">
            <p class="heading">5.-7. Juli 2019</p>
            <p>Bierfest in Kooperation mit dem Musikverein Mittelstadt</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2020</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">06. Januar 2020</p>
            <p>Häsabstauben</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">07.-08. Februar 2020</p>
            <p>Kinder- und Hallenfasnet</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">20. Februar 2020</p>
            <p>Rathaussturm</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2021</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker is-icon is-32x32"></div>
        <div class="timeline-content">
            <p class="heading">Februar 2021</p>
            <p>Fasnetsfenster - Ersatz für die ausgefallene Fasnet</p>
        </div>
    </div>
    <header class="timeline-header">
        <span class="tag is-primary">2022</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker is-icon is-32x32"></div>
        <div class="timeline-content">
            <p class="heading">Februar 2022</p>
            <p>Fasnetsfenster inkl. Umzug - Ersatz für die ausgefallene Fasnet</p>
        </div>
    </div>
[[-
    <header class="timeline-header">
        <span class="tag is-primary">2023</span>
    </header>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">06. Januar 2023</p>
            <p>Häsabstauben</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker is-icon is-32x32"></div>
        <div class="timeline-content">
            <p class="heading">10.-11. Februar 2023</p>
            <p>20 Jahre Brühlbärbel - Gefeiert mit Jubiläumsabend, Kinder- und Hallenfasnet</p>
        </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-marker"></div>
        <div class="timeline-content">
            <p class="heading">16. Februar 2023</p>
            <p>Rathaussturm</p>
        </div>
    </div>
]]
