.lead-quiz{position:relative;overflow:hidden}.lead-quiz--embedded{padding:0}.lead-quiz--embedded:before{display:none}.lead-quiz--embedded .quiz-container{max-width:none;padding:clamp(1.25rem,3vw,1.75rem)}.lead-quiz--embedded .quiz-header{text-align:center;margin-bottom:1.5rem}.lead-quiz--embedded .quiz-title{color:var(--text-primary);margin-bottom:.375rem;font-size:1.25rem;font-weight:700}.lead-quiz--embedded .quiz-subtitle{color:var(--text-secondary);margin:0;font-size:.875rem}.lead-quiz--embedded .quiz-question h3{margin-bottom:1.25rem;font-size:1.125rem}.lead-quiz--embedded .quiz-options{gap:.625rem}.lead-quiz--embedded .quiz-option{padding:.875rem}.lead-quiz--embedded .quiz-option i:first-child{font-size:1.25rem}.lead-quiz--embedded .quiz-contact h3{margin-bottom:1.25rem;font-size:1.125rem}.lead-quiz--embedded .form-row{gap:.75rem}.lead-quiz--embedded .quiz-contact form{gap:1rem}.lead-quiz--embedded .dsgvo-notice{padding:.75rem;font-size:.75rem}.lead-quiz--embedded .quiz-success h3{font-size:1.25rem}.lead-quiz--embedded .success-icon i{font-size:2.5rem}.quiz-loading{text-align:center;padding:clamp(1.25rem,3vw,1.75rem)}.quiz-loading .quiz-header{margin-bottom:0}.quiz-loading .quiz-title{color:var(--text-primary);margin-bottom:.375rem;font-size:1.25rem;font-weight:700}.quiz-loading .quiz-subtitle{color:var(--text-muted);margin:0;font-size:.875rem}.lead-quiz:before{content:"";pointer-events:none;background:radial-gradient(circle,#0077b60a 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quiz-container{max-width:700px;margin:0 auto;padding:clamp(2rem,5vw,3rem);position:relative}.quiz-progress{margin-bottom:2rem}.progress-bar{background:var(--bg-tertiary);border-radius:2px;height:4px;margin-bottom:.75rem;overflow:hidden}.progress-fill{background:var(--accent-gradient);border-radius:2px;height:100%;transition:width .4s}.progress-text{color:var(--text-muted);font-size:.8125rem;font-weight:500}.quiz-end-message{border-radius:var(--radius-md);background:linear-gradient(135deg,#10b9811a 0%,#10b9810d 100%);border:1px solid #10b9814d;gap:.875rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.quiz-end-message i{color:#10b981;flex-shrink:0;margin-top:.125rem;font-size:1.25rem}.quiz-end-message p{color:var(--text-primary);margin:0;font-size:.9375rem;line-height:1.5}.quiz-question h3{text-align:center;margin-bottom:1.75rem;font-size:clamp(1.25rem,3vw,1.5rem);line-height:1.3}.quiz-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.875rem;display:grid}.quiz-options--multi{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.quiz-option{background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;font-size:.9375rem;font-weight:500;display:flex;position:relative}.quiz-option i:first-child{color:var(--accent-primary);transition:transform var(--transition-fast);font-size:1.5rem}.quiz-option .option-content{flex-direction:column;gap:.25rem;display:flex}.quiz-option .option-label{font-weight:500}.quiz-option .option-description{color:var(--text-muted);font-size:.8125rem;font-weight:400}.quiz-option:hover{border-color:var(--border-color);background:var(--accent-gradient-subtle)}.quiz-option:hover i:first-child{transform:scale(1.1)}.quiz-option:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.quiz-option.selected{border-color:var(--accent-primary);background:var(--accent-gradient-subtle)}.quiz-option.selected i:first-child{color:var(--accent-primary)}.quiz-option .check-icon{color:var(--accent-primary);font-size:.875rem;position:absolute;top:.5rem;right:.5rem}.btn-continue{justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.5rem;display:flex}.btn-continue:disabled{opacity:.5;cursor:not-allowed}.quiz-text-input{flex-direction:column;gap:1rem;display:flex}.quiz-text-input textarea{background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);resize:vertical;transition:border-color var(--transition-fast);padding:1rem;font-family:inherit;font-size:1rem}.quiz-text-input textarea:focus{border-color:var(--accent-primary);outline:none}.quiz-text-input textarea::placeholder{color:var(--text-muted)}.quiz-contact h3{text-align:center;margin-bottom:1.75rem;font-size:clamp(1.25rem,3vw,1.5rem)}.quiz-contact form{flex-direction:column;gap:1.25rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.form-group label i{color:var(--accent-primary);width:14px;font-size:.875rem}.form-group input,.form-group textarea{background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);padding:.875rem 1rem;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:80px}.label-optional{color:var(--text-muted);font-weight:400}.dsgvo-notice{background:var(--accent-gradient-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);gap:.875rem;padding:1rem;font-size:.8125rem;line-height:1.6;display:flex}.dsgvo-notice i{color:var(--accent-primary);flex-shrink:0;margin-top:.125rem;font-size:1.125rem}.dsgvo-notice p{max-width:none;margin:0}.dsgvo-notice a{color:var(--accent-primary);text-underline-offset:2px;font-weight:500;text-decoration:underline 1px}.dsgvo-notice a:hover{text-decoration-thickness:2px}.submit-error{border-radius:var(--radius-md);color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;gap:.875rem;padding:1rem;font-size:.875rem;line-height:1.5;display:flex}.submit-error i{flex-shrink:0;margin-top:.0625rem;font-size:1.125rem}.submit-error p{max-width:none;margin:0}.btn-submit{width:100%;margin-top:.5rem;padding:1rem;font-size:1rem}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.quiz-back{color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.quiz-back:hover{color:var(--accent-primary);background:var(--accent-gradient-subtle)}.quiz-back:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.quiz-success{text-align:center;padding:2rem 0}.success-icon{margin-bottom:1.5rem}.success-icon i{color:#10b981;font-size:3.5rem}.quiz-success h3{margin-bottom:.75rem;font-size:1.5rem}.quiz-success p{color:var(--text-secondary);max-width:360px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto}@media (width<=768px){.quiz-container{padding:1.5rem}.quiz-options{grid-template-columns:1fr}.quiz-option{text-align:left;flex-direction:row;justify-content:flex-start;gap:.875rem;padding:1rem 1.25rem}.quiz-option i:first-child{font-size:1.25rem}.quiz-option .option-content{align-items:flex-start}.quiz-option .check-icon{margin-left:auto;position:static}.form-row{grid-template-columns:1fr}}@media (width<=480px){.quiz-options--multi{grid-template-columns:1fr 1fr}.quiz-options--multi .quiz-option{text-align:center;flex-direction:column;padding:1rem .75rem}.quiz-options--multi .quiz-option .check-icon{position:absolute;top:.5rem;right:.5rem}}.hero{align-items:center;min-height:100dvh;padding-top:5rem;display:flex;position:relative;overflow:hidden}.hero--with-quiz{background:var(--bg-primary);min-height:auto;padding-top:6rem;padding-bottom:3rem}.hero-quiz__shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-quiz__shape{filter:blur(100px);opacity:.35;border-radius:50%;position:absolute}.hero-quiz__shape--1{background:linear-gradient(135deg,#0077b64d,#0000);width:500px;height:500px;top:-20%;left:20%}.hero-quiz__shape--2{background:linear-gradient(135deg,#00a8e833,#0000);width:400px;height:400px;bottom:0;right:10%}.hero-quiz__container{z-index:1;flex-direction:column;align-items:center;gap:2.5rem;display:flex;position:relative}.hero-quiz__header{text-align:center}.hero-quiz__label{letter-spacing:.2em;text-transform:uppercase;color:var(--accent-primary);border-bottom:2px solid var(--accent-primary);margin-bottom:1rem;padding-bottom:.75rem;font-family:Nova Square,sans-serif;font-size:.75rem;font-weight:600;display:inline-block}.hero-quiz__title{letter-spacing:-.025em;font-size:clamp(2rem,5vw,3.5rem);font-weight:600;line-height:1.1}.hero-quiz__content{width:100%;max-width:600px;position:relative}.hero-quiz__arrow{opacity:.7;pointer-events:none;width:120px;height:120px;position:absolute;top:-30px;left:-130px}.hero-quiz__card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);padding:0}.hero-quiz__card .lead-quiz{padding:0}.hero-quiz__card .lead-quiz:before{display:none}.hero-quiz__card .quiz-container{padding:clamp(1.5rem,3vw,2rem)}.hero-quiz__card .section-header{margin-bottom:1.5rem}.hero-quiz__card .section-title{margin-bottom:.5rem;font-size:1.25rem}.hero-quiz__card .section-subtitle{font-size:.9rem}@media (width<=1024px){.hero-quiz__arrow{display:none}.hero-quiz__content{max-width:100%}}@media (width<=768px){.hero{min-height:auto;padding-top:5rem;padding-bottom:4rem}.hero--with-quiz{padding-top:5rem;padding-bottom:2rem}.hero-quiz__shapes{display:none}.hero-quiz__container{gap:2rem}.hero-quiz__title{font-size:clamp(1.5rem,6vw,2rem)}.hero-quiz__card .quiz-container{padding:1.25rem}}.hero{align-items:center;min-height:100dvh;padding-top:5rem;padding-bottom:4rem;display:flex;position:relative;overflow:hidden}.hero-decoration{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-grid{background-image:linear-gradient(to right, var(--border-subtle) 1px, transparent 1px), linear-gradient(to bottom, var(--border-subtle) 1px, transparent 1px);opacity:.5;background-size:60px 60px;position:absolute;inset:0;mask-image:radial-gradient(#000 0%,#0000 70%)}.hero-glow{filter:blur(40px);background:radial-gradient(circle,#0077b614 0%,#0000 70%);width:500px;height:500px;position:absolute;top:20%;right:10%}[data-theme=dark] .hero-glow{background:radial-gradient(circle,#00a8e81f 0%,#0000 70%)}.hero-content{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid;position:relative}.hero-text{animation:.6s forwards fadeInUp}.hero-badge{background:var(--accent-gradient-subtle);border:1px solid var(--border-color);color:var(--accent-primary);border-radius:100px;align-items:center;gap:.625rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.badge-dot{background:var(--accent-primary);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.hero h1{margin-bottom:1.5rem;line-height:1.1}.hero-description{color:var(--text-secondary);max-width:480px;margin-bottom:2rem;font-size:1.125rem;line-height:1.7}.hero-cta{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;display:flex}.hero-stats{border-top:1px solid var(--border-subtle);gap:clamp(1.5rem,4vw,3rem);padding-top:2rem;display:flex}.stat{flex-direction:column;gap:.25rem;display:flex}.stat-value{color:var(--accent-primary);font-family:Nova Square,sans-serif;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;line-height:1}.stat-label{color:var(--text-muted);font-size:.8125rem;font-weight:500}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-card{width:100%;max-width:420px;padding:0;overflow:hidden}.code-window{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.window-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding:.875rem 1rem;display:flex}.window-dot{border-radius:50%;width:10px;height:10px}.window-dot.red{background:#ef4444}.window-dot.yellow{background:#f59e0b}.window-dot.green{background:#10b981}.window-title{color:var(--text-muted);margin-left:auto;font-family:Nova Square,monospace;font-size:.75rem}.code-window pre{margin:0;padding:1.25rem;font-family:SF Mono,Fira Code,Monaco,monospace;font-size:.8125rem;line-height:1.8;overflow-x:auto}.code-window code{color:var(--accent-secondary)}.hero-scroll{background:var(--bg-glass);width:44px;height:44px;backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-subtle);color:var(--accent-primary);transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-scroll:hover{background:var(--bg-glass-hover);border-color:var(--accent-primary);transform:translate(-50%)translateY(-2px)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-8px)}60%{transform:translate(-50%)translateY(-4px)}}.services-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;list-style:none;display:grid}.service-card{flex-direction:column;padding:2rem;display:flex}.service-icon{background:var(--accent-gradient-subtle);border-radius:var(--radius-md);width:56px;height:56px;color:var(--accent-primary);justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.service-card h3{margin-bottom:.75rem;font-size:1.125rem}.service-card>p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.9375rem;line-height:1.75}.service-features{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:1rem;list-style:none}.service-features li{color:var(--text-secondary);align-items:center;gap:.625rem;padding:.375rem 0;font-size:.875rem;display:flex}.service-features i{color:var(--accent-primary);font-size:.6875rem}.portfolio{background:var(--bg-tertiary)}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;list-style:none;display:grid}.portfolio-item{background:var(--bg-secondary);padding:0;overflow:hidden}.portfolio-image{height:220px;margin:0;position:relative;overflow:hidden}.portfolio-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.portfolio-item:hover .portfolio-image img{transform:scale(1.05)}.portfolio-overlay{opacity:0;transition:opacity var(--transition-base);background:linear-gradient(#080c1466 0%,#080c14e6 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-content{padding:1.5rem}.portfolio-category{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary);margin-bottom:.5rem;font-size:.6875rem;font-weight:600;display:inline-block}.portfolio-content h3{margin-bottom:.5rem;font-size:1.125rem}.portfolio-content>p{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.6}.portfolio-tech{flex-wrap:wrap;gap:.375rem;list-style:none;display:flex}.portfolio-tech li{background:var(--accent-gradient-subtle);color:var(--accent-primary);border-radius:100px;padding:.25rem .625rem;font-size:.6875rem;font-weight:500}.about-grid{grid-template-columns:auto 1fr;align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.about-image{margin:0;position:relative}.image-frame{padding:.75rem;display:inline-block}.image-frame img{border-radius:var(--radius-md);object-fit:cover;width:280px;height:280px}.about-badge{background:var(--bg-secondary);align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex;position:absolute;bottom:-1rem;right:-1rem}.about-badge i{color:#f59e0b;font-size:1.25rem}.about-badge span{font-family:Nova Square,sans-serif;font-size:.9375rem;font-weight:700}.about-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.about-content .section-title{text-align:left}.about-content .section-title:after{left:0;transform:none}.about-role{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem}.about-content>p{margin-bottom:1rem;line-height:1.7}.about-quote{color:var(--accent-secondary);border-left:3px solid var(--accent-primary);margin:1.5rem 0;padding-left:1.25rem;font-size:1.0625rem;font-style:italic}.tech-stack{margin-bottom:2rem}.tech-stack h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:1rem;font-size:.8125rem;font-weight:600}.tech-tags{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.tech-tags li{background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-primary);transition:all var(--transition-fast);border-radius:100px;padding:.5rem 1rem;font-size:.8125rem;font-weight:500}.tech-tags li:hover{background:var(--accent-gradient-subtle);border-color:var(--border-color);color:var(--accent-primary)}.features-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;list-style:none;display:grid}.feature-card{text-align:center;padding:2rem}.feature-icon{background:var(--accent-gradient-subtle);width:52px;height:52px;color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:1.25rem;display:inline-flex}.feature-card h3{margin-bottom:.625rem;font-size:1rem}.feature-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.cta{background:var(--accent-gradient);padding-block:4rem}.cta__content{text-align:center;max-width:600px;margin:0 auto}.cta__title{color:#fff;margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem)}.cta__text{color:#ffffffe6;margin-bottom:2rem;font-size:1.125rem}.cta .btn-primary{color:var(--accent-primary);background:#fff;padding:1rem 2rem;font-size:1rem;box-shadow:0 4px 20px #0003}.cta .btn-primary:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 6px 30px #00000040}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.contact-info .section-title{text-align:left}.contact-info .section-title:after{left:0;transform:none}.contact-info>p{margin-bottom:2rem;line-height:1.7}.contact-methods{flex-direction:column;gap:.75rem;font-style:normal;display:flex}.contact-method{align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.method-icon{background:var(--accent-gradient);border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.125rem;display:flex}.method-content{flex-direction:column;gap:.25rem;display:flex}.method-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.method-content a,.method-content span{color:var(--text-primary);font-size:.9375rem;line-height:1.5}.method-content a:hover{color:var(--accent-primary)}.contact-map{height:380px;padding:.375rem;overflow:hidden}.contact-map iframe{border-radius:var(--radius-md)!important}@media (width<=1024px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-text{order:1}.hero-visual{order:2;margin-top:2rem}.hero-description{margin-inline:auto}.hero-cta,.hero-stats{justify-content:center}.hero-visual{display:none}.services-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.about-grid{text-align:center;grid-template-columns:1fr}.about-image{justify-self:center}.about-badge{left:50%;right:auto;transform:translate(-50%)}.about-content .section-title{text-align:center}.about-content .section-title:after{left:50%;transform:translate(-50%)}.about-quote{text-align:center;border-left:none;padding-left:0}.tech-tags{justify-content:center}.about-content .btn{display:inline-flex}}@media (width<=768px){.hero{min-height:auto;padding-top:6rem}.hero-glow{display:none}.hero-stats{flex-flow:wrap;gap:1.5rem}.stat{text-align:center;min-width:80px}.services-grid,.portfolio-grid,.features-grid,.contact-grid{grid-template-columns:1fr}.contact-info .section-title{text-align:center}.contact-info .section-title:after{left:50%;transform:translate(-50%)}.contact-info>p{text-align:center}.contact-map{height:280px}}@media (width<=480px){.hero-stats{flex-direction:column;align-items:center;gap:1rem}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%}.image-frame img{width:220px;height:220px}}