Familienangebote im August: Unterschied zwischen den Versionen

Aus Bündnis für Familie Tübingen.
Keine Bearbeitungszusammenfassung
 
(70 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<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>


<!DOCTYPE html>
<table style="width:100%; border-collapse:collapse; table-layout:fixed; margin-bottom:24px; font-family:Arial, Helvetica, sans-serif; font-size:14px;">
<html lang="de">
    <tr>
<head>
      <th style="border:1px solid #cccccc; padding:8px; background:#f3f3f3;">Mo</th>
  <meta charset="UTF-8" />
      <th style="border:1px solid #cccccc; padding:8px; background:#f3f3f3;">Di</th>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <th style="border:1px solid #cccccc; padding:8px; background:#f3f3f3;">Mi</th>
  <title>Kalender - August 2026</title>
      <th style="border:1px solid #cccccc; padding:8px; background:#f3f3f3;">Do</th>
  <style>
      <th style="border:1px solid #cccccc; padding:8px; background:#f3f3f3;">Fr</th>
     *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
      <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>


    body {
===== <li>'''02.08.2026''' <br> =====
      font-family: 'Segoe UI', system-ui, sans-serif;
* '''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]
      background: #f0f4f8;
* '''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]
      color: #1a202c;
* '''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>
      min-height: 100vh;
      padding: 1.5rem 1rem 3rem;
    }


    header { text-align: center; margin-bottom: 1.75rem; }
===== <li>'''03.08.2026''' <br> =====
Schwimmen für alle Kinder bietet auch in den Ferien Schwimmkurse an: <br>
* '''Schwimmkurs für Anfänger''' 3.08.-14.08.2026, Ziel des Kurses ist das Seepferdchen [https://www.sfaK.de 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 [https://www.sfaK.de Infos & Anmeldung]</li><br>


    header h1 {
===== <li>'''04.08.2026''' <br> =====
      font-size: clamp(1.5rem, 5vw, 2.25rem);
* '''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-weight: 700;
      letter-spacing: -0.02em;
      color: #1a202c;
    }


    header p { color: #64748b; font-size: 0.9rem; margin-top: 0.3rem; }
===== <li>'''05.08.2026 ''' <br> =====
*'''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>


    .calendar {
===== <li>'''06.08.2026''' <br> =====
      max-width: 900px;
*'''09:30 - 11:30 Uhr– BabyBrunch''' siehe Info oben
      margin: 0 auto;
*'''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>
      background: #fff;
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 4px 24px rgba(0,0,0,.08);
    }


    .weekdays {
===== <li>'''09.08.2026''' <br> =====
      display: grid;
*'''14:00 - 17:00 Uhr– Eiscaf&eacute; frieDa''' siehe Info oben </li><br>
      grid-template-columns: repeat(7, 1fr);
      background: #1e3a5f;
      color: #fff;
    }


    .weekdays span {
===== <li>'''11.08.2026''' <br> =====
      text-align: center;
*'''09:30 - 11:30 Uhr – BabyBrunch''' siehe Info oben </li><br>
      padding: 0.65rem 0;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }


    .days {
===== <li>'''12.08.2026''' <br> =====
      display: grid;
*'''14:30 - 15:30 Uhr – Spielplatztreff''' siehe Info oben </li><br>
      grid-template-columns: repeat(7, 1fr);
      border-left: 1px solid #e2e8f0;
      border-top: 1px solid #e2e8f0;
    }


    .day {
===== <li>'''13.08.2026''' <br> =====
      min-height: 90px;
*'''09:30 - 11:30 Uhr– BabyBrunch'''siehe Info oben
      padding: 0.45rem;
*'''11:00 Uhr – Sommerferien mit dem LESE-HAUS''' siehe Info oben </li><br>
      border-right: 1px solid #e2e8f0;
      border-bottom: 1px solid #e2e8f0;
      background: #fff;
      display: flex;
      flex-direction: column;
      gap: 0.3rem;
    }


    .day.empty { background: #f8fafc; }
===== <li>'''16.08.2026''' <br> =====
*'''14:00 - 17:00 Uhr– Eiscaf&eacute; frieDa''' siehe Info oben<br>
*'''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>


    .day.today .day-number {
===== <li>'''18.08.2026''' <br> =====
      background: #1e3a5f;
*'''09:30 - 11:30 Uhr– BabyBrunch'''siehe Info oben </li><br>
      color: #fff;
      border-radius: 50%;
      width: 26px;
      height: 26px;
      display: flex;
      align-items: center;
      justify-content: center;
    }


    .day-number {
===== <li>'''19.08.2026 ''' <br> =====
      font-size: 0.8rem;
*'''14:30 - 15:30 Uhr – Spielplatztreff''' siehe Info oben </li><br>
      font-weight: 600;
      color: #475569;
      line-height: 1;
      margin-bottom: 0.1rem;
    }


    .event-chip {
===== <li>'''20.08.2026 ''' <br> =====
      background: #dbeafe;
*'''09:30 - 11:30 Uhr– BabyBrunch'''siehe Info oben<br>
      border-left: 3px solid #2563eb;
*'''11:00 Uhr – Sommerferien mit dem LESE-HAUS''' siehe Info oben </li><br>
      border-radius: 4px;
      padding: 0.2rem 0.35rem;
      font-size: 0.7rem;
      line-height: 1.3;
      cursor: pointer;
      transition: background 0.15s, transform 0.1s;
      word-break: break-word;
    }


    .event-chip:hover { background: #bfdbfe; transform: translateY(-1px); }
===== <li>'''23.08.2026  ''' <br> =====
*'''14:00 - 17:00 Uhr– Eiscaf&eacute; frieDa''' siehe Info oben </li><br>


    .event-chip .chip-time {
===== <li>'''25.08.2026'''<br> =====
      font-weight: 700;
*'''09:30 - 11:30 Uhr– BabyBrunch'''siehe Info oben </li><br>
      color: #1d4ed8;
      display: block;
    }


    .event-chip .chip-title {
===== <li>'''26.08.2026  ''' <br> =====
      color: #1e3a5f;
*'''14:30 - 15:30 Uhr – Spielplatztreff''' siehe Info oben </li><br>
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }


    .modal-overlay {
===== <li>'''27.08.2026  ''' <br> =====
      display: none;
*'''09:30 - 11:30 Uhr– BabyBrunch'''siehe Info oben<br>
      position: fixed;
*'''11:00 Uhr – Sommerferien mit dem LESE-HAUS''' siehe Info oben </li><br>
      inset: 0;
      background: rgba(15, 23, 42, 0.55);
      z-index: 100;
      align-items: center;
      justify-content: center;
      padding: 1rem;
    }


    .modal-overlay.open { display: flex; }
===== <li>'''30.08.2026 ''' <br> =====
*'''14:00 - 17:00 Uhr– Eiscaf&eacute; frieDa''' siehe Info oben </li><br>


    .modal {
===== <li>'''31.08.2026''' <br> =====
      background: #fff;
Schwimmen für alle Kinder bietet auch in den Ferien Schwimmkurse an:  
      border-radius: 16px;
* '''Schwimmkurs für Anfänger''' 31.08.-11.09.2026, Ziel des Kurses ist das Seepferdchen [https://www.sfaK.de Mehr Infos & Anmeldung]
      max-width: 480px;
* '''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>
      width: 100%;
      padding: 2rem;
      position: relative;
      box-shadow: 0 20px 60px rgba(0,0,0,.2);
      animation: pop .18s ease-out;
    }


    @keyframes pop {
</ul>
      from { opacity: 0; transform: scale(.94); }
      to  { opacity: 1; transform: scale(1); }
    }
 
    .modal-close {
      position: absolute;
      top: 1rem;
      right: 1rem;
      background: #f1f5f9;
      border: none;
      border-radius: 50%;
      width: 32px;
      height: 32px;
      cursor: pointer;
      font-size: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #64748b;
      transition: background .15s;
    }
 
    .modal-close:hover { background: #e2e8f0; }
 
    .modal-date {
      font-size: 0.8rem;
      font-weight: 600;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: #2563eb;
      margin-bottom: 0.4rem;
    }
 
    .modal-title {
      font-size: 1.3rem;
      font-weight: 700;
      color: #1a202c;
      margin-bottom: 0.6rem;
      line-height: 1.3;
    }
 
    .modal-time {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      background: #f0f9ff;
      color: #0369a1;
      border-radius: 6px;
      padding: 0.3rem 0.7rem;
      font-size: 0.85rem;
      font-weight: 600;
      margin-bottom: 1rem;
    }
 
    .modal-note {
      font-size: 0.9rem;
      color: #475569;
      line-height: 1.6;
      margin-bottom: 1.2rem;
    }
 
    .modal-link {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      background: #1e3a5f;
      color: #fff;
      text-decoration: none;
      border-radius: 8px;
      padding: 0.55rem 1.1rem;
      font-size: 0.85rem;
      font-weight: 600;
      transition: background .15s;
    }
 
    .modal-link:hover { background: #2563eb; }
 
    @media (max-width: 600px) {
      .weekdays span { font-size: 0.62rem; }
      .day { min-height: 60px; padding: 0.3rem; }
      .event-chip { font-size: 0.62rem; padding: 0.15rem 0.25rem; }
      .event-chip .chip-title { display: none; }
    }
  </style>
</head>
<body>
 
<header>
  <h1>August 2026</h1>
  <p>Klick auf einen Termin fur mehr Details</p>
</header>
 
<div class="calendar">
  <div class="weekdays">
    <span>Mo</span><span>Di</span><span>Mi</span><span>Do</span><span>Fr</span><span>Sa</span><span>So</span>
  </div>
  <div class="days" id="calGrid"></div>
</div>
 
<div class="modal-overlay" id="modalOverlay" role="dialog" aria-modal="true">
  <div class="modal">
    <button class="modal-close" id="modalClose" aria-label="Schliessen">✕</button>
    <div class="modal-date" id="mDate"></div>
    <div class="modal-title" id="mTitle"></div>
    <div class="modal-time">🕐 <span id="mTimeText"></span></div>
    <div class="modal-note" id="mNote"></div>
    <a class="modal-link" id="mLink" href="#" target="_blank" rel="noopener">
      🔗 Mehr Infos
    </a>
  </div>
</div>
 
<script>
  // ==================================================
  // TERMINE - hier pflegen
  // ==================================================
  var events = [
    {
      datum: "2026-08-05",
      titel: "Stadtfest Reutlingen",
      uhrzeit: "14:00",
      zusatztext: "Das jaehrliche Stadtfest in der Innenstadt mit Live-Musik, Essen und Marktstaenden. Parkplaetze sind begrenzt - Anreise mit OPNV empfohlen.",
      url: "https://www.reutlingen.de"
    },
    {
      datum: "2026-08-12",
      titel: "Team-Meeting Q3",
      uhrzeit: "09:30",
      zusatztext: "Quartals-Review mit allen Abteilungen. Bitte Berichte bis 08.08. einreichen. Video-Call-Link wird separat verschickt.",
      url: "https://meet.example.com/q3-review"
    },
    {
      datum: "2026-08-22",
      titel: "Open-Air Kino",
      uhrzeit: "21:00",
      zusatztext: "Filmabend im Stadtpark - gezeigt wird Cinema Paradiso (1988). Einlass ab 20:00 Uhr, Decke und Sitzkissen empfohlen. Eintritt frei.",
      url: "https://www.openair-kino-beispiel.de"
    }
  ];
  // ==================================================
 
  var byDate = {};
  events.forEach(function(e) {
    if (!byDate[e.datum]) byDate[e.datum] = [];
    byDate[e.datum].push(e);
  });
 
  var grid = document.getElementById('calGrid');
  var year = 2026;
  var month = 7;
  var firstDay = new Date(year, month, 1).getDay();
  var offset = (firstDay + 6) % 7;
  var daysInMonth = new Date(year, month + 1, 0).getDate();
  var today = new Date();
 
  for (var i = 0; i < offset; i++) {
    var empty = document.createElement('div');
    empty.className = 'day empty';
    grid.appendChild(empty);
  }
 
  for (var d = 1; d <= daysInMonth; d++) {
    var cell = document.createElement('div');
    cell.className = 'day';
 
    var isToday = today.getFullYear() === year
      && today.getMonth() === month
      && today.getDate() === d;
    if (isToday) cell.classList.add('today');
 
    var num = document.createElement('div');
    num.className = 'day-number';
    num.textContent = d;
    cell.appendChild(num);
 
    var mm = String(month + 1).padStart(2, '0');
    var dd = String(d).padStart(2, '0');
    var dateKey = year + '-' + mm + '-' + dd;
 
    if (byDate[dateKey]) {
      byDate[dateKey].forEach(function(ev) {
        var chip = document.createElement('div');
        chip.className = 'event-chip';
 
        var timeSpan = document.createElement('span');
        timeSpan.className = 'chip-time';
        timeSpan.textContent = ev.uhrzeit;
 
        var titleSpan = document.createElement('span');
        titleSpan.className = 'chip-title';
        titleSpan.textContent = ev.titel;
 
        chip.appendChild(timeSpan);
        chip.appendChild(titleSpan);
 
        chip.addEventListener('click', (function(evData) {
          return function() { openModal(evData); };
        })(ev));
 
        cell.appendChild(chip);
      });
    }
 
    grid.appendChild(cell);
  }
 
  var overlay  = document.getElementById('modalOverlay');
  var btnClose = document.getElementById('modalClose');
 
  function openModal(ev) {
    var d = new Date(ev.datum + 'T00:00:00');
    document.getElementById('mDate').textContent =
      d.toLocaleDateString('de-DE', { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' });
    document.getElementById('mTitle').textContent  = ev.titel;
    document.getElementById('mTimeText').textContent = ev.uhrzeit + ' Uhr';
    document.getElementById('mNote').textContent    = ev.zusatztext;
    var link = document.getElementById('mLink');
    if (ev.url) {
      link.href = ev.url;
      link.style.display = 'inline-flex';
    } else {
      link.style.display = 'none';
    }
    overlay.classList.add('open');
  }
 
  function closeModal() { overlay.classList.remove('open'); }
 
  btnClose.addEventListener('click', closeModal);
  overlay.addEventListener('click', function(e) { if (e.target === overlay) closeModal(); });
  document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeModal(); });
</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ötigtMehr 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ötigtMehr 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.deMehr 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