.bausteine-hero{min-height:50vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(64px + 3rem) clamp(1.5rem,5vw,4rem) 3rem;position:relative;overflow:hidden;background:var(--landing-hero-bg, var(--bg-subtle))}.bausteine-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}[data-theme=dark] .bausteine-hero{background:var(--bg, var(--sidebar-bg))}.bausteine-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1rem;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:600;color:var(--brand-slate);background:#527a9814;border:1px solid rgba(82,122,152,.15);margin-bottom:1.5rem}.bausteine-hero-badge i{font-size:.75rem}[data-theme=dark] .bausteine-hero-badge{background:#527a9826;border-color:#527a9840}.bausteine-hero-title{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;line-height:1.15;margin:0 0 1rem;color:var(--text-primary)}.bausteine-hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:500;color:var(--text-secondary);margin:0 0 1.25rem}.bausteine-hero-desc{font-size:1rem;line-height:1.7;color:var(--text-muted);max-width:720px;margin:0 auto}.bausteine-filter-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;padding:1rem clamp(1rem,4vw,3rem);background:var(--landing-nav-bg, rgba(248, 250, 251, .92));border-bottom:1px solid var(--landing-nav-border, rgba(0, 0, 0, .06));position:sticky;top:64px;z-index:var(--z-modal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bausteine-filter-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:var(--bg-subtle, var(--bg-subtle));border:1px solid var(--border, var(--border));cursor:pointer;transition:all .15s;font-family:Plus Jakarta Sans,-apple-system,sans-serif}.bausteine-filter-btn:hover{color:var(--brand-slate);border-color:var(--brand-slate);background:#527a980d}.bausteine-filter-btn.is-active{color:var(--text-inverse);background:var(--brand-slate);border-color:var(--brand-slate)}.bausteine-phase-section{padding:4rem clamp(1.5rem,5vw,4rem);max-width:1280px;margin:0 auto}.bausteine-section--alt{background:var(--bg-subtle, var(--bg-subtle))}[data-theme=dark] .bausteine-section--alt{background:#ffffff05}.bausteine-phase-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.bausteine-phase-number{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;color:var(--text-inverse);background:var(--brand-slate);flex-shrink:0;position:relative}.bausteine-phase-number .step-hand-circle{width:64px;height:64px;top:-8px;left:-8px}.bausteine-phase-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.bausteine-phase-count{font-size:.8125rem;font-weight:500;color:var(--text-muted);margin-left:auto;white-space:nowrap}.bausteine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}@media(max-width:1200px){.bausteine-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.bausteine-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.bausteine-grid{grid-template-columns:1fr}}.bausteine-card{background:var(--landing-card-bg, var(--card-bg));border:1px solid var(--border, var(--border));border-radius:var(--radius-large, 16px);padding:1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer;position:relative}.bausteine-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:var(--brand-slate)}[data-theme=dark] .bausteine-card{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .bausteine-card:hover{box-shadow:0 8px 24px #0000004d;border-color:var(--brand-slate)}.bausteine-card-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.bausteine-card-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.bausteine-card-icon.color-blue{background:#527a981a;color:var(--brand-slate)}.bausteine-card-icon.color-teal{background:#0d94881a;color:var(--accent-teal, var(--accent-teal))}.bausteine-card-icon.color-violet{background:#8b5cf61a;color:var(--accent-violet)}.bausteine-card-icon.color-emerald{background:#10b9811a;color:var(--accent-emerald, var(--accent-emerald))}.bausteine-card-icon.color-amber{background:#f59e0b1a;color:var(--accent-amber, var(--accent-amber))}.bausteine-card-icon.color-rose{background:#f43f5e1a;color:var(--accent-rose, var(--accent-rose))}.bausteine-card-icon.color-orange{background:#f973161a;color:var(--accent-orange)}.bausteine-card-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.bausteine-card-desc{font-size:.8125rem;line-height:1.6;color:var(--text-secondary);margin:0}.bausteine-card-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.75rem}.bausteine-tag{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--radius-pill);font-size:.6875rem;font-weight:500;color:var(--brand-slate);background:#527a9814;border:1px solid rgba(82,122,152,.12);white-space:nowrap;line-height:1.5}[data-theme=dark] .bausteine-tag{background:#527a9826;border-color:#527a9833;color:var(--brand-slate)}.bausteine-card:hover .feature-doodle-corner{opacity:.3}.bausteine-new-badge{position:absolute;top:.75rem;right:.75rem;padding:.125rem .5rem;border-radius:var(--radius-pill);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-inverse);background:var(--brand-slate);animation:bausteine-pulse 2s infinite}@keyframes bausteine-pulse{0%,to{opacity:1}50%{opacity:.7}}.bausteine-slz-section{padding:4rem clamp(1.5rem,5vw,4rem);max-width:1280px;margin:0 auto}.bausteine-slz-header{text-align:center;margin-bottom:2.5rem}.bausteine-slz-icon{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-inverse);background:linear-gradient(135deg,var(--accent-violet),var(--accent-violet));margin-bottom:1rem}.bausteine-slz-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.bausteine-slz-desc{font-size:1rem;line-height:1.7;color:var(--text-secondary);max-width:600px;margin:0 auto}.bausteine-slz-flow{display:flex;align-items:stretch;gap:0;justify-content:center;flex-wrap:nowrap;overflow-x:auto;padding:1rem 0}@media(max-width:768px){.bausteine-slz-flow{flex-direction:column;align-items:center;gap:0}}.bausteine-slz-step{display:flex;align-items:center}@media(max-width:768px){.bausteine-slz-step{flex-direction:column}}.bausteine-slz-card{background:var(--landing-card-bg, var(--card-bg));border:2px solid rgba(139,92,246,.2);border-radius:var(--radius-large, 16px);padding:1.25rem;text-align:center;min-width:160px;max-width:200px;transition:transform .2s,box-shadow .2s}.bausteine-slz-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf61f;border-color:var(--accent-violet)}[data-theme=dark] .bausteine-slz-card{background:#8b5cf60f;border-color:#8b5cf626}[data-theme=dark] .bausteine-slz-card:hover{box-shadow:0 8px 24px #8b5cf633}.bausteine-slz-card-number{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text-inverse);background:var(--accent-violet);margin-bottom:.625rem;position:relative}.bausteine-slz-card-number .step-hand-circle{width:40px;height:40px;top:-6px;left:-6px}.bausteine-slz-card-number .step-hand-circle path{stroke:var(--accent-violet)}.bausteine-slz-card-icon{font-size:1.25rem;color:var(--accent-violet);margin-bottom:.5rem}.bausteine-slz-card-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.bausteine-slz-arrow{display:flex;align-items:center;color:#8b5cf666;font-size:1.25rem;padding:0 .5rem;flex-shrink:0}@media(max-width:768px){.bausteine-slz-arrow{transform:rotate(90deg);padding:.5rem 0}}.bausteine-new-section{padding:4rem clamp(1.5rem,5vw,4rem);max-width:1280px;margin:0 auto}.bausteine-new-header{text-align:center;margin-bottom:2.5rem}.bausteine-new-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.bausteine-new-desc{font-size:1rem;color:var(--text-secondary)}.bausteine-coming-section{padding:4rem clamp(1.5rem,5vw,4rem);max-width:1280px;margin:0 auto}.bausteine-coming-header{text-align:center;margin-bottom:2.5rem}.bausteine-coming-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.bausteine-coming-desc{font-size:1rem;color:var(--text-secondary)}.bausteine-coming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:768px){.bausteine-coming-grid{grid-template-columns:1fr}}.bausteine-coming-card{background:var(--bg-subtle, var(--bg-subtle));border:2px dashed var(--border, var(--border));border-radius:var(--radius-large, 16px);padding:1.5rem;text-align:center;opacity:.7;transition:opacity .2s}.bausteine-coming-card:hover{opacity:1}[data-theme=dark] .bausteine-coming-card{background:#ffffff05;border-color:#ffffff14}.bausteine-coming-card-icon{width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-muted);background:var(--bg-muted, var(--bg-muted));margin-bottom:1rem}[data-theme=dark] .bausteine-coming-card-icon{background:#ffffff0f}.bausteine-coming-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.bausteine-coming-card-desc{font-size:.8125rem;line-height:1.6;color:var(--text-muted);margin:0}.bausteine-cta{text-align:center;padding:5rem clamp(1.5rem,5vw,4rem);background:linear-gradient(135deg,#527a980a,#527a9814)}[data-theme=dark] .bausteine-cta{background:linear-gradient(135deg,#527a980f,#527a981a)}.bausteine-cta-title{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.bausteine-cta-desc{font-size:1.0625rem;color:var(--text-secondary);max-width:560px;margin:0 auto 2rem}.bausteine-cta-actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.bausteine-animate{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.bausteine-animate.is-visible{opacity:1;transform:translateY(0)}