{"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-07-14T11:12:41","modified_gmt":"2026-07-14T11:12:41","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 6.0 \u2013 Das Familien-Gaming-Event in Bregenz<\/title>\r\n<meta name=\"description\" content=\"Spielefest 6.0 am 8. November 2026 in der Werkstattb\u00fchne Bregenz. Gaming, Livemusik, Zauberer & mehr \u2013 der gesamte Erl\u00f6s geht an Geben f\u00fcr Leben.\">\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 --red: #e11d48;\r\n --red-light: #fb7185;\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 \/* \u2500\u2500 HERO \u2500\u2500 *\/\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 @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-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: var(--navy);\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 { height: 22px; width: auto; display: block; }\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: 40px;\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 .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 .hero__buttons {\r\n display: flex;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n animation: fadeDown .8s .4s ease both;\r\n }\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 @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; 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: ''; position: absolute; 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 \/* \u2500\u2500 AFTERMOVIE \u2500\u2500 *\/\r\n .aftermovie {\r\n padding: 80px 20px;\r\n background: linear-gradient(180deg, #1a0a4b, #12063a);\r\n text-align: center;\r\n }\r\n\r\n .aftermovie__eyebrow {\r\n font-family: var(--pixel);\r\n font-size: 8px;\r\n color: var(--cyan);\r\n letter-spacing: .25em;\r\n margin-bottom: 16px;\r\n opacity: .8;\r\n }\r\n\r\n .aftermovie__title {\r\n font-family: var(--pixel);\r\n font-size: clamp(13px, 2.8vw, 20px);\r\n color: var(--yellow);\r\n text-shadow: 3px 3px 0 rgba(0,0,0,.5);\r\n margin-bottom: 12px;\r\n line-height: 1.7;\r\n }\r\n\r\n .aftermovie__sub {\r\n font-size: 17px;\r\n color: rgba(255,255,255,.6);\r\n font-weight: 700;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .video-frame {\r\n position: relative;\r\n max-width: 860px;\r\n margin: 0 auto;\r\n border-radius: 16px;\r\n padding: 10px;\r\n background: linear-gradient(135deg, var(--purple), var(--pink), var(--yellow), var(--purple));\r\n background-size: 300% 300%;\r\n animation: gradientSlide 8s linear infinite;\r\n box-shadow: 0 20px 60px rgba(0,0,0,.5), 0 0 60px rgba(124,58,237,.2);\r\n }\r\n\r\n .video-frame__inner {\r\n position: relative;\r\n background: #000;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n aspect-ratio: 16 \/ 9;\r\n }\r\n\r\n .video-frame video {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Play overlay *\/\r\n .video-overlay {\r\n position: absolute;\r\n inset: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 20px;\r\n background: linear-gradient(180deg, rgba(13,27,75,.55), rgba(10,18,53,.75));\r\n cursor: pointer;\r\n transition: opacity .4s ease, visibility .4s;\r\n z-index: 2;\r\n }\r\n .video-overlay.hidden { opacity: 0; visibility: hidden; }\r\n\r\n .video-overlay__btn {\r\n width: 84px; height: 84px;\r\n border-radius: 50%;\r\n background: var(--yellow);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 0 0 0 rgba(251,191,36,.55);\r\n animation: playPulse 2.2s ease-out infinite;\r\n transition: transform .2s;\r\n }\r\n .video-overlay:hover .video-overlay__btn { transform: scale(1.08); }\r\n .video-overlay__btn::after {\r\n content: '';\r\n width: 0; height: 0;\r\n border-left: 24px solid var(--deep);\r\n border-top: 15px solid transparent;\r\n border-bottom: 15px solid transparent;\r\n margin-left: 6px;\r\n }\r\n @keyframes playPulse {\r\n 0% { box-shadow: 0 0 0 0 rgba(251,191,36,.5); }\r\n 70% { box-shadow: 0 0 0 26px rgba(251,191,36,0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(251,191,36,0); }\r\n }\r\n\r\n .video-overlay__label {\r\n font-family: var(--pixel);\r\n font-size: clamp(8px, 1.6vw, 11px);\r\n color: var(--white);\r\n letter-spacing: .14em;\r\n text-shadow: 2px 2px 0 rgba(0,0,0,.6);\r\n }\r\n\r\n \/* Fallback if video can't load *\/\r\n .video-fallback {\r\n position: absolute;\r\n inset: 0;\r\n display: none;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n background: linear-gradient(135deg, #1a0a4b, #0d1b4b);\r\n font-family: var(--pixel);\r\n font-size: 9px;\r\n color: rgba(255,255,255,.5);\r\n letter-spacing: .1em;\r\n text-align: center;\r\n padding: 20px;\r\n line-height: 2;\r\n }\r\n .video-fallback .icon { font-size: 32px; }\r\n\r\n .aftermovie__caption {\r\n font-family: var(--pixel);\r\n font-size: 7px;\r\n color: rgba(255,255,255,.35);\r\n letter-spacing: .18em;\r\n margin-top: 24px;\r\n }\r\n\r\n \/* \u2500\u2500 PROGRAM \u2500\u2500 *\/\r\n .program { padding: 80px 20px; background: linear-gradient(180deg, #12063a, #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 .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 .program__card--special {\r\n background: rgba(225,29,72,.1);\r\n border-color: rgba(225,29,72,.45);\r\n }\r\n .program__card--special:hover { border-color: var(--red-light); box-shadow: 0 12px 40px rgba(225,29,72,.28); }\r\n .program__card--special p strong { color: var(--red-light); }\r\n\r\n \/* \u2500\u2500 STORY \u2500\u2500 *\/\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 .red { color: var(--red-light); }\r\n\r\n .story__callout {\r\n background: linear-gradient(135deg, rgba(225,29,72,.22), rgba(236,72,153,.12));\r\n border: 2px solid var(--red-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.8; }\r\n .story__callout p span { color: var(--cyan); }\r\n .story__callout p .pink { color: var(--pink-light); }\r\n\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 CAUSE \u2500\u2500 *\/\r\n .cause { padding: 80px 20px; background: linear-gradient(180deg, #0f0530, #0a1235); text-align: center; }\r\n\r\n .cause__badge {\r\n display: inline-flex; align-items: center; gap: 12px;\r\n background: rgba(225,29,72,.12); border: 2px solid var(--red);\r\n border-radius: 100px; padding: 14px 28px; margin-bottom: 40px;\r\n font-family: var(--pixel); font-size: 10px; color: var(--red-light);\r\n box-shadow: 0 0 30px rgba(225,29,72,.2);\r\n }\r\n\r\n .cause__logo-wrap {\r\n background: #fff;\r\n border-radius: 14px;\r\n padding: 22px 40px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 36px;\r\n min-height: 90px;\r\n box-shadow: 0 8px 30px rgba(0,0,0,.4);\r\n transition: transform .3s, box-shadow .3s;\r\n text-decoration: none;\r\n }\r\n .cause__logo-wrap:hover { transform: translateY(-4px); box-shadow: 0 14px 44px rgba(0,0,0,.5); }\r\n .cause__logo-wrap img { height: 56px; width: auto; display: block; object-fit: contain; max-width: 100%; }\r\n .cause__logo-fallback { font-family: var(--pixel); font-size: 12px; color: #b00020; letter-spacing: .06em; }\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(--red), 0 0 40px rgba(225,29,72,.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: 560px; margin: 0 auto 32px; line-height: 1.75; }\r\n .cause__org strong { color: var(--yellow-bright); }\r\n\r\n .cause__typing {\r\n max-width: 620px;\r\n margin: 0 auto 48px;\r\n background: rgba(255,255,255,.04);\r\n border: 1.5px dashed rgba(225,29,72,.5);\r\n border-radius: 14px;\r\n padding: 26px 28px;\r\n }\r\n .cause__typing h4 {\r\n font-family: var(--pixel);\r\n font-size: 9px;\r\n color: var(--red-light);\r\n letter-spacing: .12em;\r\n margin-bottom: 14px;\r\n line-height: 1.8;\r\n }\r\n .cause__typing p { font-size: 15px; color: rgba(255,255,255,.65); line-height: 1.7; }\r\n .cause__typing p strong { color: var(--white); }\r\n\r\n .cause__tagline {\r\n font-family: var(--pixel);\r\n font-size: clamp(8px, 2vw, 13px);\r\n color: var(--pink-light);\r\n letter-spacing: .1em;\r\n display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;\r\n }\r\n .cause__tagline span::before { content: '\u2605 '; color: var(--yellow); }\r\n\r\n \/* \u2500\u2500 ORGANIZERS \u2500\u2500 *\/\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 \/* Co-Sponsor chip *\/\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 a.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 { font-size: 6px; letter-spacing: .25em; color: var(--cyan); opacity: .7; }\r\n\r\n \/* Hauptsponsor card *\/\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 .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 .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 .org__sponsor-eyebrow { font-family: var(--pixel); font-size: 7px; color: var(--yellow); letter-spacing: .3em; opacity: .75; }\r\n .org__sponsor-logo-wrap {\r\n background: var(--navy);\r\n border-radius: 12px;\r\n padding: 18px 40px;\r\n display: flex; align-items: center; justify-content: center;\r\n min-width: 220px; min-height: 88px;\r\n box-shadow: 0 4px 24px rgba(0,0,0,.35);\r\n }\r\n .org__sponsor-logo-wrap img { height: 60px; width: auto; display: block; object-fit: contain; }\r\n .org__sponsor-tagline { font-family: var(--pixel); font-size: 7px; color: rgba(251,191,36,.55); letter-spacing: .15em; }\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 \u2500\u2500 *\/\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 \/* \u2500\u2500 TICKET BANNER \u2500\u2500 *\/\r\n .ticket-banner { background: linear-gradient(90deg, var(--purple), var(--pink), var(--purple)); background-size: 200% 100%; animation: gradientSlide 4s linear infinite; padding: 20px; text-align: center; }\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\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;\r\n transition: transform .15s, box-shadow .15s;\r\n box-shadow: 4px 4px 0 #b45309;\r\n cursor: pointer;\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\r\n .btn-pixel--ghost {\r\n background: transparent;\r\n color: var(--yellow);\r\n border: 2px solid var(--yellow);\r\n box-shadow: 4px 4px 0 rgba(251,191,36,.3);\r\n }\r\n .btn-pixel--ghost:hover { box-shadow: 6px 6px 0 rgba(251,191,36,.3); background: rgba(251,191,36,.1); }\r\n .btn-pixel--ghost:active { box-shadow: 2px 2px 0 rgba(251,191,36,.3); }\r\n\r\n @media (max-width: 600px) {\r\n .hero__info-box { padding: 18px 20px; }\r\n .hero__buttons { flex-direction: column; width: 100%; max-width: 280px; }\r\n .btn-pixel { padding: 16px 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 .video-frame { padding: 6px; }\r\n .video-overlay__btn { width: 64px; height: 64px; }\r\n .video-overlay__btn::after { border-left-width: 18px; border-top-width: 11px; border-bottom-width: 11px; }\r\n .cause__logo-wrap { padding: 18px 24px; }\r\n .cause__logo-wrap img { height: 42px; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2500\u2500 HERO \u2500\u2500 -->\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 6.0<\/h1>\r\n <p class=\"hero__subtitle\">Das Familien-Gaming-Event in Bregenz<\/p>\r\n\r\n <a href=\"https:\/\/www.raiffeisen.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\" 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 <\/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, 8. NOVEMBER 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 <div class=\"hero__buttons\">\r\n <a href=\"#programm\" class=\"btn-pixel\">\u25b6 MEHR ERFAHREN<\/a>\r\n <a href=\"#aftermovie\" class=\"btn-pixel btn-pixel--ghost\">\ud83c\udfac AFTERMOVIE 5.0<\/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<!-- \u2500\u2500 AFTERMOVIE \u2500\u2500 -->\r\n<section class=\"aftermovie\" id=\"aftermovie\">\r\n <div class=\"aftermovie__eyebrow reveal\">\u25c6 R\u00dcCKBLICK \u25c6<\/div>\r\n <div class=\"aftermovie__title reveal\">DAS WAR DAS SPIELEFEST 5.0<\/div>\r\n <p class=\"aftermovie__sub reveal\">Ein Tag, den wir so schnell nicht vergessen. Und der n\u00e4chste kommt bestimmt.<\/p>\r\n\r\n <div class=\"video-frame reveal\">\r\n <div class=\"video-frame__inner\">\r\n <video id=\"aftermovie-player\" preload=\"metadata\" playsinline controls\r\n onerror=\"document.getElementById('video-fallback').style.display='flex'; document.getElementById('video-overlay').style.display='none';\">\r\n <source src=\"https:\/\/www.spielefest-bregenz.at\/wp-content\/uploads\/2026\/07\/SpielfestAftermovieFinal.mp4\" type=\"video\/mp4\">\r\n Dein Browser unterst\u00fctzt dieses Video leider nicht.\r\n <\/video>\r\n\r\n <div class=\"video-overlay\" id=\"video-overlay\">\r\n <div class=\"video-overlay__btn\"><\/div>\r\n <div class=\"video-overlay__label\">AFTERMOVIE ABSPIELEN<\/div>\r\n <\/div>\r\n\r\n <div class=\"video-fallback\" id=\"video-fallback\">\r\n <span class=\"icon\">\ud83c\udfac<\/span>\r\n AFTERMOVIE SPIELEFEST 5.0<br>\r\n <span style=\"opacity:.6;\">VIDEO KONNTE NICHT GELADEN WERDEN<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"aftermovie__caption reveal\">\u25c4 SPIELEFEST 5.0  \u00b7  MAI 2026  \u00b7  WERKSTATTB\u00dcHNE BREGENZ \u25ba<\/p>\r\n<\/section>\r\n\r\n<div class=\"pixel-divider\"><\/div>\r\n\r\n<!-- \u2500\u2500 PROGRAMM \u2500\u2500 -->\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\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 class=\"program__card program__card--special reveal\">\r\n <span class=\"icon\">\ud83e\ude78<\/span>\r\n <h3>Typisierungsaktion<\/h3>\r\n <p>Freiwillig, kostenlos und in wenigen Minuten erledigt: <strong>Lass dich vor Ort als Stammzellspender:in typisieren<\/strong> \u2013 mit einem einfachen Wangenabstrich.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"pixel-divider\"><\/div>\r\n\r\n<!-- \u2500\u2500 STORY \u2500\u2500 -->\r\n<section class=\"story\">\r\n <div class=\"story__inner\">\r\n <h2 class=\"story__headline reveal\">\r\n Manchmal beginnt ein Leben<br>\r\n neu \u2013 mit einem <span class=\"accent\">Wattest\u00e4bchen.<\/span>\r\n <\/h2>\r\n\r\n <p class=\"story__text-block reveal\">\r\n Stell dir einen Tag vor, an dem <strong>Zeit keine Rolle<\/strong> spielt.\r\n An dem Kinder mit leuchtenden Augen spielen, Eltern wieder lachen wie fr\u00fcher\r\n und aus <span class=\"cyan\">Fremden Mitspieler<\/span> werden.\r\n <\/p>\r\n\r\n <p class=\"story__text-block reveal\">\r\n Und jetzt stell dir jemanden vor, der genau diesen Tag <strong>nicht<\/strong> erleben kann.\r\n Der in einem Zimmer sitzt, in dem es nach Desinfektionsmittel riecht,\r\n und auf einen Anruf wartet. Auf einen einzigen Satz:\r\n <span class=\"yellow\">\u201eWir haben jemanden gefunden.\"<\/span>\r\n <\/p>\r\n\r\n <p class=\"story__text-block reveal\">\r\n Dieser Jemand k\u00f6nnte im Publikum sitzen.\r\n Er k\u00f6nnte gerade <span class=\"cyan\">w\u00fcrfeln<\/span>, an einem Controller ziehen\r\n oder in der Schlange f\u00fcr Pommes stehen.\r\n Er wei\u00df es nur noch nicht.\r\n <\/p>\r\n\r\n <p class=\"story__text-block reveal\">\r\n Denn eine Stammzellspende beginnt nicht im Krankenhaus.\r\n Sie beginnt mit <strong>zehn Sekunden an der Innenseite der Wange<\/strong> \u2013\r\n an einem ganz normalen Sonntag, zwischen zwei Spielrunden.\r\n <\/p>\r\n\r\n <div class=\"story__callout reveal\">\r\n <p>\r\n Ein <span>Kind<\/span> darf wieder <strong>drau\u00dfen spielen.<\/strong><br>\r\n Eine <span class=\"pink\">Mutter<\/span> darf ihren Sohn <strong>aufwachsen sehen.<\/strong><br>\r\n Ein Mensch bekommt eine <span>zweite Chance.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n <p class=\"story__text-block reveal\">\r\n Wir k\u00f6nnen keine Wunder machen.\r\n Aber wir k\u00f6nnen einen Raum schaffen, in dem sie <span class=\"red\">m\u00f6glich<\/span> werden.\r\n <\/p>\r\n\r\n <p class=\"story__cta reveal\">\r\n Komm am <strong>8. November<\/strong> vorbei \u2013<br>\r\n spiel mit uns. Lach mit uns.<br>\r\n Und vielleicht rettest du nebenbei ein Leben.\r\n <\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"pixel-divider\"><\/div>\r\n\r\n<!-- \u2500\u2500 CAUSE \u2500\u2500 -->\r\n<section class=\"cause\">\r\n <div class=\"cause__badge\">\ud83e\udd0d  ALLES F\u00dcR DEN GUTEN ZWECK<\/div>\r\n\r\n <div style=\"margin-bottom: 8px;\" class=\"reveal\">\r\n <a href=\"https:\/\/www.gebenfuerleben.at\" target=\"_blank\" rel=\"noopener\" class=\"cause__logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.spielefest-bregenz.at\/wp-content\/uploads\/2026\/07\/Logo_GFL_lang.webp\"\r\n alt=\"Geben f\u00fcr Leben\"\r\n onerror=\"this.parentNode.innerHTML='<span class="cause__logo-fallback">GEBEN FÜR LEBEN<\/span>'\">\r\n <\/a>\r\n <\/div>\r\n\r\n <p class=\"cause__label reveal\">Eintritt \u2013\r\n <span class=\"cause__amount reveal\">5 \u20ac<\/span>\r\n <\/p>\r\n\r\n <p class=\"cause__org reveal\">\r\n <strong>Der gesamte Erl\u00f6s des Spielefest 6.0<\/strong> geht an\r\n <strong>Geben f\u00fcr Leben<\/strong> \u2013 den Verein, der Menschen mit Leuk\u00e4mie\r\n und anderen Blutkrankheiten mit passenden Stammzellspender:innen zusammenbringt.<br><br>\r\n Jede Typisierung kostet Geld. Jeder Eintritt bringt uns einer Typisierung n\u00e4her.\r\n <\/p>\r\n\r\n <div class=\"cause__typing reveal\">\r\n <h4>\ud83e\ude78  TYPISIERUNG VOR ORT  \ud83e\ude78<\/h4>\r\n <p>\r\n Beim Spielefest 6.0 kannst du dich <strong>freiwillig und kostenlos<\/strong> typisieren lassen.\r\n Alles, was es braucht: ein Wangenabstrich, ein Formular und ein paar Minuten deiner Zeit.\r\n <br><br>\r\n Kein Blut. Keine Verpflichtung. Nur die Chance, irgendwann f\u00fcr jemanden\r\n <strong>der eine passende Mensch<\/strong> zu sein.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"cause__tagline reveal\">\r\n <span>Spielen<\/span>\r\n <span>Lachen<\/span>\r\n <span>Leben schenken<\/span>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 TICKET BANNER \u2500\u2500 -->\r\n<div class=\"ticket-banner\">\r\n <p>\ud83c\udf9f\ufe0f  <span class=\"price\">EINTRITT: 5 \u20ac<\/span>  \u00b7  ALLE EINNAHMEN GEHEN AN GEBEN F\u00dcR LEBEN  \ud83e\udd0d<\/p>\r\n<\/div>\r\n\r\n<!-- \u2500\u2500 ORGANIZERS \u2500\u2500 -->\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:\/\/www.raiffeisen.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\" 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:#fff;letter-spacing:.06em;\\'>RAIFFEISENBANK<\/span>'\">\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.gebenfuerleben.at\" target=\"_blank\" rel=\"noopener\" class=\"org__logo-chip\" style=\"border-color:var(--red);color:var(--red-light);\">\ud83e\udd0d GEBEN F\u00dcR LEBEN<\/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. 8. November 2026  \u00b7  \ud83d\udd5b 10 \u2013 18 Uhr\r\n <\/p>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 FOOTER \u2500\u2500 -->\r\n<footer>\r\n <div class=\"hearts\">\ud83e\udd0d \ud83e\udd0d \ud83e\udd0d<\/div>\r\n <p class=\"pixel-text\">\r\n SPIELEFEST <span>6.0<\/span>  |  BREGENZ 2026<br>\r\n SPIELEN. LACHEN. LEBEN SCHENKEN.<br><br>\r\n WERKSTATTB\u00dcHNE BREGENZ  \u00b7  SO 8. NOVEMBER  \u00b7  10:00 \u2013 18:00 UHR\r\n <\/p>\r\n<\/footer>\r\n\r\n<script>\r\n \/\/ Scroll reveal\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\r\n \/\/ Video overlay -> play\r\n const player = document.getElementById('aftermovie-player');\r\n const overlay = document.getElementById('video-overlay');\r\n\r\n overlay.addEventListener('click', () => {\r\n overlay.classList.add('hidden');\r\n player.play();\r\n });\r\n player.addEventListener('play', () => overlay.classList.add('hidden'));\r\n player.addEventListener('pause', () => { if (player.currentTime === 0) overlay.classList.remove('hidden'); });\r\n player.addEventListener('ended', () => overlay.classList.remove('hidden'));\r\n\r\n \/\/ Smooth scroll for hero buttons\r\n document.querySelectorAll('.hero__buttons a').forEach(btn => {\r\n btn.addEventListener('click', (e) => {\r\n const target = document.querySelector(btn.getAttribute('href'));\r\n if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth' }); }\r\n });\r\n });\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 6.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 6.0 Das Familien-Gaming-Event in Bregenz powered by RAIFFEISENBANK \ud83d\udcc5  SONNTAG, 8. NOVEMBER 2026 \u23f0  10:00 \u2013 18:00 UHR \ud83d\udccd  WERKSTATTB\u00dcHNE BREGENZ \u25b6 MEHR ERFAHREN \ud83c\udfac AFTERMOVIE 5.0 SCROLL […]<\/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 v28.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 6.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 6.0 Das Familien-Gaming-Event in Bregenz powered by RAIFFEISENBANK \ud83d\udcc5  SONNTAG, 8. NOVEMBER 2026 \u23f0  10:00 \u2013 18:00 UHR \ud83d\udccd  WERKSTATTB\u00dcHNE BREGENZ \u25b6 MEHR ERFAHREN \ud83c\udfac AFTERMOVIE 5.0 SCROLL […]\" \/>\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-07-14T11:12:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.spielefest-bregenz.at\/wp-content\/uploads\/2026\/03\/Logo-Raiba.png\" \/>\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=\"19\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\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.spielefest-bregenz.at\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.spielefest-bregenz.at\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.spielefest-bregenz.at\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Logo-Raiba.png\",\"datePublished\":\"2026-02-23T18:22:00+00:00\",\"dateModified\":\"2026-07-14T11:12:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.spielefest-bregenz.at\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.spielefest-bregenz.at\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.spielefest-bregenz.at\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.spielefest-bregenz.at\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Logo-Raiba.png\",\"contentUrl\":\"https:\\\/\\\/www.spielefest-bregenz.at\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Logo-Raiba.png\",\"width\":338,\"height\":111},{\"@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 6.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 6.0 Das Familien-Gaming-Event in Bregenz powered by RAIFFEISENBANK \ud83d\udcc5  SONNTAG, 8. NOVEMBER 2026 \u23f0  10:00 \u2013 18:00 UHR \ud83d\udccd  WERKSTATTB\u00dcHNE BREGENZ \u25b6 MEHR ERFAHREN \ud83c\udfac AFTERMOVIE 5.0 SCROLL […]","og_url":"https:\/\/www.spielefest-bregenz.at\/","og_site_name":"Spielefest Bregenz","article_modified_time":"2026-07-14T11:12:41+00:00","og_image":[{"url":"https:\/\/www.spielefest-bregenz.at\/wp-content\/uploads\/2026\/03\/Logo-Raiba.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"19\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"},"primaryImageOfPage":{"@id":"https:\/\/www.spielefest-bregenz.at\/#primaryimage"},"image":{"@id":"https:\/\/www.spielefest-bregenz.at\/#primaryimage"},"thumbnailUrl":"https:\/\/www.spielefest-bregenz.at\/wp-content\/uploads\/2026\/03\/Logo-Raiba.png","datePublished":"2026-02-23T18:22:00+00:00","dateModified":"2026-07-14T11:12:41+00:00","breadcrumb":{"@id":"https:\/\/www.spielefest-bregenz.at\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.spielefest-bregenz.at\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.spielefest-bregenz.at\/#primaryimage","url":"https:\/\/www.spielefest-bregenz.at\/wp-content\/uploads\/2026\/03\/Logo-Raiba.png","contentUrl":"https:\/\/www.spielefest-bregenz.at\/wp-content\/uploads\/2026\/03\/Logo-Raiba.png","width":338,"height":111},{"@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":49,"href":"https:\/\/www.spielefest-bregenz.at\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/www.spielefest-bregenz.at\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/74"}],"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}]}}