@font-face{font-family:Ed Interlock;src:url(/Ed-Interlock.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/Inter_28pt-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--color-violet: #951B80;--color-hellblau: #65C4DE;--color-orange: #F39207;--color-pink: #E50B7E;--color-gelb: #FFED00;--color-gruen: #B1CC3F;--color-dunkelblau: #283583;--color-background: var(--color-violet);--color-text: #ffffff;--color-text-dark: var(--color-dunkelblau);--color-primary: var(--color-hellblau);--color-secondary: var(--color-orange);--color-accent: var(--color-gelb);--color-highlight: var(--color-gruen);--color-special: var(--color-pink);--font-heading: "Ed Interlock", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;font-family:var(--font-body);line-height:1.6;font-weight:400;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-background)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin:0 0 .5em;line-height:1.1;font-weight:400;text-transform:uppercase;letter-spacing:.02em}h1{font-size:clamp(2rem,5vw + 1rem,3.5rem);color:var(--color-gelb)}h2{font-size:clamp(1.5rem,3vw + .75rem,2.5rem);color:var(--color-hellblau)}h3{font-size:clamp(1.25rem,2vw + .5rem,1.75rem);color:var(--color-orange)}h4{font-size:clamp(1.125rem,1.5vw + .5rem,1.375rem);color:var(--color-gruen)}h5{font-size:1.125rem;color:var(--color-text)}h6{font-size:1rem;color:var(--color-text)}p{font-family:var(--font-body);font-size:clamp(1rem,.5vw + .9rem,1.125rem);margin:0 0 1em;line-height:1.7}a{font-weight:500;color:var(--color-hellblau);text-decoration:none;transition:color .25s ease}a:hover{color:var(--color-orange)}button,.btn{display:inline-block;border-radius:8px;border:2px solid transparent;padding:.75em 1.5em;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--color-orange);color:var(--color-text);cursor:pointer;transition:all .25s ease}button:hover,.btn:hover{background-color:var(--color-orange);color:var(--color-dunkelblau);transform:translateY(-2px)}button:focus,button:focus-visible{outline:3px solid var(--color-hellblau);outline-offset:2px}.btn-primary{background-color:var(--color-hellblau);color:var(--color-dunkelblau)}.btn-primary:hover{background-color:var(--color-orange)}.btn-secondary{background-color:transparent;border-color:var(--color-hellblau);color:var(--color-hellblau)}.btn-secondary:hover{background-color:var(--color-hellblau);color:var(--color-dunkelblau)}.btn-accent{background-color:var(--color-gruen);color:var(--color-dunkelblau)}.btn-accent:hover{background-color:var(--color-orange)}.text-hellblau{color:var(--color-hellblau)}.text-orange{color:var(--color-orange)}.text-pink{color:var(--color-pink)}.text-gelb{color:var(--color-gelb)}.text-gruen{color:var(--color-gruen)}.text-dunkelblau{color:var(--color-dunkelblau)}.text-violet{color:var(--color-violet)}.bg-hellblau{background-color:var(--color-hellblau)}.bg-orange{background-color:var(--color-orange)}.bg-pink{background-color:var(--color-pink)}.bg-gelb{background-color:var(--color-gelb)}.bg-gruen{background-color:var(--color-gruen)}.bg-dunkelblau{background-color:var(--color-dunkelblau)}.bg-violet{background-color:var(--color-violet)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:4rem 0}.card{background-color:#ffffff1a;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0003}@media(max-width:768px){.card{backdrop-filter:none;-webkit-backdrop-filter:none}.card{transition:none}.card:hover{transform:none}}.loading-screen{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-violet);overflow:hidden}.loading-screen__composite{position:relative;width:min(85vw,85vh);height:min(85vw,85vh);display:flex;align-items:center;justify-content:center}@media(min-width:768px){.loading-screen__composite{width:min(70vw,80vh,900px);height:min(70vw,80vh,900px)}}@media(min-width:1200px){.loading-screen__composite{width:min(60vw,85vh,1100px);height:min(60vw,85vh,1100px)}}.loading-screen__layer{position:absolute;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;opacity:0;will-change:transform,opacity}.loading-screen__layer--graefelfing{animation:fly-from-left .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay)}.loading-screen__layer--kulturfestival{animation:fly-from-right .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay)}.loading-screen__layer--bratwurst{animation:fly-from-top .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay)}.loading-screen__layer--cappuccino{animation:fly-from-bottom-left .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay)}.loading-screen__layer--cocktail{animation:fly-from-top-right .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay)}.loading-screen__layer--kaese{animation:fly-from-left .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay)}.loading-screen__layer--martini{animation:fly-from-right .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay)}.loading-screen__layer--pommes{animation:fly-from-bottom .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay)}.loading-screen__layer--thai{animation:fly-from-top-left .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay)}.loading-screen__layer--wein{animation:fly-from-bottom-right .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay)}.loading-screen__layer--weinglas{animation:fly-from-top .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay)}@keyframes fly-from-left{0%{opacity:0;transform:translate(-150px) rotate(-15deg) scale(.7)}60%{opacity:1}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes fly-from-right{0%{opacity:0;transform:translate(150px) rotate(15deg) scale(.7)}60%{opacity:1}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes fly-from-top{0%{opacity:0;transform:translateY(-120px) rotate(10deg) scale(.7)}60%{opacity:1}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes fly-from-bottom{0%{opacity:0;transform:translateY(120px) rotate(-10deg) scale(.7)}60%{opacity:1}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes fly-from-top-left{0%{opacity:0;transform:translate(-100px,-100px) rotate(-20deg) scale(.6)}60%{opacity:1}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes fly-from-top-right{0%{opacity:0;transform:translate(100px,-100px) rotate(20deg) scale(.6)}60%{opacity:1}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes fly-from-bottom-left{0%{opacity:0;transform:translate(-100px,100px) rotate(20deg) scale(.6)}60%{opacity:1}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes fly-from-bottom-right{0%{opacity:0;transform:translate(100px,100px) rotate(-20deg) scale(.6)}60%{opacity:1}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}.loading-screen--complete .loading-screen__composite{animation:composite-pulse 1.5s ease-in-out infinite}@keyframes composite-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}50%{transform:scale(1.02);filter:drop-shadow(0 0 30px rgba(255,237,0,.3))}}.loading-screen--exit{animation:screen-exit .3s ease-in forwards}.loading-screen--exit .loading-screen__composite{animation:composite-exit .25s ease-in forwards}@keyframes screen-exit{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes composite-exit{0%{transform:scale(1);opacity:1}to{transform:scale(1.1);opacity:0}}.loading-screen__progress{position:absolute;bottom:50px;left:50%;transform:translate(-50%);width:min(300px,80vw);height:3px;background-color:#ffffff26;border-radius:2px;overflow:hidden}.loading-screen__progress-bar{height:100%;background:linear-gradient(90deg,var(--color-hellblau),var(--color-gelb),var(--color-orange),var(--color-gruen));background-size:200% 100%;border-radius:2px;animation:progress-fill 1.8s ease-out forwards,progress-gradient .8s linear infinite}@keyframes progress-fill{0%{width:0%}to{width:100%}}@keyframes progress-gradient{0%{background-position:0% 0%}to{background-position:200% 0%}}.loading-screen--exit .loading-screen__progress{animation:fade-out .3s ease-in forwards}@keyframes fade-out{to{opacity:0}}@media(max-width:767px){.loading-screen__layer{animation-duration:.5s!important}.loading-screen__progress-bar{animation:progress-fill 1.2s ease-out forwards,progress-gradient .8s linear infinite}.loading-screen--exit{animation:screen-exit .2s ease-in forwards}.loading-screen--exit .loading-screen__composite{animation:composite-exit .15s ease-in forwards}}@media(prefers-reduced-motion:reduce){.loading-screen__layer{animation:none!important;opacity:1;transform:none}.loading-screen--complete .loading-screen__composite{animation:none}.loading-screen__progress-bar{animation:none;width:100%}.loading-screen--exit{animation:screen-exit .3s ease-in forwards}}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.5rem 0;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav--scrolled{padding:1rem 0;background:#951b80f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 30px #0003}.nav__container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.nav__logo{display:flex;align-items:baseline;gap:.15em;text-decoration:none;font-family:var(--font-heading);font-size:clamp(1.25rem,3vw,1.75rem);text-transform:uppercase;letter-spacing:.02em;z-index:1001;transition:transform .3s ease}.nav__logo:hover{transform:scale(1.02)}.nav--open .nav__logo{opacity:0;pointer-events:none}.nav__logo-img{height:clamp(35px,5vw,50px);width:auto;object-fit:contain}.nav__desktop{display:none;gap:.5rem}.nav__link{font-family:var(--font-heading);font-size:1.1rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text);text-decoration:none;padding:.5rem 1rem;position:relative;transition:color .3s ease}.nav__link:before{content:"";position:absolute;bottom:0;left:1rem;right:1rem;height:3px;background:var(--color-gelb);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.4,0,.2,1)}.nav__link:hover{color:var(--color-gelb)}.nav__link:hover:before,.nav__link--active:before{transform:scaleX(1);transform-origin:left}.nav__link--active{color:var(--color-gelb)}.nav__burger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;padding:0;background:transparent;border:none;cursor:pointer;z-index:1001;gap:6px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.nav__burger span{display:block;width:28px;height:3px;background:var(--color-text);border-radius:3px;transition:all .4s cubic-bezier(.4,0,.2,1);transform-origin:center}.nav__burger:active{transform:scale(.95)}.nav__burger--active span:nth-child(1){transform:translateY(9px) rotate(45deg);background:var(--color-hellblau)}.nav__burger--active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav__burger--active span:nth-child(3){transform:translateY(-9px) rotate(-45deg);background:var(--color-hellblau)}.nav__mobile{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:var(--color-violet);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:8rem 2rem 2rem;z-index:999;overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.nav__mobile--open{opacity:1;visibility:visible;pointer-events:auto}.nav__mobile-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:0;max-width:500px;margin:0 auto;width:100%}.nav__mobile-link{display:flex;align-items:center;gap:1rem;padding:1rem 0;text-decoration:none;position:relative;overflow:hidden;opacity:0;transform:translateY(20px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;transition:opacity .2s ease,transform .2s ease;transition-delay:0s}.nav__mobile--open .nav__mobile-link{opacity:1;transform:translateY(0);transition:opacity .25s ease,transform .25s ease}.nav__mobile--open .nav__mobile-link:nth-child(1){transition-delay:.05s}.nav__mobile--open .nav__mobile-link:nth-child(2){transition-delay:.08s}.nav__mobile--open .nav__mobile-link:nth-child(3){transition-delay:.11s}.nav__mobile--open .nav__mobile-link:nth-child(4){transition-delay:.14s}.nav__mobile--open .nav__mobile-link:nth-child(5){transition-delay:.17s}.nav__mobile--open .nav__mobile-link:nth-child(6){transition-delay:.2s}.nav__mobile--open .nav__mobile-link:nth-child(7){transition-delay:.23s}.nav__mobile--open .nav__mobile-link:nth-child(8){transition-delay:.26s}.nav__mobile-number{font-family:var(--font-body);font-size:.75rem;color:var(--color-hellblau);opacity:.6;min-width:2rem}.nav__mobile-text{font-family:var(--font-heading);font-size:clamp(2rem,8vw,3.5rem);text-transform:uppercase;color:var(--color-text);transition:all .3s ease;letter-spacing:.02em}.nav__mobile-link:hover .nav__mobile-text,.nav__mobile-link--active .nav__mobile-text{color:var(--color-gelb);transform:translate(10px)}@media(min-width:900px){.nav__desktop{display:flex}.nav__burger{display:none}.nav__mobile{display:none!important}}@media(min-width:1100px){.nav__link{font-size:1.2rem;padding:.5rem 1.25rem}}@media(prefers-reduced-motion:reduce){.nav,.nav__logo,.nav__link,.nav__link:before,.nav__burger span,.nav__mobile,.nav__mobile-link,.nav__mobile-text,.nav__mobile-line:after,.nav__mobile-shape{transition:none}}.cookie-banner-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cookie-banner{background:linear-gradient(135deg,#951b80fa,#283583fa);border-radius:16px 16px 0 0;padding:2rem;max-width:800px;width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-bottom:none;box-shadow:0 -10px 40px #0000004d;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner__header h3{color:var(--color-gelb);margin-bottom:.75rem;font-size:clamp(1.25rem,2vw + .5rem,1.5rem)}.cookie-banner__header p{color:var(--color-text);opacity:.9;font-size:.95rem;line-height:1.6;margin-bottom:0}.cookie-banner__details{margin:1.5rem 0;padding:1rem;background-color:#ffffff14;border-radius:12px;display:flex;flex-direction:column;gap:1rem}.cookie-option{padding:.75rem;border-radius:8px;transition:background-color .2s ease}.cookie-option:hover{background-color:#ffffff0d}.cookie-option__label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.cookie-checkbox{width:20px;height:20px;accent-color:var(--color-hellblau);cursor:pointer}.cookie-checkbox:disabled{opacity:.6;cursor:not-allowed}.cookie-option__title{font-weight:600;color:var(--color-text);font-size:1rem}.cookie-option__description{color:var(--color-text);opacity:.75;font-size:.85rem;margin:.5rem 0 0 2rem;line-height:1.5}.cookie-banner__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.cookie-btn{flex:1;min-width:140px;padding:.875rem 1.25rem;font-size:.9rem;white-space:nowrap}.cookie-banner__info{margin-top:1rem;font-size:.8rem;opacity:.7;text-align:center;margin-bottom:0}.cookie-banner__info a{color:var(--color-hellblau);text-decoration:underline}.cookie-banner__info a:hover{color:var(--color-gelb)}@media(max-width:600px){.cookie-banner{padding:1.5rem;border-radius:16px 16px 0 0}.cookie-banner__actions{flex-direction:column}.cookie-btn{width:100%}.cookie-option__description{margin-left:0;margin-top:.75rem}}@media(prefers-reduced-motion:reduce){.cookie-banner-overlay,.cookie-banner{animation:none}}.footer{background:#0000004d;border-top:1px solid rgba(255,255,255,.1);padding:3rem 0 1.5rem;margin-top:auto}.footer__container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer__main{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer__brand{display:flex;flex-direction:column;gap:.25rem}.footer__logo{font-family:var(--font-heading);font-size:1.25rem;color:var(--color-hellblau)}.footer__tagline{font-size:.875rem;color:#ffffff80}.footer__links{display:flex;gap:2rem}.footer__link{color:#ffffffb3;text-decoration:none;font-size:.9375rem;transition:color .2s ease}.footer__link:hover{color:var(--color-hellblau)}.footer__cookie-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.footer__social{display:flex;gap:1rem}.footer__social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;transition:all .2s ease}.footer__social-link:hover{background:#ffffff1a;color:var(--color-hellblau);border-color:var(--color-hellblau);transform:translateY(-2px)}.footer__social-link svg{width:20px;height:20px}.footer__bottom{padding-top:1.5rem;text-align:center}.footer__bottom p{font-size:.8125rem;color:#fff6}@media(max-width:768px){.footer__main{flex-direction:column;text-align:center}.footer__links{gap:1.5rem}}@media(max-width:480px){.footer{padding:2rem 0 1rem}.footer__container{padding:0 1rem}.footer__links{flex-wrap:wrap;justify-content:center;gap:1rem}}#root{width:100%;min-height:100vh}.main-content{min-height:100vh}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem 2rem}.hero h1{margin-bottom:1rem}.hero p{max-width:600px;margin-bottom:2rem;opacity:.9}.section{scroll-margin-top:80px}