{"id":15,"date":"2026-02-23T18:22:00","date_gmt":"2026-02-23T18:22:00","guid":{"rendered":"https:\/\/www.spielefest-bregenz.at\/?page_id=15"},"modified":"2026-04-01T10:23:34","modified_gmt":"2026-04-01T10:23:34","slug":"spielefest-bregenz","status":"publish","type":"page","link":"https:\/\/www.spielefest-bregenz.at\/","title":{"rendered":"Spielefest Bregenz"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nSpielefest 5.0 \u2013 Das Familien-Gaming-Event in Bregenz<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Press+Start+2P&family=Nunito:wght@400;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --navy: #0d1b4b;\r\n --deep: #0a1235;\r\n --purple: #7c3aed;\r\n --purple-light: #a855f7;\r\n --pink: #ec4899;\r\n --pink-light: #f9a8d4;\r\n --yellow: #fbbf24;\r\n --yellow-bright: #fde68a;\r\n --cyan: #22d3ee;\r\n --white: #fff;\r\n --pixel: 'Press Start 2P', monospace;\r\n --body: 'Nunito', sans-serif;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body { background: var(--deep); color: var(--white); font-family: var(--body); overflow-x: hidden; }\r\n\r\n body::before {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n background-image:\r\n radial-gradient(1px 1px at 15% 12%, rgba(255,255,255,.8) 0%, transparent 0%),\r\n radial-gradient(1px 1px at 40% 5%, rgba(255,255,255,.6) 0%, transparent 0%),\r\n radial-gradient(1.5px 1.5px at 65% 20%, rgba(255,255,255,.9) 0%, transparent 0%),\r\n radial-gradient(1px 1px at 80% 8%, rgba(255,255,255,.5) 0%, transparent 0%),\r\n radial-gradient(1px 1px at 25% 35%, rgba(255,255,255,.7) 0%, transparent 0%),\r\n radial-gradient(1.5px 1.5px at 55% 45%, rgba(255,255,255,.4) 0%, transparent 0%),\r\n radial-gradient(1px 1px at 90% 30%, rgba(255,255,255,.8) 0%, transparent 0%),\r\n radial-gradient(1px 1px at 10% 60%, rgba(255,255,255,.5) 0%, transparent 0%),\r\n radial-gradient(1.5px 1.5px at 70% 70%, rgba(255,255,255,.6) 0%, transparent 0%),\r\n radial-gradient(1px 1px at 35% 80%, rgba(255,255,255,.4) 0%, transparent 0%),\r\n radial-gradient(1px 1px at 85% 85%, rgba(255,255,255,.7) 0%, transparent 0%),\r\n radial-gradient(1.5px 1.5px at 50% 90%, rgba(255,255,255,.5) 0%, transparent 0%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n body::after {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0,0,0,.06) 3px, rgba(0,0,0,.06) 4px);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n section { position: relative; z-index: 1; }\r\n\r\n .hero {\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n padding: 60px 20px 80px;\r\n background: linear-gradient(180deg, #0a1235 0%, #0d1b4b 50%, #1a0a4b 100%);\r\n overflow: hidden;\r\n }\r\n\r\n .hero__moon {\r\n position: absolute;\r\n top: 30px; right: 60px;\r\n width: 80px; height: 80px;\r\n background: radial-gradient(circle at 35% 35%, #fde68a, #f59e0b);\r\n border-radius: 50%;\r\n box-shadow: 0 0 40px 15px rgba(251,191,36,.4), 0 0 80px 30px rgba(251,191,36,.15);\r\n animation: moonPulse 4s ease-in-out infinite;\r\n }\r\n\r\n @keyframes moonPulse {\r\n 0%, 100% { box-shadow: 0 0 40px 15px rgba(251,191,36,.4), 0 0 80px 30px rgba(251,191,36,.15); }\r\n 50% { box-shadow: 0 0 55px 20px rgba(251,191,36,.6), 0 0 100px 40px rgba(251,191,36,.25); }\r\n }\r\n\r\n .cloud { position: absolute; }\r\n .cloud-1, .cloud-2, .cloud-3, .cloud-4 {\r\n width: 80px; height: 50px;\r\n background: linear-gradient(135deg, #7c3aed, #ec4899);\r\n clip-path: polygon(10% 60%, 0% 100%, 100% 100%, 100% 60%, 80% 40%, 60% 30%, 40% 40%, 20% 30%);\r\n }\r\n .cloud-1 { top: 60px; left: 30px; opacity: .7; }\r\n .cloud-2 { top: 40px; left: 180px; opacity: .5; transform: scaleX(-1); }\r\n .cloud-3 { top: 80px; right: 160px; opacity: .6; }\r\n .cloud-4 { top: 50px; right: 300px; opacity: .4; transform: scale(.7); }\r\n\r\n .hero__organizers {\r\n font-family: var(--pixel);\r\n font-size: clamp(6px, 1.2vw, 10px);\r\n color: var(--white);\r\n line-height: 1.9;\r\n letter-spacing: .05em;\r\n margin-bottom: 28px;\r\n opacity: .9;\r\n animation: fadeDown .8s ease both;\r\n }\r\n\r\n .hero__title {\r\n font-family: var(--pixel);\r\n font-size: clamp(28px, 7vw, 64px);\r\n color: var(--pink-light);\r\n text-shadow: 4px 4px 0 var(--purple), 8px 8px 0 rgba(124,58,237,.4), 0 0 40px rgba(236,72,153,.5);\r\n margin-bottom: 16px;\r\n line-height: 1.2;\r\n animation: fadeDown .8s .1s ease both;\r\n }\r\n\r\n .hero__subtitle {\r\n font-family: var(--body);\r\n font-size: clamp(16px, 3.5vw, 28px);\r\n font-weight: 800;\r\n color: var(--white);\r\n margin-bottom: 12px;\r\n animation: fadeDown .8s .2s ease both;\r\n }\r\n\r\n \/* Hero sponsor badge *\/\r\n .hero__sponsor-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(251,191,36,.12);\r\n border: 1.5px solid rgba(251,191,36,.4);\r\n border-radius: 100px;\r\n padding: 8px 20px 8px 14px;\r\n margin-bottom: 36px;\r\n animation: fadeDown .8s .25s ease both;\r\n text-decoration: none;\r\n transition: background .2s, border-color .2s, box-shadow .2s;\r\n }\r\n .hero__sponsor-badge:hover {\r\n background: rgba(251,191,36,.2);\r\n border-color: var(--yellow);\r\n box-shadow: 0 0 20px rgba(251,191,36,.2);\r\n }\r\n .hero__sponsor-badge .badge-label {\r\n font-family: var(--pixel);\r\n font-size: 7px;\r\n color: var(--yellow);\r\n letter-spacing: .1em;\r\n white-space: nowrap;\r\n opacity: .8;\r\n }\r\n .hero__sponsor-badge .badge-logo {\r\n background: #0d1b4b;\r\n border-radius: 6px;\r\n padding: 5px 12px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n .hero__sponsor-badge .badge-logo img {\r\n height: 22px;\r\n width: auto;\r\n display: block;\r\n }\r\n .hero__sponsor-badge .badge-fallback {\r\n font-family: var(--pixel);\r\n font-size: 8px;\r\n color: var(--yellow-bright);\r\n letter-spacing: .08em;\r\n }\r\n\r\n .hero__info-box {\r\n background: rgba(236,72,153,.12);\r\n border: 2px solid var(--pink);\r\n border-radius: 16px;\r\n padding: 24px 40px;\r\n display: inline-block;\r\n margin-bottom: 32px;\r\n animation: fadeDown .8s .3s ease both;\r\n box-shadow: 0 0 30px rgba(236,72,153,.2), inset 0 0 20px rgba(236,72,153,.05);\r\n }\r\n\r\n .hero__info-box .date {\r\n font-family: var(--pixel);\r\n font-size: clamp(8px, 1.8vw, 14px);\r\n color: var(--pink-light);\r\n letter-spacing: .08em;\r\n line-height: 2.2;\r\n }\r\n\r\n \/* \u2500\u2500 VORVERKAUFS-PERKS BOX (Hero) \u2500\u2500 *\/\r\n .hero__perks {\r\n display: flex;\r\n gap: 12px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n margin-bottom: 28px;\r\n animation: fadeDown .8s .35s ease both;\r\n }\r\n .hero__perk {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(34,211,238,.1);\r\n border: 1.5px solid rgba(34,211,238,.4);\r\n border-radius: 8px;\r\n padding: 9px 16px;\r\n font-family: var(--pixel);\r\n font-size: clamp(6px, 1.1vw, 8px);\r\n color: var(--cyan);\r\n letter-spacing: .06em;\r\n white-space: nowrap;\r\n }\r\n .hero__perk .perk-icon { font-size: 16px; }\r\n\r\n .hero__scroll-hint {\r\n position: absolute;\r\n bottom: 24px; left: 50%;\r\n transform: translateX(-50%);\r\n font-family: var(--pixel);\r\n font-size: 8px;\r\n color: rgba(255,255,255,.4);\r\n animation: bounce 2s ease infinite;\r\n cursor: pointer;\r\n }\r\n .hero__scroll-hint::after { content: ' \u25bc'; }\r\n\r\n @keyframes bounce {\r\n 0%, 100% { transform: translateX(-50%) translateY(0); }\r\n 50% { transform: translateX(-50%) translateY(8px); }\r\n }\r\n\r\n .hero__ground {\r\n position: absolute;\r\n bottom: 0; left: 0;\r\n width: 100%; height: 40px;\r\n background: linear-gradient(180deg, #4a1d8c 0%, #3b0f6e 50%, #2d0b56 100%);\r\n }\r\n .hero__ground::before {\r\n content: '';\r\n position: absolute;\r\n top: -8px; left: 0;\r\n width: 100%; height: 10px;\r\n background: repeating-linear-gradient(90deg, #6d28d9 0px, #6d28d9 20px, #7c3aed 20px, #7c3aed 40px);\r\n }\r\n\r\n .trees { position: absolute; bottom: 40px; right: 40px; display: flex; gap: 8px; align-items: flex-end; }\r\n .tree { display: flex; flex-direction: column; align-items: center; }\r\n .tree-top { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 30px solid #2d6a4f; }\r\n .tree-trunk { width: 8px; height: 10px; background: #7f4f24; }\r\n\r\n .tent {\r\n position: absolute; bottom: 40px; right: 120px;\r\n width: 60px; height: 50px;\r\n background: linear-gradient(135deg, #d97706 40%, #b45309 100%);\r\n clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\r\n }\r\n .tent::after {\r\n content: ''; position: absolute; bottom: 0; left: 38%;\r\n width: 24%; height: 40%;\r\n background: #1c0a2e;\r\n clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\r\n }\r\n\r\n \/* PROGRAM *\/\r\n .program { padding: 80px 20px; background: linear-gradient(180deg, #1a0a4b, #0d1b4b); text-align: center; }\r\n\r\n .section-title {\r\n font-family: var(--pixel);\r\n font-size: clamp(14px, 3vw, 22px);\r\n color: var(--yellow);\r\n margin-bottom: 8px;\r\n text-shadow: 3px 3px 0 rgba(0,0,0,.5);\r\n }\r\n\r\n .section-subtitle { font-size: 18px; color: rgba(255,255,255,.6); margin-bottom: 56px; font-weight: 700; }\r\n\r\n .program__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; max-width: 900px; margin: 0 auto; }\r\n\r\n .program__card {\r\n background: rgba(124,58,237,.12);\r\n border: 2px solid rgba(124,58,237,.4);\r\n border-radius: 12px;\r\n padding: 28px 24px;\r\n transition: transform .25s, border-color .25s, box-shadow .25s;\r\n }\r\n .program__card:hover { transform: translateY(-6px) scale(1.02); border-color: var(--purple-light); box-shadow: 0 12px 40px rgba(124,58,237,.3); }\r\n .program__card .icon { font-size: 40px; display: block; margin-bottom: 14px; }\r\n .program__card h3 { font-size: 20px; font-weight: 900; color: var(--white); margin-bottom: 8px; }\r\n .program__card p { font-size: 14px; color: rgba(255,255,255,.65); line-height: 1.6; }\r\n\r\n \/* STORY *\/\r\n .story { padding: 80px 20px; background: linear-gradient(180deg, #0d1b4b, #0f0530); text-align: center; }\r\n .story__inner { max-width: 720px; margin: 0 auto; }\r\n .story__headline { font-size: clamp(26px, 5vw, 40px); font-weight: 900; line-height: 1.3; margin-bottom: 40px; }\r\n .story__headline .accent { color: var(--pink); }\r\n .story__text-block { font-size: 17px; line-height: 1.85; color: rgba(255,255,255,.8); margin-bottom: 28px; }\r\n .story__text-block strong { color: var(--pink-light); }\r\n .story__text-block .cyan { color: var(--cyan); }\r\n .story__text-block .yellow { color: var(--yellow); }\r\n .story__text-block .green { color: #4ade80; }\r\n\r\n .story__callout {\r\n background: linear-gradient(135deg, rgba(124,58,237,.25), rgba(236,72,153,.15));\r\n border: 2px solid var(--purple-light);\r\n border-radius: 12px;\r\n padding: 32px;\r\n margin: 40px auto;\r\n clip-path: polygon(0 0, 96% 0, 100% 4%, 100% 100%, 4% 100%, 0 96%);\r\n }\r\n .story__callout p { font-size: 18px; font-weight: 800; color: var(--yellow-bright); line-height: 1.7; }\r\n .story__callout p span { color: var(--cyan); }\r\n .story__callout p .pink { color: var(--pink-light); }\r\n .story__cta { font-size: 20px; font-weight: 900; color: var(--white); margin-top: 40px; line-height: 1.5; }\r\n\r\n \/* \u2500\u2500 VORVERKAUFS-CTA SEKTION (nach Story) \u2500\u2500 *\/\r\n .presale-cta {\r\n position: relative;\r\n z-index: 1;\r\n padding: 64px 20px;\r\n background: linear-gradient(180deg, #0f0530 0%, #150a40 100%);\r\n text-align: center;\r\n overflow: hidden;\r\n }\r\n .presale-cta::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 60% 50% at 20% 50%, rgba(124,58,237,.18) 0%, transparent 70%),\r\n radial-gradient(ellipse 60% 50% at 80% 50%, rgba(236,72,153,.14) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n .presale-cta__inner { position: relative; max-width: 700px; margin: 0 auto; }\r\n\r\n .presale-cta__label {\r\n font-family: var(--pixel);\r\n font-size: clamp(7px, 1.4vw, 10px);\r\n color: var(--cyan);\r\n letter-spacing: .25em;\r\n margin-bottom: 20px;\r\n opacity: .85;\r\n }\r\n\r\n .presale-cta__headline {\r\n font-family: var(--pixel);\r\n font-size: clamp(14px, 3.5vw, 26px);\r\n color: var(--white);\r\n line-height: 1.5;\r\n margin-bottom: 32px;\r\n text-shadow: 3px 3px 0 rgba(0,0,0,.4);\r\n }\r\n .presale-cta__headline .highlight { color: var(--yellow); }\r\n\r\n \/* Perks row *\/\r\n .presale-cta__perks {\r\n display: flex;\r\n justify-content: center;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n margin-bottom: 36px;\r\n }\r\n .presale-cta__perk {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(255,255,255,.05);\r\n border: 2px solid rgba(255,255,255,.12);\r\n border-radius: 14px;\r\n padding: 20px 28px;\r\n min-width: 160px;\r\n transition: border-color .2s, background .2s, transform .2s;\r\n }\r\n .presale-cta__perk:nth-child(1) { border-color: rgba(34,211,238,.4); }\r\n .presale-cta__perk:nth-child(2) { border-color: rgba(251,191,36,.4); }\r\n .presale-cta__perk .perk-emoji { font-size: 36px; }\r\n .presale-cta__perk .perk-title {\r\n font-family: var(--pixel);\r\n font-size: clamp(7px, 1.2vw, 9px);\r\n color: var(--white);\r\n letter-spacing: .06em;\r\n line-height: 1.6;\r\n text-align: center;\r\n }\r\n .presale-cta__perk .perk-sub {\r\n font-size: 12px;\r\n color: rgba(255,255,255,.5);\r\n text-align: center;\r\n line-height: 1.5;\r\n }\r\n\r\n .presale-cta__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-family: var(--pixel);\r\n font-size: clamp(9px, 1.8vw, 13px);\r\n color: #0d1b4b;\r\n background: linear-gradient(90deg, var(--yellow), #f59e0b);\r\n padding: 20px 44px;\r\n border-radius: 8px;\r\n text-decoration: none;\r\n letter-spacing: .07em;\r\n box-shadow: 0 6px 0 #92400e, 0 0 40px rgba(251,191,36,.35);\r\n transition: transform .15s, box-shadow .15s;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .presale-cta__btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: -100%;\r\n width: 60%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,.3), transparent);\r\n animation: shimmer 2.5s ease infinite;\r\n }\r\n @keyframes shimmer {\r\n 0% { left: -100%; }\r\n 60%, 100% { left: 160%; }\r\n }\r\n .presale-cta__btn:hover { transform: translate(-2px, -3px); box-shadow: 0 9px 0 #92400e, 0 0 60px rgba(251,191,36,.5); }\r\n .presale-cta__btn:active { transform: translate(2px, 3px); box-shadow: 0 3px 0 #92400e; }\r\n\r\n .presale-cta__note {\r\n margin-top: 16px;\r\n font-size: 13px;\r\n color: rgba(255,255,255,.4);\r\n font-style: italic;\r\n }\r\n\r\n \/* CAUSE *\/\r\n .cause { padding: 80px 20px; background: linear-gradient(180deg, #0f0530, #0a1235); text-align: center; }\r\n .cause__badge {\r\n display: inline-flex; align-items: center; gap: 12px;\r\n background: rgba(251,191,36,.1); border: 2px solid var(--yellow);\r\n border-radius: 100px; padding: 14px 28px; margin-bottom: 40px;\r\n font-family: var(--pixel); font-size: 10px; color: var(--yellow);\r\n box-shadow: 0 0 30px rgba(251,191,36,.2);\r\n }\r\n .cause__amount {\r\n font-family: var(--pixel);\r\n font-size: clamp(40px, 10vw, 80px);\r\n color: var(--white);\r\n text-shadow: 6px 6px 0 var(--yellow), 0 0 40px rgba(251,191,36,.4);\r\n margin-bottom: 12px;\r\n display: block;\r\n }\r\n .cause__label { font-size: 22px; font-weight: 800; color: rgba(255,255,255,.8); margin-bottom: 32px; }\r\n .cause__org { font-size: 16px; color: rgba(255,255,255,.6); max-width: 520px; margin: 0 auto 48px; line-height: 1.7; }\r\n .cause__org strong { color: var(--yellow-bright); }\r\n .cause__tagline { font-family: var(--pixel); font-size: clamp(8px, 2vw, 13px); color: var(--pink-light); letter-spacing: .1em; display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }\r\n .cause__tagline span::before { content: '\u2605 '; color: var(--yellow); }\r\n\r\n \/* ORGANIZERS *\/\r\n .organizers { padding: 60px 20px 80px; background: linear-gradient(180deg, #0a1235, #060c24); text-align: center; }\r\n\r\n .org__logos { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; max-width: 900px; margin: 0 auto 48px; }\r\n\r\n .org__logo-chip {\r\n background: rgba(255,255,255,.07);\r\n border: 1.5px solid rgba(255,255,255,.15);\r\n border-radius: 10px;\r\n padding: 12px 22px;\r\n font-family: var(--pixel);\r\n font-size: 8px;\r\n color: rgba(255,255,255,.75);\r\n letter-spacing: .06em;\r\n transition: background .2s, border-color .2s, color .2s, transform .2s, box-shadow .2s;\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n a.org__logo-chip:hover {\r\n background: rgba(124,58,237,.25);\r\n border-color: var(--purple-light);\r\n color: var(--white);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(124,58,237,.2);\r\n }\r\n\r\n \/* \u2500\u2500 HAUPTSPONSOR CARD \u2500\u2500 *\/\r\n .org__main-sponsor { width: 100%; display: flex; justify-content: center; margin-bottom: 40px; }\r\n\r\n .org__sponsor-card {\r\n display: inline-flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 18px;\r\n background: linear-gradient(135deg, rgba(251,191,36,.1), rgba(251,191,36,.03));\r\n border: 2px solid var(--yellow);\r\n border-radius: 20px;\r\n padding: 36px 64px;\r\n position: relative;\r\n overflow: hidden;\r\n text-decoration: none;\r\n transition: box-shadow .3s, transform .3s, background .3s;\r\n box-shadow: 0 0 40px rgba(251,191,36,.15), 0 0 80px rgba(251,191,36,.05), inset 0 0 30px rgba(251,191,36,.04);\r\n }\r\n\r\n .org__sponsor-card::before,\r\n .org__sponsor-card::after {\r\n content: ''; position: absolute;\r\n width: 18px; height: 18px;\r\n border-color: var(--yellow); border-style: solid;\r\n opacity: .55;\r\n }\r\n .org__sponsor-card::before { top: 10px; left: 10px; border-width: 3px 0 0 3px; }\r\n .org__sponsor-card::after { bottom: 10px; right: 10px; border-width: 0 3px 3px 0; }\r\n\r\n .org__sponsor-card:hover {\r\n transform: translateY(-5px);\r\n background: linear-gradient(135deg, rgba(251,191,36,.16), rgba(251,191,36,.06));\r\n box-shadow: 0 0 60px rgba(251,191,36,.25), 0 16px 40px rgba(0,0,0,.3), inset 0 0 30px rgba(251,191,36,.07);\r\n }\r\n\r\n .org__sponsor-eyebrow {\r\n font-family: var(--pixel);\r\n font-size: 7px;\r\n color: var(--yellow);\r\n letter-spacing: .3em;\r\n opacity: .75;\r\n }\r\n\r\n .org__sponsor-logo-wrap {\r\n background: #0d1b4b;\r\n border-radius: 12px;\r\n padding: 18px 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 220px;\r\n min-height: 88px;\r\n box-shadow: 0 4px 24px rgba(0,0,0,.35);\r\n }\r\n\r\n .org__sponsor-logo-wrap img {\r\n height: 60px;\r\n width: auto;\r\n display: block;\r\n object-fit: contain;\r\n }\r\n\r\n .org__sponsor-tagline {\r\n font-family: var(--pixel);\r\n font-size: 7px;\r\n color: rgba(251,191,36,.55);\r\n letter-spacing: .15em;\r\n }\r\n\r\n .org__logo-chip--cosponsor {\r\n border-color: var(--cyan);\r\n color: var(--cyan);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 14px 28px;\r\n box-shadow: 0 0 18px rgba(34,211,238,.15);\r\n }\r\n .org__logo-chip--cosponsor:hover {\r\n background: rgba(34,211,238,.15);\r\n border-color: var(--cyan);\r\n color: #fff;\r\n box-shadow: 0 0 28px rgba(34,211,238,.25);\r\n }\r\n .cosponsor-eyebrow {\r\n font-size: 6px;\r\n letter-spacing: .25em;\r\n color: var(--cyan);\r\n opacity: .7;\r\n }\r\n\r\n .org__divider {\r\n width: 100%;\r\n font-family: var(--pixel);\r\n font-size: 7px;\r\n color: rgba(255,255,255,.3);\r\n letter-spacing: .15em;\r\n margin: 24px 0 16px;\r\n }\r\n\r\n \/* \u2500\u2500 FOOTER TICKET CTA \u2500\u2500 *\/\r\n .footer-ticket {\r\n background: linear-gradient(180deg, #060c24, #030812);\r\n padding: 56px 20px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n .footer-ticket::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(ellipse 70% 60% at 50% 100%, rgba(124,58,237,.2) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n .footer-ticket__inner { position: relative; max-width: 600px; margin: 0 auto; }\r\n .footer-ticket__headline {\r\n font-family: var(--pixel);\r\n font-size: clamp(11px, 2.5vw, 17px);\r\n color: var(--white);\r\n line-height: 1.7;\r\n margin-bottom: 24px;\r\n letter-spacing: .05em;\r\n }\r\n .footer-ticket__headline .accent { color: var(--pink-light); }\r\n .footer-ticket__perks {\r\n display: flex;\r\n justify-content: center;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n margin-bottom: 28px;\r\n }\r\n .footer-ticket__perk {\r\n font-family: var(--pixel);\r\n font-size: clamp(6px, 1.1vw, 8px);\r\n color: var(--cyan);\r\n background: rgba(34,211,238,.08);\r\n border: 1px solid rgba(34,211,238,.3);\r\n border-radius: 6px;\r\n padding: 8px 14px;\r\n letter-spacing: .08em;\r\n }\r\n .footer-ticket__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: var(--pixel);\r\n font-size: clamp(8px, 1.6vw, 12px);\r\n color: #0d1b4b;\r\n background: linear-gradient(90deg, var(--yellow), #f59e0b);\r\n padding: 18px 40px;\r\n border-radius: 8px;\r\n text-decoration: none;\r\n letter-spacing: .07em;\r\n box-shadow: 0 5px 0 #92400e, 0 0 30px rgba(251,191,36,.3);\r\n transition: transform .15s, box-shadow .15s;\r\n }\r\n .footer-ticket__btn:hover { transform: translate(-2px, -2px); box-shadow: 0 7px 0 #92400e, 0 0 50px rgba(251,191,36,.45); }\r\n .footer-ticket__btn:active { transform: translate(2px, 2px); box-shadow: 0 3px 0 #92400e; }\r\n .footer-ticket__sub { margin-top: 14px; font-size: 13px; color: rgba(255,255,255,.35); }\r\n\r\n \/* FOOTER *\/\r\n footer { background: #030812; padding: 32px 20px; text-align: center; border-top: 3px solid; border-image: linear-gradient(90deg, var(--purple), var(--pink), var(--yellow), var(--purple)) 1; }\r\n footer .pixel-text { font-family: var(--pixel); font-size: 9px; color: rgba(255,255,255,.4); line-height: 2.2; letter-spacing: .06em; }\r\n footer .pixel-text span { color: var(--pink-light); }\r\n footer .hearts { font-size: 20px; margin-bottom: 12px; animation: heartBeat 1.5s ease infinite; }\r\n @keyframes heartBeat { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.15); } }\r\n\r\n \/* TICKET BANNER *\/\r\n .ticket-banner {\r\n background: linear-gradient(90deg, var(--purple), var(--pink), var(--purple));\r\n background-size: 200% 100%;\r\n animation: gradientSlide 4s linear infinite;\r\n padding: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n display: block;\r\n transition: filter .2s;\r\n }\r\n .ticket-banner:hover { filter: brightness(1.15); }\r\n .ticket-banner__inner { padding: 20px; display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap; }\r\n @keyframes gradientSlide { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }\r\n .ticket-banner p { font-family: var(--pixel); font-size: clamp(9px, 2vw, 14px); color: var(--white); letter-spacing: .1em; text-shadow: 2px 2px 0 rgba(0,0,0,.3); }\r\n .ticket-banner .price { font-size: clamp(14px, 3vw, 22px); color: var(--yellow-bright); }\r\n .ticket-banner .perks-inline {\r\n font-family: var(--pixel);\r\n font-size: clamp(6px, 1.1vw, 8px);\r\n color: rgba(255,255,255,.9);\r\n letter-spacing: .1em;\r\n border-left: 2px solid rgba(255,255,255,.3);\r\n padding-left: 20px;\r\n }\r\n .ticket-banner .click-hint {\r\n font-family: var(--pixel);\r\n font-size: clamp(7px, 1.2vw, 9px);\r\n color: var(--yellow-bright);\r\n letter-spacing: .15em;\r\n animation: blink 1.2s step-end infinite;\r\n }\r\n @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }\r\n\r\n @keyframes fadeDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n .reveal { opacity: 0; transform: translateY(30px); transition: opacity .7s ease, transform .7s ease; }\r\n .reveal.visible { opacity: 1; transform: translateY(0); }\r\n\r\n .pixel-divider { height: 12px; background: repeating-linear-gradient(90deg, var(--purple) 0px, var(--purple) 20px, var(--purple-light) 20px, var(--purple-light) 40px, var(--pink) 40px, var(--pink) 60px, var(--yellow) 60px, var(--yellow) 80px); }\r\n\r\n .btn-pixel {\r\n display: inline-block; font-family: var(--pixel); font-size: clamp(8px, 1.5vw, 11px);\r\n color: var(--deep); background: var(--yellow);\r\n padding: 18px 36px; border-radius: 6px; text-decoration: none;\r\n letter-spacing: .07em; margin-top: 16px;\r\n transition: transform .15s, box-shadow .15s;\r\n box-shadow: 4px 4px 0 #b45309;\r\n }\r\n .btn-pixel:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 #b45309; }\r\n .btn-pixel:active { transform: translate(2px, 2px); box-shadow: 2px 2px 0 #b45309; }\r\n .btn-pixel--outline {\r\n background: transparent;\r\n color: rgba(255,255,255,.7);\r\n border: 2px solid rgba(255,255,255,.2);\r\n box-shadow: none;\r\n margin-left: 12px;\r\n }\r\n .btn-pixel--outline:hover { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.4); color: var(--white); box-shadow: none; transform: translateY(-2px); }\r\n\r\n .hero__btns { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-top: 8px; animation: fadeDown .8s .4s ease both; }\r\n\r\n @media (max-width: 600px) {\r\n .hero__info-box { padding: 18px 20px; }\r\n .org__logos { gap: 10px; }\r\n .tent, .trees { display: none; }\r\n .cloud-3, .cloud-4 { display: none; }\r\n .org__sponsor-card { padding: 28px 28px; }\r\n .org__sponsor-logo-wrap { padding: 14px 24px; min-width: 160px; }\r\n .org__sponsor-logo-wrap img { height: 44px; }\r\n .presale-cta__perks { flex-direction: column; align-items: center; }\r\n .presale-cta__perk { min-width: 220px; }\r\n .footer-ticket__perks { flex-direction: column; align-items: center; }\r\n .btn-pixel--outline { margin-left: 0; }\r\n .ticket-banner .perks-inline { border-left: none; padding-left: 0; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n <div class=\"hero__moon\"><\/div>\r\n <div class=\"cloud cloud-1\"><\/div>\r\n <div class=\"cloud cloud-2\"><\/div>\r\n <div class=\"cloud cloud-3\"><\/div>\r\n <div class=\"cloud cloud-4\"><\/div>\r\n\r\n <p class=\"hero__organizers\">\r\n REALITY ESCAPE | LUMPIS | GAME ZONE<br>\r\n JAUSE:PAUSE | ANARCHOLAB | POK\u00c8VEND<br>\r\n DR. WURO INDUSTRIES | BOARD BEAR GAMES\r\n <\/p>\r\n\r\n <h1 class=\"hero__title\">SPIELEFEST 5.0<\/h1>\r\n <p class=\"hero__subtitle\">Das Familien-Gaming-Event in Bregenz<\/p>\r\n\r\n <a href=\"https:\/\/raibabregenz.at\/\" target=\"_blank\" rel=\"noopener\" class=\"hero__sponsor-badge\">\r\n <span class=\"badge-label\">powered by<\/span>\r\n <span class=\"badge-logo\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.spielefest-bregenz.at\/wp-content\/uploads\/2026\/03\/Logo-Raiba.png\"\r\n alt=\"Raiffeisenbank\"\r\n onerror=\"this.style.display='none'; document.getElementById('hero-fallback').style.display='inline';\"\r\n >\r\n <\/span>\r\n <span id=\"hero-fallback\" class=\"badge-fallback\" style=\"display:none;\">RAIFFEISENBANK<\/span>\r\n <\/a>\r\n\r\n <div class=\"hero__info-box\">\r\n <div class=\"date\">\r\n \ud83d\udcc5  SONNTAG, 17. MAI 2026<br>\r\n \u23f0  10:00 \u2013 18:00 UHR<br>\r\n \ud83d\udccd  WERKSTATTB\u00dcHNE BREGENZ\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Vorverkaufs-Perks (Hero) -->\r\n <div class=\"hero__perks\">\r\n <div class=\"hero__perk\"><span class=\"perk-icon\">\ud83c\udf79<\/span> VORVERKAUF = 1 GRATISGETR\u00c4NK<\/div>\r\n <div class=\"hero__perk\"><span class=\"perk-icon\">\u26a1<\/span> FAST LANE EINGANG<\/div>\r\n <\/div>\r\n\r\n <!-- 1. TICKET CTA \u2013 Hero -->\r\n <div class=\"hero__btns\">\r\n <a href=\"https:\/\/tickets.visitbregenz.com\/webshop\/webticket\/shop?event=632\"\r\n class=\"btn-pixel\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\">\ud83c\udf9f\ufe0f TICKETS KAUFEN<\/a>\r\n <a href=\"#programm\" class=\"btn-pixel btn-pixel--outline\">\u25b6 MEHR ERFAHREN<\/a>\r\n <\/div>\r\n\r\n <div class=\"hero__scroll-hint\">SCROLL<\/div>\r\n\r\n <div class=\"hero__ground\"><\/div>\r\n <div class=\"tent\"><\/div>\r\n <div class=\"trees\">\r\n <div class=\"tree\"><div class=\"tree-top\" style=\"border-bottom-width:40px\"><\/div><div class=\"tree-trunk\"><\/div><\/div>\r\n <div class=\"tree\"><div class=\"tree-top\" style=\"border-bottom-width:55px;border-left-width:20px;border-right-width:20px\"><\/div><div class=\"tree-trunk\" style=\"height:14px\"><\/div><\/div>\r\n <div class=\"tree\"><div class=\"tree-top\" style=\"border-bottom-width:35px\"><\/div><div class=\"tree-trunk\"><\/div><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"pixel-divider\"><\/div>\r\n\r\n<!-- PROGRAMM -->\r\n<section class=\"program\" id=\"programm\">\r\n <div class=\"section-title reveal\">WAS DICH ERWARTET<\/div>\r\n <p class=\"section-subtitle reveal\">Ein ganzer Tag voller Spa\u00df f\u00fcr Gro\u00df & Klein<\/p>\r\n <div class=\"program__grid\">\r\n <div class=\"program__card reveal\">\r\n <span class=\"icon\">\ud83c\udfb2<\/span>\r\n <h3>Brettspiele & Gaming<\/h3>\r\n <p>Retro-Klassiker und moderne Hits \u2013 f\u00fcr jeden Spielertyp das Richtige.<\/p>\r\n <\/div>\r\n <div class=\"program__card reveal\">\r\n <span class=\"icon\">\ud83d\udd79\ufe0f<\/span>\r\n <h3>Retro & Moderne Highlights<\/h3>\r\n <p>Von pixeligen 8-Bit-Legenden bis hin zu aktuellen Gaming-Perlen.<\/p>\r\n <\/div>\r\n <div class=\"program__card reveal\">\r\n <span class=\"icon\">\ud83c\udfb5<\/span>\r\n <h3>Livemusik<\/h3>\r\n <p>Perfekte Stimmung um <strong>12:00<\/strong> & <strong>16:00 Uhr<\/strong> \u2013 lass dich durch die T\u00f6ne verzaubern.<\/p>\r\n <\/div>\r\n <div class=\"program__card reveal\">\r\n <span class=\"icon\">\ud83c\udfa8<\/span>\r\n <h3>Kinderschminken<\/h3>\r\n <p>Kleine Gesichter, gro\u00dfe Verwandlungen \u2013 Superhelden, Tiger & mehr.<\/p>\r\n <\/div>\r\n <div class=\"program__card reveal\">\r\n <span class=\"icon\">\u2728<\/span>\r\n <h3>Zauberer f\u00fcr Gro\u00df & Klein<\/h3>\r\n <p>Staunen erlaubt! Magie und Tricks, die Jung & Alt begeistern.<\/p>\r\n <\/div>\r\n <div class=\"program__card reveal\">\r\n <span class=\"icon\">\ud83c\udf54<\/span>\r\n <h3>Snacks & Drinks<\/h3>\r\n <p>St\u00e4rk dich f\u00fcr das n\u00e4chste Level \u2013 leckere Verpflegung vor Ort.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"pixel-divider\"><\/div>\r\n\r\n<!-- STORY -->\r\n<section class=\"story\">\r\n <div class=\"story__inner\">\r\n <h2 class=\"story__headline reveal\">\r\n Stell dir einen Tag vor,<br>\r\n an dem <span class=\"accent\">Zeit keine Rolle<\/span> spielt.\r\n <\/h2>\r\n <p class=\"story__text-block reveal\">\r\n Ein Raum, in dem Kinder mit <strong>leuchtenden Augen<\/strong> spielen,\r\n Eltern wieder <strong>lachen wie fr\u00fcher<\/strong> und Freunde nebeneinandersitzen,\r\n ohne auf ein Handy zu schauen.\r\n <\/p>\r\n <p class=\"story__text-block reveal\">\r\n Ein Moment, in dem <span class=\"cyan\">Musik<\/span> die Werkstattb\u00fchne erf\u00fcllt,\r\n ein Zauberer <strong>staunen<\/strong> l\u00e4sst und ein geschminkter kleiner Tiger\r\n f\u00fcr einen <span class=\"yellow\">Augenblick<\/span> wirklich einer ist.\r\n <\/p>\r\n <p class=\"story__text-block reveal\">\r\n Ein Tag, an dem <span class=\"yellow\">W\u00fcrfel<\/span> rollen,\r\n <span class=\"cyan\">Controller<\/span> weitergereicht werden\r\n und aus <span class=\"green\">Fremden Mitspieler<\/span> werden.\r\n <\/p>\r\n <p class=\"story__text-block reveal\">\r\n Und w\u00e4hrend wir all das erleben, geschieht im Hintergrund etwas,\r\n das man <strong>nicht sieht<\/strong> \u2013 aber das z\u00e4hlt\u2026\r\n <\/p>\r\n <div class=\"story__callout reveal\">\r\n <p>\r\n Ein <span>Tier<\/span> bekommt <strong>Futter.<\/strong><br>\r\n Ein <span class=\"pink\">verletzter Hund<\/span> bekommt <strong>Pflege.<\/strong><br>\r\n Eine Katze bekommt eine <span>zweite Chance.<\/span>\r\n <\/p>\r\n <\/div>\r\n <p class=\"story__cta reveal\">\r\n Komm am <strong>17. Mai<\/strong> vorbei \u2013<br>\r\n und mach aus einem Spielmoment echte Hoffnung.\r\n <\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- 2. TICKET CTA \u2013 nach Story (Mid-Page) -->\r\n<section class=\"presale-cta\">\r\n <div class=\"presale-cta__inner\">\r\n <p class=\"presale-cta__label reveal\">\ud83c\udf9f\ufe0f  VORVERKAUF  \u2013  EXKLUSIVE VORTEILE<\/p>\r\n <h2 class=\"presale-cta__headline reveal\">\r\n JETZT TICKET SICHERN<br>\r\n & <span class=\"highlight\">MEHR BEKOMMEN<\/span>\r\n <\/h2>\r\n <div class=\"presale-cta__perks reveal\">\r\n <div class=\"presale-cta__perk\">\r\n <span class=\"perk-emoji\">\ud83c\udf79<\/span>\r\n <span class=\"perk-title\">1 GRATISGETR\u00c4NK<\/span>\r\n <span class=\"perk-sub\">Exklusiv f\u00fcr Vorverkaufs-<br>Tickets \u2013 an der Bar einl\u00f6sbar<\/span>\r\n <\/div>\r\n <div class=\"presale-cta__perk\">\r\n <span class=\"perk-emoji\">\u26a1<\/span>\r\n <span class=\"perk-title\">FAST LANE EINGANG<\/span>\r\n <span class=\"perk-sub\">Kein Anstehen \u2013<br>direkt rein ins Spiel<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/tickets.visitbregenz.com\/webshop\/webticket\/shop?event=632\"\r\n class=\"presale-cta__btn reveal\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\">\r\n \ud83c\udf9f\ufe0f JETZT IM VORVERKAUF KAUFEN\r\n <\/a>\r\n <p class=\"presale-cta__note reveal\">Nur 5 \u20ac \u00b7 Gesamter Erl\u00f6s geht ans Vorarlberger Tierschutzheim<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"pixel-divider\"><\/div>\r\n\r\n<!-- CAUSE -->\r\n<section class=\"cause\">\r\n <div class=\"cause__badge\">\ud83d\udc3e  ALLES F\u00dcR DEN GUTEN ZWECK<\/div>\r\n <p class=\"cause__label reveal\">Eintritt \u2013\r\n <span class=\"cause__amount reveal\">5 \u20ac<\/span>\r\n <\/p>\r\n <p class=\"cause__org reveal\">\r\n <strong>Der gesamte Erl\u00f6s des Spielefest 5.0<\/strong> geht an das\r\n <strong>Vorarlberger Tierschutzheim<\/strong>.<br>\r\n Wir spielen nicht nur f\u00fcr uns \u2013 wir spielen f\u00fcr Hoffnung,\r\n f\u00fcr Zusammenhalt und f\u00fcr die leisen Wesen, die keine Stimme haben.\r\n <\/p>\r\n <div class=\"cause__tagline reveal\">\r\n <span>Spielen<\/span>\r\n <span>Lachen<\/span>\r\n <span>Helfen<\/span>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- 3. TICKET BANNER \u2013 klickbar mit Perks -->\r\n<a href=\"https:\/\/tickets.visitbregenz.com\/webshop\/webticket\/shop?event=632\"\r\n class=\"ticket-banner\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n aria-label=\"Tickets kaufen\">\r\n <div class=\"ticket-banner__inner\">\r\n <p>\ud83c\udf9f\ufe0f  <span class=\"price\">EINTRITT: 5 \u20ac<\/span>  \u00b7  ALLE EINNAHMEN \u2192 VORARLBERGER TIERSCHUTZHEIM \ud83d\udc3e<\/p>\r\n <p class=\"perks-inline\">\ud83c\udf79 GRATISGETR\u00c4NK  |  \u26a1 FAST LANE<\/p>\r\n <p class=\"click-hint\">\u25b6 JETZT TICKET KAUFEN<\/p>\r\n <\/div>\r\n<\/a>\r\n\r\n<!-- ORGANIZERS -->\r\n<section class=\"organizers\">\r\n <div class=\"section-title reveal\" style=\"margin-bottom: 32px;\">VERANSTALTER & PARTNER<\/div>\r\n\r\n <!-- HAUPTSPONSOR -->\r\n <div class=\"org__main-sponsor reveal\">\r\n <a href=\"https:\/\/raibabregenz.at\/\" target=\"_blank\" rel=\"noopener\" class=\"org__sponsor-card\">\r\n <span class=\"org__sponsor-eyebrow\">\u2b50  HAUPTSPONSOR  \u2b50<\/span>\r\n <div class=\"org__sponsor-logo-wrap\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.spielefest-bregenz.at\/wp-content\/uploads\/2026\/03\/Logo-Raiba.png\"\r\n alt=\"Raiffeisenbank\"\r\n onerror=\"this.parentNode.innerHTML='<span style=\\'font-family:var(--pixel);font-size:12px;color:#cc0000;letter-spacing:.06em;\\'>RAIFFEISENBANK<\/span>'\"\r\n >\r\n <\/div>\r\n <span class=\"org__sponsor-tagline\">Gemeinsam stark f\u00fcr Bregenz<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- UNTERST\u00dcTZER -->\r\n <div class=\"org__divider reveal\">\u2500\u2500 UNTERST\u00dcTZER \u2500\u2500<\/div>\r\n <div class=\"org__logos reveal\">\r\n <a href=\"https:\/\/www.bregenz.at\" target=\"_blank\" rel=\"noopener\" class=\"org__logo-chip\">\ud83c\udfdb STADT BREGENZ<\/a>\r\n <a href=\"https:\/\/visitbregenz.com\" target=\"_blank\" rel=\"noopener\" class=\"org__logo-chip org__logo-chip--cosponsor\">\r\n <span class=\"cosponsor-eyebrow\">SPECIAL THANKS<\/span>\r\n \ud83d\udccd STADTMARKETING BREGENZ\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- VERANSTALTER & AUSSTELLER -->\r\n <div class=\"org__divider reveal\">\u2500\u2500 VERANSTALTER & AUSSTELLER \u2500\u2500<\/div>\r\n <div class=\"org__logos reveal\">\r\n <a href=\"https:\/\/realityescape.at\" target=\"_blank\" rel=\"noopener\" class=\"org__logo-chip\">REALITY ESCAPE<\/a>\r\n <a href=\"https:\/\/www.lumpis.at\" target=\"_blank\" rel=\"noopener\" class=\"org__logo-chip\">LUMPIS<\/a>\r\n <a href=\"https:\/\/www.game-zone.at\" target=\"_blank\" rel=\"noopener\" class=\"org__logo-chip\">GAME ZONE<\/a>\r\n <a href=\"https:\/\/jause-pause.at\" target=\"_blank\" rel=\"noopener\" class=\"org__logo-chip\">JAUSE:PAUSE<\/a>\r\n <a href=\"https:\/\/anarcholab.itch.io\" target=\"_blank\" rel=\"noopener\" class=\"org__logo-chip\">ANARCHOLAB<\/a>\r\n <a href=\"https:\/\/www.pokevend.at\" target=\"_blank\" rel=\"noopener\" class=\"org__logo-chip\">POK\u00c8VEND<\/a>\r\n <a href=\"https:\/\/cobo-print.at\" target=\"_blank\" rel=\"noopener\" class=\"org__logo-chip\">COBOPRINT AND MORE<\/a>\r\n <a href=\"https:\/\/spieleentwicklung-bodensee.de\" target=\"_blank\" rel=\"noopener\" class=\"org__logo-chip\">SPIELEENTWICKLUNG BODENSEE<\/a>\r\n <a href=\"https:\/\/drwuro.com\" target=\"_blank\" rel=\"noopener\" class=\"org__logo-chip\">DR. WURO INDUSTRIES<\/a>\r\n <a href=\"http:\/\/gemuesegarten-spiel.com\/\" target=\"_blank\" rel=\"noopener\" class=\"org__logo-chip\">BOARD BEAR GAMES<\/a>\r\n <a href=\"https:\/\/www.tierschutzheim-vorarlberg.at\" target=\"_blank\" rel=\"noopener\" class=\"org__logo-chip\" style=\"border-color:var(--yellow);color:var(--yellow-bright);\">VORARLBERGER TIERSCHUTZHEIM<\/a>\r\n <\/div>\r\n\r\n <p class=\"reveal\" style=\"font-size:15px; color:rgba(255,255,255,.5); max-width:500px; margin:0 auto;\">\r\n \ud83d\udccd Werkstattb\u00fchne Bregenz<br>\ud83d\udcc5 So. 17. Mai 2026  \u00b7  \ud83d\udd5b 10 \u2013 18 Uhr\r\n <\/p>\r\n<\/section>\r\n\r\n<!-- FOOTER TICKET CTA (4. Erw\u00e4hnung \u2013 vor Footer) -->\r\n<div class=\"footer-ticket\">\r\n <div class=\"footer-ticket__inner\">\r\n <h3 class=\"footer-ticket__headline reveal\">\r\n NOCH KEIN TICKET?<br>\r\n <span class=\"accent\">SO. 17. MAI \u00b7 BREGENZ<\/span>\r\n <\/h3>\r\n <div class=\"footer-ticket__perks reveal\">\r\n <span class=\"footer-ticket__perk\">\ud83c\udf79 1 GRATISGETR\u00c4NK IM VORVERKAUF<\/span>\r\n <span class=\"footer-ticket__perk\">\u26a1 FAST LANE EINGANG<\/span>\r\n <span class=\"footer-ticket__perk\">\ud83d\udc3e GUTER ZWECK: 5 \u20ac<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/tickets.visitbregenz.com\/webshop\/webticket\/shop?event=632\"\r\n class=\"footer-ticket__btn reveal\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\">\r\n \ud83c\udf9f\ufe0f TICKET SICHERN\r\n <\/a>\r\n <p class=\"footer-ticket__sub reveal\">Vorverkauf \u00fcber visitbregenz.com \u00b7 Alle Einnahmen gehen ans Tierschutzheim<\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n <div class=\"hearts\">\u2764\ufe0f \u2764\ufe0f \u2764\ufe0f<\/div>\r\n <p class=\"pixel-text\">\r\n SPIELEFEST <span>5.0<\/span>  |  BREGENZ 2026<br>\r\n SPIELEN. LACHEN. HELFEN.<br><br>\r\n WERKSTATTB\u00dcHNE BREGENZ  \u00b7  SO 17. MAI  \u00b7  10:00 \u2013 18:00 UHR\r\n <\/p>\r\n<\/footer>\r\n\r\n<script>\r\n const reveals = document.querySelectorAll('.reveal');\r\n const io = new IntersectionObserver((entries) => {\r\n entries.forEach((e, i) => {\r\n if (e.isIntersecting) setTimeout(() => e.target.classList.add('visible'), i * 80);\r\n });\r\n }, { threshold: 0.12 });\r\n reveals.forEach(el => io.observe(el));\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Spielefest 5.0 \u2013 Das Familien-Gaming-Event in Bregenz REALITY ESCAPE | LUMPIS | GAME ZONE JAUSE:PAUSE | ANARCHOLAB | POK\u00c8VEND DR. WURO INDUSTRIES | BOARD BEAR GAMES SPIELEFEST 5.0 Das Familien-Gaming-Event in Bregenz powered by RAIFFEISENBANK \ud83d\udcc5  SONNTAG, 17. MAI 2026 \u23f0  10:00 \u2013 18:00 UHR \ud83d\udccd  WERKSTATTB\u00dcHNE BREGENZ \ud83c\udf79 VORVERKAUF = 1 GRATISGETR\u00c4NK \u26a1 FAST […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Spielefest Bregenz - Spielefest Bregenz<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.spielefest-bregenz.at\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Spielefest Bregenz - Spielefest Bregenz\" \/>\n<meta property=\"og:description\" content=\"Spielefest 5.0 \u2013 Das Familien-Gaming-Event in Bregenz REALITY ESCAPE | LUMPIS | GAME ZONE JAUSE:PAUSE | ANARCHOLAB | POK\u00c8VEND DR. WURO INDUSTRIES | BOARD BEAR GAMES SPIELEFEST 5.0 Das Familien-Gaming-Event in Bregenz powered by RAIFFEISENBANK \ud83d\udcc5  SONNTAG, 17. MAI 2026 \u23f0  10:00 \u2013 18:00 UHR \ud83d\udccd  WERKSTATTB\u00dcHNE BREGENZ \ud83c\udf79 VORVERKAUF = 1 GRATISGETR\u00c4NK \u26a1 FAST […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.spielefest-bregenz.at\/\" \/>\n<meta property=\"og:site_name\" content=\"Spielefest Bregenz\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-01T10:23:34+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"18\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.spielefest-bregenz.at\/\",\"url\":\"https:\/\/www.spielefest-bregenz.at\/\",\"name\":\"Spielefest Bregenz - Spielefest Bregenz\",\"isPartOf\":{\"@id\":\"https:\/\/www.spielefest-bregenz.at\/#website\"},\"datePublished\":\"2026-02-23T18:22:00+00:00\",\"dateModified\":\"2026-04-01T10:23:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.spielefest-bregenz.at\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.spielefest-bregenz.at\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.spielefest-bregenz.at\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Start\",\"item\":\"https:\/\/www.spielefest-bregenz.at\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Spielefest Bregenz\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.spielefest-bregenz.at\/#website\",\"url\":\"https:\/\/www.spielefest-bregenz.at\/\",\"name\":\"Spielefest Bregenz\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.spielefest-bregenz.at\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Spielefest Bregenz - Spielefest Bregenz","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.spielefest-bregenz.at\/","og_locale":"de_DE","og_type":"article","og_title":"Spielefest Bregenz - Spielefest Bregenz","og_description":"Spielefest 5.0 \u2013 Das Familien-Gaming-Event in Bregenz REALITY ESCAPE | LUMPIS | GAME ZONE JAUSE:PAUSE | ANARCHOLAB | POK\u00c8VEND DR. WURO INDUSTRIES | BOARD BEAR GAMES SPIELEFEST 5.0 Das Familien-Gaming-Event in Bregenz powered by RAIFFEISENBANK \ud83d\udcc5  SONNTAG, 17. MAI 2026 \u23f0  10:00 \u2013 18:00 UHR \ud83d\udccd  WERKSTATTB\u00dcHNE BREGENZ \ud83c\udf79 VORVERKAUF = 1 GRATISGETR\u00c4NK \u26a1 FAST […]","og_url":"https:\/\/www.spielefest-bregenz.at\/","og_site_name":"Spielefest Bregenz","article_modified_time":"2026-04-01T10:23:34+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"18\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.spielefest-bregenz.at\/","url":"https:\/\/www.spielefest-bregenz.at\/","name":"Spielefest Bregenz - Spielefest Bregenz","isPartOf":{"@id":"https:\/\/www.spielefest-bregenz.at\/#website"},"datePublished":"2026-02-23T18:22:00+00:00","dateModified":"2026-04-01T10:23:34+00:00","breadcrumb":{"@id":"https:\/\/www.spielefest-bregenz.at\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.spielefest-bregenz.at\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.spielefest-bregenz.at\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https:\/\/www.spielefest-bregenz.at\/"},{"@type":"ListItem","position":2,"name":"Spielefest Bregenz"}]},{"@type":"WebSite","@id":"https:\/\/www.spielefest-bregenz.at\/#website","url":"https:\/\/www.spielefest-bregenz.at\/","name":"Spielefest Bregenz","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.spielefest-bregenz.at\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/www.spielefest-bregenz.at\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.spielefest-bregenz.at\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.spielefest-bregenz.at\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.spielefest-bregenz.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.spielefest-bregenz.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":43,"href":"https:\/\/www.spielefest-bregenz.at\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":66,"href":"https:\/\/www.spielefest-bregenz.at\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/66"}],"wp:attachment":[{"href":"https:\/\/www.spielefest-bregenz.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}