#hero{min-height:100svh;display:flex;align-items:center;padding-top:var(--nav-h);position:relative;overflow:hidden}#hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}#hero .container{position:relative;z-index:1;width:100%}.hero-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:64px;align-items:stretch}.hero-content{max-width:none;min-width:0}.hero-media{display:flex;flex-direction:column;align-items:flex-end;margin:0;min-width:0;transform:scale(.98);transform-origin:top right}.hero-photo{flex:1 1 0;min-height:0;width:auto;max-width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 30px 60px -20px #0000008c}.hero-figcaption{flex:0 0 auto;margin-top:14px;max-width:300px;text-align:right;font-size:.78rem;line-height:1.5;letter-spacing:.01em;color:var(--text-muted)}.hero-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:28px}.hero-line{width:40px;height:1px;background:var(--accent)}.hero-eyebrow-text{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}h1{font-family:var(--ff-display);font-size:clamp(2.5rem,4vw,4.25rem);font-weight:300;line-height:1.08;color:var(--text);margin-bottom:28px}h1 em{font-style:normal;color:var(--accent)}.hero-subline{font-family:var(--ff-display);font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:300;line-height:1.2;color:var(--text-muted);margin-bottom:28px}.hero-subline em{font-style:italic;color:var(--accent)}.hero-sub{font-size:1rem;color:var(--text-muted);line-height:1.8;margin-bottom:40px;max-width:480px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.marquee-wrap{padding:32px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;background:#0000001f;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%)}.marquee-track{display:flex;gap:64px;animation:marquee 22s linear infinite;width:max-content}@keyframes marquee{to{transform:translate(-50%)}}.marquee-item{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;display:flex;align-items:center;gap:16px}.marquee-item:after{content:"✦";color:var(--accent);font-size:.5rem}#leistungen{border-top:1px solid var(--border)}.services-header{display:grid;grid-template-columns:1fr;gap:24px;align-items:end;margin-bottom:80px}@media (min-width: 901px){.services-header>p{max-width:720px}}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.service-card{background:var(--bg-card);padding:48px 40px;position:relative;overflow:hidden;transition:background .3s var(--ease);cursor:default}.service-card:hover{background:var(--bg-hover)}a.service-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer}.service-card:before{content:"";position:absolute;bottom:0;left:40px;width:0;height:2px;background:var(--accent);transition:width .4s var(--ease)}.service-card:hover:before{width:calc(100% - 80px)}.service-icon{display:block;width:44px;height:44px;margin-bottom:24px;color:#fafafa80;transition:color .3s,transform .3s var(--ease)}.service-icon svg{width:100%;height:100%;display:block}.service-card:hover .service-icon{color:var(--accent);transform:translateY(-2px)}.service-list{list-style:none;margin-top:16px;margin-bottom:28px;display:flex;flex-direction:column;gap:8px}.service-list li{font-size:.8rem;color:var(--text-muted);padding-left:16px;position:relative}.service-list li:before{content:"→︎";position:absolute;left:0;color:var(--accent)}.service-card-btn{margin-top:auto;align-self:flex-start}.service-card:hover .service-card-btn{background:var(--accent);color:var(--bg);border-color:var(--accent)}.service-arrow{position:absolute;top:40px;right:40px;font-size:1.4rem;color:var(--border);transition:color .3s,transform .3s var(--ease)}.service-card:hover .service-arrow{color:var(--accent);transform:translate(4px,-4px)}.usp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:64px}.usp-item{padding:40px 32px;background:var(--bg-card);border-top:2px solid transparent;transition:border-color .3s,background .3s}.usp-item:hover{border-color:var(--accent);background:var(--bg-hover)}.usp-icon{font-size:1.8rem;margin-bottom:20px}.usp-item h3{font-size:.85rem;margin-bottom:12px}.usp-item p{font-size:.85rem}#warum-klickx{border-top:1px solid var(--border);background:#0000001a}.wk-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.wk-intro{font-size:1rem;color:var(--text-muted);line-height:1.85;margin-bottom:24px}.wk-critique{border-left:2px solid var(--border);padding-left:24px;margin:32px 0}.wk-critique p{font-size:.95rem;color:var(--text-muted);line-height:1.8}.wk-critique strong{color:var(--text)}.wk-closer{margin-top:24px;font-size:1rem;color:var(--text);font-weight:600}#warum-klickx .usp-grid{grid-template-columns:repeat(2,1fr);margin-top:2px}#blog-teaser{border-top:1px solid var(--border);position:relative;overflow:hidden}#blog-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.blog-simple{position:relative;z-index:1}.blog-simple-text{max-width:520px}.blog-simple-text h2{margin-bottom:16px}.blog-simple-text p{color:var(--text-muted);line-height:1.8;margin-bottom:32px}#kontakt{border-top:1px solid var(--border);background:#00000026}.cta-inner{display:grid;grid-template-columns:1fr minmax(380px,460px);gap:80px;align-items:start}.cta-title{font-family:var(--ff-display);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:300;line-height:1.1;color:var(--text)}.cta-title em{font-style:italic;color:var(--accent)}.cta-sub{margin-top:20px;font-size:.95rem;color:var(--text-muted);max-width:480px;line-height:1.8}.clients-section{padding:72px 0;border-top:1px solid var(--border);background:#0000001a}.clients-section .container{text-align:center}.clients-section .label{margin-bottom:40px}.clients-logos{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:56px}.client-logo-img{height:64px;width:auto;max-width:180px;object-fit:contain;filter:brightness(0) invert(1);opacity:.55;transition:opacity .3s var(--ease)}.client-logo-word{display:inline-block;font-family:var(--ff-display);font-size:1.75rem;font-weight:400;letter-spacing:.005em;line-height:1;color:var(--text);opacity:.55;transition:opacity .3s var(--ease)}.clients-logos li:hover .client-logo-img,.clients-logos li:hover .client-logo-word{opacity:1}.faq-section{padding:6rem 0}.faq-heading{font-family:var(--ff-display);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:300;color:var(--text);margin:.5rem 0 3rem;line-height:1.2;max-width:560px}.faq-heading em{font-style:italic;color:var(--accent)}.faq-list{max-width:780px}.faq-item{border-bottom:1px solid rgba(250,250,250,.12)}.faq-item:first-child{border-top:1px solid rgba(250,250,250,.12)}.faq-question{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;background:none;border:none;padding:1.4rem 0;color:#fafafa;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;text-align:left;cursor:pointer;line-height:1.45;transition:color .2s ease}.faq-question:hover{color:var(--accent)}.faq-question:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.faq-icon{flex-shrink:0;width:20px;height:20px;position:relative;opacity:.6;transition:opacity .2s ease,transform .3s ease}.faq-icon:before,.faq-icon:after{content:"";position:absolute;background:currentColor;border-radius:2px}.faq-icon:before{width:14px;height:2px;top:9px;left:3px}.faq-icon:after{width:2px;height:14px;top:3px;left:9px;transition:transform .3s ease,opacity .3s ease}.faq-question[aria-expanded=true] .faq-icon{opacity:1;color:var(--accent)}.faq-question[aria-expanded=true] .faq-icon:after{transform:rotate(90deg);opacity:0}.faq-answer{overflow:hidden;max-height:0;transition:max-height .35s ease}.faq-answer:not([hidden]){max-height:400px}.faq-answer[hidden]{display:block!important;max-height:0}.faq-answer p{color:#fafafabf;font-size:.95rem;line-height:1.75;padding:0 0 1.6rem;margin:0;max-width:680px}@media (max-width: 900px){.hero-grid,.about-grid,.wk-grid,.services-header,.cta-inner{grid-template-columns:1fr;gap:48px}.hero-content{max-width:none}#hero-canvas{height:100svh;bottom:auto}.hero-media{align-items:center;max-width:360px;margin:0 auto;width:100%;transform:none}.hero-photo{flex:none;width:100%;height:auto}.hero-figcaption{text-align:center;max-width:none}.blog-simple-text{max-width:none}#warum-klickx .usp-grid{grid-template-columns:1fr 1fr}#hero{min-height:auto;padding:calc(var(--nav-h) + 64px) 0 64px}.usp-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:1fr}}@media (max-width: 580px){#hero{padding:calc(var(--nav-h) + 40px) 0 40px}.usp-grid,#warum-klickx .usp-grid{grid-template-columns:1fr}}@media (max-width: 600px){.faq-question{font-size:.95rem;padding:1.2rem 0}.faq-section{padding:4rem 0}}