:root{--black:#0a0a0a;--white:#f5f5f0;--accent:#CCFF00;--border:3px solid var(--black);--border-thick:5px solid var(--black);--shadow:6px 6px 0 var(--black);--shadow-accent:6px 6px 0 var(--accent);--font:'Space Grotesk', system-ui, sans-serif;--section-pad:clamp(4rem, 10vw, 8rem) clamp(1.5rem, 5vw, 4rem)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font);background:var(--white);color:var(--black);overflow-x:hidden;line-height:1.5}body::before{content:'';position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.35}nav{background:var(--black);border-bottom:var(--border);display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1.5rem,5vw,4rem)}nav.nav--fixed{position:fixed;top:1.8rem;left:0;right:0;z-index:1000}.nav-logo{color:var(--white);font-weight:700;font-size:1.3rem;text-decoration:none;text-transform:lowercase;transform:rotate(-1deg);display:inline-block;letter-spacing:-.02em}.nav-logo span{color:var(--accent)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--white);text-decoration:none;text-transform:uppercase;font-size:.85rem;font-weight:700;letter-spacing:.1em;position:relative;transition:color .15s}.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:3px;background:var(--accent);transition:width .2s steps(4)}.nav-links a:hover::after{width:100%}.nav-links a:hover{color:var(--accent)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:0 0;border:none;padding:.5rem}.hamburger span{display:block;width:28px;height:3px;background:var(--white);transition:transform .2s steps(3),opacity .2s}.hamburger.active span:nth-child(1){transform:rotate(45deg)translate(5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-6px)}.mobile-menu{display:none;position:fixed;inset:0;background:var(--black);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem}.mobile-menu.active{display:flex}.mobile-menu a{color:var(--white);text-decoration:none;font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;transition:color .15s}.mobile-menu a:hover{color:var(--accent)}.section-title{font-size:clamp(2rem,6vw,4.5rem);font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1;margin-bottom:3rem;position:relative;display:inline-block}.section-title::after{content:'';position:absolute;bottom:-.3rem;left:0;width:100%;height:5px;background:var(--accent);transform:skew(-6deg)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .4s steps(4),transform .4s steps(4)}.reveal.visible{opacity:1;transform:translateY(0)}.wa-float{position:fixed;bottom:1.75rem;right:1.75rem;z-index:10000;display:flex;align-items:center;gap:.6rem;background:#25d366;color:#fff;text-decoration:none;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;padding:.75rem 1.25rem .75rem 1rem;border:3px solid #000;box-shadow:5px 5px #000;transition:transform .15s steps(2),box-shadow .15s steps(2);animation:waPulse 2.5s ease-in-out infinite}.wa-float:hover{transform:translate(-3px,-3px);box-shadow:8px 8px #000;animation:none}.wa-icon{width:1.5rem;height:1.5rem;flex-shrink:0}@keyframes waPulse{0%,100%{box-shadow:5px 5px #000}50%{box-shadow:5px 5px #000,0 0 0 6px rgba(37,211,102,.25)}}footer{background:var(--black);color:var(--white);padding:3rem clamp(1.5rem,5vw,4rem);position:relative;overflow:hidden}.footer-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(4rem,15vw,12rem);font-weight:700;text-transform:lowercase;opacity:.03;white-space:nowrap;pointer-events:none;letter-spacing:-.03em}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;position:relative;z-index:1}.footer-content a{color:var(--white);text-decoration:none;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6;transition:opacity .15s}.footer-content a:hover{opacity:1}.footer-links{display:flex;gap:2rem}.footer-copy{font-size:.8rem;opacity:.4}@media(max-width:768px){.nav-links{display:none}.hamburger{display:flex}.footer-content{flex-direction:column;text-align:center}}.ticker{background:var(--accent);color:var(--black);font-weight:700;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;overflow:hidden;white-space:nowrap;padding:.4rem 0;border-bottom:var(--border);position:fixed;top:0;left:0;right:0;z-index:1001}.ticker-inner{display:inline-block;animation:ticker 20s linear infinite}@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}#hero{min-height:100vh;background:var(--black);color:var(--white);display:flex;align-items:center;justify-content:center;padding:var(--section-pad);padding-top:8rem;position:relative;clip-path:polygon(0 0,100% 0,100% 93%,0 100%)}.hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;width:100%;max-width:1200px}#hero::after{content:'';position:absolute;top:20%;left:-5%;width:40%;height:50%;background:var(--accent);opacity:.06;transform:skew(-8deg)rotate(-3deg);z-index:0}.hero-content{position:relative;z-index:1}.hero-visual{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.hero-carousel{display:grid;width:100%;max-width:550px;border:var(--border-thick);box-shadow:8px 8px 0 var(--accent);position:relative;overflow:hidden}.carousel-slide{grid-area:1/1;opacity:0;transition:opacity .8s ease;position:relative}.carousel-slide.active{opacity:1}.carousel-slide img{width:100%;height:auto;display:block;filter:contrast(1.05)}.carousel-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,transparent 100%);padding:2rem 1.25rem 1rem;display:flex;flex-direction:column;gap:.25rem}.carousel-label{color:var(--white);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;opacity:.85}.carousel-price{color:var(--accent);font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;line-height:1;letter-spacing:-.02em}.carousel-dots{position:absolute;bottom:.75rem;right:1rem;display:flex;gap:.4rem;z-index:2}.carousel-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--white);background:0 0;cursor:pointer;padding:0;transition:background .2s}.carousel-dot.active{background:var(--accent);border-color:var(--accent)}.hero-headline{font-size:clamp(3.5rem,11vw,9rem);font-weight:700;line-height:.9;letter-spacing:-.03em;text-transform:uppercase;margin-bottom:1.5rem}.hero-headline .accent{color:var(--accent);display:inline-block;position:relative}.hero-headline .accent::before{content:'';position:absolute;inset:-.1em -.2em;background:var(--accent);opacity:.1;transform:skew(-4deg);z-index:-1}.hero-sub{font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:400;max-width:600px;line-height:1.4;opacity:.85}.hero-cta{margin-top:2.5rem;display:inline-block;background:var(--accent);color:var(--black);text-decoration:none;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;padding:1rem 2.5rem;border:var(--border);box-shadow:var(--shadow);transition:transform .15s steps(2),box-shadow .15s steps(2)}.hero-cta:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--black)}.hero-scroll{position:absolute;bottom:12%;right:clamp(1.5rem,5vw,4rem);color:var(--white);text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:.2em;writing-mode:vertical-rl;opacity:.5;animation:scrollBounce 1.5s steps(5)infinite}@keyframes scrollBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}#kategorien{padding:var(--section-pad);padding-top:clamp(6rem,12vw,10rem);border-top:8px solid var(--black)}.kat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.kat-card{border:var(--border-thick);padding:2rem;position:relative;background:var(--white);transition:transform .15s steps(2),box-shadow .15s steps(2),background .15s,color .15s;cursor:default}.kat-card:nth-child(even){transform:skewY(-1deg)}.kat-card:nth-child(odd){transform:skewY(.5deg)}.kat-card.active{grid-column:1/-1;transform:none}.kat-card:hover{background:var(--black);color:var(--white);transform:translate(-4px,-4px)skewY(0);box-shadow:8px 8px 0 var(--black)}.kat-card.active:hover{transform:translate(-4px,-4px)}.kat-card:hover .kat-icon{border-color:var(--accent);color:var(--accent)}.kat-icon{width:60px;height:60px;border:var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;margin-bottom:1.2rem;font-family:courier new,monospace;transition:border-color .15s,color .15s}.kat-card h3{font-size:clamp(1.1rem,2vw,1.4rem);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem;font-weight:700}.kat-card p{font-size:.95rem;opacity:.8;line-height:1.4}.kat-header{cursor:pointer}.kat-toggle{display:inline-block;margin-top:1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--black);opacity:.5;transition:opacity .15s,color .15s}.kat-card:hover .kat-toggle{color:var(--accent);opacity:1}.kat-card.active .kat-toggle{opacity:1}.kat-products{max-height:0;overflow:hidden;transition:max-height .4s steps(6);border-top:0 solid transparent}.kat-card.active .kat-products{max-height:800px;border-top:3px dashed var(--black);margin-top:1.5rem;padding-top:1rem}.kat-card.active:hover .kat-products{border-top-color:var(--accent)}.product-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(0,0,0,.1);flex-wrap:wrap}.product-item:last-child{border-bottom:none}.kat-card:hover .product-item{border-bottom-color:rgba(255,255,255,.15)}.product-info{flex:1;min-width:180px}.product-info h4{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem}.product-info p{font-size:.82rem;opacity:.6;margin:0}.product-price{font-weight:700;font-size:.95rem;white-space:nowrap;color:var(--accent);background:var(--black);padding:.3rem .7rem;letter-spacing:.02em}.kat-card:hover .product-price{background:var(--accent);color:var(--black)}.product-btn{font-family:var(--font);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;color:var(--black);border:2px solid var(--black);padding:.4rem 1rem;background:0 0;cursor:pointer;transition:background .15s,color .15s,transform .15s steps(2),box-shadow .15s steps(2);white-space:nowrap}.product-btn:hover{background:var(--accent);color:var(--black);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--black)}.kat-card:hover .product-btn{border-color:var(--white);color:var(--white)}.kat-card:hover .product-btn:hover{background:var(--accent);color:var(--black);border-color:var(--accent)}#ablauf{background:var(--black);color:var(--white);padding:var(--section-pad);clip-path:polygon(0 4%,100% 0,100% 96%,0 100%);padding-top:clamp(6rem,12vw,10rem);padding-bottom:clamp(6rem,12vw,10rem)}#ablauf .section-title::after{background:var(--accent)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.step{position:relative;padding:1.5rem}.step-number{font-size:clamp(4rem,8vw,7rem);font-weight:700;color:var(--accent);line-height:.8;margin-bottom:.5rem;opacity:.8}.step h3{font-size:clamp(1rem,1.8vw,1.3rem);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem;font-weight:700}.step p{font-size:.9rem;opacity:.7;line-height:1.4}.step:not(:last-child)::after{content:'';position:absolute;top:50%;right:-1rem;width:2rem;height:3px;border-top:3px dashed var(--accent);opacity:.4}#region{padding:var(--section-pad);padding-top:clamp(6rem,12vw,10rem)}.region-sub{font-size:clamp(1rem,1.8vw,1.2rem);margin-bottom:2rem;opacity:.7;max-width:600px}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.region-card{border:var(--border-thick);padding:2rem 1.5rem;text-align:center;position:relative;transition:transform .15s steps(2),box-shadow .15s steps(2)}.region-card:nth-child(2){transform:none}.region-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow)}.region-card:nth-child(2):hover{transform:translate(-3px,-3px)}.region-card h3{font-size:clamp(1rem,2vw,1.3rem);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:.5rem}.region-desc{font-size:.85rem;opacity:.6;margin-top:.6rem;line-height:1.4}.region-card .badge{display:inline-block;background:var(--black);color:var(--accent);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .6rem;margin-top:.5rem}.region-info{margin-top:3rem;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:1.5rem;border:3px dashed var(--black);transform:rotate(-1deg)}#faq{background:var(--black);color:var(--white);padding:var(--section-pad);padding-top:clamp(6rem,12vw,10rem);padding-bottom:clamp(6rem,12vw,10rem)}#faq .section-title::after{background:var(--accent)}.faq-list{max-width:800px;margin-top:2rem}.faq-item{border-bottom:3px solid rgba(255,255,255,.15)}.faq-item:first-child{border-top:3px solid rgba(255,255,255,.15)}.faq-question{width:100%;background:0 0;border:none;color:var(--white);font-family:var(--font);font-size:clamp(1rem,1.8vw,1.2rem);font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:1.5rem 3rem 1.5rem 0;cursor:pointer;position:relative;transition:color .15s}.faq-question:hover{color:var(--accent)}.faq-question::after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.8rem;font-weight:700;color:var(--accent);transition:transform .2s steps(3)}.faq-item.active .faq-question::after{content:'−';transform:translateY(-50%)rotate(0)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s steps(5)}.faq-item.active .faq-answer{max-height:300px}.faq-answer p{padding:0 0 1.5rem;font-size:.95rem;line-height:1.6;opacity:.75}#kontakt{background:var(--accent);color:var(--black);padding:var(--section-pad);clip-path:polygon(0 5%,100% 0,100% 100%,0 100%);padding-top:clamp(6rem,12vw,10rem)}#kontakt .section-title::after{background:var(--black)}.kontakt-intro{font-size:clamp(1.1rem,2vw,1.5rem);margin-bottom:2rem;font-weight:700}.kontakt-cta{display:flex;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.kontakt-cta a{color:var(--black);text-decoration:none;font-weight:700;font-size:clamp(1.2rem,3vw,1.8rem);text-transform:uppercase;letter-spacing:.02em;border-bottom:4px solid var(--black);padding-bottom:.2rem;transition:border-color .15s}.kontakt-cta a:hover{border-color:var(--white)}.kontakt-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:700px}.kontakt-form .full{grid-column:1/-1}.kontakt-form label{display:block;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem}.kontakt-form input,.kontakt-form textarea{width:100%;padding:.8rem 1rem;font-family:var(--font);font-size:1rem;border:3px solid var(--black);border-radius:0;background:var(--white);color:var(--black);outline:none;transition:box-shadow .15s}.kontakt-form input:focus,.kontakt-form textarea:focus{box-shadow:4px 4px 0 var(--black)}.kontakt-form textarea{resize:vertical;min-height:100px}.kontakt-form button{grid-column:1/-1;background:var(--black);color:var(--white);font-family:var(--font);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:1rem 2rem;border:var(--border);cursor:pointer;box-shadow:var(--shadow-accent);transition:transform .15s steps(2),box-shadow .15s steps(2),background .15s}.kontakt-form button:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--accent);background:#1a1a1a}@media(max-width:768px){.hero-inner{grid-template-columns:1fr}.hero-visual{order:-1;max-width:280px;margin:0 auto}.kat-grid{grid-template-columns:1fr}.kat-card:nth-child(even),.kat-card:nth-child(odd){transform:none}.kat-card:hover{transform:translate(-3px,-3px)}.steps{grid-template-columns:1fr}.step:not(:last-child)::after{display:none}.region-grid{grid-template-columns:1fr}.region-card:nth-child(2){transform:none}.region-card:nth-child(2):hover{transform:translate(-3px,-3px)}.kontakt-form{grid-template-columns:1fr}.kontakt-cta{flex-direction:column;gap:1rem}.hero-scroll{display:none}#hero{clip-path:polygon(0 0,100% 0,100% 96%,0 100%)}#ablauf{clip-path:polygon(0 2%,100% 0,100% 98%,0 100%)}#kontakt{clip-path:polygon(0 3%,100% 0,100% 100%,0 100%)}}@media(max-width:480px){.hero-headline{font-size:clamp(2.5rem,14vw,5rem)}.kontakt-cta a{font-size:1.1rem}}.kontakt-wa{display:inline-flex;align-items:center;gap:.75rem;background:var(--black);color:var(--white);text-decoration:none;font-weight:700;font-size:clamp(1rem,2.5vw,1.3rem);text-transform:uppercase;letter-spacing:.08em;padding:1rem 2rem;border:var(--border-thick);box-shadow:var(--shadow);margin-bottom:2rem;transition:transform .15s steps(2),box-shadow .15s steps(2)}.kontakt-wa:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--black)}.kontakt-wa svg{width:1.5rem;height:1.5rem;flex-shrink:0;fill:#25d366}