@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Outfit:wght@300;600;800&display=swap";:root{--bg-dark: #121212;--bg-light: #F9F9F9;--bg-paper: #ffffff;--text-primary: #1C1C1E;--text-secondary: #555555;--text-light: #f5f5f5;--color-gold: #D4C5A9;--color-gold-dark: #b8a68b;--color-accent: #2c2c2c;--gradient-overlay: linear-gradient(180deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .8) 100%);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--container-width: 1400px;--shadow-sm: 0 4px 6px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px rgba(0, 0, 0, .1);--shadow-gold: 0 10px 30px rgba(212, 197, 169, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-light);color:var(--text-primary);line-height:1.7;overflow-x:hidden;font-weight:300}main{overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;letter-spacing:-.02em;color:var(--color-accent);line-height:1.2}a{text-decoration:none;color:inherit;transition:all .3s ease}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}.btn{display:inline-block;padding:.875rem 2rem;background-color:var(--color-accent);color:#fff;font-family:var(--font-heading);font-weight:600;letter-spacing:.05em;font-size:.85rem;border:none;border-radius:8px;transition:all .3s ease;cursor:pointer}.btn:hover{background-color:var(--color-gold-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.5rem 0;transition:all .4s ease;background:transparent}header.scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;box-shadow:var(--shadow-sm)}header .container{display:flex;justify-content:space-between;align-items:center}.logo h1{font-size:clamp(1.05rem,2.2vw,1.5rem);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.1em}header.scrolled .logo h1{color:var(--color-accent)}nav ul{display:flex;gap:3rem;list-style:none}nav a{font-family:var(--font-heading);font-weight:600;font-size:.95rem;color:#fffc;position:relative;padding-bottom:.5rem}nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-gold);transition:width .3s ease}nav a:hover,nav a.active{color:#fff}nav a:hover:after,nav a.active:after{width:100%}header.scrolled nav a{color:var(--text-secondary)}header.scrolled nav a:hover,header.scrolled nav a.active{color:var(--color-accent)}.menu-toggle{display:none;font-size:1.5rem;color:#fff;cursor:pointer}header.scrolled .menu-toggle{color:var(--color-accent)}.hero{height:100svh;min-height:600px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(135deg,#8b7e6b,#6d6253);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.4) 100%);z-index:1;pointer-events:none}.particles-js-canvas-el{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero h2{font-size:clamp(2rem,5vw,3.5rem);color:#fff;margin-bottom:1rem;position:relative;z-index:2}.hero p{font-size:clamp(1rem,2vw,1.25rem);font-weight:300;opacity:.9;max-width:700px;margin:0 auto;color:#fff;position:relative;z-index:2}.content{padding:6rem 0}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.intro{padding:6rem 0;background:var(--bg-light)}.intro-lead{font-size:1.5rem;line-height:1.8;color:var(--text-secondary);max-width:800px;margin:0 auto;text-align:center}.info-grid{padding:6rem 0;background-color:var(--bg-light)}.card{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:var(--shadow-sm);transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.card h3{font-size:1.75rem;margin-bottom:1rem}.card p{color:var(--text-secondary);margin-bottom:2rem}.card a{font-family:var(--font-heading);font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:.85rem}.page-header{height:60vh;min-height:400px;display:flex;align-items:center;justify-content:center;text-align:center;background-size:cover;background-position:center;background-attachment:fixed;position:relative;color:#fff}.page-header:before{content:"";position:absolute;inset:0;background:var(--gradient-overlay)}.page-header .container{position:relative;z-index:2}.page-header h2{font-size:clamp(2rem,5vw,3.5rem);color:#fff;margin-bottom:1rem}ul li{margin-bottom:.5rem}.box-accepted,.box-rejected{border-radius:12px;box-shadow:var(--shadow-sm);transition:all .3s ease;border-left:4px solid transparent}.box-accepted{background:#f8fdf8;border-left-color:#4caf50}.box-rejected{background:#fef8f8;border-left-color:#e57373}.box-accepted:hover,.box-rejected:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}footer{background-color:var(--color-accent);color:var(--text-light);padding:4rem 0 2rem;position:relative}footer h4{color:#fff;margin-bottom:1rem;font-size:1.1rem}footer p{opacity:.7;font-size:.95rem;line-height:1.6}footer a{color:var(--color-gold)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:3rem}.footer-hours .hours-grid{display:grid;grid-template-columns:auto auto;gap:.5rem 2rem;font-size:.9rem;opacity:.8}.footer-hours .hours-note{font-size:.8rem;opacity:.5;margin-top:.75rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;text-align:center}.footer-bottom p{font-size:.85rem;opacity:.4}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:2rem;text-align:center}}.reveal{opacity:0;transform:translateY(50px);transition:all 1s ease}.reveal.active{opacity:1;transform:translateY(0)}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}@media(max-width:1024px){nav ul{gap:1.5rem}.hero,.page-header{min-height:460px}.intro,.content,.info-grid{padding:4.5rem 0}}@media(max-width:768px){.menu-toggle{display:block;z-index:2000;position:relative}nav ul{position:fixed;top:0;right:-100%;width:80%;height:100svh;background:var(--color-accent);flex-direction:column;justify-content:center;align-items:center;transition:right .4s ease;padding:0;gap:2rem;z-index:1500;box-shadow:-5px 0 15px #0003;overflow-y:auto}.grid-container{grid-template-columns:1fr;gap:2rem}nav ul.show{right:0}nav a{font-size:1.5rem;color:#fff!important}.hero h2,.page-header h2{font-size:2.5rem}.page-header{background-attachment:scroll}.hero{padding:4rem 1rem;min-height:460px}.content,.info-grid,.intro{padding:3rem 0}.container{padding:0 1.5rem}.logo h1{letter-spacing:.06em}.card,.box-accepted,.box-rejected{padding:2rem}.leistungen-grid,.annahme-grid,.kontakt-grid{grid-template-columns:1fr!important;gap:2rem!important}.kontakt-map-flyout{position:static!important;margin-top:1.25rem;max-width:100%!important}.kontakt-map-box{height:340px!important}.kontakt-hours-grid{max-width:100%!important;gap:.75rem!important}.produkt-list-item{flex-direction:column;align-items:flex-start!important;gap:.25rem}.produkt-list-item .produkt-meta{margin-left:1.7rem}}@media(max-width:480px){.container{padding:0 1rem}.hero h2,.page-header h2{font-size:2rem}.intro-lead{font-size:1.125rem;line-height:1.7}.card,.box-accepted,.box-rejected{padding:1.25rem}.btn{width:100%;text-align:center}.footer-hours .hours-grid,.kontakt-hours-grid{grid-template-columns:1fr!important}}body{cursor:none}.custom-cursor{position:fixed;top:0;left:0;width:40px;height:40px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;transition:transform .15s ease,width .3s ease,height .3s ease,background-color .3s ease;mix-blend-mode:difference}.custom-cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;background-color:#fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10000;mix-blend-mode:difference}.custom-cursor.hovered{width:60px;height:60px;background-color:#ffffff26;border-color:#fff;mix-blend-mode:difference}@media(hover:none),(pointer:coarse){body{cursor:auto}.custom-cursor,.custom-cursor-dot{display:none!important}}
