u003ciframe style=u0022width: 100%; border: none; height: 215px; background-color: transparent;u0022 src=u0022https://www.wetter.de/widget/3tage/u31kp8b8/false/u0022u003eu003c/iframeu003eu003cbr/u003eu003ca href=u0022https://www.wetter.deu0022 rel=u0022nofollowu0022 target=u0022_blanku0022u003eDas Wetter in Zeithainu003c/au003e

u003cstyleu003en/* u002du002d- Zeile 1: Suchfeld u002du002d- */n.search-row {n margin: 20px 0;n}n.search-row input[type=u0022textu0022] {n width: 50%;n max-width: 350px;n padding: 12px 14px;n border: 2px solid #005baa;n border-radius: 8px;n font-size: 16px;n background: #f2f6fa;n}nn/* u002du002d- Zeile 2: Datum von/bis u002du002d- */n.date-row {n display: flex;n flex-wrap: wrap;n gap: 25px;n margin: 10px 0 20px 0;n}n.date-group {n display: flex;n flex-direction: column;n}n.date-group label {n font-size: 15px;n font-weight: 600;n margin-bottom: 6px;n color: #005baa;n}nn/* ⭐ NATIVER DATE-PICKER – NICHT VERÄNDERN */n.date-group input[type=u0022dateu0022] {n padding: 10px 14px;n border: 2px solid #005baa;n border-radius: 8px;n font-size: 16px;n background: #f2f6fa;n}nn/* ⭐ Desktop: kleines natives Icon sichtbar lassen */n@media (min-width: 701px) {n input[type=u0022dateu0022]::-webkit-calendar-picker-indicator {n opacity: 1;n }n}nn/* ⭐ Mobil: kein Icon */n@media (max-width: 700px) {n input[type=u0022dateu0022]::-webkit-calendar-picker-indicator {n opacity: 0;n }n}nn/* u002du002d- Zeile 3: Wochenende u002du002d- */n.weekend-row {n margin: 10px 0 20px 0;n font-size: 16px;n display: flex;n align-items: center;n gap: 8px;n}nn/* u002du002d- Tabelle u002du002d- */n.event-table {n width: 100%;n border-collapse: collapse;n margin-top: 20px;n font-size: 16px;n}n.event-table th {n background: #005baa;n color: white;n padding: 12px;n text-align: left;n}n.event-table td {n padding: 12px;n border-bottom: 1px solid #ddd;n}nn/* u002du002d- Mobile Tabelle u002du002d- */n@media (max-width: 700px) {n .search-row input[type=u0022textu0022] { width: 100%; }n .event-table thead { display: none; }n .event-table tr {n display: block;n margin-bottom: 12px;n border: 1px solid #ddd;n border-radius: 8px;n padding: 10px;n }n .event-table td {n display: flex;n justify-content: space-between;n padding: 8px 6px;n }n .event-table td::before {n content: attr(data-label);n font-weight: 600;n color: #005baa;n }n}nu003c/styleu003ennu003c!u002du002d ⭐ Zeile 1 u002du002du003enu003cdiv class=u0022search-rowu0022u003en u003cinput id=u0022eventSearchu0022 type=u0022textu0022 placeholder=u0022🔍 Veranstaltungen durchsuchen…u0022u003enu003c/divu003ennu003c!u002du002d ⭐ Zeile 2 u002du002du003enu003cdiv class=u0022date-rowu0022u003en u003cdiv class=u0022date-groupu0022u003en u003clabel for=u0022dateFromu0022u003eZeitraum von:u003c/labelu003en u003cinput type=u0022dateu0022 id=u0022dateFromu0022 placeholder=u0022tt.mm.jjjju0022u003en u003c/divu003enn u003cdiv class=u0022date-groupu0022u003en u003clabel for=u0022dateTou0022u003eZeitraum bis:u003c/labelu003en u003cinput type=u0022dateu0022 id=u0022dateTou0022 placeholder=u0022tt.mm.jjjju0022u003en u003c/divu003enu003c/divu003ennu003c!u002du002d ⭐ Zeile 3 u002du002du003enu003cdiv class=u0022weekend-rowu0022u003en u003cinput type=u0022checkboxu0022 id=u0022weekendOnlyu0022u003en u003clabel for=u0022weekendOnlyu0022u003eNur Wochenende anzeigenu003c/labelu003enu003c/divu003ennu003c!u002du002d ⭐ Tabelle u002du002du003enu003ctable id=u0022eventTableu0022 class=u0022event-tableu0022u003en u003ctheadu003en u003ctru003en u003cthu003eTypu003c/thu003en u003cthu003eDatumu003c/thu003en u003cthu003eUhrzeitu003c/thu003en u003cthu003eVeranstaltungu003c/thu003en u003cthu003eOrtu003c/thu003en u003cthu003eLinku003c/thu003en u003c/tru003en u003c/theadu003en u003ctbodyu003eu003c/tbodyu003enu003c/tableu003ennu003cscriptu003en/* ⭐ Tabelle laden – funktioniert in HTML-Block */ndocument.addEventListener(u0022DOMContentLoadedu0022, function() {n fetch(u0022https://docs.google.com/spreadsheets/d/1-ODdg31V3UmHu-Yl5s67STq_dVShjowS_qL0kI1_YcQ/export?format=csvu0022)n .then(r =u003e r.text())n .then(csv =u003e {n const rows = csv.split(u0022u005cnu0022).map(r =u003e r.split(u0022,u0022));n const tbody = document.querySelector(u0022#eventTable tbodyu0022);n rows.slice(1).forEach(row =u003e {n const tr = document.createElement(u0022tru0022);n [u0022Typu0022,u0022Datumu0022,u0022Uhrzeitu0022,u0022Veranstaltungu0022,u0022Ortu0022,u0022Linku0022].forEach((label,i)=u003e{n const td = document.createElement(u0022tdu0022);n td.setAttribute(u0022data-labelu0022, label);n td.innerHTML = row[i] || u0022u0022;n tr.appendChild(td);n });n tbody.appendChild(tr);n });n });n});nu003c/scriptu003en