<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" sizes="32x32" href="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/themes/vbw-sonnenlicht/assets/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/themes/vbw-sonnenlicht/assets/images/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/themes/vbw-sonnenlicht/apple-touch-icon.png">
<title>Veranstaltungen Baden-Württemberg</title>
<meta name='robots' content='max-image-preview:large' />
<link rel='dns-prefetch' href='//cdn.tailwindcss.com' />
<link rel='dns-prefetch' href='//unpkg.com' />
<link rel='dns-prefetch' href='//fonts.bunny.net' />
<style id='wp-img-auto-sizes-contain-inline-css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id='wp-emoji-styles-inline-css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id='wp-block-library-inline-css'>
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=wp-block-library-inline-css */
</style>
<style id='classic-theme-styles-inline-css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel='stylesheet' id='cmplz-general-css' href='https://www.veranstaltung-baden-wuerttemberg.de/wp-content/plugins/complianz-gdpr/assets/css/cookieblocker.min.css?ver=1774984310' media='all' />
<link rel='stylesheet' id='vbw-fonts-css' href='https://fonts.bunny.net/css?family=Space+Grotesk:400,500,600,700|Inter:400,500,600,700&#038;display=swap' media='all' />
<link rel='stylesheet' id='vbw-sonnenlicht-css' href='https://www.veranstaltung-baden-wuerttemberg.de/wp-content/themes/vbw-sonnenlicht/assets/css/sonnenlicht.css?ver=1.0.0' media='all' />
<script src="https://cdn.tailwindcss.com" id="tailwind-cdn-js"></script>
<script id="tailwind-cdn-js-after">
tailwind.config = {
            theme: {
                extend: {
                    fontFamily: { display: ['Space Grotesk', 'sans-serif'], body: ['Inter', 'sans-serif'] },
                    colors: {
                        canvas: { DEFAULT: '#FAFAF8', raised: '#FFFFFF', subtle: '#F4F2EE', muted: '#EDE9E3' },
                        accent: { DEFAULT: '#E85D26', hover: '#D14E1A', light: '#FFF3ED', blue: '#2563EB', green: '#10B981', amber: '#F59E0B' },
                        txt: { primary: '#1A1A1A', secondary: '#4A4A4A', tertiary: '#8A8A8A' },
                        border: { light: '#E8E4DE', medium: '#D4CFC7' }
                    }
                }
            }
        }
    
//# sourceURL=tailwind-cdn-js-after
</script>
<link rel="https://api.w.org/" href="https://www.veranstaltung-baden-wuerttemberg.de/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.veranstaltung-baden-wuerttemberg.de/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.9.4" />
			<style>.cmplz-hidden {
					display: none !important;
				}</style></head>
<body class="home blog wp-theme-vbw-sonnenlicht min-h-screen bg-canvas font-body text-txt-secondary">

<!-- ==================== HEADER / NAV ==================== -->
<header id="main-nav" class="fixed top-0 left-0 right-0 z-50 glass-nav">
  <div class="max-w-[1280px] mx-auto px-4 lg:px-8">
    <div class="flex items-center justify-between h-16 lg:h-20">
      <!-- Logo -->
      <a href="https://www.veranstaltung-baden-wuerttemberg.de/" class="flex items-center gap-3">
        <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/themes/vbw-sonnenlicht/assets/images/logo-vbw.png" alt="VBW - Veranstaltungen Baden-Württemberg" class="h-10 w-auto">
        <div class="hidden sm:block">
          <div class="font-display font-bold text-txt-primary text-sm leading-tight">Veranstaltungen</div>
          <div class="font-display text-accent text-xs font-semibold">Baden-Württemberg</div>
        </div>
      </a>

      <!-- Desktop Nav -->
      <nav class="hidden lg:flex items-center gap-1">
        <div class="nav-item relative px-3 py-2 text-sm font-medium text-txt-secondary hover:text-accent cursor-pointer rounded-lg hover:bg-accent-light transition-colors">
          Veranstaltungen <i data-lucide="chevron-down" class="w-4 h-4 inline ml-1"></i>
          <div class="dropdown-menu">
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/aktiv-unterwegs/">Aktiv unterwegs</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/ausstellung/">Ausstellung</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/essen-und-trinken/">Essen und Trinken</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/fasnacht/">Fasnacht</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/feste/">Feste</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/konzerte/">Konzerte</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur/">Kultur</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur-fuer-kinder/">Kultur für Kinder</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/maerkte/">Märkte</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/messen/">Messen</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/museumsbahn/">Museumsbahn</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/oldtimertreffen/">Oldtimertreffen</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/ostermarkt/">Ostermarkt</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/sportveranstaltung/">Sportveranstaltung</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/tradition/">Tradition</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/weihnachtsmarkt/">Weihnachtsmarkt</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/weinfest/">Weinfest</a>
                      </div>
        </div>

        <div class="nav-item relative px-3 py-2 text-sm font-medium text-txt-secondary hover:text-accent cursor-pointer rounded-lg hover:bg-accent-light transition-colors">
          Ort/Region <i data-lucide="chevron-down" class="w-4 h-4 inline ml-1"></i>
          <div class="dropdown-menu">
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/bodensee/">Bodensee</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/heilbronner-land/">Heilbronner Land</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/hohenlohe-schwaebisch-hall/">Hohenlohe + Schwäbisch Hall</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/kraichgau-stromberg/">Kraichgau-Stromberg</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/kurpfalz/">Kurpfalz</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/liebliches-taubertal/">Liebliches Taubertal</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/oberschwaben/">Oberschwaben</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/odenwald/">Odenwald</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/region-stuttgart/">Region Stuttgart</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/schwaebische-alb/">Schwäbische Alb</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/schwarzwald/">Schwarzwald</a>
                        <div class="border-t border-border-light my-1"></div>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/stuttgart/">Stuttgart</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/freiburg/">Freiburg</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/heidelberg/">Heidelberg</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/karlsruhe/">Karlsruhe</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/mannheim/">Mannheim</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/tuebingen/">Tübingen</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/ulm/">Ulm</a>
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/ludwigsburg/">Ludwigsburg</a>
                      </div>
        </div>

        <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltungen-heute/" class="px-3 py-2 text-sm font-medium text-txt-secondary hover:text-accent rounded-lg hover:bg-accent-light transition-colors">Heute</a>

        <a href="https://www.veranstaltung-baden-wuerttemberg.de/?post_type=event" class="px-3 py-2 text-sm font-medium text-txt-secondary hover:text-accent rounded-lg hover:bg-accent-light transition-colors">
          <i data-lucide="search" class="w-4 h-4"></i>
        </a>
      </nav>

      <!-- Mobile Toggle -->
      <button id="mobile-toggle" class="lg:hidden p-2 rounded-lg hover:bg-canvas-subtle" aria-label="Menu">
        <i data-lucide="menu" class="w-6 h-6 text-txt-primary"></i>
      </button>
    </div>
  </div>

  <!-- Mobile Menu -->
  <div id="mobile-menu" class="hidden lg:hidden bg-canvas-raised border-t border-border-light max-h-[70vh] overflow-y-auto">
    <div class="max-w-[1280px] mx-auto px-4 py-3">
      <a href="https://www.veranstaltung-baden-wuerttemberg.de/" class="block py-2.5 text-sm font-medium text-txt-primary">Startseite</a>
      <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltungen-heute/" class="block py-2.5 text-sm font-medium text-accent">Heute</a>

      <div class="border-t border-border-light my-1"></div>

      <!-- Veranstaltungen Accordion -->
      <button class="mobile-accordion w-full flex items-center justify-between py-2.5 text-sm font-medium text-txt-primary">
        Veranstaltungen <i data-lucide="chevron-down" class="w-4 h-4 transition-transform"></i>
      </button>
      <div class="mobile-accordion-content hidden pl-4 pb-2 space-y-0.5">
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/aktiv-unterwegs/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Aktiv unterwegs</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/ausstellung/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Ausstellung</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/essen-und-trinken/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Essen und Trinken</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/fasnacht/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Fasnacht</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/feste/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Feste</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/konzerte/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Konzerte</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Kultur</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur-fuer-kinder/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Kultur für Kinder</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/maerkte/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Märkte</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/messen/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Messen</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/museumsbahn/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Museumsbahn</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/oldtimertreffen/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Oldtimertreffen</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/ostermarkt/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Ostermarkt</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/sportveranstaltung/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Sportveranstaltung</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/tradition/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Tradition</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/weihnachtsmarkt/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Weihnachtsmarkt</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/weinfest/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Weinfest</a>
              </div>

      <div class="border-t border-border-light my-1"></div>

      <!-- Ort/Region Accordion -->
      <button class="mobile-accordion w-full flex items-center justify-between py-2.5 text-sm font-medium text-txt-primary">
        Ort / Region <i data-lucide="chevron-down" class="w-4 h-4 transition-transform"></i>
      </button>
      <div class="mobile-accordion-content hidden pl-4 pb-2 space-y-0.5">
        <p class="text-xs font-semibold text-txt-secondary uppercase tracking-wider pt-1 pb-1">Regionen</p>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/bodensee/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Bodensee</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/heilbronner-land/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Heilbronner Land</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/hohenlohe-schwaebisch-hall/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Hohenlohe + Schwäbisch Hall</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/kraichgau-stromberg/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Kraichgau-Stromberg</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/kurpfalz/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Kurpfalz</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/liebliches-taubertal/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Liebliches Taubertal</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/oberschwaben/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Oberschwaben</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/odenwald/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Odenwald</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/region-stuttgart/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Region Stuttgart</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/schwaebische-alb/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Schwäbische Alb</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/schwarzwald/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Schwarzwald</a>
                <p class="text-xs font-semibold text-txt-secondary uppercase tracking-wider pt-2 pb-1">Top-Städte</p>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/stuttgart/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Stuttgart</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/freiburg/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Freiburg</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/heidelberg/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Heidelberg</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/karlsruhe/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Karlsruhe</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/mannheim/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Mannheim</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/tuebingen/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Tübingen</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/ulm/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Ulm</a>
                  <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/ludwigsburg/" class="block py-1.5 text-sm text-txt-secondary hover:text-accent">Ludwigsburg</a>
              </div>

      <div class="border-t border-border-light my-1"></div>
      <a href="https://www.veranstaltung-baden-wuerttemberg.de/?post_type=event" class="block py-2.5 text-sm font-medium text-txt-primary">Suche</a>
    </div>
  </div>
</header>

<main class="pt-16 lg:pt-20">

<!-- ==================== HERO ==================== -->
<section class="relative h-[500px] md:h-[600px] lg:h-[650px] overflow-hidden">
  <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/hero-startseite.webp" alt="Baden-Württemberg Landschaft" class="absolute inset-0 w-full h-full object-cover">
  <div class="absolute inset-0 bg-gradient-to-r from-black/70 via-black/40 to-transparent"></div>
  <div class="relative h-full flex items-center">
    <div class="max-w-[1280px] mx-auto px-4 lg:px-8 w-full">
      <div class="max-w-2xl">
        <h1 class="font-display text-4xl lg:text-6xl font-bold text-white mb-4 leading-tight drop-shadow-lg">
          Veranstaltungen in<br>Baden-Württemberg
        </h1>
        <p class="text-lg text-white/85 mb-8 max-w-lg drop-shadow">
          Entdecken Sie 36,630 Veranstaltungen — von Messen und Märkten bis zu Konzerten und Festen.
        </p>
        <div class="flex flex-wrap gap-3">
          <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltungen-heute/" class="btn-primary inline-flex items-center gap-2 bg-accent text-white px-6 py-3 rounded-full font-semibold text-sm hover:bg-accent-hover shadow-lg">
            <i data-lucide="calendar" class="w-4 h-4"></i> Heute
          </a>
          <a href="#suche" class="inline-flex items-center gap-2 bg-white/90 backdrop-blur-sm text-txt-primary px-6 py-3 rounded-full font-semibold text-sm border border-white/50 hover:bg-white hover:text-accent transition-colors shadow-lg">
            <i data-lucide="search" class="w-4 h-4"></i> Suche
          </a>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ==================== SUCHMASKE ==================== -->
<section id="suche" class="bg-white border-b border-border-light py-6">
  <div class="max-w-[1280px] mx-auto px-4 lg:px-8">
    <form action="https://www.veranstaltung-baden-wuerttemberg.de/" method="get" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-6 gap-3 items-end">
      <input type="hidden" name="post_type" value="event">
      <div>
        <label class="block text-xs font-semibold text-txt-tertiary uppercase tracking-wider mb-1">Kategorie</label>
        <select name="kategorie" class="w-full px-3 py-2.5 rounded-xl border border-border-medium bg-white text-sm">
          <option value="">Alle Kategorien</option>
                      <option value="aktiv-unterwegs">Aktiv unterwegs</option>
                      <option value="ausstellung">Ausstellung</option>
                      <option value="essen-und-trinken">Essen und Trinken</option>
                      <option value="fasnacht">Fasnacht</option>
                      <option value="feste">Feste</option>
                      <option value="konzerte">Konzerte</option>
                      <option value="kultur">Kultur</option>
                      <option value="kultur-fuer-kinder">Kultur für Kinder</option>
                      <option value="maerkte">Märkte</option>
                      <option value="messen">Messen</option>
                      <option value="museumsbahn">Museumsbahn</option>
                      <option value="oldtimertreffen">Oldtimertreffen</option>
                      <option value="ostermarkt">Ostermarkt</option>
                      <option value="sportveranstaltung">Sportveranstaltung</option>
                      <option value="tradition">Tradition</option>
                      <option value="weihnachtsmarkt">Weihnachtsmarkt</option>
                      <option value="weinfest">Weinfest</option>
                  </select>
      </div>
      <div>
        <label class="block text-xs font-semibold text-txt-tertiary uppercase tracking-wider mb-1">Ort</label>
        <input type="text" name="ort" placeholder="Ort eingeben..." class="w-full px-3 py-2.5 rounded-xl border border-border-medium bg-white text-sm">
      </div>
      <div>
        <label class="block text-xs font-semibold text-txt-tertiary uppercase tracking-wider mb-1">Region</label>
        <select name="region" class="w-full px-3 py-2.5 rounded-xl border border-border-medium bg-white text-sm">
          <option value="">Alle Regionen</option>
                      <option value="bodensee">Bodensee</option>
                      <option value="heilbronner-land">Heilbronner Land</option>
                      <option value="hohenlohe-schwaebisch-hall">Hohenlohe + Schwäbisch Hall</option>
                      <option value="kraichgau-stromberg">Kraichgau-Stromberg</option>
                      <option value="kurpfalz">Kurpfalz</option>
                      <option value="liebliches-taubertal">Liebliches Taubertal</option>
                      <option value="oberschwaben">Oberschwaben</option>
                      <option value="odenwald">Odenwald</option>
                      <option value="region-stuttgart">Region Stuttgart</option>
                      <option value="schwaebische-alb">Schwäbische Alb</option>
                      <option value="schwarzwald">Schwarzwald</option>
                  </select>
      </div>
      <div>
        <label class="block text-xs font-semibold text-txt-tertiary uppercase tracking-wider mb-1">Von</label>
        <input type="date" name="von" class="w-full px-3 py-2.5 rounded-xl border border-border-medium bg-white text-sm">
      </div>
      <div>
        <label class="block text-xs font-semibold text-txt-tertiary uppercase tracking-wider mb-1">Bis</label>
        <input type="date" name="bis" class="w-full px-3 py-2.5 rounded-xl border border-border-medium bg-white text-sm">
      </div>
      <div>
        <button type="submit" class="btn-primary w-full bg-accent text-white py-2.5 rounded-xl text-sm font-semibold hover:bg-accent-hover flex items-center justify-center gap-2">
          <i data-lucide="search" class="w-4 h-4"></i> Suchen
        </button>
      </div>
    </form>
  </div>
</section>

<!-- ==================== KATEGORIEN ==================== -->
<section class="py-10 bg-canvas">
  <div class="max-w-[1280px] mx-auto px-4 lg:px-8">
    <h2 class="font-display text-xl font-bold text-txt-primary mb-6">Kategorien</h2>
    <div class="flex flex-wrap justify-center gap-3">
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/aktiv-unterwegs/" class="group relative rounded-xl overflow-hidden border border-border-light hover:border-accent/30 hover:shadow-lg transition-all aspect-[3/2] w-[calc(50%-6px)] sm:w-[calc(33.333%-8px)] md:w-[calc(25%-9px)]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/kategorie-aktiv-unterwegs.webp" alt="Aktiv unterwegs" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Aktiv unterwegs</div>
                    <div class="text-xs text-white/80 mt-0.5">667 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/ausstellung/" class="group relative rounded-xl overflow-hidden border border-border-light hover:border-accent/30 hover:shadow-lg transition-all aspect-[3/2] w-[calc(50%-6px)] sm:w-[calc(33.333%-8px)] md:w-[calc(25%-9px)]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/kategorie-ausstellung.webp" alt="Ausstellung" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Ausstellung</div>
                    <div class="text-xs text-white/80 mt-0.5">765 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/essen-und-trinken/" class="group relative rounded-xl overflow-hidden border border-border-light hover:border-accent/30 hover:shadow-lg transition-all aspect-[3/2] w-[calc(50%-6px)] sm:w-[calc(33.333%-8px)] md:w-[calc(25%-9px)]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/kategorie-essen-und-trinken.webp" alt="Essen und Trinken" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Essen und Trinken</div>
                    <div class="text-xs text-white/80 mt-0.5">214 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/fasnacht/" class="group relative rounded-xl overflow-hidden border border-border-light hover:border-accent/30 hover:shadow-lg transition-all aspect-[3/2] w-[calc(50%-6px)] sm:w-[calc(33.333%-8px)] md:w-[calc(25%-9px)]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/kategorie-fasnacht.webp" alt="Fasnacht" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Fasnacht</div>
                    <div class="text-xs text-white/80 mt-0.5">44 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/feste/" class="group relative rounded-xl overflow-hidden border border-border-light hover:border-accent/30 hover:shadow-lg transition-all aspect-[3/2] w-[calc(50%-6px)] sm:w-[calc(33.333%-8px)] md:w-[calc(25%-9px)]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/kategorie-feste.webp" alt="Feste" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Feste</div>
                    <div class="text-xs text-white/80 mt-0.5">3378 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/konzerte/" class="group relative rounded-xl overflow-hidden border border-border-light hover:border-accent/30 hover:shadow-lg transition-all aspect-[3/2] w-[calc(50%-6px)] sm:w-[calc(33.333%-8px)] md:w-[calc(25%-9px)]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/kategorie-konzerte.webp" alt="Konzerte" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Konzerte</div>
                    <div class="text-xs text-white/80 mt-0.5">4349 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur/" class="group relative rounded-xl overflow-hidden border border-border-light hover:border-accent/30 hover:shadow-lg transition-all aspect-[3/2] w-[calc(50%-6px)] sm:w-[calc(33.333%-8px)] md:w-[calc(25%-9px)]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/kategorie-kultur.webp" alt="Kultur" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Kultur</div>
                    <div class="text-xs text-white/80 mt-0.5">10664 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur-fuer-kinder/" class="group relative rounded-xl overflow-hidden border border-border-light hover:border-accent/30 hover:shadow-lg transition-all aspect-[3/2] w-[calc(50%-6px)] sm:w-[calc(33.333%-8px)] md:w-[calc(25%-9px)]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/kategorie-kultur-fuer-kinder.webp" alt="Kultur für Kinder" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Kultur für Kinder</div>
                    <div class="text-xs text-white/80 mt-0.5">828 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/maerkte/" class="group relative rounded-xl overflow-hidden border border-border-light hover:border-accent/30 hover:shadow-lg transition-all aspect-[3/2] w-[calc(50%-6px)] sm:w-[calc(33.333%-8px)] md:w-[calc(25%-9px)]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/kategorie-maerkte.webp" alt="Märkte" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Märkte</div>
                    <div class="text-xs text-white/80 mt-0.5">175 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/messen/" class="group relative rounded-xl overflow-hidden border border-border-light hover:border-accent/30 hover:shadow-lg transition-all aspect-[3/2] w-[calc(50%-6px)] sm:w-[calc(33.333%-8px)] md:w-[calc(25%-9px)]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/kategorie-messen.webp" alt="Messen" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Messen</div>
                    <div class="text-xs text-white/80 mt-0.5">46 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/museumsbahn/" class="group relative rounded-xl overflow-hidden border border-border-light hover:border-accent/30 hover:shadow-lg transition-all aspect-[3/2] w-[calc(50%-6px)] sm:w-[calc(33.333%-8px)] md:w-[calc(25%-9px)]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/kategorie-museumsbahn.webp" alt="Museumsbahn" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Museumsbahn</div>
                    <div class="text-xs text-white/80 mt-0.5">34 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/oldtimertreffen/" class="group relative rounded-xl overflow-hidden border border-border-light hover:border-accent/30 hover:shadow-lg transition-all aspect-[3/2] w-[calc(50%-6px)] sm:w-[calc(33.333%-8px)] md:w-[calc(25%-9px)]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/kategorie-oldtimertreffen.webp" alt="Oldtimertreffen" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Oldtimertreffen</div>
                    <div class="text-xs text-white/80 mt-0.5">21 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/ostermarkt/" class="group relative rounded-xl overflow-hidden border border-border-light hover:border-accent/30 hover:shadow-lg transition-all aspect-[3/2] w-[calc(50%-6px)] sm:w-[calc(33.333%-8px)] md:w-[calc(25%-9px)]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/kategorie-ostermarkt.webp" alt="Ostermarkt" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Ostermarkt</div>
                    <div class="text-xs text-white/80 mt-0.5">19 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/sportveranstaltung/" class="group relative rounded-xl overflow-hidden border border-border-light hover:border-accent/30 hover:shadow-lg transition-all aspect-[3/2] w-[calc(50%-6px)] sm:w-[calc(33.333%-8px)] md:w-[calc(25%-9px)]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/kategorie-sportveranstaltung.webp" alt="Sportveranstaltung" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Sportveranstaltung</div>
                    <div class="text-xs text-white/80 mt-0.5">222 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/tradition/" class="group relative rounded-xl overflow-hidden border border-border-light hover:border-accent/30 hover:shadow-lg transition-all aspect-[3/2] w-[calc(50%-6px)] sm:w-[calc(33.333%-8px)] md:w-[calc(25%-9px)]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/kategorie-tradition.webp" alt="Tradition" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Tradition</div>
                    <div class="text-xs text-white/80 mt-0.5">128 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/weihnachtsmarkt/" class="group relative rounded-xl overflow-hidden border border-border-light hover:border-accent/30 hover:shadow-lg transition-all aspect-[3/2] w-[calc(50%-6px)] sm:w-[calc(33.333%-8px)] md:w-[calc(25%-9px)]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/kategorie-weihnachtsmarkt.webp" alt="Weihnachtsmarkt" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Weihnachtsmarkt</div>
                    <div class="text-xs text-white/80 mt-0.5">154 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/weinfest/" class="group relative rounded-xl overflow-hidden border border-border-light hover:border-accent/30 hover:shadow-lg transition-all aspect-[3/2] w-[calc(50%-6px)] sm:w-[calc(33.333%-8px)] md:w-[calc(25%-9px)]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/kategorie-weinfest.webp" alt="Weinfest" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Weinfest</div>
                    <div class="text-xs text-white/80 mt-0.5">122 Events</div>
                  </div>
      </a>
          </div>
  </div>
</section>

<!-- ==================== NAECHSTE EVENTS ==================== -->
<section class="py-10 bg-white">
  <div class="max-w-[1280px] mx-auto px-4 lg:px-8">
    <div class="flex items-center justify-between mb-6">
      <h2 class="font-display text-xl font-bold text-txt-primary">Nächste Veranstaltungen</h2>
      <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltungen-heute/" class="text-sm text-accent font-medium hover:underline">Alle heute &rarr;</a>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
      
<article class="event-card bg-canvas-raised rounded-2xl overflow-hidden shadow-sm border border-border-light card-hover">
    <!-- Bild -->
    <div class="relative h-48 bg-canvas-subtle overflow-hidden">
                    <img width="222" height="222" src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/beat_it-tickets-2025-1.webp" class="w-full h-full object-cover wp-post-image" alt="" decoding="async" srcset="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/beat_it-tickets-2025-1.webp 222w, https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/beat_it-tickets-2025-1-150x150.webp 150w, https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/beat_it-tickets-2025-1-200x200.webp 200w" sizes="(max-width: 222px) 100vw, 222px" />        
        <!-- Datum-Badge -->
                <div class="absolute top-3 left-3 bg-white rounded-xl px-3 py-1.5 shadow-sm text-center min-w-[52px]">
            <div class="text-lg font-bold text-txt-primary leading-none">08</div>
            <div class="text-[10px] font-semibold uppercase text-accent leading-tight">Apr</div>
        </div>
        
        <!-- Kategorie-Badge -->
                <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur/" class="absolute top-3 right-3 cat-badge text-white text-xs" style="background: #6366F1;">
            <i data-lucide="palette" class="w-3 h-3"></i>
            Kultur        </a>
            </div>

    <!-- Content -->
    <div class="p-4">
        <h3 class="font-display font-semibold text-txt-primary text-sm mb-1 line-clamp-2 leading-snug">
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/beat-it-die-erfolgsshow-ueber-den-king-of-pop-2/" class="hover:text-accent transition-colors">
                BEAT IT! – Die Erfolgsshow über den King of Pop!            </a>
        </h3>

        <div class="flex items-center gap-1 text-xs text-txt-tertiary mb-2">
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur/" class="hover:text-accent">Kultur</a>
                <span>|</span>
                                                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/offenburg/" class="hover:text-accent">
                        <i data-lucide="map-pin" class="w-3 h-3 inline"></i> Offenburg                    </a>
                                    </div>

                <div class="text-xs font-medium text-accent mb-2">
            <i data-lucide="calendar" class="w-3 h-3 inline"></i>
            08.04.2026, 20:00 Uhr        </div>
        
        
        <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/beat-it-die-erfolgsshow-ueber-den-king-of-pop-2/" class="btn-primary inline-flex items-center gap-1 bg-accent text-white px-4 py-2 rounded-full text-xs font-semibold hover:bg-accent-hover">
            Details <i data-lucide="arrow-right" class="w-3 h-3"></i>
        </a>
    </div>
</article>

<article class="event-card bg-canvas-raised rounded-2xl overflow-hidden shadow-sm border border-border-light card-hover">
    <!-- Bild -->
    <div class="relative h-48 bg-canvas-subtle overflow-hidden">
                    <img width="222" height="222" src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/stadtfuehrung-freiburg-2026-tickets_467013_3748868_222x222.webp" class="w-full h-full object-cover wp-post-image" alt="" decoding="async" srcset="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/stadtfuehrung-freiburg-2026-tickets_467013_3748868_222x222.webp 222w, https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/stadtfuehrung-freiburg-2026-tickets_467013_3748868_222x222-150x150.webp 150w, https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/stadtfuehrung-freiburg-2026-tickets_467013_3748868_222x222-200x200.webp 200w" sizes="(max-width: 222px) 100vw, 222px" />        
        <!-- Datum-Badge -->
                <div class="absolute top-3 left-3 bg-white rounded-xl px-3 py-1.5 shadow-sm text-center min-w-[52px]">
            <div class="text-lg font-bold text-txt-primary leading-none">08</div>
            <div class="text-[10px] font-semibold uppercase text-accent leading-tight">Apr</div>
        </div>
        
        <!-- Kategorie-Badge -->
                <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur/" class="absolute top-3 right-3 cat-badge text-white text-xs" style="background: #6366F1;">
            <i data-lucide="palette" class="w-3 h-3"></i>
            Kultur        </a>
            </div>

    <!-- Content -->
    <div class="p-4">
        <h3 class="font-display font-semibold text-txt-primary text-sm mb-1 line-clamp-2 leading-snug">
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/stadtfuehrung-freiburg-16/" class="hover:text-accent transition-colors">
                Stadtführung Freiburg            </a>
        </h3>

        <div class="flex items-center gap-1 text-xs text-txt-tertiary mb-2">
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur/" class="hover:text-accent">Kultur</a>
                <span>|</span>
                                                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/freiburg/" class="hover:text-accent">
                        <i data-lucide="map-pin" class="w-3 h-3 inline"></i> Freiburg                    </a>
                                    </div>

                <div class="text-xs font-medium text-accent mb-2">
            <i data-lucide="calendar" class="w-3 h-3 inline"></i>
            08.04.2026, 10:15 Uhr        </div>
        
        
        <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/stadtfuehrung-freiburg-16/" class="btn-primary inline-flex items-center gap-1 bg-accent text-white px-4 py-2 rounded-full text-xs font-semibold hover:bg-accent-hover">
            Details <i data-lucide="arrow-right" class="w-3 h-3"></i>
        </a>
    </div>
</article>

<article class="event-card bg-canvas-raised rounded-2xl overflow-hidden shadow-sm border border-border-light card-hover">
    <!-- Bild -->
    <div class="relative h-48 bg-canvas-subtle overflow-hidden">
                    <img width="222" height="222" src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/haevn-tickets-2025-1.webp" class="w-full h-full object-cover wp-post-image" alt="" decoding="async" srcset="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/haevn-tickets-2025-1.webp 222w, https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/haevn-tickets-2025-1-150x150.webp 150w, https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/haevn-tickets-2025-1-200x200.webp 200w" sizes="(max-width: 222px) 100vw, 222px" />        
        <!-- Datum-Badge -->
                <div class="absolute top-3 left-3 bg-white rounded-xl px-3 py-1.5 shadow-sm text-center min-w-[52px]">
            <div class="text-lg font-bold text-txt-primary leading-none">08</div>
            <div class="text-[10px] font-semibold uppercase text-accent leading-tight">Apr</div>
        </div>
        
        <!-- Kategorie-Badge -->
                <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/konzerte/" class="absolute top-3 right-3 cat-badge text-white text-xs" style="background: #7C3AED;">
            <i data-lucide="music" class="w-3 h-3"></i>
            Konzerte        </a>
            </div>

    <!-- Content -->
    <div class="p-4">
        <h3 class="font-display font-semibold text-txt-primary text-sm mb-1 line-clamp-2 leading-snug">
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/haevn-terra-nova-tour/" class="hover:text-accent transition-colors">
                HAEVN &#8211; Terra Nova Tour            </a>
        </h3>

        <div class="flex items-center gap-1 text-xs text-txt-tertiary mb-2">
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/konzerte/" class="hover:text-accent">Konzerte</a>
                <span>|</span>
                                                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/stuttgart/" class="hover:text-accent">
                        <i data-lucide="map-pin" class="w-3 h-3 inline"></i> Stuttgart                    </a>
                                    </div>

                <div class="text-xs font-medium text-accent mb-2">
            <i data-lucide="calendar" class="w-3 h-3 inline"></i>
            08.04.2026, 20:00 Uhr        </div>
        
        
        <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/haevn-terra-nova-tour/" class="btn-primary inline-flex items-center gap-1 bg-accent text-white px-4 py-2 rounded-full text-xs font-semibold hover:bg-accent-hover">
            Details <i data-lucide="arrow-right" class="w-3 h-3"></i>
        </a>
    </div>
</article>

<article class="event-card bg-canvas-raised rounded-2xl overflow-hidden shadow-sm border border-border-light card-hover">
    <!-- Bild -->
    <div class="relative h-48 bg-canvas-subtle overflow-hidden">
                    <img width="222" height="222" src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/die-eiskoenigin-tickets-2024.webp" class="w-full h-full object-cover wp-post-image" alt="" decoding="async" srcset="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/die-eiskoenigin-tickets-2024.webp 222w, https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/die-eiskoenigin-tickets-2024-150x150.webp 150w, https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/die-eiskoenigin-tickets-2024-200x200.webp 200w" sizes="(max-width: 222px) 100vw, 222px" />        
        <!-- Datum-Badge -->
                <div class="absolute top-3 left-3 bg-white rounded-xl px-3 py-1.5 shadow-sm text-center min-w-[52px]">
            <div class="text-lg font-bold text-txt-primary leading-none">08</div>
            <div class="text-[10px] font-semibold uppercase text-accent leading-tight">Apr</div>
        </div>
        
        <!-- Kategorie-Badge -->
                <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur/" class="absolute top-3 right-3 cat-badge text-white text-xs" style="background: #6366F1;">
            <i data-lucide="palette" class="w-3 h-3"></i>
            Kultur        </a>
            </div>

    <!-- Content -->
    <div class="p-4">
        <h3 class="font-display font-semibold text-txt-primary text-sm mb-1 line-clamp-2 leading-snug">
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/disneys-die-eiskoenigin-das-musical-13/" class="hover:text-accent transition-colors">
                Disneys DIE EISKÖNIGIN &#8211; Das Musical            </a>
        </h3>

        <div class="flex items-center gap-1 text-xs text-txt-tertiary mb-2">
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur/" class="hover:text-accent">Kultur</a>
                <span>|</span>
                                                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/stuttgart/" class="hover:text-accent">
                        <i data-lucide="map-pin" class="w-3 h-3 inline"></i> Stuttgart                    </a>
                                    </div>

                <div class="text-xs font-medium text-accent mb-2">
            <i data-lucide="calendar" class="w-3 h-3 inline"></i>
            08.04.2026, 18:30 Uhr        </div>
        
        
        <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/disneys-die-eiskoenigin-das-musical-13/" class="btn-primary inline-flex items-center gap-1 bg-accent text-white px-4 py-2 rounded-full text-xs font-semibold hover:bg-accent-hover">
            Details <i data-lucide="arrow-right" class="w-3 h-3"></i>
        </a>
    </div>
</article>

<article class="event-card bg-canvas-raised rounded-2xl overflow-hidden shadow-sm border border-border-light card-hover">
    <!-- Bild -->
    <div class="relative h-48 bg-canvas-subtle overflow-hidden">
                    <img width="222" height="222" src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/sixx-paxx-temptation-tickets-2025-1.webp" class="w-full h-full object-cover wp-post-image" alt="" decoding="async" srcset="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/sixx-paxx-temptation-tickets-2025-1.webp 222w, https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/sixx-paxx-temptation-tickets-2025-1-150x150.webp 150w, https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/sixx-paxx-temptation-tickets-2025-1-200x200.webp 200w" sizes="(max-width: 222px) 100vw, 222px" />        
        <!-- Datum-Badge -->
                <div class="absolute top-3 left-3 bg-white rounded-xl px-3 py-1.5 shadow-sm text-center min-w-[52px]">
            <div class="text-lg font-bold text-txt-primary leading-none">08</div>
            <div class="text-[10px] font-semibold uppercase text-accent leading-tight">Apr</div>
        </div>
        
        <!-- Kategorie-Badge -->
                <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur/" class="absolute top-3 right-3 cat-badge text-white text-xs" style="background: #6366F1;">
            <i data-lucide="palette" class="w-3 h-3"></i>
            Kultur        </a>
            </div>

    <!-- Content -->
    <div class="p-4">
        <h3 class="font-display font-semibold text-txt-primary text-sm mb-1 line-clamp-2 leading-snug">
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/sixx-paxx-temptation-tour-25-26-3/" class="hover:text-accent transition-colors">
                SIXX PAXX &#8211; Temptation Tour 25/26            </a>
        </h3>

        <div class="flex items-center gap-1 text-xs text-txt-tertiary mb-2">
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur/" class="hover:text-accent">Kultur</a>
                <span>|</span>
                                                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/ravensburg/" class="hover:text-accent">
                        <i data-lucide="map-pin" class="w-3 h-3 inline"></i> Ravensburg                    </a>
                                    </div>

                <div class="text-xs font-medium text-accent mb-2">
            <i data-lucide="calendar" class="w-3 h-3 inline"></i>
            08.04.2026, 20:00 Uhr        </div>
        
        
        <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/sixx-paxx-temptation-tour-25-26-3/" class="btn-primary inline-flex items-center gap-1 bg-accent text-white px-4 py-2 rounded-full text-xs font-semibold hover:bg-accent-hover">
            Details <i data-lucide="arrow-right" class="w-3 h-3"></i>
        </a>
    </div>
</article>

<article class="event-card bg-canvas-raised rounded-2xl overflow-hidden shadow-sm border border-border-light card-hover">
    <!-- Bild -->
    <div class="relative h-48 bg-canvas-subtle overflow-hidden">
                    <img width="222" height="222" src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/we-will-rock-you-das-musical-tickets-2025.webp" class="w-full h-full object-cover wp-post-image" alt="" decoding="async" srcset="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/we-will-rock-you-das-musical-tickets-2025.webp 222w, https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/we-will-rock-you-das-musical-tickets-2025-150x150.webp 150w, https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/we-will-rock-you-das-musical-tickets-2025-200x200.webp 200w" sizes="(max-width: 222px) 100vw, 222px" />        
        <!-- Datum-Badge -->
                <div class="absolute top-3 left-3 bg-white rounded-xl px-3 py-1.5 shadow-sm text-center min-w-[52px]">
            <div class="text-lg font-bold text-txt-primary leading-none">08</div>
            <div class="text-[10px] font-semibold uppercase text-accent leading-tight">Apr</div>
        </div>
        
        <!-- Kategorie-Badge -->
                <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur/" class="absolute top-3 right-3 cat-badge text-white text-xs" style="background: #6366F1;">
            <i data-lucide="palette" class="w-3 h-3"></i>
            Kultur        </a>
            </div>

    <!-- Content -->
    <div class="p-4">
        <h3 class="font-display font-semibold text-txt-primary text-sm mb-1 line-clamp-2 leading-snug">
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/we-will-rock-you-das-musical-14/" class="hover:text-accent transition-colors">
                We Will Rock You &#8211; Das Musical            </a>
        </h3>

        <div class="flex items-center gap-1 text-xs text-txt-tertiary mb-2">
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur/" class="hover:text-accent">Kultur</a>
                <span>|</span>
                                                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/stuttgart/" class="hover:text-accent">
                        <i data-lucide="map-pin" class="w-3 h-3 inline"></i> Stuttgart                    </a>
                                    </div>

                <div class="text-xs font-medium text-accent mb-2">
            <i data-lucide="calendar" class="w-3 h-3 inline"></i>
            08.04.2026, 18:30 Uhr        </div>
        
        
        <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/we-will-rock-you-das-musical-14/" class="btn-primary inline-flex items-center gap-1 bg-accent text-white px-4 py-2 rounded-full text-xs font-semibold hover:bg-accent-hover">
            Details <i data-lucide="arrow-right" class="w-3 h-3"></i>
        </a>
    </div>
</article>

<article class="event-card bg-canvas-raised rounded-2xl overflow-hidden shadow-sm border border-border-light card-hover">
    <!-- Bild -->
    <div class="relative h-48 bg-canvas-subtle overflow-hidden">
                    <img width="222" height="222" src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/ostercircus-bietigheim-tickets_359373_3055406_222x222.webp" class="w-full h-full object-cover wp-post-image" alt="" decoding="async" srcset="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/ostercircus-bietigheim-tickets_359373_3055406_222x222.webp 222w, https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/ostercircus-bietigheim-tickets_359373_3055406_222x222-150x150.webp 150w, https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/ostercircus-bietigheim-tickets_359373_3055406_222x222-200x200.webp 200w" sizes="(max-width: 222px) 100vw, 222px" />        
        <!-- Datum-Badge -->
                <div class="absolute top-3 left-3 bg-white rounded-xl px-3 py-1.5 shadow-sm text-center min-w-[52px]">
            <div class="text-lg font-bold text-txt-primary leading-none">08</div>
            <div class="text-[10px] font-semibold uppercase text-accent leading-tight">Apr</div>
        </div>
        
        <!-- Kategorie-Badge -->
                <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur-fuer-kinder/" class="absolute top-3 right-3 cat-badge text-white text-xs" style="background: #A855F7;">
            <i data-lucide="baby" class="w-3 h-3"></i>
            Kultur für Kinder        </a>
            </div>

    <!-- Content -->
    <div class="p-4">
        <h3 class="font-display font-semibold text-txt-primary text-sm mb-1 line-clamp-2 leading-snug">
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/ostercircus-bietigheim-31/" class="hover:text-accent transition-colors">
                Ostercircus Bietigheim            </a>
        </h3>

        <div class="flex items-center gap-1 text-xs text-txt-tertiary mb-2">
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur-fuer-kinder/" class="hover:text-accent">Kultur für Kinder</a>
                <span>|</span>
                                                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/bietigheim-bissingen/" class="hover:text-accent">
                        <i data-lucide="map-pin" class="w-3 h-3 inline"></i> Bietigheim-Bissingen                    </a>
                                    </div>

                <div class="text-xs font-medium text-accent mb-2">
            <i data-lucide="calendar" class="w-3 h-3 inline"></i>
            08.04.2026, 11:00 Uhr        </div>
        
        
        <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/ostercircus-bietigheim-31/" class="btn-primary inline-flex items-center gap-1 bg-accent text-white px-4 py-2 rounded-full text-xs font-semibold hover:bg-accent-hover">
            Details <i data-lucide="arrow-right" class="w-3 h-3"></i>
        </a>
    </div>
</article>

<article class="event-card bg-canvas-raised rounded-2xl overflow-hidden shadow-sm border border-border-light card-hover">
    <!-- Bild -->
    <div class="relative h-48 bg-canvas-subtle overflow-hidden">
                    <img width="222" height="222" src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/ostercircus-bietigheim-tickets_359373_3055406_222x222.webp" class="w-full h-full object-cover wp-post-image" alt="" decoding="async" srcset="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/ostercircus-bietigheim-tickets_359373_3055406_222x222.webp 222w, https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/ostercircus-bietigheim-tickets_359373_3055406_222x222-150x150.webp 150w, https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/ostercircus-bietigheim-tickets_359373_3055406_222x222-200x200.webp 200w" sizes="(max-width: 222px) 100vw, 222px" />        
        <!-- Datum-Badge -->
                <div class="absolute top-3 left-3 bg-white rounded-xl px-3 py-1.5 shadow-sm text-center min-w-[52px]">
            <div class="text-lg font-bold text-txt-primary leading-none">08</div>
            <div class="text-[10px] font-semibold uppercase text-accent leading-tight">Apr</div>
        </div>
        
        <!-- Kategorie-Badge -->
                <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur-fuer-kinder/" class="absolute top-3 right-3 cat-badge text-white text-xs" style="background: #A855F7;">
            <i data-lucide="baby" class="w-3 h-3"></i>
            Kultur für Kinder        </a>
            </div>

    <!-- Content -->
    <div class="p-4">
        <h3 class="font-display font-semibold text-txt-primary text-sm mb-1 line-clamp-2 leading-snug">
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/ostercircus-bietigheim-32/" class="hover:text-accent transition-colors">
                Ostercircus Bietigheim            </a>
        </h3>

        <div class="flex items-center gap-1 text-xs text-txt-tertiary mb-2">
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur-fuer-kinder/" class="hover:text-accent">Kultur für Kinder</a>
                <span>|</span>
                                                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/bietigheim-bissingen/" class="hover:text-accent">
                        <i data-lucide="map-pin" class="w-3 h-3 inline"></i> Bietigheim-Bissingen                    </a>
                                    </div>

                <div class="text-xs font-medium text-accent mb-2">
            <i data-lucide="calendar" class="w-3 h-3 inline"></i>
            08.04.2026, 15:00 Uhr        </div>
        
        
        <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/ostercircus-bietigheim-32/" class="btn-primary inline-flex items-center gap-1 bg-accent text-white px-4 py-2 rounded-full text-xs font-semibold hover:bg-accent-hover">
            Details <i data-lucide="arrow-right" class="w-3 h-3"></i>
        </a>
    </div>
</article>

<article class="event-card bg-canvas-raised rounded-2xl overflow-hidden shadow-sm border border-border-light card-hover">
    <!-- Bild -->
    <div class="relative h-48 bg-canvas-subtle overflow-hidden">
                    <img width="222" height="222" src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/ostercircus-bietigheim-tickets_359373_3055406_222x222.webp" class="w-full h-full object-cover wp-post-image" alt="" decoding="async" srcset="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/ostercircus-bietigheim-tickets_359373_3055406_222x222.webp 222w, https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/ostercircus-bietigheim-tickets_359373_3055406_222x222-150x150.webp 150w, https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/04/ostercircus-bietigheim-tickets_359373_3055406_222x222-200x200.webp 200w" sizes="(max-width: 222px) 100vw, 222px" />        
        <!-- Datum-Badge -->
                <div class="absolute top-3 left-3 bg-white rounded-xl px-3 py-1.5 shadow-sm text-center min-w-[52px]">
            <div class="text-lg font-bold text-txt-primary leading-none">08</div>
            <div class="text-[10px] font-semibold uppercase text-accent leading-tight">Apr</div>
        </div>
        
        <!-- Kategorie-Badge -->
                <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur-fuer-kinder/" class="absolute top-3 right-3 cat-badge text-white text-xs" style="background: #A855F7;">
            <i data-lucide="baby" class="w-3 h-3"></i>
            Kultur für Kinder        </a>
            </div>

    <!-- Content -->
    <div class="p-4">
        <h3 class="font-display font-semibold text-txt-primary text-sm mb-1 line-clamp-2 leading-snug">
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/ostercircus-bietigheim-33/" class="hover:text-accent transition-colors">
                Ostercircus Bietigheim            </a>
        </h3>

        <div class="flex items-center gap-1 text-xs text-txt-tertiary mb-2">
                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur-fuer-kinder/" class="hover:text-accent">Kultur für Kinder</a>
                <span>|</span>
                                                            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/bietigheim-bissingen/" class="hover:text-accent">
                        <i data-lucide="map-pin" class="w-3 h-3 inline"></i> Bietigheim-Bissingen                    </a>
                                    </div>

                <div class="text-xs font-medium text-accent mb-2">
            <i data-lucide="calendar" class="w-3 h-3 inline"></i>
            08.04.2026, 17:00 Uhr        </div>
        
        
        <a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/ostercircus-bietigheim-33/" class="btn-primary inline-flex items-center gap-1 bg-accent text-white px-4 py-2 rounded-full text-xs font-semibold hover:bg-accent-hover">
            Details <i data-lucide="arrow-right" class="w-3 h-3"></i>
        </a>
    </div>
</article>
    </div>
  </div>
</section>

<!-- ==================== AD SLOT ==================== -->
<div class="max-w-[1280px] mx-auto px-4 lg:px-8 py-6">
  <div class="ad-slot">
    <div class="bg-canvas-muted rounded-lg h-[90px] flex items-center justify-center text-txt-tertiary text-sm">728 x 90 — Premium-Werbeplatz</div>
  </div>
</div>

<!-- ==================== REGIONEN ==================== -->
<section class="py-10 bg-canvas">
  <div class="max-w-[1280px] mx-auto px-4 lg:px-8">
    <h2 class="font-display text-xl font-bold text-txt-primary mb-6">Regionen</h2>
    <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4">
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/bodensee/" class="group bg-white rounded-xl p-5 border border-border-light hover:border-accent/30 hover:shadow-md transition-all">
        <div class="flex items-center gap-3">
          <div class="w-10 h-10 rounded-lg bg-accent/10 flex items-center justify-center flex-shrink-0">
            <i data-lucide="mountain" class="w-5 h-5 text-accent"></i>
          </div>
          <div>
            <div class="font-display font-semibold text-sm text-txt-primary group-hover:text-accent transition-colors">Bodensee</div>
                        <div class="text-xs text-txt-tertiary">192 Events</div>
                      </div>
        </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/heilbronner-land/" class="group bg-white rounded-xl p-5 border border-border-light hover:border-accent/30 hover:shadow-md transition-all">
        <div class="flex items-center gap-3">
          <div class="w-10 h-10 rounded-lg bg-accent/10 flex items-center justify-center flex-shrink-0">
            <i data-lucide="mountain" class="w-5 h-5 text-accent"></i>
          </div>
          <div>
            <div class="font-display font-semibold text-sm text-txt-primary group-hover:text-accent transition-colors">Heilbronner Land</div>
                        <div class="text-xs text-txt-tertiary">207 Events</div>
                      </div>
        </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/hohenlohe-schwaebisch-hall/" class="group bg-white rounded-xl p-5 border border-border-light hover:border-accent/30 hover:shadow-md transition-all">
        <div class="flex items-center gap-3">
          <div class="w-10 h-10 rounded-lg bg-accent/10 flex items-center justify-center flex-shrink-0">
            <i data-lucide="mountain" class="w-5 h-5 text-accent"></i>
          </div>
          <div>
            <div class="font-display font-semibold text-sm text-txt-primary group-hover:text-accent transition-colors">Hohenlohe + Schwäbisch Hall</div>
                        <div class="text-xs text-txt-tertiary">187 Events</div>
                      </div>
        </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/kraichgau-stromberg/" class="group bg-white rounded-xl p-5 border border-border-light hover:border-accent/30 hover:shadow-md transition-all">
        <div class="flex items-center gap-3">
          <div class="w-10 h-10 rounded-lg bg-accent/10 flex items-center justify-center flex-shrink-0">
            <i data-lucide="mountain" class="w-5 h-5 text-accent"></i>
          </div>
          <div>
            <div class="font-display font-semibold text-sm text-txt-primary group-hover:text-accent transition-colors">Kraichgau-Stromberg</div>
                        <div class="text-xs text-txt-tertiary">91 Events</div>
                      </div>
        </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/kurpfalz/" class="group bg-white rounded-xl p-5 border border-border-light hover:border-accent/30 hover:shadow-md transition-all">
        <div class="flex items-center gap-3">
          <div class="w-10 h-10 rounded-lg bg-accent/10 flex items-center justify-center flex-shrink-0">
            <i data-lucide="mountain" class="w-5 h-5 text-accent"></i>
          </div>
          <div>
            <div class="font-display font-semibold text-sm text-txt-primary group-hover:text-accent transition-colors">Kurpfalz</div>
                        <div class="text-xs text-txt-tertiary">29 Events</div>
                      </div>
        </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/liebliches-taubertal/" class="group bg-white rounded-xl p-5 border border-border-light hover:border-accent/30 hover:shadow-md transition-all">
        <div class="flex items-center gap-3">
          <div class="w-10 h-10 rounded-lg bg-accent/10 flex items-center justify-center flex-shrink-0">
            <i data-lucide="mountain" class="w-5 h-5 text-accent"></i>
          </div>
          <div>
            <div class="font-display font-semibold text-sm text-txt-primary group-hover:text-accent transition-colors">Liebliches Taubertal</div>
                        <div class="text-xs text-txt-tertiary">204 Events</div>
                      </div>
        </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/oberschwaben/" class="group bg-white rounded-xl p-5 border border-border-light hover:border-accent/30 hover:shadow-md transition-all">
        <div class="flex items-center gap-3">
          <div class="w-10 h-10 rounded-lg bg-accent/10 flex items-center justify-center flex-shrink-0">
            <i data-lucide="mountain" class="w-5 h-5 text-accent"></i>
          </div>
          <div>
            <div class="font-display font-semibold text-sm text-txt-primary group-hover:text-accent transition-colors">Oberschwaben</div>
                        <div class="text-xs text-txt-tertiary">183 Events</div>
                      </div>
        </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/odenwald/" class="group bg-white rounded-xl p-5 border border-border-light hover:border-accent/30 hover:shadow-md transition-all">
        <div class="flex items-center gap-3">
          <div class="w-10 h-10 rounded-lg bg-accent/10 flex items-center justify-center flex-shrink-0">
            <i data-lucide="mountain" class="w-5 h-5 text-accent"></i>
          </div>
          <div>
            <div class="font-display font-semibold text-sm text-txt-primary group-hover:text-accent transition-colors">Odenwald</div>
                        <div class="text-xs text-txt-tertiary">100 Events</div>
                      </div>
        </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/region-stuttgart/" class="group bg-white rounded-xl p-5 border border-border-light hover:border-accent/30 hover:shadow-md transition-all">
        <div class="flex items-center gap-3">
          <div class="w-10 h-10 rounded-lg bg-accent/10 flex items-center justify-center flex-shrink-0">
            <i data-lucide="mountain" class="w-5 h-5 text-accent"></i>
          </div>
          <div>
            <div class="font-display font-semibold text-sm text-txt-primary group-hover:text-accent transition-colors">Region Stuttgart</div>
                        <div class="text-xs text-txt-tertiary">85 Events</div>
                      </div>
        </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/schwaebische-alb/" class="group bg-white rounded-xl p-5 border border-border-light hover:border-accent/30 hover:shadow-md transition-all">
        <div class="flex items-center gap-3">
          <div class="w-10 h-10 rounded-lg bg-accent/10 flex items-center justify-center flex-shrink-0">
            <i data-lucide="mountain" class="w-5 h-5 text-accent"></i>
          </div>
          <div>
            <div class="font-display font-semibold text-sm text-txt-primary group-hover:text-accent transition-colors">Schwäbische Alb</div>
                        <div class="text-xs text-txt-tertiary">468 Events</div>
                      </div>
        </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/region/schwarzwald/" class="group bg-white rounded-xl p-5 border border-border-light hover:border-accent/30 hover:shadow-md transition-all">
        <div class="flex items-center gap-3">
          <div class="w-10 h-10 rounded-lg bg-accent/10 flex items-center justify-center flex-shrink-0">
            <i data-lucide="mountain" class="w-5 h-5 text-accent"></i>
          </div>
          <div>
            <div class="font-display font-semibold text-sm text-txt-primary group-hover:text-accent transition-colors">Schwarzwald</div>
                        <div class="text-xs text-txt-tertiary">543 Events</div>
                      </div>
        </div>
      </a>
          </div>
  </div>
</section>

<!-- ==================== STAEDTE ==================== -->
<section class="py-10 bg-white">
  <div class="max-w-[1280px] mx-auto px-4 lg:px-8">
    <h2 class="font-display text-xl font-bold text-txt-primary mb-6">Beliebte Städte</h2>
    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3">
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/stuttgart/" class="group relative rounded-xl overflow-hidden hover:shadow-lg transition-all aspect-[4/3]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/stadt-stuttgart.webp" alt="Stuttgart" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Stuttgart</div>
                    <div class="text-xs text-white/80 mt-0.5">2281 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/freiburg/" class="group relative rounded-xl overflow-hidden hover:shadow-lg transition-all aspect-[4/3]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/stadt-freiburg.webp" alt="Freiburg" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Freiburg</div>
                    <div class="text-xs text-white/80 mt-0.5">26 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/heidelberg/" class="group relative rounded-xl overflow-hidden hover:shadow-lg transition-all aspect-[4/3]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/stadt-heidelberg.webp" alt="Heidelberg" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Heidelberg</div>
                    <div class="text-xs text-white/80 mt-0.5">869 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/karlsruhe/" class="group relative rounded-xl overflow-hidden hover:shadow-lg transition-all aspect-[4/3]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/stadt-karlsruhe.webp" alt="Karlsruhe" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Karlsruhe</div>
                    <div class="text-xs text-white/80 mt-0.5">1224 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/mannheim/" class="group relative rounded-xl overflow-hidden hover:shadow-lg transition-all aspect-[4/3]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/stadt-mannheim.webp" alt="Mannheim" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Mannheim</div>
                    <div class="text-xs text-white/80 mt-0.5">808 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/ludwigsburg/" class="group relative rounded-xl overflow-hidden hover:shadow-lg transition-all aspect-[4/3]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/stadt-ludwigsburg.webp" alt="Ludwigsburg" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Ludwigsburg</div>
                    <div class="text-xs text-white/80 mt-0.5">201 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/tuebingen/" class="group relative rounded-xl overflow-hidden hover:shadow-lg transition-all aspect-[4/3]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/stadt-tuebingen.webp" alt="Tübingen" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Tübingen</div>
                    <div class="text-xs text-white/80 mt-0.5">189 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/ulm/" class="group relative rounded-xl overflow-hidden hover:shadow-lg transition-all aspect-[4/3]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/stadt-ulm.webp" alt="Ulm" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Ulm</div>
                    <div class="text-xs text-white/80 mt-0.5">23 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/konstanz/" class="group relative rounded-xl overflow-hidden hover:shadow-lg transition-all aspect-[4/3]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/stadt-konstanz.webp" alt="Konstanz" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Konstanz</div>
                    <div class="text-xs text-white/80 mt-0.5">212 Events</div>
                  </div>
      </a>
            <a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/pforzheim/" class="group relative rounded-xl overflow-hidden hover:shadow-lg transition-all aspect-[4/3]">
                <img src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/uploads/2026/03/stadt-pforzheim.webp" alt="Pforzheim" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
        <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-3 text-center">
          <div class="font-display font-semibold text-sm text-white drop-shadow-md">Pforzheim</div>
                    <div class="text-xs text-white/80 mt-0.5">84 Events</div>
                  </div>
      </a>
          </div>
  </div>
</section>

<!-- ==================== NEWSLETTER ==================== -->
<section class="py-10 bg-accent-light">
  <div class="max-w-[1280px] mx-auto px-4 lg:px-8 text-center">
    <h2 class="font-display text-xl font-bold text-txt-primary mb-3">Keine Veranstaltung verpassen!</h2>
    <p class="text-sm text-txt-secondary mb-6 max-w-md mx-auto">Melden Sie sich für unseren Newsletter an und erhalten Sie regelmäßig die besten Events direkt in Ihr Postfach.</p>
    <div class="flex flex-col sm:flex-row gap-3 max-w-md mx-auto">
      <input type="email" placeholder="Ihre E-Mail-Adresse" class="flex-1 px-4 py-3 rounded-xl border border-border-medium bg-white text-sm focus:outline-none focus:ring-2 focus:ring-accent/20">
      <button class="btn-primary bg-accent text-white px-6 py-3 rounded-xl text-sm font-semibold hover:bg-accent-hover">Anmelden</button>
    </div>
  </div>
</section>

<!-- ==================== SEO TEXT ==================== -->
<section class="py-10 bg-canvas">
  <div class="max-w-[1280px] mx-auto px-4 lg:px-8">
    <div class="max-w-3xl">
      <h2 class="font-display text-lg font-semibold text-txt-primary mb-3">Veranstaltungen in Baden-Württemberg entdecken</h2>
      <div class="text-sm text-txt-secondary leading-relaxed space-y-3">
        <p>Baden-Württemberg bietet das ganze Jahr über ein vielfältiges Programm an Veranstaltungen. Von Weihnachtsmärkten und Frühlingsmessen über Weinfeste und Open-Air-Konzerte bis hin zu Sportevents und kulturellen Highlights — hier finden Sie alle aktuellen Termine auf einen Blick.</p>
        <p>Unsere umfangreiche Datenbank umfasst Veranstaltungen in allen 11 Regionen des Bundeslandes: Schwarzwald, Bodensee, Schwäbische Alb, Region Stuttgart, Kurpfalz und viele mehr. Nutzen Sie unsere Suchfunktion, um Events in Ihrer Nähe zu finden.</p>
      </div>
    </div>
  </div>
</section>

</main>

<!-- ==================== FOOTER ==================== -->
<footer class="bg-txt-primary text-white py-12 mt-16">
  <div class="max-w-[1280px] mx-auto px-4 lg:px-8">
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-8">

      <!-- Staedte -->
      <div>
        <h4 class="font-display font-semibold text-sm mb-4 text-white/80 uppercase tracking-wider">Veranstaltungsorte</h4>
        <ul class="space-y-2 text-sm text-white/60">
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/stuttgart/" class="hover:text-white transition-colors">Stuttgart</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/freiburg/" class="hover:text-white transition-colors">Freiburg</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/heidelberg/" class="hover:text-white transition-colors">Heidelberg</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/karlsruhe/" class="hover:text-white transition-colors">Karlsruhe</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/mannheim/" class="hover:text-white transition-colors">Mannheim</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/ludwigsburg/" class="hover:text-white transition-colors">Ludwigsburg</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/tuebingen/" class="hover:text-white transition-colors">Tübingen</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/stadt/ulm/" class="hover:text-white transition-colors">Ulm</a></li>
                  </ul>
      </div>

      <!-- Kategorien -->
      <div>
        <h4 class="font-display font-semibold text-sm mb-4 text-white/80 uppercase tracking-wider">Kategorien</h4>
        <ul class="space-y-2 text-sm text-white/60">
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/aktiv-unterwegs/" class="hover:text-white transition-colors">Aktiv unterwegs</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/ausstellung/" class="hover:text-white transition-colors">Ausstellung</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/essen-und-trinken/" class="hover:text-white transition-colors">Essen und Trinken</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/fasnacht/" class="hover:text-white transition-colors">Fasnacht</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/feste/" class="hover:text-white transition-colors">Feste</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/konzerte/" class="hover:text-white transition-colors">Konzerte</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur/" class="hover:text-white transition-colors">Kultur</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/kategorie/kultur-fuer-kinder/" class="hover:text-white transition-colors">Kultur für Kinder</a></li>
                  </ul>
      </div>

      <!-- Regionen -->
      <div>
        <h4 class="font-display font-semibold text-sm mb-4 text-white/80 uppercase tracking-wider">Regionen</h4>
        <ul class="space-y-2 text-sm text-white/60">
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/region/bodensee/" class="hover:text-white transition-colors">Bodensee</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/region/heilbronner-land/" class="hover:text-white transition-colors">Heilbronner Land</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/region/hohenlohe-schwaebisch-hall/" class="hover:text-white transition-colors">Hohenlohe + Schwäbisch Hall</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/region/kraichgau-stromberg/" class="hover:text-white transition-colors">Kraichgau-Stromberg</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/region/kurpfalz/" class="hover:text-white transition-colors">Kurpfalz</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/region/liebliches-taubertal/" class="hover:text-white transition-colors">Liebliches Taubertal</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/region/oberschwaben/" class="hover:text-white transition-colors">Oberschwaben</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/region/odenwald/" class="hover:text-white transition-colors">Odenwald</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/region/region-stuttgart/" class="hover:text-white transition-colors">Region Stuttgart</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/region/schwaebische-alb/" class="hover:text-white transition-colors">Schwäbische Alb</a></li>
                        <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/region/schwarzwald/" class="hover:text-white transition-colors">Schwarzwald</a></li>
                  </ul>
      </div>

      <!-- Service -->
      <div>
        <h4 class="font-display font-semibold text-sm mb-4 text-white/80 uppercase tracking-wider">Service</h4>
        <ul class="space-y-2 text-sm text-white/60">
          <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/suche/" class="hover:text-white transition-colors">Suche</a></li>
          <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/veranstaltungen-heute/" class="hover:text-white transition-colors">Heute</a></li>
          <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/impressum/" class="hover:text-white transition-colors">Impressum</a></li>
          <li><a href="https://www.veranstaltung-baden-wuerttemberg.de/datenschutz/" class="hover:text-white transition-colors">Datenschutzerklärung</a></li>
          <li><a href="#" class="hover:text-white transition-colors cmplz-manage-consent manage-consent" data-nosnippet="true">Cookie-Einstellungen</a></li>
        </ul>
        <div class="mt-6">
          <p class="text-sm text-white/60">veranstaltung-baden-wuerttemberg.de</p>
          <p class="text-xs text-white/40 mt-1">Ein Projekt der VUD Medien GmbH</p>
        </div>
      </div>

    </div>

    <!-- Disclaimer -->
    <div class="border-t border-white/10 pt-6 mb-6">
      <p class="text-xs text-white/50 leading-relaxed max-w-4xl mx-auto text-center">
        <strong class="text-white/60">Hinweis:</strong> Alle Termine wurden sorgfältig recherchiert, geprüft und angelegt (von VUD Medien, Gemeinden/Städten und Veranstaltern). Trotzdem können wir für die Richtigkeit keine Gewähr übernehmen. Bei der Vielzahl der Daten lässt es sich nicht vermeiden, dass sich Termine verschieben, entfallen oder fehlerhaft übermittelt werden. Um ganz sicher zu gehen empfehlen wir Ihnen, sich vor dem Besuch eines Events beim Veranstalter zu informieren.
      </p>
    </div>

    <div class="border-t border-white/10 pt-6 text-center text-xs text-white/40">
      &copy; 2026 VUD Medien GmbH. Alle Rechte vorbehalten.
    </div>
  </div>
</footer>


<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/vbw-sonnenlicht/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>

<!-- Consent Management powered by Complianz | GDPR/CCPA Cookie Consent https://wordpress.org/plugins/complianz-gdpr -->
<div id="cmplz-cookiebanner-container"><div class="cmplz-cookiebanner cmplz-hidden banner-1 vbw-sonnenlicht optin cmplz-bottom cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin">
	<div class="cmplz-header">
		<div class="cmplz-logo"></div>
		<div class="cmplz-title" id="cmplz-header-1-optin">Cookie-Einstellungen</div>
		<div class="cmplz-close" tabindex="0" role="button" aria-label="Close dialog">
			<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
		</div>
	</div>

	<div class="cmplz-divider cmplz-divider-header"></div>
	<div class="cmplz-body">
		<div class="cmplz-message" id="cmplz-message-1-optin">Wir verwenden Cookies und aehnliche Technologien, um Ihnen ein optimales Erlebnis zu bieten. Einige sind notwendig, waehrend andere uns helfen, die Website zu verbessern.</div>
		<!-- categories start -->
		<div class="cmplz-categories">
			<details class="cmplz-category cmplz-functional" >
				<summary>
						<span class="cmplz-category-header">
							<span class="cmplz-category-title">Notwendig</span>
							<span class='cmplz-always-active'>
								<span class="cmplz-banner-checkbox">
									<input type="checkbox"
										   id="cmplz-functional-optin"
										   data-category="cmplz_functional"
										   class="cmplz-consent-checkbox cmplz-functional"
										   size="40"
										   value="1"/>
									<label class="cmplz-label" for="cmplz-functional-optin"><span class="screen-reader-text">Notwendig</span></label>
								</span>
								Always active							</span>
							<span class="cmplz-icon cmplz-open">
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"  height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
							</span>
						</span>
				</summary>
				<div class="cmplz-description">
					<span class="cmplz-description-functional">Notwendige Cookies helfen dabei, eine Website nutzbar zu machen.</span>
				</div>
			</details>

			<details class="cmplz-category cmplz-preferences" >
				<summary>
						<span class="cmplz-category-header">
							<span class="cmplz-category-title">Praeferenzen</span>
							<span class="cmplz-banner-checkbox">
								<input type="checkbox"
									   id="cmplz-preferences-optin"
									   data-category="cmplz_preferences"
									   class="cmplz-consent-checkbox cmplz-preferences"
									   size="40"
									   value="1"/>
								<label class="cmplz-label" for="cmplz-preferences-optin"><span class="screen-reader-text">Praeferenzen</span></label>
							</span>
							<span class="cmplz-icon cmplz-open">
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"  height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
							</span>
						</span>
				</summary>
				<div class="cmplz-description">
					<span class="cmplz-description-preferences">Praeferenz-Cookies ermoeglichen es der Website, sich an Informationen zu erinnern.</span>
				</div>
			</details>

			<details class="cmplz-category cmplz-statistics" >
				<summary>
						<span class="cmplz-category-header">
							<span class="cmplz-category-title">Statistiken</span>
							<span class="cmplz-banner-checkbox">
								<input type="checkbox"
									   id="cmplz-statistics-optin"
									   data-category="cmplz_statistics"
									   class="cmplz-consent-checkbox cmplz-statistics"
									   size="40"
									   value="1"/>
								<label class="cmplz-label" for="cmplz-statistics-optin"><span class="screen-reader-text">Statistiken</span></label>
							</span>
							<span class="cmplz-icon cmplz-open">
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"  height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
							</span>
						</span>
				</summary>
				<div class="cmplz-description">
					<span class="cmplz-description-statistics">Statistik-Cookies helfen uns zu verstehen, wie Besucher mit der Website interagieren.</span>
					<span class="cmplz-description-statistics-anonymous">Statistik-Cookies helfen uns zu verstehen, wie Besucher mit der Website interagieren.</span>
				</div>
			</details>
			<details class="cmplz-category cmplz-marketing" >
				<summary>
						<span class="cmplz-category-header">
							<span class="cmplz-category-title">Alle</span>
							<span class="cmplz-banner-checkbox">
								<input type="checkbox"
									   id="cmplz-marketing-optin"
									   data-category="cmplz_marketing"
									   class="cmplz-consent-checkbox cmplz-marketing"
									   size="40"
									   value="1"/>
								<label class="cmplz-label" for="cmplz-marketing-optin"><span class="screen-reader-text">Alle</span></label>
							</span>
							<span class="cmplz-icon cmplz-open">
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"  height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
							</span>
						</span>
				</summary>
				<div class="cmplz-description">
					<span class="cmplz-description-marketing">Marketing-Cookies werden verwendet, um Besuchern relevante Werbung anzuzeigen.</span>
				</div>
			</details>
		</div><!-- categories end -->
			</div>

	<div class="cmplz-links cmplz-information">
		<ul>
			<li><a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Manage options</a></li>
			<li><a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview">Manage services</a></li>
			<li><a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Manage {vendor_count} vendors</a></li>
			<li><a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/" aria-label="Read more about TCF purposes on Cookie Database">Read more about these purposes</a></li>
		</ul>
			</div>

	<div class="cmplz-divider cmplz-footer"></div>

	<div class="cmplz-buttons">
		<button class="cmplz-btn cmplz-accept">Alle akzeptieren</button>
		<button class="cmplz-btn cmplz-deny">Ablehnen</button>
		<button class="cmplz-btn cmplz-view-preferences">Einstellungen anzeigen</button>
		<button class="cmplz-btn cmplz-save-preferences">Einstellungen speichern</button>
		<a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Einstellungen anzeigen</a>
			</div>

	
	<div class="cmplz-documents cmplz-links">
		<ul>
			<li><a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a></li>
			<li><a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a></li>
			<li><a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a></li>
		</ul>
			</div>
</div>
</div>
					<div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1">Cookie-Einstellungen</button>

</div><script src="https://unpkg.com/lucide@latest" id="lucide-icons-js"></script>
<script src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/themes/vbw-sonnenlicht/assets/js/main.js?ver=1.1.0" id="vbw-main-js"></script>
<script id="cmplz-cookiebanner-js-extra">
var complianz = {"prefix":"cmplz_","user_banner_id":"1","set_cookies":[],"block_ajax_content":"","banner_version":"6","version":"7.4.5","store_consent":"","do_not_track_enabled":"","consenttype":"optin","region":"eu","geoip":"","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https://www.veranstaltung-baden-wuerttemberg.de/wp-json/complianz/v1/","locale":"lang=en&locale=en_US","set_cookies_on_root":"","cookie_domain":"","current_policy_id":"1","cookie_path":"/","categories":{"statistics":"statistics","marketing":"marketing"},"tcf_active":"","placeholdertext":"Click to accept {category} cookies and enable this content","css_file":"https://www.veranstaltung-baden-wuerttemberg.de/wp-content/plugins/complianz-gdpr/cookiebanner/css/defaults/banner-{type}.css?v=6","page_links":{"eu":{"cookie-statement":{"title":"","url":"https://www.veranstaltung-baden-wuerttemberg.de/veranstaltung/greenbeats-momentum-tour-26-3/"}}},"tm_categories":"","forceEnableStats":"","preview":"","clean_cookies":"","aria_label":"Click to accept {category} cookies and enable this content"};
//# sourceURL=cmplz-cookiebanner-js-extra
</script>
<script defer src="https://www.veranstaltung-baden-wuerttemberg.de/wp-content/plugins/complianz-gdpr/cookiebanner/js/complianz.min.js?ver=1774984310" id="cmplz-cookiebanner-js"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.veranstaltung-baden-wuerttemberg.de/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://www.veranstaltung-baden-wuerttemberg.de/wp-includes/js/wp-emoji-loader.min.js
</script>
				<script async data-category="functional"
						src="https://www.googletagmanager.com/gtag/js?id=G-4LZKWRMSZF"></script><!-- Statistics script Complianz GDPR/CCPA -->
						<script 							data-category="functional">window['gtag_enable_tcf_support'] = false;
window.dataLayer = window.dataLayer || [];
function gtag(){
	dataLayer.push(arguments);
}
gtag('set', 'dYWVlZG', true);
gtag('set', 'ads_data_redaction', false);
gtag('set', 'url_passthrough', false);
gtag('consent', 'default', {
	'security_storage': "granted",
	'functionality_storage': "granted",
	'personalization_storage': "denied",
	'analytics_storage': 'denied',
	'ad_storage': "denied",
	'ad_user_data': 'denied',
	'ad_personalization': 'denied',
});

document.addEventListener("cmplz_fire_categories", function (e) {
	function gtag(){
		dataLayer.push(arguments);
	}
	var consentedCategories = e.detail.categories;
	let preferences = 'denied';
	let statistics = 'denied';
	let marketing = 'denied';

	if (cmplz_in_array( 'preferences', consentedCategories )) {
		preferences = 'granted';
	}

	if (cmplz_in_array( 'statistics', consentedCategories )) {
		statistics = 'granted';
	}

	if (cmplz_in_array( 'marketing', consentedCategories )) {
		marketing = 'granted';
	}
	gtag('consent', 'update', {
		'security_storage': "granted",
		'functionality_storage': "granted",
		'personalization_storage': preferences,
		'analytics_storage': statistics,
		'ad_storage': marketing,
		'ad_user_data': marketing,
		'ad_personalization': marketing,
	});
});

gtag('js', new Date());

gtag('config', 'G-4LZKWRMSZF', {
	cookie_flags:'secure;samesite=none',
	
});

document.addEventListener("cmplz_revoke", function (e) {
	gtag('consent', 'update', {
		'security_storage': "granted",
		'functionality_storage': "granted",
		'personalization_storage': "denied",
		'analytics_storage': 'denied',
		'ad_storage': "denied",
		'ad_user_data': 'denied',
		'ad_personalization': 'denied',
	});
});
</script></body>
</html>
