Revert "Shift Discofox to other room"

This reverts commit 8ca074e6c9.

content/news/2007/2007-06-25-jahr-2007-fruehlingsfest-am-19-mai-2007/index.md

@@ -24,7 +24,7 @@ Zur Hälfte in Familienhand lag dann der Standard- und Lateinteil des Programms.
 
 {{< tsc/news/inline-float src="0705194.jpg" alt="Anita und Rolandas" caption="Trainergespann Anita Pocz und  Rolandas Trembo" >}}
 
-Höhepunkt des Unterhaltungsprogramms war aber nach einhelliger Meinung die Show,die Lateintrainer Anita Pocz und Rolandas Trembo einstudiert hatten. Die beidenzeigten Tanzen auf höchstem Niveau.
+Höhepunkt des Unterhaltungsprogramms war aber nach einhelliger Meinung die Show,die Lateintrainer Anita Pocz und Rolandas Trembo einstudiert hatten. Die beiden zeigten Tanzen auf höchstem Niveau.
 
 Natürlich konnten auch die Gäste das Tanzbein schwingen. Zu Livemusik war dasnatürlich ein besonderer Genuss. Wird doch sonst immer nach Musik von CD'strainiert. Heidrun Dolde bot gekonnt und souverän für alle die passende Musik.
 

content/news/2023/2023-01-06-einladung-zum-jahresauftakt-2023/index.md

@@ -33,6 +33,6 @@ Solltet ihr Probleme bei der Eintragung in die Listen haben, meldet Euch bitte b
 
 . Das ist für uns auch wichtig zu wissen, damit wir das in Zukunft besser machen können.
 
-{{< tsc/news/inline-float src="Flyer.pdf" alt="Flyer Einladung" width="350" height="495" caption="Flyer der Veranstaltung" >}}
+{{< tsc/news/inline-float src="Flyer.png" alt="Flyer Einladung" width="350" height="495" caption="Flyer der Veranstaltung" >}}
 
 

content/news/2023/2023-03-03-tanzende-jungs-turniervorbereitung-gesucht/index.md

@@ -11,6 +11,6 @@ Unseren Trunieraufbaugruppen Standard und Latein fehlt dringend männliche Unter
 
 Interesse? Wenn du dich angesprochen fühlst, komm einfach vorbei oder melde dich bei uns. Vorkenntnisse sind nicht unbedingt nötig, alle Kenntnisse werden vermittelt.
 
-{{< tsc/news/inline-float src="TanzPosterFinal.pdf" alt="" width="550" height="777" >}}
+{{< tsc/news/inline-float src="TanzPosterFinal.png" alt="" width="550" height="777" >}}
 
 

content/news/2024/2024-12-24-weihnachten/index.md

@@ -24,5 +24,5 @@ Wir wünschen unseren Mitgliedern, Trainer/innen, Interessierten und deren Famil
 Unser Verein geht in die Weihnachtspause.
 Wir werden wieder ab dem 07.01.2025 für Sie verfübar sein.
 
-{{< tsc/news/inline-float src="stock/christmas/artspace-ai-001.png" alt="Siegerpokal" width="500" height="801">}}
+{{< tsc/news/inline-float src="stock/christmas/artspace-ai-001.png" alt="Symbolbild Weihnachten" width="500" height="801">}}
 

content/news/2025/2025-12-30-erfolg-paar-kohler-in-berlin/index.md

@@ -0,0 +1,41 @@
+---
+title: "Großer Erfolg in Berlin: Petra und Jürgen Kohler steigen in die S-Klasse auf"
+date: 2025-12-30T16:25:03+01:00
+summary: |-
+    Das Paar Petra und Jürgen Kohler hat sich bei einem Turnier in Berlin Tegel mit einem guten Ergebnis ihr nächstes Ziel erreicht.
+    Wir gratulieren dem Paar.
+draft: false
+# Datum, ab wann der Artikel nicht mehr angezeigt werden soll
+# expiryDate: 2099-12-31
+# Die nächste Zeile anpassen, wenn das Thumbnail eingerichtet ist
+image: thumbnail.jpg
+# Wenn ein Blog-beitrag auch eine Terminankündigung sein soll, hier eintragen:
+# announcement:
+#     date: 2023-11-11
+#     # Optional kann man in der Terminerinnerung noch einen Kurztitel vergeben.
+#     name: ""
+# keywords:
+#     - Ersters Schlagwort
+#     - Zweites Schlagwort
+#     - Drittes Schlagwort
+---
+
+Ein ganz besonderer Turniertag liegt hinter Petra und Jürgen Kohler vom TSC im VfL Sindelfingen.
+Seit Juni 2024 in der A-Klasse startend, ertanzten sie sich mit viel Einsatz, Training und Leidenschaft bis November bereits neun Platzierungen.
+Für die letzte noch fehlende Platzierung nahmen sie noch einmal den Weg nach Berlin auf sich – mit einem klaren Ziel vor Augen:
+den Aufstieg in die S-Klasse.
+
+Beim Turnier des TC Blau-Gold im VfL Tegel in Berlin-Tegel am 13.12.2025 wurde dieses Ziel Wirklichkeit.
+In der A III-Klasse stellten sich acht Paare der Konkurrenz.
+Mit einer überzeugenden und ausdrucksstarken Leistung erreichten Petra und Jürgen die Endrunde und sicherten sich einen hervorragenden 3. Platz – die entscheidende Platzierung, die den Traum vom Aufstieg wahr werden ließ.
+
+Doch damit nicht genug: Direkt im Anschluss wagten sie den Schritt auf das S-Klasse-Parkett und tanzten ihr erstes Turnier in der höchsten Leistungsklasse.
+In einem Feld von vier Paaren zeigten sie auch hier ihr Können und wurden erneut mit einem 3. Platz belohnt – ein Einstand, der Mut macht und Lust auf mehr.
+
+Ein schönes Turnier, eine sehr gute Organisation und eine angenehme, herzliche Atmosphäre in einem stimmungsvollen Saal bildeten den perfekten Rahmen für diesen besonderen Erfolg, der Petra und Jürgen sicher noch lange in Erinnerung bleiben wird.
+
+Der Verein wünscht dem Paar viel Erfolg bei den weiteren Herausforderungen.
+
+
+{{< tsc/news/inline-float src="IMG_9076.jpeg" alt="Petra und Jürgen Kohler" width="800" height="801" credits="AR Fotografie, www.diemitderkamera.de" >}}
+

content/news/2026/2026-01-01-neues-jahr/index.md

@@ -0,0 +1,28 @@
+---
+title: "Schöne Grüße zum neuen Jahr"
+date: 2026-01-01T15:42:19+01:00
+summary: |-
+    Wir wünschen ein grohes neues Jahr an unsere Besucher.
+draft: false
+# Datum, ab wann der Artikel nicht mehr angezeigt werden soll
+# expiryDate: 2099-12-31
+# Die nächste Zeile anpassen, wenn das Thumbnail eingerichtet ist
+image: thumbnail.png
+# Wenn ein Blog-beitrag auch eine Terminankündigung sein soll, hier eintragen:
+# announcement:
+#     date: 2023-11-11
+#     # Optional kann man in der Terminerinnerung noch einen Kurztitel vergeben.
+#     name: ""
+# keywords:
+#     - Ersters Schlagwort
+#     - Zweites Schlagwort
+#     - Drittes Schlagwort
+---
+
+Im neuen Jahr 2026 wünschen wir vom TSC im VfL Sindelfingen allen Mitgliedern, Gästen und Interessierten sowie den Freunden und Familien ein frohes neues Jahr!
+
+Unser Verein ist aktuell in der Weihnachtspause.
+Wir sind bis zum 07.01.2026 nicht erreichbar.
+Danach sind wir wieder voll für Euch verfügbar.
+
+{{< tsc/news/inline-float src="stock/new-year/artspace-ai-1767277507778-006.png" alt="Symbolbild Silvester" width="500" height="801">}}

content/page/aktuell/pressestimmen/2025-12-30-petra-juergen-kohler-s-klasse/index.md

@@ -0,0 +1,9 @@
+---
+title: "Sindelfinger Tanzlehrer beim größten Turnier der Welt"
+date: 2025-12-30
+source: "szbz"
+---
+
+{{<tsc/press/img src="szbz-thumb.jpeg">}}
+
+{{<tsc/press/dld url="szbz.pdf">}}Sindelfinger Zeitung / Böblinger Zeitung 30.12.2025{{</tsc/press/dld>}}

content/page/angebote/turniersport/auslandsstart/index.md

@@ -7,15 +7,16 @@ menu:
         parent: turniersport
 ---
 
-Grundsätzlich dürfen Paare, die beim DTV Mitglied sind, zunächst einmal nur an Turnieren des DTVs teilnehmen.
-Wollen sie an einem Turnier teilnehmen, das nicht vom DTV in Deutschland sondern von einem anderen Verband durchgeführt wird, müssen sie eine Genehmigung einholen.
+Grundsätzlich dürfen Paare, die beim DTV Mitglied sind, zunächst einmal nur an Turnieren des DTV teilnehmen.
+Zusätzlich dürfen die Paare des DTVs auch bei Wettbewerben des Dachverbands WDSF ohne weitere Genehmigung seitens des DTVs tanzen.
+Wollen sie an einem Turnier teilnehmen, das weder vom DTV noch vom WDSF durchgeführt wird, müssen sie eine Genehmigung einholen.
 
 Es gibt dazu lediglich die Ausnahme mit dem österreichischen und dem schweizerischen Verband.
-Mit diesen wurde ein bilaterales Abkommen geschlossen (sog. kleiner Grenzverkehr), das ein Starten aller Paare innerhalb dieser Verbände erlaubt.
+Mit diesen wurde ein bilaterales Abkommen geschlossen (sog. kleiner Grenzverkehr), das ein eingeschränktes Starten aller Paare (unabhängig von der Klasse) innerhalb dieser Verbände erlaubt.
 
 ## Ablauf des Verfahrens
 
-Paare die außerhalb Deutschland / Österreich / Schweiz starten möchten, müssen folgendes erledigen:
+Paare die außerhalb Deutschlands / des WDSFs / des kleinen Grenzverkehrs starten möchten, müssen folgendes erledigen:
 
 -   Das {{< dld url="auslandsstart_VfL.pdf" >}}Formular für Auslandsstartgenehmigung{{< /dld >}} herunterladen und elektronisch ausfüllen.
 -   Das ausgefüllte Formular direkt als PDF drucken oder alternativ auf Papier ausdrucken und einscannen, so dass die Eintragungen sichtbar sind und auch bleiben.

content/turniermeldung/2026/2026-02-07-stuttgart-kohler-juergen-kohler-petra-sen-iii-s-std.md

@@ -0,0 +1,13 @@
+---
+dateCompetition: 2026-02-07
+partner: "Kohler, Jürgen"
+partnerin: "Kohler, Petra"
+verein: "Turn- und Versammlungshalle Botnang"
+ort: "Stuttgart"
+telefon: "01711747303"
+gruppe: "Sen III"
+klasse: "S"
+sektion: "Std"
+titel: "Tanzturnier Suebia"
+nummer: 130788
+---

content/turniermeldung/2026/2026-03-07-tuebingen-nothhelfer-richter-rolf-dr-rott-eva-maria-sen-iv-b-std.md

@@ -0,0 +1,13 @@
+---
+dateCompetition: 2026-03-07
+partner: "Nothhelfer-Richter, Rolf Dr."
+partnerin: "Rott, Eva Maria"
+verein: "Tanzsport- und Rock'n'Roll Zentrum Tübingen"
+ort: "Tübingen"
+telefon: "015259497086"
+gruppe: "Sen IV"
+klasse: "B"
+sektion: "Std"
+titel: "NeckarAlb TanzFestival (NATF)"
+nummer: 131263
+---

content/turniermeldung/2026/2026-03-08-reutlingen-nothhelfer-richter-rolf-dr-rott-eva-maria-sen-iv-b-std.md

@@ -0,0 +1,13 @@
+---
+dateCompetition: 2026-03-08
+partner: "Nothhelfer-Richter, Rolf Dr."
+partnerin: "Rott, Eva Maria"
+verein: "Tanzsportcentrum TC Schwarz-Weiß Reutlingen e.V."
+ort: "Reutlingen"
+telefon: "+49 1573 798 33 57"
+gruppe: "Sen IV"
+klasse: "B"
+sektion: "Std"
+titel: "NeckarAlbTanzFestival-Reutlingen"
+nummer: 131527
+---

content/turniermeldung/2026/2026-04-19-ebringen-nothhelfer-richter-rolf-dr-rott-eva-maria-lm-sen-iv-b-std.md

@@ -0,0 +1,13 @@
+---
+dateCompetition: 2026-04-19
+partner: "Nothhelfer-Richter, Rolf Dr."
+partnerin: "Rott, Eva Maria"
+verein: "Schönberghalle"
+ort: "Ebringen"
+telefon: "01713574933"
+gruppe: "LM Sen IV"
+klasse: "B"
+sektion: "Std"
+titel: "Landesmeisterschaft TBW"
+nummer: 131979
+---

data/holidays.yaml

@@ -11,6 +11,18 @@ holidays:
   to: 2025-11-02
 - from: 2025-12-22
   to: 2026-01-05
+
+- from: 2026-03-30
+  to: 2026-04-12
+- from: 2026-05-26
+  to: 2026-06-07
+- from: 2026-07-30
+  to: 2026-09-13
+- from: 2026-10-26
+  to: 2026-11-01
+- from: 2026-12-23
+  to: 2027-01-10
+
 feasts:
 - 2025-01-01
 - 2025-01-06
@@ -25,3 +37,16 @@ feasts:
 - 2025-12-25
 - 2025-12-26
 
+- 2026-01-01
+- 2026-01-06
+- 2026-04-03
+- 2026-07-06
+- 2026-05-01
+- 2026-05-14
+- 2026-05-25
+- 2026-06-04
+- 2026-10-03
+- 2026-11-01
+- 2026-12-25
+- 2026-12-26
+

data/schedule.yaml

@@ -36,6 +36,12 @@ calendars:
         duration: 90
         class: DSAdults
 
+      - title: DS Minis 0
+        day: Wed
+        start: '15:00'
+        age: '2022 - 2023'
+        duration: 45
+        class: DSKids
       - title: DS Kids 2
         # weight: -1
         day: Wed
@@ -176,12 +182,12 @@ calendars:
         duration: 90
         class: Tanzkreise
 
-      - title: Tanzkreis 6
-        subtitle: Einsteiger
-        day: Fri
-        start: '18:30'
-        duration: 30
-        class: Tanzkreise
+      # - title: Tanzkreis 6
+      #   subtitle: Einsteiger
+      #   day: Fri
+      #   start: '18:30'
+      #   duration: 30
+      #   class: Tanzkreise
       - title: Tanzkreis 6
         day: Fri
         start: '19:00'
@@ -259,14 +265,21 @@ calendars:
         duration: 60
         class: Kinder
       - title: Kindertanz 2
-        subtitle: Turnieraufbau
+        subtitle: Schulkinder Anfänger
         day: Fri
         start: '16:30'
         age: ''
-        duration: 150
+        duration: 90
+        class: [Kinder, Turnier]
+      - title: Kindertanz 2
+        subtitle: Fortgeschrittene und Turnieraufbau
+        day: Fri
+        start: '17:30'
+        age: ''
+        duration: 90
         class: [Kinder, Turnier]
 
-  otto_welker_saal:
+  otto-welker-saal:
     id: "otto-welker-saal-regeltermine_shared_by_tsc"
     name: Otto-Welker-Saal
     schedule:

package.json

@@ -18,10 +18,10 @@
   "author": "Christian Wolf",
   "license": "ISC",
   "devDependencies": {
-    "hugo-extended": "^0.138.0",
+    "hugo-extended": "^0.153.4",
     "sass-embedded": "^1.83.4",
     "stylelint": "^16.1.0",
-    "stylelint-config-standard": "^37.0.0",
-    "stylelint-config-standard-scss": "^14.0.0"
+    "stylelint-config-standard": "^39.0.1",
+    "stylelint-config-standard-scss": "^16.0.0"
   }
 }

themes/tsc_vfl/assets/css/_colors.scss

@@ -1,18 +1,87 @@
 @use "sass:color";
 
-$color-blue: #193f78;
+// $color-blue replaced by a color palette
+$palette-primary: #193f78;
 
-$color-blue-light: color.adjust($color-blue, $lightness: 40%);
-$color-blue-super-light: color.adjust($color-blue, $lightness: 60%);
-$color-blue-thin: color.adjust($color-blue, $lightness: 65%);
-$color-blue-super-thin: color.adjust($color-blue, $lightness: 69%);
+// Lighter variants of the primary color
+// $color-blue-light
+$palette-primary-10: color.adjust($palette-primary, $lightness: 40%);
 
-$color-background-mobile-menu: #f5f5f5;
-$color-background-mobile-menu: $color-blue-super-thin;
-$color-background-mobile-menu-header: #e0e0e0;
-$color-background-mobile-menu-header: $color-blue-super-light;
+// $color-blue-super-light
+$palette-primary-20: color.adjust($palette-primary, $lightness: 60%);
 
-$color-hor-line: $color-blue-light;
+// $color-blue-thin
+$palette-primary-30: color.adjust($palette-primary, $lightness: 65%);
+
+// $color-blue-super-thin
+$palette-primary-40: color.adjust($palette-primary, $lightness: 69%);
+$palette-primary-dark-10: color.adjust($palette-primary, $lightness: -10%);
 $color-vh-vorne: #ddcb55;
 $color-vh-mitte: #c98879;
 $color-vh-hinten: #0082c9;
+$color-img-dots-gray: #eee;
+$color-img-dots-dark-blue: $palette-primary;
+$color-img-dots-light-blue: $palette-primary-10;
+
+:root {
+    --color-bg: #ececec;
+    --color-wrapper-bg: #fcfcfc;
+    --color-fg: black;
+    --color-fg-inverted: white;
+
+    // Former $color-blue
+    --color-fg-primary: #{$palette-primary};
+
+    // Former $color-blue-thin
+    --color-bg-primary: #{$palette-primary-30};
+
+    // Mobile menu colors
+    --color-bg-mobile-menu-header: #{$palette-primary-20};
+    --color-bg-mobile-menu: #{$palette-primary-40};
+    --color-fg-mobile-menu: var(--color-fg-primary);
+    --color-hor-line: #{$palette-primary-10};
+    --color-tr-a: #dedede;
+    --color-tr-b: #f7f7f7;
+    --color-th-bg: #{$palette-primary};
+    --color-th-fg: white;
+    --color-dots-gray: #{$color-img-dots-gray};
+    --color-dots-dark-blue: #{$color-img-dots-dark-blue};
+    --color-dots-light-blue: #{$color-img-dots-light-blue};
+
+    // Overlay for image galleries
+    --color-overlay-bg: #d3d3d3B0;
+    --color-overlay-bg-inner: white;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        // Optinally go with #333 or somewhat dark gray instead of pure black
+        --color-bg: black;
+        --color-wrapper-bg: black;
+        --color-fg: white;
+        --color-fg-inverted: black;
+    
+        // Former $color-blue
+        --color-fg-primary: #{$palette-primary-10};
+
+        // Former $color-blue-thin
+        --color-bg-primary: #{$palette-primary-dark-10};
+    
+        // Mobile menu colors
+        --color-bg-mobile-menu-header: #{$palette-primary};
+        --color-bg-mobile-menu: #{$palette-primary-dark-10};
+        --color-fg-mobile-menu: #{$palette-primary-30};
+        --color-hor-line: #{$palette-primary-10};
+        --color-tr-a: #222;
+        --color-tr-b: #444;
+        --color-th-bg: #{$palette-primary-dark-10};
+        --color-th-fg: white;
+        --color-dots-gray: #{$color-img-dots-gray};
+        --color-dots-dark-blue: #{$color-img-dots-dark-blue};
+        --color-dots-light-blue: #{$color-img-dots-light-blue};
+    
+        // Overlay for image galleries
+        --color-overlay-bg: #d3d3d3B0;
+        --color-overlay-bg-inner: white;
+    }
+}

themes/tsc_vfl/assets/css/_images.scss

@@ -41,6 +41,7 @@
 
         a {
             display: block;
+
             // margin: 0 auto;
             
             img {

themes/tsc_vfl/assets/css/_schedule.scss

@@ -11,9 +11,7 @@
     font-size: xx-small;
 
     @include r.media-large {
-        & {
-            font-size: small;
-        }
+        font-size: small;
     }
 
     .header {
@@ -70,27 +68,31 @@
             box-sizing: border-box;
             overflow: hidden;
 
-            --fg-color: black;
-
             &.room-vorne {
-                --bg-color: var(--color-vhvorne);
+                --bg-color: var(--color-bg-vhvorne);
+                --fg-color: var(--color-fg-vhvorne);
 
                 left: 2.5%;
             }
 
             &.room-mitte {
-                --bg-color: var(--color-vhmitte);
+                --bg-color: var(--color-bg-vhmitte);
+                --fg-color: var(--color-fg-vhmitte);
 
                 left: 35%
             }
 
             &.room-hinten {
-                --bg-color: var(--color-vhhinten);
-                --fg-color: white;
+                --bg-color: var(--color-bg-vhhinten);
+                --fg-color: var(--color-fg-vhhinten);
 
                 left: 67.5%;
             }
 
+            &.room-otto-welker-saal {
+                display: none;
+            }
+
             div {
                 width: 100%;
                 height: 100%;

themes/tsc_vfl/assets/css/dynamic.css

@@ -0,0 +1,8 @@
+:root {
+    --external-link-icon: url({{ (resources.Get "img/download.png" | fingerprint).Permalink }})
+
+    --logo-tsc-light: url({{ ((resources.Get "img/logo_tsc.png").Fit "400x68 webp" | fingerprint).Permalink }});
+    --logo-tsc-dark: url({{ ((resources.Get "img/logo_tsc_dark.png").Fit "400x68 webp" | fingerprint).Permalink }});
+    --logo-vfl-light: url({{ ((resources.Get "img/logo_hv.png").Fit "100x68 webp" | fingerprint).Permalink }});
+    --logo-vfl-dark: url({{ ((resources.Get "img/logo_hv_dark.png").Fit "100x68 webp" | fingerprint).Permalink }});
+}

themes/tsc_vfl/assets/css/main.scss

@@ -1,7 +1,7 @@
 @use 'responsive.scss' as r;
 @use './schedule';
 @use './colors.scss' as *;
-@use './images.scss';
+@use './images';
 
 /* Variables */
 $total-width: 95%;
@@ -13,12 +13,12 @@ $left-menu-width: 180px;
 
 @mixin menu-style() {
     font-family: 'Open Sans Condensed', sans-serif;
-    color: $color-blue;
+    color: var(--color-fg-primary);
     text-decoration: none;
 
     &.active, &:hover {
-        background-color: $color-blue;
-        color: white
+        background-color: var(--color-fg-primary);
+        color: var(--color-fg-inverted);
     }
 }
 
@@ -28,13 +28,14 @@ $left-menu-width: 180px;
 body {
     padding: 0;
     margin: 0;
-    background-color: #ececec;
+    background-color: var(--color-bg);
+    color: var(--color-fg);
     font: 90% 'Open Sans', sans-serif;
     height: 100vh;
 }
 
 h1, h2, h3, h4, h5, h6 {
-    color: $color-blue;
+    color: var(--color-fg-primary);
     font-family: 'Droid Serif',serif;
     font-weight: normal;
 }
@@ -49,7 +50,7 @@ h1 {
     min-height: 100.5vh;
     max-width: 1280px;
     margin: auto;
-    background-color: #fcfcfc;
+    background-color: var(--color-wrapper-bg);
     overflow: auto;
 
     
@@ -72,7 +73,7 @@ h1 {
 
             .announcements {
                 margin-top: 20px;
-                background-color: $color-blue-thin;
+                background-color: var(--color-bg-primary);
 
                 .entry {
                     margin: 25px 0;
@@ -91,7 +92,7 @@ h1 {
                     }
 
                     a {
-                        color: black;
+                        color: var(--color-fg);
                     }
                 }
             }
@@ -110,12 +111,12 @@ h1 {
                 justify-content: center;
                 padding: 0 15px;
                 font: 1.5em 'Open Sans Condensed', sans-serif;
-                color: black;
-                background-color: $color-blue-thin;
+                color: var(--color-fg);
+                background-color: var(--color-bg-primary);
 
                 &.active, &:hover {
-                    background-color: $color-blue;
-                    color: white;
+                    background-color: var(--color-fg-primary);
+                    color: var(--color-fg-inverted);
                 }
             }
         }
@@ -136,14 +137,14 @@ h1 {
             }
 
             a {
-                color: black;
+                color: var(--color-fg);
 
                 &[href^="http"] , &.download {
                     &::before {
                         margin: 0 5px 0 0;
                         top: 3px;
                         position: relative;
-                        content: url('img/download.png');
+                        content: var(--external-link-icon);
                     }
                 }
 
@@ -183,16 +184,16 @@ table {
     }
 
     tr {
-        background-color: #dedede;
+        background-color: var(--color-tr-a);
 
         &:nth-of-type(2n) {
-            background-color: #f7f7f7;
+            background-color: var(--color-tr-b);
         }
     }
 
     thead > tr {
-        background-color: $color-blue;
-        color: white;
+        background-color: var(--color-th-bg);
+        color: var(--color-th-fg);
         text-align: left;
     }
 }
@@ -200,7 +201,7 @@ table {
 // @include schedule.legacy;
 
 #header {
-    border-bottom: 1px solid $color-blue;
+    border-bottom: 1px solid var(--color-fg-primary);
     margin: 0 auto 30px;
     width: 100%;
     
@@ -224,6 +225,28 @@ table {
                 max-width: 100%;
             }
         }
+
+        @media (prefers-color-scheme: dark) {
+            .logo-light {
+                visibility: hidden;
+            }
+
+            .logo-vfl {
+                --url: var(--logo-vfl-dark);
+            }
+
+            .logo {
+                --url: var(--logo-tsc-dark);
+            }
+
+            .space {
+                background-size: contain;
+                background-position: center;
+                background-repeat: no-repeat;
+                background-image: var(--url);
+            }
+
+        }
     }
 
     > .slider {
@@ -233,8 +256,8 @@ table {
         // height: 250px;
         display: none;
         padding: 0 10px;
-        border-right: 20px solid $color-blue;
-        border-left: 20px solid $color-blue;
+        border-right: 20px solid var(--color-fg-primary);
+        border-left: 20px solid var(--color-fg-primary);
         position: relative;
 
         @include r.media-large {
@@ -279,12 +302,12 @@ table {
                 height: 10px;
                 margin: 0 10px 0 0;
                 border-radius: 5px;
-                background-color: #eee;
-                border: 1.5px solid $color-blue;
+                background-color: var(--color-dots-gray);
+                border: 1.5px solid var(--color-dots-dark-blue);
 
                 &.active {
-                    background-color: $color-blue-light;
-                    border: 1.5px solid #eee;
+                    background-color: var(--color-dots-light-blue);
+                    border: 1.5px solid var(--color-dots-gray);
                 }
             }
         }
@@ -326,9 +349,9 @@ table {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    border-top: 1px solid $color-hor-line;
+    border-top: 1px solid var(--color-hor-line);
     box-sizing: border-box;
-    color: $color-blue;
+    color: var(--color-fg-primary);
 
     .first-entry {
         font: 1em 'Open Sans Condensed', sans-serif;
@@ -358,7 +381,8 @@ table {
 
                 a  {
                     @include menu-style;
-                    color: $color-blue;
+
+                    color: var(--color-fg-primary);
                 }
             }
         }
@@ -383,8 +407,9 @@ table {
         height: 100%;
         position: absolute;
         z-index: -10;
-        background-color: lightgrey;
-        opacity: 0.5;
+        background-color: var(--color-overlay-bg);
+
+        // opacity: 0.5;
     }
 
     .spacer {
@@ -398,7 +423,7 @@ table {
         justify-content: center;
 
         .dialog {
-            background-color: white;
+            background-color: var(--color-overlay-bg-inner);
             padding: 10px;
             flex: 30% 0 0;
 
@@ -558,7 +583,7 @@ table {
     margin: 30px 0;
     padding: 30px 5% 0;
     box-sizing: border-box;
-    border-top: 1px solid $color-hor-line;
+    border-top: 1px solid var(--color-hor-line);
 
     @include r.media-large {
         display: none;
@@ -568,7 +593,10 @@ table {
         width: 100%;
 
         a {
-            background-color: $color-background-mobile-menu-header;
+            @include menu-style;
+
+            background-color: var(--color-bg-mobile-menu-header);
+            color: var(--color-fg-mobile-menu);
         }
     }
 
@@ -576,7 +604,10 @@ table {
         width: 50%;
 
         a {
-            background-color: $color-background-mobile-menu;
+            @include menu-style;
+            
+            background-color: var(--color-bg-mobile-menu);
+            color: var(--color-fg-mobile-menu);
         }
     }
 
@@ -591,11 +622,9 @@ table {
             padding: 5px;
             box-sizing: border-box;
 
-            @include menu-style;
-
             &.active {
-                color: white;
-                background-color: $color-blue;
+                color: var(--color-fg-inverted);
+                background-color: var(--color-fg-primary);
             }
         }
     }
@@ -603,13 +632,15 @@ table {
 
 .mobile-menu-link {
     display: block;
-    border: 1px solid black;
+    border: 1px solid var(--color-fg);
     width: max-content;
     padding: 5px 75px 5px 15px;
     margin: 5px 0 5px 20px;
 
     @include menu-style;
 
+    color: var(--color-fg-mobile-menu);
+
     @include r.media-large {
         display: none;
     }
@@ -650,9 +681,12 @@ table {
 }
 
 :root {
-    --color-vhvorne: #{$color-vh-vorne};
-    --color-vhmitte: #{$color-vh-mitte};
-    --color-vhhinten: #{$color-vh-hinten};
+    --color-bg-vhvorne: #{$color-vh-vorne};
+    --color-fg-vhvorne: var(--color-fg);
+    --color-bg-vhmitte: #{$color-vh-mitte};
+    --color-fg-vhmitte: var(--color-fg);
+    --color-bg-vhhinten: #{$color-vh-hinten};
+    --color-fg-vhhinten: var(--color-fg-inverted);
 }
 
 .calendar-color-legend {
@@ -661,16 +695,18 @@ table {
     margin: 10px;
 
     .vorne {
-        background-color: var(--color-vhvorne);
+        background-color: var(--color-bg-vhvorne);
+        color: var(--color-fg-vhvorne);
     }
 
     .mitte {
-        background-color: var(--color-vhmitte);
+        background-color: var(--color-bg-vhmitte);
+        color: var(--color-fg-vhmitte);
     }
 
     .hinten {
-        background-color: var(--color-vhhinten);
-        color: white;
+        background-color: var(--color-bg-vhhinten);
+        color: var(--color-fg-vhhinten);
     }
 
     .vorne, .mitte, .hinten {
@@ -824,7 +860,7 @@ table.time {
     margin: 0 0 2em;
 
     .press-article {
-        border-bottom: solid 1px $color-hor-line;
+        border-bottom: solid 1px var(--color-hor-line);
         margin: 0 0 3em;
         padding: 0 0 3em;
 

themes/tsc_vfl/assets/img/download.svg

@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="15"
+   height="15"
+   viewBox="0 0 15 15"
+   sodipodi:docname="download.svg"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   inkscape:export-filename="./download.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="41.766441"
+     inkscape:cx="8.5235896"
+     inkscape:cy="7.7813669"
+     inkscape:window-width="1919"
+     inkscape:window-height="1005"
+     inkscape:window-x="1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g1" />
+  <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
+     id="g1">
+    <path
+       id="path2"
+       style="fill:#193f78;fill-opacity:1;stroke:none;stroke-width:3;stroke-linecap:round"
+       d="M 4.4293935,3.3998588 V 11.348824 L 11.971334,7.4222269 Z M 14.98811,7.5060263 A 7.5179973,7.5060263 0 0 1 7.4701123,15.012053 7.5179973,7.5060263 0 0 1 -0.04788494,7.5060263 7.5179973,7.5060263 0 0 1 7.4701123,0 7.5179973,7.5060263 0 0 1 14.98811,7.5060263 Z" />
+  </g>
+</svg>

themes/tsc_vfl/assets/img/mail.svg

@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="17.280001"
+   height="14.4"
+   viewBox="0 0 17.280001 14.4"
+   sodipodi:docname="mail.svg"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   inkscape:export-filename="./mail.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showguides="true"
+     inkscape:zoom="21.974326"
+     inkscape:cx="13.606788"
+     inkscape:cy="10.28473"
+     inkscape:window-width="1919"
+     inkscape:window-height="1005"
+     inkscape:window-x="1919"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g3">
+    <sodipodi:guide
+       position="1.2969681,12.420417"
+       orientation="0,-1"
+       id="guide1"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
+     id="g1">
+    <g
+       id="g2"
+       style="display:none"
+       sodipodi:insensitive="true">
+      <rect
+         style="fill:#193f78;stroke-width:3;stroke-linecap:round"
+         id="rect1"
+         width="17.2474"
+         height="14.380419"
+         x="0.022753827"
+         y="0.022753827" />
+      <path
+         style="baseline-shift:baseline;display:none;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+         d="m 0.01367188,-0.28320313 a 0.30000001,0.30000001 0 0 0 -0.18359375,0.3828125 L 0.55078125,2.1425781 8.4824219,6.484375 16.712891,2.2167969 17.527344,0.10742187 a 0.30000001,0.30000001 0 0 0 -0.171875,-0.38671875 0.30000001,0.30000001 0 0 0 -0.388672,0.17187501 L 16.234375,1.7890625 8.4902344,5.8027344 1.0410156,1.7265625 0.39648438,-0.09960937 a 0.30000001,0.30000001 0 0 0 -0.3828125,-0.18359376 z"
+         id="path1" />
+      <path
+         style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+         sodipodi:type="inkscape:offset"
+         inkscape:radius="0.59067476"
+         inkscape:original="M 0.013671875 -0.28320312 A 0.30000001 0.30000001 0 0 0 -0.16992188 0.099609375 L 0.55078125 2.1425781 L 8.4824219 6.484375 L 16.712891 2.2167969 L 17.527344 0.10742188 A 0.30000001 0.30000001 0 0 0 17.355469 -0.27929688 A 0.30000001 0.30000001 0 0 0 16.966797 -0.10742188 L 16.234375 1.7890625 L 8.4902344 5.8027344 L 1.0410156 1.7265625 L 0.39648438 -0.099609375 A 0.30000001 0.30000001 0 0 0 0.013671875 -0.28320312 z "
+         xlink:href="#path2"
+         id="path3"
+         inkscape:href="#path2"
+         d="M -0.18359375,-0.83984375 C -0.62318467,-0.68462423 -0.88158129,-0.14288076 -0.7265625,0.296875 l 0.72070312,2.0429688 A 0.59073383,0.59073383 0 0 0 0.26757813,2.6601563 L 8.1992188,7.0019531 a 0.59073383,0.59073383 0 0 0 0.5546875,0.00586 L 16.984375,2.7402344 a 0.59073383,0.59073383 0 0 0 0.279297,-0.3105469 l 0.814453,-2.109375 a 0.59073383,0.59073383 0 0 0 0.002,-0.001953 c 0.16561,-0.43384688 -0.07715,-0.97986604 -0.509766,-1.14843751 h -0.002 c -0.435309,-0.16789112 -0.984735,0.0742176 -1.152343,0.50976563 l -0.652344,1.6875 L 8.4980469,5.1328125 1.5234375,1.3164062 0.953125,-0.29492188 V -0.296875 C 0.79812885,-0.7358333 0.25777246,-0.99344973 -0.18164062,-0.83984375 Z" />
+      <path
+         style="baseline-shift:baseline;display:none;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+         d="m 0.01367188,-0.28320313 a 0.30000001,0.30000001 0 0 0 -0.18359375,0.3828125 L 0.55078125,2.1425781 8.4824219,6.484375 16.712891,2.2167969 17.527344,0.10742187 a 0.30000001,0.30000001 0 0 0 -0.171875,-0.38671875 0.30000001,0.30000001 0 0 0 -0.388672,0.17187501 L 16.234375,1.7890625 8.4902344,5.8027344 1.0410156,1.7265625 0.39648438,-0.09960937 a 0.30000001,0.30000001 0 0 0 -0.3828125,-0.18359376 z"
+         id="path2" />
+    </g>
+    <g
+       id="g3"
+       style="display:inline">
+      <path
+         id="rect2"
+         style="display:none;fill:#193f78;stroke-width:3;stroke-linecap:round"
+         d="m 0.43945312,0.0234375 0.60156248,1.703125 7.4492188,4.0761719 7.7441406,-4.0136719 0.681641,-1.765625 z m -0.41601562,0.625 V 14.402344 H 17.269531 V 0.77539062 L 16.712891,2.2167969 8.4824219,6.484375 0.55078125,2.1425781 Z" />
+      <path
+         id="rect3"
+         style="display:inline;fill:#193f78;stroke-width:3;stroke-linecap:round"
+         d="m 1.0664062,0.0234375 0.4570313,1.2929687 6.9746094,3.8164063 7.2656251,-3.765625 0.519531,-1.34375 z M 0.0234375,2.40625 V 14.402344 H 17.269531 V 2.4140625 l -0.0059,0.015625 A 0.59073383,0.59073383 0 0 1 16.984375,2.7402344 L 8.7539062,7.0078125 A 0.59073383,0.59073383 0 0 1 8.1992188,7.0019531 L 0.26757812,2.6601562 A 0.59073383,0.59073383 0 0 1 0.0234375,2.40625 Z" />
+    </g>
+  </g>
+</svg>

themes/tsc_vfl/layouts/_partials/page/head.html

@@ -15,6 +15,10 @@
     {{ $scss := resources.Get "css/main.scss" | css.Sass $options  }}
     {{ if hugo.IsProduction }}{{ $scss = $scss | minify | fingerprint }}{{ end }}
     <link rel="stylesheet" type="text/css" href="{{ $scss.Permalink }}" />
+    {{ with resources.Get "css/dynamic.css" }}
+        {{ $dynamicCss := resources.ExecuteAsTemplate "css/dyn-config.css" $.Page . }}
+        <link rel="stylesheet" type="text/css" href="{{ $dynamicCss.Permalink }}" />
+    {{ end }}
     {{ $title := print .Site.Title " | " .Title }}
     {{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
     <title>{{ $title }}</title>

themes/tsc_vfl/layouts/_partials/page/header.html

@@ -1,10 +1,14 @@
 <div id="header">
     <div class="logo-row">
         <a href="/" class="logo">
-            <img src="{{ ((resources.Get "img/logo_tsc.png").Fit "400x68 webp" | fingerprint).Permalink }}">
+            <div class="space">
+                <img src="{{ ((resources.Get "img/logo_tsc.png").Fit "400x68 webp" | fingerprint).Permalink }}" class="logo-light">
+            </div>
         </a>
         <a href="https://www.vfl-sindelfingen.de/" class="logo-vfl">
-            <img src="{{ ((resources.Get "img/logo_hv.png").Fit "100x68 webp" | fingerprint).Permalink }}">
+            <div class="space">
+                <img src="{{ ((resources.Get "img/logo_hv.png").Fit "100x68 webp" | fingerprint).Permalink }}" class="logo-light" alt="VfL Sindelfingen">
+            </div>
         </a>
     </div>
     <div class="slider">

themes/tsc_vfl/layouts/_shortcodes/tsc/calendar/schedule.html

@@ -2,13 +2,12 @@
 {{- $end := .Get 1 -}}
 {{- $days := after 2 .Params -}}
 {{- $numDays := len $days -}}
-{{- $calendar := $.Site.Data.calendar.calendar -}}
 {{- $listSchedule := partialCached "tsc/calendar/list" . }}
 <div class="calendar-schedule calendar-grid-{{ $numDays }}-days">
     <div class="header">
         <div class="times-left"></div>
         {{ range $days }}
-        <div class="main-column">{{ . }}</div>
+        <div class="main-column">{{ index site.Data.days . }}</div>
         {{ end }}
         <div class="times-right"></div>
         <div class="times-left"></div>

themes/tsc_vfl/layouts/_shortcodes/tsc/news/inline-float.html

@@ -9,7 +9,17 @@
             {{ if not $resource }}
             {{ $resource = resources.GetMatch $filename }}
             {{ end }}
+            {{ if (and (ne (.Get "width") "") (ne (.Get "height") "") ) }}
+                {{/* warnf "%#v %#v %s" (.Get "width") (.Get "height") .Position */}}
+                {{/* warnf "Both width and height are set for %s" .Page */}}
+                {{ $sizing := printf "%sx%s webp" (.Get "width") (.Get "height") }}
+                {{/* warnf "%s, %s, %s" $sizing .Position $resource */}}
+                {{ with  ($resource.Fit $sizing) }}
+                    {{ $resource = fingerprint . }}
+                {{ end }}
+            {{ end }}
             src="{{ $resource.Permalink }}"
+            style="{{- with .Get "height" -}}max-height: {{.}}px;{{- end -}}"
         >
     {{ with .Get "href" }}
     </a>

themes/tsc_vfl/layouts/_shortcodes/tsc/vorstand.html

@@ -31,7 +31,7 @@
             <div class="name">
                 {{ with $.Get "mail" }}
                     <a href="{{ printf "mailto:%s" . | encoding.Base64Encode }}" class="mail-link">
-                        <img src="/img/mail.jpg" class="mail-icon"></a>
+                        <img src="{{ (resources.Get "/img/mail.png" | fingerprint).Permalink  }}" class="mail-icon"></a>
                 {{ end }}
                 {{ .Params.title }}
             </div>