diff --git a/content/blog/Kaufbeuren-Frühling.png b/content/blog/Kaufbeuren-Frühling.png new file mode 100644 index 0000000..f081319 Binary files /dev/null and b/content/blog/Kaufbeuren-Frühling.png differ diff --git a/content/blog/Kaufbeuren-Herbst.png b/content/blog/Kaufbeuren-Herbst.png new file mode 100644 index 0000000..b58460f Binary files /dev/null and b/content/blog/Kaufbeuren-Herbst.png differ diff --git a/content/blog/Kaufbeuren-Sommer.png b/content/blog/Kaufbeuren-Sommer.png new file mode 100644 index 0000000..96712f4 Binary files /dev/null and b/content/blog/Kaufbeuren-Sommer.png differ diff --git a/content/blog/Kaufbeuren-Winter.png b/content/blog/Kaufbeuren-Winter.png new file mode 100644 index 0000000..96cd1a4 Binary files /dev/null and b/content/blog/Kaufbeuren-Winter.png differ diff --git a/content/blog/_index.md b/content/blog/_index.md new file mode 100644 index 0000000..86d089a --- /dev/null +++ b/content/blog/_index.md @@ -0,0 +1,7 @@ +--- +title: "Blog & Veranstaltungen" +description: "Aktuelle Veranstaltungen, Tipps und Neuigkeiten aus Kaufbeuren und dem Allgäu" +--- + +Hier finden Sie aktuelle Veranstaltungstipps und Neuigkeiten aus Kaufbeuren und +der Region – ideal, um Ihren Aufenthalt bei uns zu planen. diff --git a/content/blog/veranstaltungen-herbst-2026/altstadtfunkeln-nacht.jpg b/content/blog/veranstaltungen-herbst-2026/altstadtfunkeln-nacht.jpg new file mode 100644 index 0000000..7b40f96 Binary files /dev/null and b/content/blog/veranstaltungen-herbst-2026/altstadtfunkeln-nacht.jpg differ diff --git a/content/blog/veranstaltungen-herbst-2026/filmsoiree-kino.jpg b/content/blog/veranstaltungen-herbst-2026/filmsoiree-kino.jpg new file mode 100644 index 0000000..d593e3f Binary files /dev/null and b/content/blog/veranstaltungen-herbst-2026/filmsoiree-kino.jpg differ diff --git a/content/blog/veranstaltungen-herbst-2026/genusstage-kulinarik.jpg b/content/blog/veranstaltungen-herbst-2026/genusstage-kulinarik.jpg new file mode 100644 index 0000000..dffc9e5 Binary files /dev/null and b/content/blog/veranstaltungen-herbst-2026/genusstage-kulinarik.jpg differ diff --git a/content/blog/veranstaltungen-herbst-2026/index.md b/content/blog/veranstaltungen-herbst-2026/index.md new file mode 100644 index 0000000..5dd0266 --- /dev/null +++ b/content/blog/veranstaltungen-herbst-2026/index.md @@ -0,0 +1,113 @@ +--- +title: "Veranstaltungshighlights in Kaufbeuren – Herbst 2026" +date: 2026-08-28 +# Einblenddatum: 2 Monate vor dem ersten Event (11.09.2026) -> ab hier sichtbar +publishDate: 2026-07-11 +# Ablaufdatum: 1 Monat nach dem ersten Event -> danach ausgeblendet +expiryDate: 2026-10-11 +description: "Von Filmsoiree über Genusstage bis zum Jazzkonzert – die schönsten Veranstaltungen rund um Kaufbeuren im Herbst 2026." +bild: "filmsoiree-kino.jpg" +bild_alt: "Kinosaal mit roten Sesseln" +bild_quelle: 'Foto: Krists Luhaers auf Unsplash' +--- + +Der Herbst hält in Kaufbeuren und im Ostallgäu ein buntes Programm bereit. Ob +Kultur, Kulinarik oder ein stimmungsvoller Bummel durch die Altstadt – hier ist +für jeden etwas dabei. Während Ihres Aufenthalts bei uns in Kaufbeuren-Hirschzell +erreichen Sie alle Veranstaltungsorte bequem in wenigen Minuten. + +## Filmsoiree: „Zwischen zwei Heimaten" + +{{< bild + src="filmsoiree-kino.jpg" + alt="Kinosaal mit roten Sesseln" + quelle=`Foto: Krists Luhaers auf Unsplash` >}} + +**11. September 2026 · Gablonzer Haus (Großer Saal), Kaufbeuren-Neugablonz** + +Anlässlich von „80 Jahre Neugablonz – 80 Jahre Vertreibung" zeigt das +Isergebirgs-Museum in Zusammenarbeit mit dem Kulturreferat eine besondere +Filmsoiree. Der Eintritt ist frei (Zählkarte vorab erforderlich). + +## Geführte Pilgerwanderung: Etappe Mindelheim nach Kaufbeuren + +{{< bild + src="pilgerwanderung-natur.jpg" + alt="Wanderweg durch grüne Voralpenlandschaft" + quelle=`Foto: Fabian Kühne auf Unsplash` >}} + +**19. September 2026 · Start in Mindelheim, Ziel Crescentiakloster Kaufbeuren** + +Eine begleitete Pilgerwanderung auf der rund 28 Kilometer langen 4. Etappe des +Crescentia-Pilgerwegs mit Impulsen und geistlicher Begleitung durch +Pilgerwegbegleiter. + +## Allgäuer Genusstage 2026 + +{{< bild + src="genusstage-kulinarik.jpg" + alt="Regionale Spezialitäten auf einem Tisch" + quelle=`Foto: Brooke Lark auf Unsplash` >}} + +**19. September – 04. Oktober 2026 · Kaufbeuren, Ostallgäu & Region** + +Kulinarische Aktionswochen im Landkreis Ostallgäu und der Stadt Kaufbeuren. +Regionale Erzeuger, Gastronomen und Direktvermarkter präsentieren Spezialitäten +aus der Heimat. + +## Jubiläumskonzert: 60 Jahre Kulturring Kaufbeuren + +{{< bild + src="konzert-orchester.jpg" + alt="Orchester bei einem Konzert" + quelle=`Foto: Manuel Nägeli auf Unsplash` >}} + +**26. September 2026 · Stadtsaal Kaufbeuren** + +Der Kulturring Kaufbeuren feiert sein 60-jähriges Bestehen mit einer sinfonischen +Märchenstunde, gespielt vom renommierten ODEON Jugendsymphonieorchester München. + +## Theater & Performance: „Poseidon und die Plastiksee" + +{{< bild + src="theater-buehne.jpg" + alt="Theaterbühne mit Vorhang und Beleuchtung" + quelle=`Foto: Barna Bartis auf Unsplash` >}} + +**07. Oktober 2026 · Stadttheater Kaufbeuren** + +Ein Gastspiel der Saison des Kulturrings Kaufbeuren e.V., das sich auf +künstlerische Weise mit Umwelt- und Meeres-Themen im historischen Rahmen des +Stadttheaters auseinandersetzt. + +## Jazzkonzert: Yakou Tribe – „Out of Sight" + +{{< bild + src="jazz-konzert.jpg" + alt="Musiker bei einem Jazzkonzert" + quelle=`Foto: Marius Masalar auf Unsplash` >}} + +**30. Oktober 2026 · Stadttheater Kaufbeuren** + +Das renommierte Berliner Jazz-Ensemble Yakou Tribe gastiert im Stadttheater +Kaufbeuren und präsentiert modernen, mitreißenden Instrumental-Jazz. + +## Altstadtfunkeln (Candle Light Shopping & Kaufbeuren Leuchtet) + +{{< bild + src="altstadtfunkeln-nacht.jpg" + alt="Illuminierte Altstadtgasse bei Nacht" + quelle=`Foto: Alex Knight auf Unsplash` >}} + +**13. und 14. November 2026 · Altstadt Kaufbeuren** + +Die Zusammenführung von „Candle Light Shopping" und „Kaufbeuren leuchtet". +Besucher erwarten stimmungsvolle Videomappings an historischen Fassaden, +illuminierte Gassen und verlängerte Einkaufszeiten im lokalen Einzelhandel. + +--- + +*Die verwendeten Fotos sind Symbolbilder (Unsplash-Lizenz, kostenlos auch für +kommerzielle Nutzung). Alle Veranstaltungsangaben ohne Gewähr – bitte informieren +Sie sich vor Ihrem Besuch bei den jeweiligen Veranstaltern über eventuelle +Änderungen.* diff --git a/content/blog/veranstaltungen-herbst-2026/jazz-konzert.jpg b/content/blog/veranstaltungen-herbst-2026/jazz-konzert.jpg new file mode 100644 index 0000000..ade5855 Binary files /dev/null and b/content/blog/veranstaltungen-herbst-2026/jazz-konzert.jpg differ diff --git a/content/blog/veranstaltungen-herbst-2026/konzert-orchester.jpg b/content/blog/veranstaltungen-herbst-2026/konzert-orchester.jpg new file mode 100644 index 0000000..77f449f Binary files /dev/null and b/content/blog/veranstaltungen-herbst-2026/konzert-orchester.jpg differ diff --git a/content/blog/veranstaltungen-herbst-2026/pilgerwanderung-natur.jpg b/content/blog/veranstaltungen-herbst-2026/pilgerwanderung-natur.jpg new file mode 100644 index 0000000..aebf447 Binary files /dev/null and b/content/blog/veranstaltungen-herbst-2026/pilgerwanderung-natur.jpg differ diff --git a/content/blog/veranstaltungen-herbst-2026/theater-buehne.jpg b/content/blog/veranstaltungen-herbst-2026/theater-buehne.jpg new file mode 100644 index 0000000..f8ba381 Binary files /dev/null and b/content/blog/veranstaltungen-herbst-2026/theater-buehne.jpg differ diff --git a/hugo.toml b/hugo.toml index d6b799b..eb41bc3 100644 --- a/hugo.toml +++ b/hugo.toml @@ -28,7 +28,11 @@ defaultContentLanguage = "de" name = "Ausflugsziele" url = "/ausflugsziele/" weight = 4 + [[menu.main]] + name = "Blog" + url = "/blog/" + weight = 5 [[menu.main]] name = "Kontakt" url = "/kontakt/" - weight = 5 + weight = 6 diff --git a/layouts/blog/list.html b/layouts/blog/list.html new file mode 100644 index 0000000..60977e6 --- /dev/null +++ b/layouts/blog/list.html @@ -0,0 +1,33 @@ +{{ define "main" }} +
+
+

{{ .Title }}

+ {{ .Content }} + +
+ {{ range .Pages.ByPublishDate.Reverse }} +
+ {{ $post := . }} + {{ with .Params.bild }} + {{ $src := . }} + {{ with $post.Resources.GetMatch $src }}{{ $src = .RelPermalink }}{{ end }} + + {{ with $post.Params.bild_alt }}{{ . }}{{ else }}{{ $post.Title }}{{ end }} + + {{ end }} +
+

{{ .PublishDate.Format "02.01.2006" }}

+

{{ .Title }}

+ {{ with .Params.description }}

{{ . }}

{{ end }} + Weiterlesen +
+
+ {{ end }} +
+ + {{ if not .Pages }} +

Aktuell sind keine Beiträge veröffentlicht. Schauen Sie bald wieder vorbei!

+ {{ end }} +
+
+{{ end }} diff --git a/layouts/blog/single.html b/layouts/blog/single.html new file mode 100644 index 0000000..4d9eb14 --- /dev/null +++ b/layouts/blog/single.html @@ -0,0 +1,18 @@ +{{ define "main" }} +
+
+

{{ .PublishDate.Format "02.01.2006" }}

+

{{ .Title }}

+ {{ with .Params.bild }} + {{ $src := . }} + {{ with $.Resources.GetMatch $src }}{{ $src = .RelPermalink }}{{ end }} +
+ {{ with $.Params.bild_alt }}{{ . }}{{ else }}{{ $.Title }}{{ end }} + {{ with $.Params.bild_quelle }}
Bildquelle: {{ . | safeHTML }}
{{ end }} +
+ {{ end }} + {{ .Content }} +

← Zurück zur Übersicht

+
+
+{{ end }} diff --git a/layouts/shortcodes/bild.html b/layouts/shortcodes/bild.html new file mode 100644 index 0000000..f1f189b --- /dev/null +++ b/layouts/shortcodes/bild.html @@ -0,0 +1,11 @@ +{{- $src := .Get "src" -}} +{{- $alt := .Get "alt" -}} +{{- $quelle := .Get "quelle" -}} +{{- /* Bild als Page-Resource aus dem Bundle auflösen; sonst src unverändert nutzen */ -}} +{{- with .Page.Resources.GetMatch $src }}{{ $src = .RelPermalink }}{{ end -}} +
+ {{ $alt }} + {{- with $quelle }} +
Bildquelle: {{ . | safeHTML }}
+ {{- end }} +
diff --git a/static/css/style.css b/static/css/style.css index 9e00a63..61060b1 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -257,9 +257,34 @@ img { max-width: 100%; height: auto; display: block; } .highlight-card h3 { margin-bottom: 0.5rem; font-size: 1.05rem; } .highlight-card p { color: var(--text-muted); font-size: 0.9rem; } +/* ===== Belegungsplan-Band (auffälliger Verweis auf der Startseite) ===== */ +.belegungsplan-band { + background: #c0392b; + padding: 1.6rem 0; + text-align: center; +} +.belegungsplan-band-btn { + background: #e67e22; + color: #fff; + border: none; + font-size: 1.15rem; + font-weight: 700; + padding: 0.9rem 2rem; + box-shadow: 0 2px 8px rgba(0,0,0,0.25); +} +.belegungsplan-band-btn:hover { + background: #d35400; + color: #fff; +} + /* ===== Belegungsplan (Übersicht ein-/ausblenden) ===== */ .belegungsplan-toggle { margin: 1rem 0 2.5rem; } -.belegungsplan-frame { margin-top: 1.5rem; } +.belegungsplan-frame { + margin-top: 1.5rem; + background: #fff; + padding: 1rem; + border-radius: var(--radius); +} .belegungsplan-frame[hidden] { display: none; } /* ===== FeWo Grid ===== */ @@ -281,6 +306,8 @@ img { max-width: 100%; height: auto; display: block; } .fewo-card-img { width: 100%; height: 200px; object-fit: cover; transition: opacity 0.2s; } .fewo-card-imglink:hover .fewo-card-img { opacity: 0.9; } .fewo-card-body { padding: 1.5rem; } +.fewo-card-actions { display: flex; gap: 0.5rem; flex-wrap: wrap; } +.fewo-card-actions .btn { margin-right: 0; } .fewo-card-body h2, .fewo-card-body h3 { margin-bottom: 0.5rem; font-size: 1.2rem; } .fewo-card-body h2 a, .fewo-card-body h3 a { color: var(--text); } .fewo-meta { @@ -311,10 +338,13 @@ img { max-width: 100%; height: auto; display: block; } /* ===== Karten-Grid (wiederverwendet für Umfeld + Ausstattung) ===== */ .spec-grid { display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); + grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; } -@media (max-width: 760px) { +@media (max-width: 980px) { + .spec-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } +} +@media (max-width: 560px) { .spec-grid { grid-template-columns: 1fr; } } .spec-block { @@ -337,7 +367,6 @@ img { max-width: 100%; height: auto; display: block; } /* ===== Ausstattung (einzelne Ferienwohnung) ===== */ .ausstattung { margin-top: 2rem; } .ausstattung h2 { margin: 1.5rem 0 1rem; font-size: 1.2rem; border-bottom: 1px solid var(--border); padding-bottom: 0.25rem; } -.ausstattung-hinweis { margin-top: 1.5rem; font-size: 0.95rem; color: var(--text-muted); } /* ===== Ausflugsziele-Gruppen ===== */ .ausflug-gruppe { margin-top: 3rem; } @@ -548,7 +577,7 @@ img { max-width: 100%; height: auto; display: block; } content: ""; position: absolute; inset: 0; - background: rgba(255,255,255,0.6); + background: transparent; } .zitat-box-inner { position: relative; @@ -610,3 +639,31 @@ img { max-width: 100%; height: auto; display: block; } /* ===== Main ===== */ .main { min-height: calc(100vh - var(--nav-height) - 200px); } + +/* ===== Blog ===== */ +.blog-grid { margin-top: 2rem; } +.blog-date { color: var(--muted, #777); font-size: 0.85rem; margin-bottom: 0.4rem; } +.container--narrow { max-width: 760px; } +.blog-hero-img { + width: 100%; + max-height: 420px; + object-fit: cover; + border-radius: var(--radius, 6px); +} +.blog-post h2 { margin-top: 2.5rem; } +.blog-back { margin-top: 2.5rem; } +.blog-figure { margin: 1rem 0 1.5rem; } +.blog-figure img { + width: 100%; + max-height: 380px; + object-fit: cover; + border-radius: var(--radius, 6px); +} +.blog-hero { margin: 0 0 2rem; } +.bild-quelle { + font-size: 0.78rem; + color: var(--muted, #777); + margin-top: 0.4rem; + line-height: 1.4; +} +.bild-quelle a { color: var(--muted, #777); text-decoration: underline; }