@font-face{font-family:Google Sans Flex;src:url(/fonts/GoogleSansFlex-VariableFont_GRAD,ROND,opsz,slnt,wdth,wght.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-VariableFont_opsz,wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Italic-VariableFont_opsz,wght.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}:root{--color-cream: #fffcec;--color-dark: #22191a;--color-orange-light: #ff9a2b;--color-orange-medium: #ffb347;--color-orange: #ffa500;--color-orange-dark: #f97824;font-family:Google Sans Flex,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh}h1{margin:0;font-family:Google Sans Flex,sans-serif;font-weight:700;line-height:1.15;letter-spacing:-.02em}.splash{position:absolute;transform:translate(-50%,-50%);pointer-events:none;background-repeat:no-repeat;mix-blend-mode:normal;animation:splashAppear .4s ease-out}.splash.day-time{background-image:url(/img/bg_colored.png)}.splash.night-time{background-image:url(/img/bg_colored_dark.png)}.splash.fading{animation:splashFadeOut .5s ease-out forwards}@keyframes splashFadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.splash-shape-1{clip-path:polygon(50% 0%,65% 8%,80% 5%,92% 20%,98% 35%,100% 50%,95% 68%,98% 85%,85% 95%,68% 98%,50% 100%,32% 98%,15% 95%,5% 82%,2% 65%,0% 50%,5% 32%,8% 18%,20% 8%,35% 2%)}.splash-shape-2{clip-path:polygon(50% 0%,70% 5%,88% 12%,95% 25%,100% 45%,95% 60%,90% 75%,80% 88%,65% 96%,50% 100%,35% 95%,20% 90%,10% 78%,3% 62%,0% 48%,5% 30%,12% 15%,25% 5%,38% 2%)}.splash-shape-3{clip-path:polygon(50% 0%,60% 10%,75% 8%,85% 18%,95% 25%,100% 40%,98% 55%,92% 70%,88% 82%,75% 92%,60% 98%,50% 100%,38% 96%,25% 88%,15% 78%,8% 65%,2% 50%,0% 35%,8% 22%,18% 10%,32% 3%,42% 0%)}.splash-shape-4{clip-path:polygon(50% 5%,68% 8%,82% 15%,93% 28%,98% 45%,98% 62%,92% 78%,82% 90%,68% 96%,50% 98%,32% 95%,18% 88%,8% 75%,2% 58%,2% 42%,7% 25%,18% 12%,32% 6%)}.splash-shape-5{clip-path:polygon(50% 2%,62% 12%,78% 18%,88% 32%,95% 48%,92% 65%,82% 80%,70% 90%,55% 96%,42% 92%,28% 82%,18% 68%,10% 52%,8% 38%,15% 22%,28% 10%,40% 4%)}@keyframes splashAppear{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;padding:2rem;z-index:10;pointer-events:none}.header .logo{width:50px;height:50px}.nav{display:flex;gap:2rem;margin-left:3rem;pointer-events:auto}.nav a{font-family:Google Sans Flex,sans-serif;font-weight:500;font-size:1rem;color:var(--color-dark);text-decoration:none;position:relative}.link-text{position:relative;z-index:1}.splash-bg{position:absolute;width:0;height:0;opacity:0;transition:all .4s ease-out;z-index:-1;pointer-events:none}.splash-1{top:20%;left:15%;transform:translate(-50%,-50%);background-color:var(--color-orange-light);clip-path:polygon(50% 0%,65% 8%,80% 5%,92% 20%,98% 35%,100% 50%,95% 68%,98% 85%,85% 95%,68% 98%,50% 100%,32% 98%,15% 95%,5% 82%,2% 65%,0% 50%,5% 32%,8% 18%,20% 8%,35% 2%)}.splash-2{top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-orange-medium);transition-delay:.05s;clip-path:polygon(50% 0%,70% 5%,88% 12%,95% 25%,100% 45%,95% 60%,90% 75%,80% 88%,65% 96%,50% 100%,35% 95%,20% 90%,10% 78%,3% 62%,0% 48%,5% 30%,12% 15%,25% 5%,38% 2%)}.splash-3{top:80%;left:85%;transform:translate(-50%,-50%);background-color:var(--color-orange);transition-delay:.1s;clip-path:polygon(50% 0%,60% 10%,75% 8%,85% 18%,95% 25%,100% 40%,98% 55%,92% 70%,88% 82%,75% 92%,60% 98%,50% 100%,38% 96%,25% 88%,15% 78%,8% 65%,2% 50%,0% 35%,8% 22%,18% 10%,32% 3%)}.nav a:after{content:"";position:absolute;top:var(--mouse-y, 70%);left:var(--mouse-x, 80%);width:0;height:0;transform:translate(-50%,-50%);background-color:var(--color-orange-dark);clip-path:polygon(50% 0%,70% 5%,88% 12%,95% 25%,100% 45%,95% 60%,90% 75%,80% 88%,65% 96%,50% 100%,35% 95%,20% 90%,10% 78%,3% 62%,0% 48%,5% 30%,12% 15%,25% 5%,38% 2%);opacity:0;transition:all .35s ease-out .05s;z-index:-1;pointer-events:none}.nav a:hover{color:var(--color-dark)}.nav a:hover .splash-1{width:35px;height:35px;opacity:.8}.nav a:hover .splash-2{width:45px;height:45px;opacity:.75}.nav a:hover .splash-3{width:30px;height:30px;opacity:.85}.nav a:hover:after{width:40px;height:40px;opacity:.9}.nav a:active .splash-bg{transform:translate(-50%,-50%) scale(.95)}.nav a:active:after{transform:translate(-50%,-50%) scale(.95)}.clock-container{position:absolute;top:2rem;right:2rem;z-index:10;pointer-events:none}.time{font-family:Google Sans Flex,monospace;font-weight:600;font-size:clamp(1.5rem,3vw,2rem);color:var(--color-dark);display:flex;align-items:center;letter-spacing:.05em;font-variant-numeric:tabular-nums}.hours,.minutes,.seconds{display:inline-block;width:2ch;text-align:center}.separator{color:var(--color-orange-dark);opacity:.7;animation:blink 1s ease-in-out infinite;width:.5ch;text-align:center}@keyframes blink{0%,49%{opacity:.7}50%,to{opacity:.2}}.hero{width:100vw;height:100vh;position:relative;overflow:hidden;cursor:pointer}.text-container{position:absolute;top:80.67%;left:2rem;z-index:1}.content-container{position:absolute;top:45%;right:5rem;transform:translateY(-50%);max-width:500px;z-index:1;color:var(--color-cream)}.content-container h2{font-family:Google Sans Flex,sans-serif;font-weight:600;font-size:clamp(1.75rem,3vw,2.5rem);text-align:center;line-height:1.2;letter-spacing:-.015em;margin-bottom:.5em}.content-container p{font-family:Inter,system-ui,sans-serif;font-weight:400;font-size:clamp(1rem,1.5vw,1.125rem);text-align:center;line-height:1.6;margin:0}.hero h1{font-size:clamp(2.75rem,6vw,5.5rem);color:var(--color-cream);text-align:left}.hero .subtitle{font-family:Inter,system-ui,sans-serif;font-weight:400;font-style:italic;font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.6;color:var(--color-cream);margin:-.8rem 0 0;text-align:right}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;pointer-events:none}.impressum-page{width:100vw;min-height:100vh;position:relative;overflow:visible}.impressum-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;pointer-events:none;z-index:0}.impressum-container{position:absolute;top:50%;left:5rem;transform:translateY(-50%);max-width:600px;min-height:500px;padding:3rem;overflow:hidden;border-radius:20px;z-index:1}.impressum-splashes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.splash{position:absolute;border-radius:50%;opacity:.8;filter:blur(2px)}.splash-1{width:180px;height:180px;background-color:var(--color-orange-light);top:10%;left:5%}.splash-2{width:250px;height:250px;background-color:var(--color-orange);top:30%;right:10%}.splash-3{width:140px;height:140px;background-color:var(--color-orange-dark);bottom:25%;left:15%}.splash-4{width:200px;height:200px;background-color:var(--color-orange-medium);bottom:10%;right:5%}.splash-5{width:120px;height:120px;background-color:var(--color-orange-light);top:50%;left:40%;transform:translate(-50%,-50%)}.splash-6{width:160px;height:160px;background-color:var(--color-orange-dark);top:15%;right:30%}.impressum-content{position:relative;z-index:1;color:var(--color-dark)}.impressum-content h1{font-family:Google Sans Flex,sans-serif;font-weight:700;font-size:clamp(2.5rem,5vw,4rem);color:var(--color-dark);margin-bottom:.5rem;line-height:1.15;letter-spacing:-.02em}.impressum-content h2{font-family:Google Sans Flex,sans-serif;font-weight:600;font-size:clamp(1.25rem,2vw,1.5rem);color:var(--color-dark);margin-bottom:2rem;line-height:1.3}.impressum-info{font-family:Inter,system-ui,sans-serif;font-weight:400;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.6}.impressum-info p{margin:.5rem 0}.impressum-info strong{font-weight:600;display:block;margin-top:1.5rem;margin-bottom:.25rem}.impressum-info strong:first-child{margin-top:0}@media(max-width:1024px){.impressum-container{right:50%;transform:translate(50%,-50%);max-width:90%;min-height:400px}}@media(max-width:768px){.impressum-container{top:50%;right:50%;transform:translate(50%,-50%);max-width:90%;padding:2rem;min-height:350px}}
