Familienangebote im August: Unterschied zwischen den Versionen

Aus Bündnis für Familie Tübingen.
Keine Bearbeitungszusammenfassung
 
(67 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<html lang="de">
<p>Hier finden Sie Familienangebote im August 2026 in T&uuml;bingen. Im Kalender stehen jeweils Uhrzeit und Titel, darunter folgen die vollst&auml;ndigen Details zu allen Terminen.</p>
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Familienangebote im August 2026</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
  <style>
    :root {
      --bg: #f7f6f2;
      --surface: #ffffff;
      --surface-2: #f3f0ec;
      --text: #28251d;
      --muted: #6f6a63;
      --border: rgba(40, 37, 29, 0.12);
      --primary: #01696f;
      --primary-soft: #dcebea;
      --shadow: 0 10px 28px rgba(36, 31, 24, 0.08);
      --radius: 18px;
      --radius-sm: 12px;
    }


     * { box-sizing: border-box; }
<table style="width:100%; border-collapse:collapse; table-layout:fixed; margin-bottom:24px; font-family:Arial, Helvetica, sans-serif; font-size:14px;">
     html { scroll-behavior: smooth; }
    <tr>
     body {
      <th style="border:1px solid #cccccc; padding:8px; background:#f3f3f3;">Mo</th>
       margin: 0;
      <th style="border:1px solid #cccccc; padding:8px; background:#f3f3f3;">Di</th>
       font-family: 'Inter', system-ui, sans-serif;
      <th style="border:1px solid #cccccc; padding:8px; background:#f3f3f3;">Mi</th>
       background: var(--bg);
      <th style="border:1px solid #cccccc; padding:8px; background:#f3f3f3;">Do</th>
       color: var(--text);
      <th style="border:1px solid #cccccc; padding:8px; background:#f3f3f3;">Fr</th>
       line-height: 1.5;
      <th style="border:1px solid #cccccc; padding:8px; background:#f3f3f3;">Sa</th>
     }
      <th style="border:1px solid #cccccc; padding:8px; background:#f3f3f3;">So</th>
    </tr>
    <tr>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>1</strong><br>10:00 - 13:00<br>B&auml;chlewanderung mit Kind und Kescher</td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>2</strong><br>10:00 - 16:00<br>Badespaßtag<br><br>10:00 - 12:00<br>Geschwisterchen auf dem Weg<br><br>14:00 - 17:00<br>Eiscaf&eacute; frieDa</td>
    </tr>
    <tr>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>3</strong><br>Start Schwimmkurs für Anfänger (Ziel Seepferdchen)<br><br>Start Schwimmkurs für Fortgeschrittene (Ziel Bronze)<br></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>4</strong><br>09:30 - 11:30<br>BabyBrunch</td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>5</strong><br>14:30 - 15:30<br>Spielplatztreff</td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>6</strong><br>09:30 - 11:30<br>BabyBrunch<br><br>11:00<br>Sommerferien mit dem LESE-HAUS</td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>7</strong></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>8</strong></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>9</strong><br>14:00 - 17:00<br>Eiscaf&eacute; frieDa</td>
    </tr>
     <tr>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>10</strong></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>11</strong><br>09:30 - 11:30<br>BabyBrunch</td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>12</strong><br>14:30 - 15:30<br>Spielplatztreff</td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>13</strong><br>09:30 - 11:30<br>BabyBrunch<br><br>11:00<br>Sommerferien mit dem LESE-HAUS</td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>14</strong></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>15</strong></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>16</strong><br>14:00 - 17:00<br>Eiscaf&eacute; frieDa<br><br>16:00 - 18:30<br>Bunt backen mit Kindern</td>
    </tr>
     <tr>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>17</strong></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>18</strong><br>09:30 - 11:30<br>BabyBrunch</td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>19</strong><br>14:30 - 15:30<br>Spielplatztreff</td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>20</strong><br>09:30 - 11:30<br>BabyBrunch<br><br>11:00<br>Sommerferien mit dem LESE-HAUS</td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>21</strong></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>22</strong></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>23</strong><br>14:00 - 17:00<br>Eiscaf&eacute; frieDa</td>
    </tr>
     <tr>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>24</strong></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>25</strong><br>09:30 - 11:30<br>BabyBrunch</td>
       <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>26</strong><br>14:30 - 15:30<br>Spielplatztreff</td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>27</strong><br>09:30 - 11:30<br>BabyBrunch<br><br>11:00<br>Sommerferien mit dem LESE-HAUS</td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>28</strong></td>
       <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>29</strong></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>30</strong><br>14:00 - 17:00<br>Eiscaf&eacute; frieDa</td>
    </tr>
    <tr>
       <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"><strong>31</strong><br>Start Schwimmkurs für Anfänger (Ziel Seepferdchen)<br><br>Start Schwimmkurs für Fortgeschrittene (Ziel Bronze)<br></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"></td>
       <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"></td>
       <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"></td>
      <td style="border:1px solid #cccccc; vertical-align:top; padding:8px; height:120px;"></td>
     </tr>
</table>
__NOTOC__
===== <li>'''01.08.2026''' <br> =====
*'''10:00-13:00 Uhr – Bächlewanderung mit Kind und Kescher''' Geeignet für Familien mit Kindern ab 5 Jahren, Start und Treffpunkt ist am Parkplatz Bebenhausen.''Anmeldung wird benötigt'' – [https://www.fbs-tuebingen.de/eltern-und-kinder/kw/bereich/kursdetails/kurs/261-2516B/kursname/Baechlewanderung%20mit%20Kind%20und%20Kescher/kategorie-id/11/ Mehr Infos & Anmeldung]</li>


    .calendar-app {
===== <li>'''02.08.2026''' <br> =====
      max-width: 1180px;
* '''10:00-16:00 Uhr – Badespaßtag für Kinder''' Freibad Tübingen – Für alle Badegäste,  [https://www.swtue.de/baeder/jubilaeumssommer-75-jahre-freibad/veranstaltung/badespasstag-mit-sfak-und-dem-regenbogenmobil.html Mehr Infos]
      margin: 0 auto;
* '''10:00-12:00 Uhr – Geschwisterchen auf dem Weg''' FBS, Raum 003 Villa Metz, Hechingerstra&szlig;e 13 – F&uuml;r Kinder ab 4 Jahren mit einem Elternteil ''Anmeldung wird benötigt'' – [https://www.fbs-tuebingen.de/programm/kw/bereich/kursdetails/kurs/261-2509/kursname/Geschwisterchen%20auf%20dem%20Weg/ Mehr Infos & Anmeldung]
      padding: 24px 16px 40px;
* '''14:00-17:00 Uhr– Eiscaf&eacute; frieDa''' Caf&eacute; frieDa, Friedrich-Dannenmann-Stra&szlig;e 69, 72070 T&uuml;bingen – Familien, Nachbarn, Menschen mit und ohne Behinderung [https://www.lebenshilfe-tuebingen.de/service/termine/ Mehr Infos]</li>
    }


    .calendar-head {
===== <li>'''03.08.2026''' <br> =====
      display: flex;
Schwimmen für alle Kinder bietet auch in den Ferien Schwimmkurse an: <br>
      justify-content: space-between;
* '''Schwimmkurs für Anfänger''' 3.08.-14.08.2026, Ziel des Kurses ist das Seepferdchen [https://www.sfaK.de Infos & Anmeldung]
      align-items: end;
* '''Schwimmkurs für Fortgeschrittene''' 3.08.-14.08.2026, Kinder mit Seepferdchen sollen die Fähigkeiten erlernen um das Bronze Abzeichen zu machen [https://www.sfaK.de Infos & Anmeldung]</li><br>
      gap: 16px;
      margin-bottom: 18px;
      flex-wrap: wrap;
    }


    .calendar-title-wrap h1 {
===== <li>'''04.08.2026''' <br> =====
      margin: 0;
* '''09:30 - 11:30 Uhr  BabyBrunch'''elkiko Familienzentrum – Eltern mit S&auml;uglingen und Kleinkindern Anmeldung gerne an: [[babybrunch@elkiko.de]] – [https://www.elkiko.de/content2/index.php/de/programm/babybrunch-brunch1plus.html Mehr Infos] </li>
      font-size: clamp(1.7rem, 2.8vw, 2.5rem);
      line-height: 1.1;
    }


    .calendar-title-wrap p {
===== <li>'''05.08.2026 ''' <br> =====
      margin: 8px 0 0;
*'''14:30 - 15:30 Uhr – Spielplatztreff''' Piratenspielplatz, Anlagenpark – Die städtische Familienbeauftragte Carolin Löffler lädt ein zum Spielplatztreff. Eltern haben die Möglichkeit, sich in entspannter Atmosphäre kennenzulernen und Erfahrungen auszutauschen. Carolin Löffler steht für Fragen rund um das Familienleben in Tübingen zur Verfügung. Familien mit j&uuml;ngeren Kindern – Keine Anmeldung erforderlich.</li>
      color: var(--muted);
      max-width: 70ch;
      font-size: 0.98rem;
    }


    .badge {
===== <li>'''06.08.2026''' <br> =====
      display: inline-flex;
*'''09:30 - 11:30 Uhr– BabyBrunch''' siehe Info oben
      align-items: center;
*'''11:00 Uhr– Sommerferien mit dem LESE-HAUS''' Alter Botanischer Garten, Wiese neben dem Kinderspielplatz; bei schlechtem Wetter: Thekla-Waitz-Studio, im EG der Stadtb&uuml;cherei, Nonnengasse 19, 72070 T&uuml;bingen – Kinder von 4 bis 8 Jahre mit Begleitpersonen, [https://tuebingen.ferienprogramm-online.de/ Mehr Infos] </li>
      gap: 8px;
      background: var(--primary-soft);
      color: var(--primary);
      border-radius: 999px;
      padding: 10px 14px;
      font-size: 0.92rem;
      font-weight: 600;
      white-space: nowrap;
    }


    .weekday-row,
===== <li>'''09.08.2026''' <br> =====
    .calendar-grid {
*'''14:00 - 17:00 Uhr– Eiscaf&eacute; frieDa''' siehe Info oben </li><br>
      display: grid;
      grid-template-columns: repeat(7, minmax(0, 1fr));
      gap: 10px;
    }


    .weekday {
===== <li>'''11.08.2026''' <br> =====
      text-align: center;
*'''09:30 - 11:30 Uhr – BabyBrunch''' siehe Info oben </li><br>
      padding: 12px 8px;
      color: var(--muted);
      font-weight: 700;
      font-size: 0.92rem;
    }


    .day-card {
===== <li>'''12.08.2026''' <br> =====
      min-height: 146px;
*'''14:30 - 15:30 Uhr – Spielplatztreff''' siehe Info oben </li><br>
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      padding: 12px;
      box-shadow: var(--shadow);
      display: flex;
      flex-direction: column;
      gap: 10px;
    }


    .day-card.empty {
===== <li>'''13.08.2026''' <br> =====
      background: transparent;
*'''09:30 - 11:30 Uhr– BabyBrunch'''siehe Info oben
      border-style: dashed;
*'''11:00 Uhr – Sommerferien mit dem LESE-HAUS''' siehe Info oben </li><br>
      box-shadow: none;
      min-height: 146px;
    }


    .day-top {
===== <li>'''16.08.2026''' <br> =====
      display: flex;
*'''14:00 - 17:00 Uhr– Eiscaf&eacute; frieDa''' siehe Info oben<br>
      justify-content: space-between;
*'''16:00 - 18:30 Uhr – Bunt backen mit Kindern: Regenbogen-Muffins &amp; Cake-Pops''' Für Kinder 5-9 Jahre mit einem (Groß-)Elternteil, FBS, Raum 110/111 "Villa Metz", Hechingerstraße 13, 72072 Tübingen ''Anmeldung wird benötigt'' [https://www.fbs-tuebingen.de/familienaktivitaeten/kw/bereich/kursdetails/kurs/261-2519B/kursname/Bunt%20backen%20mit%20Kindern%20Regenbogen-Muffins%20Cake-Pops/kategorie-id/43/ Mehr Infos & Anmeldung] </li>
      align-items: center;
      gap: 8px;
    }


    .day-number {
===== <li>'''18.08.2026''' <br> =====
      font-weight: 700;
*'''09:30 - 11:30 Uhr– BabyBrunch'''siehe Info oben </li><br>
      font-size: 0.98rem;
      color: var(--muted);
    }


    .event-count {
===== <li>'''19.08.2026 ''' <br> =====
      font-size: 0.78rem;
*'''14:30 - 15:30 Uhr – Spielplatztreff''' siehe Info oben </li><br>
      color: var(--primary);
      background: var(--primary-soft);
      padding: 4px 8px;
      border-radius: 999px;
      font-weight: 600;
    }


    .events-list {
===== <li>'''20.08.2026 ''' <br> =====
      display: flex;
*'''09:30 - 11:30 Uhr– BabyBrunch'''siehe Info oben<br>
      flex-direction: column;
*'''11:00 Uhr – Sommerferien mit dem LESE-HAUS''' siehe Info oben </li><br>
      gap: 8px;
    }


    .event-chip {
===== <li>'''23.08.2026  ''' <br> =====
      width: 100%;
*'''14:00 - 17:00 Uhr– Eiscaf&eacute; frieDa''' siehe Info oben </li><br>
      text-align: left;
      border: 1px solid transparent;
      background: var(--surface-2);
      border-radius: var(--radius-sm);
      padding: 10px 11px;
      cursor: pointer;
      transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }


    .event-chip:hover,
===== <li>'''25.08.2026'''<br> =====
    .event-chip:focus-visible {
*'''09:30 - 11:30 Uhr– BabyBrunch'''siehe Info oben </li><br>
      transform: translateY(-1px);
      border-color: rgba(1, 105, 111, 0.3);
      box-shadow: 0 8px 18px rgba(1, 105, 111, 0.10);
      background: #eef6f5;
      outline: none;
    }


    .event-time {
===== <li>'''26.08.2026  ''' <br> =====
      display: block;
*'''14:30 - 15:30 Uhr – Spielplatztreff''' siehe Info oben </li><br>
      color: var(--primary);
      font-weight: 700;
      font-size: 0.82rem;
      margin-bottom: 3px;
    }


    .event-title {
===== <li>'''27.08.2026  ''' <br> =====
      display: block;
*'''09:30 - 11:30 Uhr– BabyBrunch'''siehe Info oben<br>
      font-size: 0.92rem;
*'''11:00 Uhr – Sommerferien mit dem LESE-HAUS''' siehe Info oben </li><br>
      font-weight: 600;
      color: var(--text);
    }


    dialog {
===== <li>'''30.08.2026 ''' <br> =====
      width: min(94vw, 620px);
*'''14:00 - 17:00 Uhr– Eiscaf&eacute; frieDa''' siehe Info oben </li><br>
      border: none;
      padding: 0;
      border-radius: 22px;
      overflow: hidden;
      box-shadow: 0 24px 60px rgba(0,0,0,.25);
    }


    dialog::backdrop {
===== <li>'''31.08.2026''' <br> =====
      background: rgba(20, 24, 34, 0.55);
Schwimmen für alle Kinder bietet auch in den Ferien Schwimmkurse an:  
      backdrop-filter: blur(3px);
* '''Schwimmkurs für Anfänger''' 31.08.-11.09.2026, Ziel des Kurses ist das Seepferdchen [https://www.sfaK.de Mehr Infos & Anmeldung]
    }
* '''Schwimmkurs für Fortgeschrittene''' 31.08.-11.09.2026, Kinder mit Seepferdchen sollen die Fähigkeiten erlernen um das Bronze Abzeichen zu machen [https://www.sfaK.de Infos & Anmeldung]</li><br>


    .modal-content {
</ul>
      background: var(--surface);
      padding: 22px;
    }
 
    .modal-header {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: start;
      margin-bottom: 18px;
    }
 
    .modal-header h2 {
      margin: 0;
      font-size: 1.4rem;
      line-height: 1.2;
    }
 
    .modal-close {
      width: 42px;
      height: 42px;
      border-radius: 999px;
      border: 1px solid var(--border);
      background: var(--surface-2);
      font-size: 1.2rem;
      cursor: pointer;
      flex: 0 0 auto;
    }
 
    .detail-grid {
      display: grid;
      grid-template-columns: 140px 1fr;
      gap: 12px 14px;
      margin-bottom: 22px;
    }
 
    .detail-label {
      font-weight: 700;
      color: var(--muted);
    }
 
    .detail-value {
      min-width: 0;
    }
 
    .modal-actions {
      display: flex;
      justify-content: flex-end;
      gap: 10px;
      flex-wrap: wrap;
    }
 
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 10px 16px;
      border-radius: 12px;
      text-decoration: none;
      font-weight: 600;
      border: 1px solid var(--border);
      color: var(--text);
      background: var(--surface);
    }
 
    .btn-primary {
      background: var(--primary);
      color: #fff;
      border-color: var(--primary);
    }
 
    .muted-empty {
      color: var(--muted);
      font-style: italic;
    }
 
    @media (max-width: 780px) {
      .weekday-row { display: none; }
      .calendar-grid { grid-template-columns: 1fr; }
      .day-card.empty { display: none; }
      .day-card {
        min-height: auto;
        padding: 14px;
      }
      .day-top {
        align-items: start;
      }
      .day-number {
        font-size: 1rem;
      }
      .detail-grid {
        grid-template-columns: 1fr;
        gap: 6px 0;
      }
    }
  </style>
</head>
<body>
  <section class="calendar-app" aria-labelledby="calendar-heading">
    <div class="calendar-head">
      <div class="calendar-title-wrap">
        <h1 id="calendar-heading">Familienangebote im August 2026</h1>
        <p>In der Übersicht erscheinen nur Uhrzeit und Titel. Beim Klick öffnet sich ein Popup mit allen Details, Hinweisen zur Anmeldung und dem Link zu weiteren Informationen.</p>
      </div>
      <div class="badge">August 2026 · mobile optimiert</div>
    </div>
 
    <div class="weekday-row" aria-hidden="true">
      <div class="weekday">Mo</div>
      <div class="weekday">Di</div>
      <div class="weekday">Mi</div>
      <div class="weekday">Do</div>
      <div class="weekday">Fr</div>
      <div class="weekday">Sa</div>
      <div class="weekday">So</div>
    </div>
 
    <div class="calendar-grid" id="calendarGrid"></div>
  </section>
 
  <dialog id="eventDialog" aria-labelledby="dialogTitle">
    <div class="modal-content">
      <div class="modal-header">
        <h2 id="dialogTitle"></h2>
        <button class="modal-close" type="button" id="closeDialog" aria-label="Popup schließen">✕</button>
      </div>
 
      <div class="detail-grid">
        <div class="detail-label">Datum</div>
        <div class="detail-value" id="dialogDate"></div>
 
        <div class="detail-label">Uhrzeit</div>
        <div class="detail-value" id="dialogTime"></div>
 
        <div class="detail-label">Ort</div>
        <div class="detail-value" id="dialogLocation"></div>
 
        <div class="detail-label">Zielgruppe</div>
        <div class="detail-value" id="dialogAudience"></div>
 
        <div class="detail-label">Anmeldung</div>
        <div class="detail-value" id="dialogRegistration"></div>
 
        <div class="detail-label">Zusatztext</div>
        <div class="detail-value" id="dialogDescription"></div>
      </div>
 
      <div class="modal-actions">
        <button class="btn" type="button" id="dialogCloseBottom">Schließen</button>
        <a class="btn btn-primary" id="dialogLink" href="#" target="_blank" rel="noopener noreferrer">Mehr Infos</a>
      </div>
    </div>
  </dialog>
 
  <script>
    const events = [
      {
        date: "2026-08-01",
        title: "Bächlewanderung mit Kind und Kescher",
        time: "10:00 - 13:00",
        location: "Start und Treffpunkt ist am Parkplatz Bebenhausen.",
        audience: "Geeignet für Familien mit Kindern ab 5 Jahren",
        registration: "wird benötigt",
        url: "https://www.fbs-tuebingen.de/eltern-und-kinder/kw/bereich/kursdetails/kurs/261-2516B/kursname/Baechlewanderung%20mit%20Kind%20und%20Kescher/kategorie-id/11/",
        description: "Wir wandern am Goldersbach entlang über die Tellerbrücke zur Teufelsbrücke."
      },
      {
        date: "2026-08-02",
        title: "Eiscafé frieDa",
        time: "14:00 - 17:00",
        location: "Café frieDa, Friedrich-Dannenmann-Straße 69, 72070 Tübingen",
        audience: "Familien, Nachbarn, Menschen mit und ohne Behinderung",
        registration: "Keine Angabe",
        url: "https://www.lebenshilfe-tuebingen.de/service/termine/",
        description: "Das Eiscafé frieDa ist ein Begegnungs-Ort."
      },
      {
        date: "2026-08-02",
        title: "Geschwisterchen auf dem Weg",
        time: "10:00 - 12:00",
        location: "FBS, Raum 003 Villa Metz, Hechingerstraße 13",
        audience: "Für Kinder ab 4 Jahren mit einem Elternteil",
        registration: "wird benötigt",
        url: "https://www.fbs-tuebingen.de/programm/kw/bereich/kursdetails/kurs/261-2509/kursname/Geschwisterchen%20auf%20dem%20Weg/",
        description: "Vorbereitung auf ein Geschwisterchen."
      },
      {
        date: "2026-08-04",
        title: "BabyBrunch",
        time: "09:30 - 11:30",
        location: "elkiko Familienzentrum",
        audience: "Eltern mit Säuglingen und Kleinkindern",
        registration: "babybrunch@elkiko.de",
        url: "https://www.elkiko.de/content2/index.php/de/programm/babybrunch-brunch1plus.html",
        description: ""
      },
      {
        date: "2026-08-05",
        title: "Spielplatztreff",
        time: "14:30 - 15:30",
        location: "Piratenspielplatz, Anlagenpark",
        audience: "Familien mit jüngeren Kindern",
        registration: "Keine Anmeldung erforderlich",
        url: "",
        description: "Treffpunkt zum Austausch mit der Familienbeauftragten."
      },
      {
        date: "2026-08-06",
        title: "BabyBrunch",
        time: "09:30 - 11:30",
        location: "elkiko Familienzentrum",
        audience: "Eltern mit Säuglingen und Kleinkindern",
        registration: "babybrunch@elkiko.de",
        url: "https://www.elkiko.de/content2/index.php/de/programm/babybrunch-brunch1plus.html",
        description: ""
      },
      {
        date: "2026-08-06",
        title: "Sommerferien mit dem LESE-HAUS",
        time: "11:00",
        location: "Alter Botanischer Garten, Wiese neben dem Kinderspielplatz; bei schlechtem Wetter: Thekla-Waitz-Studio, im EG der Stadtbücherei, Nonnengasse 19, 72070 Tübingen",
        audience: "Kinder von 4 bis 8 Jahre mit Begleitpersonen",
        registration: "Keine Angabe",
        url: "https://tuebingen.ferienprogramm-online.de/",
        description: "Vorlesestunde zum Thema „Unsere Welt ist bunt“ mit Geschichten von Lesepatinnen und Lesepaten des LESE-HAUSes sowie Mitarbeitenden der Stadtbücherei. Bei schönem Wetter findet die Veranstaltung im Alten Botanischen Garten statt, bei schlechtem Wetter im Thekla-Waitz-Studio."
      },
      {
        date: "2026-08-09",
        title: "Eiscafé frieDa",
        time: "14:00 - 17:00",
        location: "Café frieDa, Friedrich-Dannenmann-Straße 69, 72070 Tübingen",
        audience: "Familien, Nachbarn, Menschen mit und ohne Behinderung",
        registration: "Keine Angabe",
        url: "https://www.lebenshilfe-tuebingen.de/service/termine/",
        description: "Das Eiscafé frieDa ist ein Begegnungs-Ort."
      },
      {
        date: "2026-08-11",
        title: "BabyBrunch",
        time: "09:30 - 11:30",
        location: "elkiko Familienzentrum",
        audience: "Eltern mit Säuglingen und Kleinkindern",
        registration: "babybrunch@elkiko.de",
        url: "https://www.elkiko.de/content2/index.php/de/programm/babybrunch-brunch1plus.html",
        description: ""
      },
      {
        date: "2026-08-12",
        title: "Spielplatztreff",
        time: "14:30 - 15:30",
        location: "Ort bitte ergänzen",
        audience: "Zielgruppe bitte ergänzen",
        registration: "Keine Angabe",
        url: "",
        description: ""
      },
      {
        date: "2026-08-13",
        title: "BabyBrunch",
        time: "09:30 - 11:30",
        location: "elkiko Familienzentrum",
        audience: "Eltern mit Säuglingen und Kleinkindern",
        registration: "babybrunch@elkiko.de",
        url: "https://www.elkiko.de/content2/index.php/de/programm/babybrunch-brunch1plus.html",
        description: ""
      },
      {
        date: "2026-08-13",
        title: "Sommerferien mit dem LESE-HAUS",
        time: "11:00",
        location: "Alter Botanischer Garten, Wiese neben dem Kinderspielplatz; bei schlechtem Wetter: Thekla-Waitz-Studio, im EG der Stadtbücherei, Nonnengasse 19, 72070 Tübingen",
        audience: "Kinder von 4 bis 8 Jahre mit Begleitpersonen",
        registration: "Keine Angabe",
        url: "https://tuebingen.ferienprogramm-online.de/",
        description: "Vorlesestunde zum Thema „Unsere Welt ist bunt“ mit Geschichten von Lesepatinnen und Lesepaten des LESE-HAUSes sowie Mitarbeitenden der Stadtbücherei. Bei schönem Wetter findet die Veranstaltung im Alten Botanischen Garten statt, bei schlechtem Wetter im Thekla-Waitz-Studio."
      },
      {
        date: "2026-08-16",
        title: "Eiscafé frieDa",
        time: "14:00 - 17:00",
        location: "Café frieDa, Friedrich-Dannenmann-Straße 69, 72070 Tübingen",
        audience: "Familien, Nachbarn, Menschen mit und ohne Behinderung",
        registration: "Keine Angabe",
        url: "https://www.lebenshilfe-tuebingen.de/service/termine/",
        description: "Das Eiscafé frieDa ist ein Begegnungs-Ort."
      },
      {
        date: "2026-08-16",
        title: "Bunt backen mit Kindern: Regenbogen-Muffins & Cake-Pops",
        time: "16:00 - 18:30",
        location: "Ort bitte ergänzen",
        audience: "Zielgruppe bitte ergänzen",
        registration: "Keine Angabe",
        url: "",
        description: ""
      },
      {
        date: "2026-08-18",
        title: "BabyBrunch",
        time: "09:30 - 11:30",
        location: "elkiko Familienzentrum",
        audience: "Eltern mit Säuglingen und Kleinkindern",
        registration: "babybrunch@elkiko.de",
        url: "https://www.elkiko.de/content2/index.php/de/programm/babybrunch-brunch1plus.html",
        description: ""
      },
      {
        date: "2026-08-19",
        title: "Spielplatztreff",
        time: "14:30 - 15:30",
        location: "Ort bitte ergänzen",
        audience: "Zielgruppe bitte ergänzen",
        registration: "Keine Angabe",
        url: "",
        description: ""
      },
      {
        date: "2026-08-20",
        title: "BabyBrunch",
        time: "09:30 - 11:30",
        location: "elkiko Familienzentrum",
        audience: "Eltern mit Säuglingen und Kleinkindern",
        registration: "babybrunch@elkiko.de",
        url: "https://www.elkiko.de/content2/index.php/de/programm/babybrunch-brunch1plus.html",
        description: ""
      },
      {
        date: "2026-08-20",
        title: "Sommerferien mit dem LESE-HAUS",
        time: "11:00",
        location: "Alter Botanischer Garten, Wiese neben dem Kinderspielplatz; bei schlechtem Wetter: Thekla-Waitz-Studio, im EG der Stadtbücherei, Nonnengasse 19, 72070 Tübingen",
        audience: "Kinder von 4 bis 8 Jahre mit Begleitpersonen",
        registration: "Keine Angabe",
        url: "https://tuebingen.ferienprogramm-online.de/",
        description: "Vorlesestunde zum Thema „Unsere Welt ist bunt“ mit Geschichten von Lesepatinnen und Lesepaten des LESE-HAUSes sowie Mitarbeitenden der Stadtbücherei. Bei schönem Wetter findet die Veranstaltung im Alten Botanischen Garten statt, bei schlechtem Wetter im Thekla-Waitz-Studio."
      },
      {
        date: "2026-08-23",
        title: "Eiscafé frieDa",
        time: "14:00 - 17:00",
        location: "Café frieDa, Friedrich-Dannenmann-Straße 69, 72070 Tübingen",
        audience: "Familien, Nachbarn, Menschen mit und ohne Behinderung",
        registration: "Keine Angabe",
        url: "https://www.lebenshilfe-tuebingen.de/service/termine/",
        description: "Das Eiscafé frieDa ist ein Begegnungs-Ort."
      },
      {
        date: "2026-08-25",
        title: "BabyBrunch",
        time: "09:30 - 11:30",
        location: "elkiko Familienzentrum",
        audience: "Eltern mit Säuglingen und Kleinkindern",
        registration: "babybrunch@elkiko.de",
        url: "https://www.elkiko.de/content2/index.php/de/programm/babybrunch-brunch1plus.html",
        description: ""
      },
      {
        date: "2026-08-26",
        title: "Spielplatztreff",
        time: "14:30 - 15:30",
        location: "Ort bitte ergänzen",
        audience: "Zielgruppe bitte ergänzen",
        registration: "Keine Angabe",
        url: "",
        description: ""
      },
      {
        date: "2026-08-27",
        title: "BabyBrunch",
        time: "09:30 - 11:30",
        location: "elkiko Familienzentrum",
        audience: "Eltern mit Säuglingen und Kleinkindern",
        registration: "babybrunch@elkiko.de",
        url: "https://www.elkiko.de/content2/index.php/de/programm/babybrunch-brunch1plus.html",
        description: ""
      },
      {
        date: "2026-08-27",
        title: "Sommerferien mit dem LESE-HAUS",
        time: "11:00",
        location: "Alter Botanischer Garten, Wiese neben dem Kinderspielplatz; bei schlechtem Wetter: Thekla-Waitz-Studio, im EG der Stadtbücherei, Nonnengasse 19, 72070 Tübingen",
        audience: "Kinder von 4 bis 8 Jahre mit Begleitpersonen",
        registration: "Keine Angabe",
        url: "https://tuebingen.ferienprogramm-online.de/",
        description: "Vorlesestunde zum Thema „Unsere Welt ist bunt“ mit Geschichten von Lesepatinnen und Lesepaten des LESE-HAUSes sowie Mitarbeitenden der Stadtbücherei. Bei schönem Wetter findet die Veranstaltung im Alten Botanischen Garten statt, bei schlechtem Wetter im Thekla-Waitz-Studio."
      },
      {
        date: "2026-08-30",
        title: "Eiscafé frieDa",
        time: "14:00 - 17:00",
        location: "Café frieDa, Friedrich-Dannenmann-Straße 69, 72070 Tübingen",
        audience: "Familien, Nachbarn, Menschen mit und ohne Behinderung",
        registration: "Keine Angabe",
        url: "https://www.lebenshilfe-tuebingen.de/service/termine/",
        description: "Das Eiscafé frieDa ist ein Begegnungs-Ort."
      }
    ];
 
    const weekdayLabels = ["Mo", "Di", "Mi", "Do", "Fr", "Sa", "So"];
    const monthName = "August";
    const year = 2026;
    const monthIndex = 7;
    const calendarGrid = document.getElementById("calendarGrid");
    const dialog = document.getElementById("eventDialog");
 
    const grouped = events.reduce((acc, item) => {
      const day = Number(item.date.split("-")[2]);
      if (!acc[day]) acc[day] = [];
      acc[day].push(item);
      return acc;
    }, {});
 
    const firstDay = new Date(year, monthIndex, 1);
    const daysInMonth = new Date(year, monthIndex + 1, 0).getDate();
    const offset = (firstDay.getDay() + 6) % 7;
 
    for (let i = 0; i < offset; i++) {
      const empty = document.createElement("div");
      empty.className = "day-card empty";
      empty.setAttribute("aria-hidden", "true");
      calendarGrid.appendChild(empty);
    }
 
    for (let day = 1; day <= daysInMonth; day++) {
      const card = document.createElement("article");
      card.className = "day-card";
 
      const items = grouped[day] || [];
      const weekday = weekdayLabels[(offset + day - 1) % 7];
      const top = document.createElement("div");
      top.className = "day-top";
      top.innerHTML = `
        <div class="day-number">${weekday}, ${day}. ${monthName}</div>
        ${items.length ? `<div class="event-count">${items.length} Termin${items.length > 1 ? 'e' : ''}</div>` : ''}
      `;
      card.appendChild(top);
 
      const list = document.createElement("div");
      list.className = "events-list";
 
      if (!items.length) {
        const emptyText = document.createElement("div");
        emptyText.className = "muted-empty";
        emptyText.textContent = "Keine Einträge";
        list.appendChild(emptyText);
      } else {
        items.forEach(item => {
          const btn = document.createElement("button");
          btn.className = "event-chip";
          btn.type = "button";
          btn.innerHTML = `<span class="event-time">${item.time || 'Uhrzeit offen'}</span><span class="event-title">${item.title}</span>`;
          btn.addEventListener("click", () => openDialog(item));
          list.appendChild(btn);
        });
      }
 
      card.appendChild(list);
      calendarGrid.appendChild(card);
    }
 
    const fields = {
      title: document.getElementById("dialogTitle"),
      date: document.getElementById("dialogDate"),
      time: document.getElementById("dialogTime"),
      location: document.getElementById("dialogLocation"),
      audience: document.getElementById("dialogAudience"),
      registration: document.getElementById("dialogRegistration"),
      description: document.getElementById("dialogDescription"),
      link: document.getElementById("dialogLink")
    };
 
    function formatDate(dateString) {
      return new Date(dateString + "T00:00:00").toLocaleDateString("de-DE", {
        weekday: "long",
        day: "numeric",
        month: "long",
        year: "numeric"
      });
    }
 
    function fillValue(el, value, fallback = "Keine Angabe") {
      el.textContent = value && String(value).trim() ? value : fallback;
      el.classList.toggle("muted-empty", !(value && String(value).trim()));
    }
 
    function openDialog(item) {
      fields.title.textContent = item.title;
      fillValue(fields.date, formatDate(item.date));
      fillValue(fields.time, item.time, "Uhrzeit offen");
      fillValue(fields.location, item.location);
      fillValue(fields.audience, item.audience);
      fillValue(fields.registration, item.registration);
      fillValue(fields.description, item.description);
 
      if (item.url && item.url.trim()) {
        fields.link.href = item.url;
        fields.link.style.display = "inline-flex";
      } else {
        fields.link.removeAttribute("href");
        fields.link.style.display = "none";
      }
 
      dialog.showModal();
    }
 
    function closeDialog() {
      dialog.close();
    }
 
    document.getElementById("closeDialog").addEventListener("click", closeDialog);
    document.getElementById("dialogCloseBottom").addEventListener("click", closeDialog);
 
    dialog.addEventListener("click", (event) => {
      const rect = dialog.getBoundingClientRect();
      const clickedOutside = event.clientX < rect.left || event.clientX > rect.right || event.clientY < rect.top || event.clientY > rect.bottom;
      if (clickedOutside) dialog.close();
    });
  </script>
</body>
</html>

Aktuelle Version vom 15. Juni 2026, 11:05 Uhr

Hier finden Sie Familienangebote im August 2026 in Tübingen. Im Kalender stehen jeweils Uhrzeit und Titel, darunter folgen die vollständigen Details zu allen Terminen.

Mo Di Mi Do Fr Sa So
1
10:00 - 13:00
Bächlewanderung mit Kind und Kescher		 2
10:00 - 16:00
Badespaßtag

10:00 - 12:00
Geschwisterchen auf dem Weg

14:00 - 17:00
Eiscafé frieDa
3
Start Schwimmkurs für Anfänger (Ziel Seepferdchen)

Start Schwimmkurs für Fortgeschrittene (Ziel Bronze)
 4
09:30 - 11:30
BabyBrunch		 5
14:30 - 15:30
Spielplatztreff		 6
09:30 - 11:30
BabyBrunch

11:00
Sommerferien mit dem LESE-HAUS		 7 8 9
14:00 - 17:00
Eiscafé frieDa
10 11
09:30 - 11:30
BabyBrunch		 12
14:30 - 15:30
Spielplatztreff		 13
09:30 - 11:30
BabyBrunch

11:00
Sommerferien mit dem LESE-HAUS		 14 15 16
14:00 - 17:00
Eiscafé frieDa

16:00 - 18:30
Bunt backen mit Kindern
17 18
09:30 - 11:30
BabyBrunch		 19
14:30 - 15:30
Spielplatztreff		 20
09:30 - 11:30
BabyBrunch

11:00
Sommerferien mit dem LESE-HAUS		 21 22 23
14:00 - 17:00
Eiscafé frieDa
24 25
09:30 - 11:30
BabyBrunch		 26
14:30 - 15:30
Spielplatztreff		 27
09:30 - 11:30
BabyBrunch

11:00
Sommerferien mit dem LESE-HAUS		 28 29 30
14:00 - 17:00
Eiscafé frieDa
31
Start Schwimmkurs für Anfänger (Ziel Seepferdchen)

Start Schwimmkurs für Fortgeschrittene (Ziel Bronze)
  • 01.08.2026
    • 10:00-13:00 Uhr – Bächlewanderung mit Kind und Kescher Geeignet für Familien mit Kindern ab 5 Jahren, Start und Treffpunkt ist am Parkplatz Bebenhausen.Anmeldung wird benötigt – Mehr Infos & Anmeldung
  • 02.08.2026
    • 10:00-16:00 Uhr – Badespaßtag für Kinder Freibad Tübingen – Für alle Badegäste, Mehr Infos
    • 10:00-12:00 Uhr – Geschwisterchen auf dem Weg FBS, Raum 003 Villa Metz, Hechingerstraße 13 – Für Kinder ab 4 Jahren mit einem Elternteil Anmeldung wird benötigt – Mehr Infos & Anmeldung
    • 14:00-17:00 Uhr– Eiscafé frieDa Café frieDa, Friedrich-Dannenmann-Straße 69, 72070 Tübingen – Familien, Nachbarn, Menschen mit und ohne Behinderung Mehr Infos
  • 03.08.2026

    • Schwimmen für alle Kinder bietet auch in den Ferien Schwimmkurse an:

    • Schwimmkurs für Anfänger 3.08.-14.08.2026, Ziel des Kurses ist das Seepferdchen Infos & Anmeldung
    • Schwimmkurs für Fortgeschrittene 3.08.-14.08.2026, Kinder mit Seepferdchen sollen die Fähigkeiten erlernen um das Bronze Abzeichen zu machen Infos & Anmeldung

  • 04.08.2026
    • 09:30 - 11:30 Uhr BabyBrunchelkiko Familienzentrum – Eltern mit Säuglingen und Kleinkindern Anmeldung gerne an: babybrunch@elkiko.de – Mehr Infos
  • 05.08.2026
    • 14:30 - 15:30 Uhr – Spielplatztreff Piratenspielplatz, Anlagenpark – Die städtische Familienbeauftragte Carolin Löffler lädt ein zum Spielplatztreff. Eltern haben die Möglichkeit, sich in entspannter Atmosphäre kennenzulernen und Erfahrungen auszutauschen. Carolin Löffler steht für Fragen rund um das Familienleben in Tübingen zur Verfügung. Familien mit jüngeren Kindern – Keine Anmeldung erforderlich.
  • 06.08.2026
    • 09:30 - 11:30 Uhr– BabyBrunch siehe Info oben
    • 11:00 Uhr– Sommerferien mit dem LESE-HAUS Alter Botanischer Garten, Wiese neben dem Kinderspielplatz; bei schlechtem Wetter: Thekla-Waitz-Studio, im EG der Stadtbücherei, Nonnengasse 19, 72070 Tübingen – Kinder von 4 bis 8 Jahre mit Begleitpersonen, Mehr Infos
  • 09.08.2026
    • 14:00 - 17:00 Uhr– Eiscafé frieDa siehe Info oben

  • 11.08.2026
    • 09:30 - 11:30 Uhr – BabyBrunch siehe Info oben

  • 12.08.2026
    • 14:30 - 15:30 Uhr – Spielplatztreff siehe Info oben

  • 13.08.2026
    • 09:30 - 11:30 Uhr– BabyBrunchsiehe Info oben
    • 11:00 Uhr – Sommerferien mit dem LESE-HAUS siehe Info oben

  • 16.08.2026
    • 14:00 - 17:00 Uhr– Eiscafé frieDa siehe Info oben
    • 16:00 - 18:30 Uhr – Bunt backen mit Kindern: Regenbogen-Muffins & Cake-Pops Für Kinder 5-9 Jahre mit einem (Groß-)Elternteil, FBS, Raum 110/111 "Villa Metz", Hechingerstraße 13, 72072 Tübingen Anmeldung wird benötigt Mehr Infos & Anmeldung
  • 18.08.2026
    • 09:30 - 11:30 Uhr– BabyBrunchsiehe Info oben

  • 19.08.2026
    • 14:30 - 15:30 Uhr – Spielplatztreff siehe Info oben

  • 20.08.2026
    • 09:30 - 11:30 Uhr– BabyBrunchsiehe Info oben
    • 11:00 Uhr – Sommerferien mit dem LESE-HAUS siehe Info oben

  • 23.08.2026
    • 14:00 - 17:00 Uhr– Eiscafé frieDa siehe Info oben

  • 25.08.2026
    • 09:30 - 11:30 Uhr– BabyBrunchsiehe Info oben

  • 26.08.2026
    • 14:30 - 15:30 Uhr – Spielplatztreff siehe Info oben

  • 27.08.2026
    • 09:30 - 11:30 Uhr– BabyBrunchsiehe Info oben
    • 11:00 Uhr – Sommerferien mit dem LESE-HAUS siehe Info oben

  • 30.08.2026
    • 14:00 - 17:00 Uhr– Eiscafé frieDa siehe Info oben

  • 31.08.2026

    • Schwimmen für alle Kinder bietet auch in den Ferien Schwimmkurse an:

    • Schwimmkurs für Anfänger 31.08.-11.09.2026, Ziel des Kurses ist das Seepferdchen Mehr Infos & Anmeldung
    • Schwimmkurs für Fortgeschrittene 31.08.-11.09.2026, Kinder mit Seepferdchen sollen die Fähigkeiten erlernen um das Bronze Abzeichen zu machen Infos & Anmeldung

    Abgerufen von „https://www.buendnis-fuer-familie-tuebingen.de/mediawiki/index.php?title=Familienangebote_im_August&oldid=8448“