.card,header{backdrop-filter:blur(10px)}.hero,.packages,.site-footer{text-align:center}#contactForm,.nav-links{gap:1.2rem;display:flex}.packages .grid,.services .grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}body,body.dark,html{font-family:Poppins,sans-serif}#matrix-canvas,#matrixCanvas{height:100%;pointer-events:none}@font-face{font-family:Poppins;src:url('https://jokerx.de/assets/fonts/poppins/Poppins-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url('https://jokerx.de/assets/fonts/poppins/Poppins-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url('https://jokerx.de/assets/fonts/poppins/Poppins-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}:root{--bg:#0b0c10;--fg:#f3f3f3;--accent:#00ff00;--accent2:#00ff00;--glass:rgba(255, 255, 255, 0.08);--border:#00ff00;--shadow:0 0 25px rgba(0, 255, 198, 0.15);--bg-color:#111111;--text-color:#ffffff}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);scroll-behavior:smooth;overflow-x:hidden}.container{width:90%;max-width:1100px;margin:auto}a{color:var(--accent);color:#0f0;text-decoration:underline}.logo-joker{color:var(--fg);font-weight:400}.glow,.logo-x{color:var(--accent)}.logo-x{font-weight:600}header{position:sticky;top:0;background:rgba(10,10,10,.9);border-bottom:1px solid var(--border);z-index:1000}.hero,.packages,h2{position:relative}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.nav-links{list-style:none;margin:0;padding:0}.grid,.packages .grid{margin-top:2rem;display:grid}.nav-links li a{font-weight:400;transition:color .3s}.nav-links li a:hover{color:var(--accent2)}.glow{text-shadow:0 0 20px var(--accent)}.hero p{max-width:700px;margin:1rem auto 2rem;color:#ccc}.btn{padding:.8rem 1.6rem;border-radius:999px;cursor:pointer;font-weight:500;transition:.3s}.btn.glass,.card{background:var(--glass);border:1px solid var(--border)}.btn.glass{backdrop-filter:blur(12px);color:var(--fg);box-shadow:var(--shadow)}.btn.glass:hover,.btn.outline:hover{background:var(--accent);color:#000}.btn.outline{border:1px solid var(--accent);color:var(--accent);background:0 0}.hero-ctas{display:flex;justify-content:center;flex-wrap:wrap}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.card{border-radius:1rem;padding:1.5rem;transition:.3s}.card:hover{box-shadow:0 0 25px var(--accent2);transform:translateY(-4px)}h1,h2,h3{font-weight:600;text-shadow:0 0 12px rgba(0,255,198,.25);color:#fff}h1{font-size:2.8rem}h2{font-size:2.2rem;margin-bottom:1.5rem}h2::after{content:"";display:block;width:60px;height:3px;margin-top:.5rem;background:var(--accent);border-radius:2px}h3{font-size:1.5rem;margin-bottom:1rem}.site-footer{margin-top:4rem;border-top:1px solid var(--border);padding:2rem 0;color:#888}.packages{margin-top:6rem;padding:4rem 2rem;background:linear-gradient(145deg,rgba(255,255,255,.02),rgba(0,0,0,.45));border-radius:1.5rem;backdrop-filter:blur(14px);box-shadow:0 0 50px rgba(0,255,198,.1)}#formFeedback,.package-price{margin-top:1rem;color:var(--accent)}.packages::before{content:"";position:absolute;inset:0;border-radius:1.5rem;border:2px solid #0f0;pointer-events:none;box-shadow:0 0 70px rgba(0,255,198,.15)}.package-card,.services .card{background:var(--glass);border:1px solid var(--border);border-radius:1.2rem;padding:2rem 1.5rem;text-align:left;transition:.3s;position:relative;box-shadow:0 0 20px rgba(0,255,198,.08)}.package-card:hover,.services .card:hover{transform:translateY(-6px);box-shadow:0 0 25px rgba(0,255,198,.25);border-color:var(--accent2)}.package-card li,.services li{color:#ccc;margin-bottom:.5rem;padding-left:1.4rem;position:relative;line-height:1.6}.package-card li::before{content:"✔";position:absolute;left:0;color:var(--accent);font-weight:600;text-shadow:0 0 10px rgba(0,255,198,.4)}.fullPrice{color:red}.annual-price{color:#dcdcdc}.package-price{font-size:1.1rem;font-weight:600;text-align:right}.contact,.services{margin-top:6rem;background:linear-gradient(145deg,rgba(255,255,255,.02),rgba(0,0,0,.4));backdrop-filter:blur(14px)}.contact,.rabatt-section,.services{text-align:center}.contact{position:relative;padding:4rem 2rem;border-radius:1.5rem;box-shadow:0 0 25px rgba(0,255,198,.1)}.contact h2{font-size:2rem;color:var(--accent);margin-bottom:.5rem}.contact p{color:#ccc;margin-bottom:2rem;font-size:1.1rem}#contactForm{max-width:600px;margin:0 auto;flex-direction:column}#contactForm label{display:flex;flex-direction:column;align-items:flex-start;font-weight:500;color:#ddd;font-size:.95rem}#contactForm input,#contactForm textarea{width:100%;padding:.9rem 1rem;margin-top:.4rem;border:1px solid rgba(0,255,198,.3);border-radius:.75rem;background:rgba(30,30,30,.8);color:#fff;font-family:Poppins,sans-serif;font-size:1rem;transition:.3s}#contactForm input:focus,#contactForm textarea:focus{border-color:var(--accent);box-shadow:0 0 10px rgba(0,255,198,.25);outline:0;background:rgba(35,35,35,.9)}#contactForm button{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#0d0d0d;font-weight:600;border:none;border-radius:.75rem;padding:.9rem 1.5rem;cursor:pointer;transition:.3s;font-size:1.05rem}#contactForm button:hover{background:linear-gradient(135deg,#0fa,#0c7);transform:translateY(-2px);box-shadow:0 0 15px rgba(0,255,128,.3)}#formFeedback{font-weight:500;font-size:1rem}.services{padding:4rem 2rem;border-radius:1.5rem;box-shadow:0 0 50px rgba(0,255,198,.08)}.services p{color:#bbb;max-width:800px;margin:0 auto 2rem;line-height:1.6}.services .grid{display:grid}.services h3{color:var(--accent);font-size:1.4rem;margin-bottom:1rem;text-shadow:0 0 8px rgba(0,255,198,.3)}.services li::before{content:"✔";position:absolute;left:0;color:var(--accent);font-weight:600;text-shadow:0 0 8px rgba(0,255,198,.4)}.rabatt-section{background:rgba(0,40,0,.6);border-top:1px solid #0f0;border-bottom:1px solid #0f0;padding:4rem 2rem;margin-top:3rem;box-shadow:inset 0 0 30px rgba(0,255,100,.1)}.rabatt-section h2{color:#0f0;font-size:2rem;text-shadow:0 0 10px rgba(0,255,150,.4);margin-bottom:1rem}.rabatt-section p{color:#cfcfcf;line-height:1.6;margin-bottom:1.5rem}.paket-preise h3,.rabatt-highlights h3{color:#0fa;margin-top:2rem}.rabatt-highlights ul{list-style:none;padding:0;margin:2rem auto;text-align:left;max-width:800px}.rabatt-highlights li{background:rgba(0,255,100,.05);padding:.8rem 1rem;border-radius:6px;margin-bottom:.6rem;border-left:3px solid #0f0;color:#bfbfbf}.paket-preise table{width:100%;max-width:800px;margin:2rem auto;border-collapse:collapse;color:#e0e0e0;background:rgba(0,0,0,.4);border-radius:6px;overflow:hidden;box-shadow:0 0 10px rgba(0,255,120,.1)}.paket-preise td,.paket-preise th{padding:1rem;border-bottom:1px solid rgba(0,255,120,.15)}.paket-preise th{background:rgba(0,255,120,.1);color:#0f0;font-weight:600}.paket-preise td strong{color:#0fa}.cta-box{background:radial-gradient(circle at center,rgba(0,255,100,.1),rgba(0,0,0,.8));color:#e0ffe0;padding:1.5rem;border-radius:8px;margin-top:2.5rem;border:1px solid rgba(0,255,150,.2)}.cta-button{display:inline-block;margin-top:1rem;background:#0f0;color:#000;padding:.8rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:700;box-shadow:0 0 10px rgba(0,255,120,.4);transition:.3s}.cta-button:hover{background:#0c7;box-shadow:0 0 20px rgba(0,255,150,.6)}@media (max-width:900px){.burger{display:flex;flex-direction:column;justify-content:center;cursor:pointer;position:relative;z-index:2001}.burger div{width:25px;height:3px;background-color:var(--accent);margin:4px 0;border-radius:10px;transition:.4s}.burger.toggle div:first-child{transform:rotate(45deg) translate(5px,5px)}.burger.toggle div:nth-child(2){opacity:0}.burger.toggle div:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-links{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:rgba(10,10,10,.96);backdrop-filter:blur(8px);flex-direction:column;align-items:center;justify-content:center;gap:2rem;transition:right .4s;z-index:1500}.nav-links.active{right:0}.nav-links a{display:block;font-size:1.3rem;padding:12px;color:var(--accent);transition:color .3s}.nav-links a:hover{color:#fff}}.burger,.cookie-overlay{z-index:9999;position:fixed}.burger{top:20px;right:20px;display:flex;flex-direction:column;justify-content:space-between;width:28px;height:20px;cursor:pointer}.burger div,.burger span{height:3px;width:100%;background:#0f0!important;border-radius:3px;transition:.3s}.burger.toggle div:first-child,.burger.toggle span:first-child{transform:translateY(8px) rotate(45deg)}.burger.toggle div:nth-child(2),.burger.toggle span:nth-child(2){opacity:0}.burger.toggle div:nth-child(3),.burger.toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (min-width:901px){.burger{display:none!important}}@keyframes typing{from{width:0}to{width:20ch}}@keyframes blink-caret{50%{border-color:transparent}}.package-card.highlight-new h3{color:#0f0}.card h3{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem}.card h3 .icon{font-size:2rem;display:block;line-height:1}.section-divider{border:0;border-top:1px solid var(--border);margin:4rem auto;width:80%;opacity:.5}.section-intro{font-size:1rem;color:#ccc;margin-bottom:2rem;text-align:center;line-height:1.5}#cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:#222;color:#fff;padding:1rem 1.5rem;text-align:left;z-index:1000;font-size:.95rem;box-shadow:0 -2px 10px rgba(0,0,0,.4);border-top-left-radius:8px;border-top-right-radius:8px}.aktionshinweis,.cookie-box,.projekt-item,.projekte,.split-highlight{text-align:center}#cookie-consent-banner h3{margin:0 0 .5rem;font-size:1rem}#cookie-consent-banner p{margin:.2rem 0 .8rem}#cookie-consent-banner .cookie-category{display:flex;align-items:center;margin-bottom:.5rem}#cookie-consent-banner .cookie-category input{margin-right:.5rem}#cookie-consent-banner .banner-buttons{text-align:right;margin-top:.5rem}#cookie-consent-banner .banner-buttons button{margin-left:.5rem;padding:.4rem .8rem;cursor:pointer;border:none;border-radius:4px;font-weight:600}#cookie-consent-banner .banner-buttons button.accept{background-color:gold;color:#000}#cookie-consent-banner .banner-buttons button.decline{background-color:#c8102e;color:#fff}#cookie-consent-banner a.cookie-settings{color:#0f0;text-decoration:underline;cursor:pointer;font-size:.85rem;margin-left:.3rem}.cookie-overlay{inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(6px);display:none;justify-content:center;align-items:center;padding:1rem}.cookie-box{background:#111;border:2px solid #0f0;border-radius:10px;padding:2rem;max-width:400px;width:100%;color:#fff;box-shadow:0 0 25px rgba(255,215,0,.3);animation:.6s ease-in-out fadeIn}.cookie-box h2{color:#0f0;margin-bottom:1rem}.cookie-buttons{margin-top:1.5rem;display:flex;justify-content:space-between;gap:1rem}.cookie-buttons button{flex:1;padding:.6rem 1rem;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background .3s}.btn-accept{background:#0f0;color:#000}.btn-accept:hover{background:#08f}.btn-reject{background:#333;color:#fff;border:1px solid #555}.btn-reject:hover{background:#444}.cookie-link{display:block;margin-top:1rem;color:#0f0;font-size:.9rem;text-decoration:underline}@keyframes fadeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.hero-ctas{flex-direction:column;align-items:center}.hero-ctas .btn{width:80%;max-width:280px}.packages,.services{padding:3rem 1.5rem}.package-card,.services .card{padding:1.5rem 1.2rem}.contact{padding:3rem 1rem}#contactForm{width:100%}#contactForm input,#contactForm textarea{font-size:.95rem}.glitch-title{font-size:1.6rem;letter-spacing:1px}.cookie-box{padding:1.5rem;font-size:.95rem}}h3.paket{color:#0f0;text-shadow:0 0 5px rgba(0,255,136,.4)}h3.example.package{color:#4fd1c5;text-shadow:0 0 5px rgba(79,209,197,.5);font-weight:700}.aktionshinweis{background:linear-gradient(135deg,#0a1f1a,#0e3d2e,#00b86b);color:#e9fff5;padding:1.2rem;border-radius:12px;margin:1.5rem 0;box-shadow:0 0 20px rgba(0,255,150,.15);font-size:1rem;letter-spacing:.3px;transition:box-shadow .3s}.aktionshinweis:hover{box-shadow:0 0 30px rgba(0,255,150,.25)}.aktionshinweis h3{margin:0 0 .5rem;font-size:1.3rem;text-transform:uppercase;letter-spacing:.5px}.aktionshinweis .highlight{color:#fff;background:rgba(0,0,0,.2);padding:.1em .4em;border-radius:6px}body.dark{background:#111;color:#eee}ul{margin-left:1.2rem}#cookie-info-overlay{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:rgba(20,20,20,.95);color:#fff;padding:12px 18px;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,.5);z-index:1000;max-width:500px;text-align:center;font-size:14px}#cookie-info-overlay button{margin-left:10px;padding:6px 10px;border:none;border-radius:4px;cursor:pointer;background-color:#0f0;color:#000;font-weight:700}.package-card ul,.services ul{list-style:none;padding:0;margin:0}.projekte{padding:4rem 2rem;background:#0e0e0e;color:#fff}.projekte h2{color:#fff;font-size:2rem;margin-bottom:2rem;letter-spacing:1px}.projekt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.hero-ctas,h2{margin-top:1.5rem}.projekt-item{overflow:hidden;box-shadow:0 0 25px rgba(255,215,0,.05);background:rgba(255,255,255,.03);border-radius:12px;padding:1.2rem;box-shadow:0 0 12px rgba(0,0,0,.3);transition:transform .3s}.projekt-item:hover{box-shadow:0 0 40px rgba(255,215,0,.1);transform:translateY(-4px)}.projekt-item h3{color:#0f0;margin:1rem 0 .5rem}.hero h2,h1{margin-bottom:1rem}.projekt-item p{color:#ccc;font-size:1rem;padding:0 1rem 1.5rem}.projekt-item img{width:100%;height:auto;max-width:600px;border-radius:10px;margin-top:1rem;display:block;margin-left:auto;margin-right:auto}.hero-logo{display:flex;justify-content:center;align-items:center;margin-bottom:2.5rem}.hero-logo .hero-image:hover{transform:scale(1.02);box-shadow:0 0 60px rgba(0,255,200,.25),0 0 35px rgba(0,255,200,.15)}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;padding:4rem 2rem;min-height:75vh}.hero-logo img{width:200px;height:auto;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255, 215, 0, .4))}.hero-inner{max-width:600px}.hero h2{font-size:2.4rem}.hero p{font-size:1.1rem;line-height:1.6}.hero-ctas{display:flex;gap:1rem}header .brand .logo-visual img{width:70px;height:auto;object-fit:contain;vertical-align:middle}header .brand{display:flex;align-items:center;text-decoration:none}header .logo-visual{display:flex;align-items:center;justify-content:center}#matrix-preloader{top:0;left:0;width:100%;height:100%;background:#000;position:fixed;inset:0;z-index:1}#matrix-canvas{display:block;width:100%}#main-content{display:none;opacity:0;transform:translateY(-30px);transition:opacity 2.5s ease-out,transform 2.5s ease-out}#main-content.fade-in{display:block;opacity:1;transform:translateY(0)}#matrixCanvas{position:fixed;top:0;left:0;width:100%;z-index:0;opacity:0;transform:scale(1.05);transition:opacity 2.5s ease-in-out,transform 3s cubic-bezier(.25, 1, .5, 1)}#matrixCanvas.active{opacity:1;transform:scale(1);transition:opacity 2.5s ease-out,transform 4s cubic-bezier(.22, 1, .36, 1)}#cookie-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);color:#fff;display:none;justify-content:center;align-items:center;flex-direction:column;z-index:10000;transition:opacity .5s;opacity:0;overflow:hidden}@media (max-width:768px){.hero-logo .hero-image{width:100%;max-width:95%}.hero{flex-direction:column;flex-direction:column;text-align:center}header .brand .logo-visual img{width:50px}.glitch-title,.hero-inner h2{font-size:1.5rem;line-height:1.3;max-width:90%;word-wrap:break-word}.hero-inner p{font-size:.95rem;max-width:90%;line-height:1.4}.hero-ctas{flex-direction:column;align-items:center;gap:.8rem}.hero-ctas .btn{width:90%;max-width:220px}.hero-logo img{filter:drop-shadow(0 0 10px rgba(255, 215, 0, .5))}.hero-logo img,.logo-visual img{width:120px;max-width:80%;height:auto}.hero{padding:2rem 1rem;gap:1.5rem}}.hero-logo{display:flex;justify-content:center;align-items:center;height:80vh;min-height:300px;max-height:700px}.hero-logo .hero-image{object-fit:cover;box-shadow:0 0 45px rgba(0,255,200,.2),0 0 25px rgba(0,255,200,.1);transition:transform .5s,box-shadow .5s;opacity:.98;max-width:90vw;max-height:70vh;width:auto;height:auto;object-fit:contain;border-radius:20px}@media (max-width:768px){.hero-logo{height:50vh}.hero-logo .hero-image{max-width:80vw;max-height:50vh}}.split-highlight{text-transform:uppercase;line-height:1.2}.split-highlight span{display:block;color:#fff;letter-spacing:1px;font-weight:700;animation:6s ease-in-out infinite fadeColor}.split-highlight span:first-child{animation-delay:0s}.split-highlight span:nth-child(2){animation-delay:2s}.split-highlight span:nth-child(3){animation-delay:4s}@keyframes fadeColor{0%,100%{color:#fff;text-shadow:none}50%{color:var(--accent);text-shadow:0 0 8px var(--accent)}}h1{font-size:clamp(1.9rem, 6vw, 2.6rem);line-height:1.2;word-break:break-word;overflow-wrap:anywhere;hyphens:auto;text-align:left;padding:0 .5rem}h2{font-size:clamp(1.6rem, 4.5vw, 2.1rem);line-height:1.3}@media (max-width:900px){.projekt-grid{grid-template-columns:1fr}.projekt-item img{max-width:100%}.nav-links{-webkit-overflow-scrolling:touch;position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background:rgba(10,10,10,.96);backdrop-filter:blur(8px);flex-direction:column;align-items:center;justify-content:center;gap:2rem;transition:right .4s;z-index:1500;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-links.active{right:0}body.menu-open{overflow:hidden}}