@font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:400;src:url('../assets/fonts/inter-v19-latin-regular.woff2')format('woff2')}
@font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:500;src:url('../assets/fonts/inter-v19-latin-500.woff2')format('woff2')}
@font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:600;src:url('../assets/fonts/inter-v19-latin-600.woff2')format('woff2')}
@font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:700;src:url('../assets/fonts/inter-v19-latin-700.woff2')format('woff2')}
@font-face{font-display:swap;font-family:'Playfair Display';font-style:normal;font-weight:600;src:url('../assets/fonts/playfair-display-v39-latin-600.woff2')format('woff2')}
@font-face{font-display:swap;font-family:'Playfair Display';font-style:normal;font-weight:700;src:url('../assets/fonts/playfair-display-v39-latin-700.woff2')format('woff2')}:root{--primary-red:#C41E3A;--accent-red:#E31E24;--dark-red:#8B1538;--primary-yellow:#F4D03F;--accent-yellow:#FFE135;--primary-blue:#1E3A8A;--accent-blue:#3B82F6;--bg-primary:#1A1A1A;--bg-secondary:#1A1A1A;--bg-tertiary:#2A2A2A;--bg-soft:#1C1C1E;--bg-soft-secondary:#2C2C2E;--text-primary:#FFFFFF;--text-secondary:#E5E5E5;--text-muted:#9CA3AF;--border-radius:16px;--border-radius-lg:24px;--shadow-sm:0 2px 8px rgba(0,0,0,0.1);--shadow-md:0 8px 25px rgba(0,0,0,0.15);--shadow-lg:0 20px 40px rgba(0,0,0,0.2);--gradient-red:linear-gradient(135deg,var(--primary-red)0%,var(--dark-red)100%);--gradient-gold:linear-gradient(135deg,var(--primary-yellow)0%,var(--accent-yellow)100%)}*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);font-size:16px;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:0 2rem}
h1,h2,h3,h4,h5,h6{font-family:'Playfair Display',serif;font-weight:600;line-height:1.2;margin-bottom:1rem}
h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700}
h2{font-size:clamp(2rem,4vw,3rem)}
p{margin-bottom:1.5rem;line-height:1.7}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-red);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-red)}
header{backdrop-filter:blur(20px);border-bottom:1px solid rgba(196,30,58,0.3);padding:1rem 0;position:fixed;top:0;left:0;right:0;z-index:1000;transition:all 0.3s ease}
header.scrolled{background:rgba(28,28,30,0.95);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo img{height:50px;width:50px;border-radius:50%;transition:transform 0.3s ease}.logo img:hover{transform:scale(1.1)}.hamburger{display:none;background:transparent;border:none;color:var(--text-primary);font-size:1.4rem;padding:8px;cursor:pointer;transition:all 0.3s ease}.hamburger:hover{color:var(--text-secondary);transform:scale(1.1)}.desktop-nav ul{display:flex;list-style:none;gap:1.4rem;align-items:center}.desktop-nav a{text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:1rem;padding:0.6rem 1.3rem;border-radius:var(--border-radius);transition:all 0.3s ease;position:relative;background:transparent}.desktop-nav a:hover{color:var(--text-primary);background:rgba(255,255,255,0.1);transform:translateY(-2px);box-shadow:var(--shadow-md)}.desktop-nav.button-light,.desktop-nav.button-light:hover{color:var(--primary-yellow)}.desktop-nav.button-light:hover{background:var(--gradient-gold);color:var(--bg-primary);border-color:var(--accent-yellow)}.mobile-nav{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(26,26,26,0.98);backdrop-filter:blur(20px);padding:6rem 2rem 2rem;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);z-index:1001;display:flex;flex-direction:column;justify-content:center;align-items:center}.mobile-nav.fade-active{opacity:1;visibility:visible}.close-menu{position:absolute;top:2rem;right:2rem;color:var(--text-primary);font-size:1.8rem;cursor:pointer;padding:0.75rem;border-radius:50%;transition:all 0.3s ease}.close-menu:hover{color:var(--text-secondary);transform:scale(1.1)}.mobile-nav ul{list-style:none;text-align:center;margin:0;padding:0}.mobile-nav li{margin-bottom:1rem}.mobile-nav a{text-decoration:none;color:var(--text-secondary);font-size:1.5rem;font-weight:500;display:block;padding:1rem 2rem;border-radius:var(--border-radius);transition:all 0.3s ease;min-width:250px}.mobile-nav a:hover{color:var(--text-primary);background:rgba(255,255,255,0.1);transform:scale(1.05)}.hero-bg-slider{position:relative;min-height:100vh;overflow:hidden}.hero-bg-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s ease-in-out;z-index:0}.hero-bg-slide.active{opacity:1;z-index:1}.hero-bg-slider::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(2,2,2,0.95)0%,rgb(240,227,89,0.15)50%,rgba(2,2,2,0.96)100%);z-index:2}.hero-bg-slider::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,0.2)1px,rgba(0,0,0,0.5)0);background-size:4px 4px;z-index:3;pointer-events:none}.hero{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:6rem 0 4rem;text-align:center;position:relative;z-index:4}.hero-content{max-width:800px;padding:0 2rem}.hero-content h1{font-size:clamp(3rem,8vw,8.5rem);font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-0.02em}.hero-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);color:var(--text-primary);margin-bottom:1.5rem;font-weight:400;text-transform:uppercase;letter-spacing:0.1em}.location{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem;font-weight:400}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-top:3rem}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:0.5rem;margin-top:4rem;color:var(--text-secondary);font-size:0.9rem;font-weight:500;animation:scrollBounce 2s ease-in-out infinite;cursor:pointer;transition:all 0.3s ease}.scroll-indicator:hover{color:var(--primary-yellow);transform:translateY(-3px)}.scroll-indicator i{font-size:1.5rem;animation:arrowBounce 2s ease-in-out infinite}
@keyframes scrollBounce{0%,20%,50%,80%,100%{transform:translateY(0)}
40%{transform:translateY(-5px)}
60%{transform:translateY(-3px)}}
@keyframes arrowBounce{0%,20%,50%,80%,100%{transform:translateY(0)}
40%{transform:translateY(5px)}
60%{transform:translateY(3px)}}.button{display:inline-flex;align-items:center;gap:0.75rem;padding:1rem 2rem;background:var(--bg-primary);color:var(--text-primary);text-decoration:none;border-radius:var(--border-radius-lg);font-weight:600;font-size:1rem;transition:all 0.3s ease;border:2px solid transparent;box-shadow:var(--shadow-md);position:relative;overflow:hidden;justify-content:center}.button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s}.button:hover::before{left:100%}.button:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.button-light{background:transparent;color:var(--primary-yellow);border-color:var(--primary-yellow);backdrop-filter:blur(10px)}.button-light:hover{background:var(--gradient-gold);color:var(--bg-primary);border-color:var(--accent-yellow)}.button-small{padding:0.75rem 1.5rem;font-size:0.9rem}
section{padding:6rem 0;position:relative}.about-restaurant{background:var(--bg-primary)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem}.about-text h2{font-size:clamp(2.5rem,5vw,3.5rem);color:var(--text-primary);margin-bottom:2rem;font-weight:600;line-height:1.1}.about-text p{font-size:1.125rem;line-height:1.8;color:var(--text-secondary);margin-bottom:2.5rem}.about-buttons{display:flex;gap:1rem;flex-wrap:wrap}.welcome-images{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem;height:500px}.welcome-img{border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);transition:all 0.4s ease;position:relative}.welcome-img::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(196,30,58,0.1)0%,transparent 50%,rgba(30,58,138,0.1)100%);opacity:0;transition:opacity 0.3s ease;z-index:2}.welcome-img:hover::before{opacity:1}.welcome-img.img1{grid-column:1;grid-row:1/3}.welcome-img.img2{grid-column:2;grid-row:1}.welcome-img.img3{grid-column:2;grid-row:2}.welcome-img:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(0,0,0,0.3)}.welcome-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.welcome-img:hover img{transform:scale(1.05)}.about-image img{width:100%;height:450px;object-fit:cover;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);transition:transform 0.3s ease}.about-image img:hover{transform:scale(1.02)}.info{background:var(--bg-primary);color:var(--text-primary);position:relative;overflow:hidden}.info::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('/images/innen2.jpeg');background-size:cover;background-position:center;z-index:0}.info::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(2,2,2,0.85)0%,rgba(2,2,2,0.75)50%,rgba(2,2,2,0.85)100%);background-image:radial-gradient(circle at 1px 1px,rgba(41,39,39,0.8)1px,rgba(27,26,26,0.9)0);background-size:4px 4px;z-index:1}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.info-block{background:var(--bg-soft);padding:2.5rem;border-radius:var(--border-radius);border:1px solid rgba(196,30,58,0.1);position:relative}.icon-title{display:flex;align-items:center;gap:0.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,0.1)}.icon-title i{color:var(--primary-yellow);font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.icon-title h2{color:var(--text-primary);font-size:1.4rem;margin:0;font-weight:600;font-family:'Inter',sans-serif}.info-block div{margin-bottom:1rem;font-size:1rem;color:var(--text-secondary);line-height:1.6}.info-block div:last-of-type{margin-bottom:0}.info-block.button{margin-top:1.5rem}.external-link{color:var(--primary-yellow);text-decoration:none;font-weight:600;transition:color 0.3s ease}.external-link:hover{color:var(--accent-yellow)}.map-section{background:var(--bg-primary);padding:0;position:relative}.map-section::before{content:'';position:absolute;top:-100px;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent 0%,rgba(28,28,30,0.3)50%,rgba(28,28,30,0.6)100%);z-index:1;pointer-events:none}.map-container{width:100%;height:400px;overflow:hidden;position:relative}.map-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.map-banner{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(20,0,0,0.4)25%,rgba(20,0,0,0.6)50%,rgba(20,0,0,0.8)75%,rgba(20,0,0,0.9)100%);padding:3rem 1.5rem 1.5rem}.map-banner a{color:white;text-decoration:none}.map-info{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:1rem}.map-link{color:var(--primary-yellow);text-decoration:none;font-weight:600;font-size:1rem;display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:rgba(244,208,63,0.1);border-radius:var(--border-radius);border:1px solid var(--primary-yellow);transition:all 0.3s ease}.map-link:hover{background:var(--primary-yellow);color:var(--bg-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.map-copyright{color:var(--text-muted);font-size:0.9rem;opacity:0.8}
@media(max-width:768px){.map-container{height:300px}.map-banner{padding:2rem 1rem 1rem}.map-info{flex-direction:column;text-align:center;gap:0.75rem}.map-link{padding:0.625rem 1.25rem;font-size:0.9rem}}.image-highlight{background:var(--bg-soft);padding:6rem 0;position:relative}.image-highlight::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25%25%,rgba(196,30,58,0.1)0%,transparent 50%),radial-gradient(circle at 75%75%,rgba(30,58,138,0.1)0%,transparent 50%);z-index:0}.highlight-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.highlight-img{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);aspect-ratio:4/3}.highlight-img:hover{transform:translateY(-15px)scale(1.02);box-shadow:0 30px 60px rgba(0,0,0,0.4)}.highlight-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.highlight-img:hover img{transform:scale(1.1)}.img-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.6)40%,rgba(0,0,0,0.9)100%);color:var(--text-primary);padding:3rem 1.5rem 1.5rem;font-weight:600;font-size:1.1rem;text-align:center;transform:translateY(0);transition:transform 0.3s ease}.highlight-img:hover.img-caption{transform:translateY(0)}.highlight-img a{text-decoration:none;color:inherit}.highlight-header{max-width:1400px;margin:0 auto 3rem;padding:0 2rem;text-align:center}.highlight-content{max-width:1400px;margin:3rem auto 0;padding:0 2rem;text-align:center}.highlight-content p{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}
footer{background:var(--bg-secondary);color:var(--text-primary);padding:4rem 0 2rem;position:relative;border-top:1px solid rgba(255,255,255,0.1)}
footer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,0.1)15%,rgba(255,215,0,0.4)25%,rgba(255,215,0,0.8)40%,rgba(255,215,0,1)50%,rgba(255,215,0,0.8)60%,rgba(255,215,0,0.4)75%,rgba(255,215,0,0.1)85%,transparent 100%);box-shadow:0 0 10px rgba(255,215,0,0.3),0 0 20px rgba(255,215,0,0.2),0 0 30px rgba(255,215,0,0.1);border-radius:2px;animation:neonPulse 3s ease-in-out infinite alternate}
@keyframes neonPulse{0%{opacity:0.8;box-shadow:0 0 10px rgba(255,215,0,0.3),0 0 20px rgba(255,215,0,0.2),0 0 30px rgba(255,215,0,0.1)}
100%{opacity:1;box-shadow:0 0 15px rgba(255,215,0,0.4),0 0 25px rgba(255,215,0,0.3),0 0 35px rgba(255,215,0,0.2)}}.footer-minimal{max-width:1400px;margin:0 auto;padding:0 2rem;text-align:center}.footer-logo img{height:70px;width:70px;border-radius:50%;margin-bottom:2rem;box-shadow:var(--shadow-lg);transition:transform 0.3s ease}.footer-logo:hover img{transform:scale(1.1)}.footer-links{margin-bottom:2rem}.footer-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;margin:0 1.5rem;padding:0.5rem 1rem;border-radius:var(--border-radius);transition:all 0.3s ease}.footer-links a:hover{color:var(--text-primary);background:rgba(255,255,255,0.1);transform:translateY(-2px)}.footer-links span{color:var(--text-secondary);margin:0 0.5rem}.footer-social{margin-bottom:2rem}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;color:var(--text-secondary);font-size:1.5rem;margin:0 0.75rem;border-radius:50%;border:2px solid rgba(255,255,255,0.2);transition:all 0.3s ease;text-decoration:none}.footer-social a:hover{color:var(--text-primary);background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3);transform:translateY(-5px);box-shadow:var(--shadow-md)}.footer-copy{font-size:0.9rem;color:var(--text-primary);opacity:0.8}.footer-copy a{color:var(--text-primary);text-decoration:none;transition:color 0.3s ease}.footer-copy a:hover{color:white}.fade-in-on-scroll{opacity:0;transform:translateY(40px);transition:all 0.8s cubic-bezier(0.4,0,0.2,1)}.fade-in-on-scroll.visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.hamburger{display:block}.desktop-nav{display:none}.hero{padding:8rem 0 4rem}.hero-content h1{font-size:clamp(2.5rem,8vw,4rem)}.hero-subtitle{font-size:clamp(1rem,4vw,1.4rem)}.hero-buttons{flex-direction:column;align-items:center;gap:1rem}.about-content{grid-template-columns:1fr;gap:3rem;text-align:center}.welcome-images{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto;gap:1.5rem}.welcome-img.img1,.welcome-img.img2,.welcome-img.img3{grid-column:1;grid-row:auto;height:250px}.welcome-img.img2,.welcome-img.img3{display:none}.about-buttons{justify-content:center}.about-text h2{font-size:clamp(2rem,6vw,2.5rem)}.info-grid{grid-template-columns:1fr;gap:1.5rem}.highlight-gallery{grid-template-columns:1fr;gap:1.5rem}
section{padding:4rem 0}.container{padding:0 1.5rem}}
@media(max-width:480px){.hero-content{padding:0 1rem}.button{padding:0.875rem 1.5rem;font-size:0.9rem;width:100%;max-width:280px}.footer-links a{display:block;margin:0.75rem 0}.footer-links span{display:none}.footer-social a{width:45px;height:45px;font-size:1.3rem}.info-block{padding:2rem 1.5rem}}
@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}}.hero-content>*{animation:slideInUp 0.8s ease-out forwards}.mt-2{margin-top:0.5rem}
.desktop-nav .button-light{color:var(--primary-yellow)} .desktop-nav .button-light:hover{background:var(--gradient-gold);color:var(--bg-primary);border-color:var(--accent-yellow)}
a[href^="tel"], a[href^="tel"]:link, a[href^="tel"]:visited{color:var(--text-primary);text-decoration:underline}