:root{--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-primary-active: #1E40AF;--color-primary-light: #DBEAFE;--color-primary-light-hover: #BFDBFE;--color-secondary: #059669;--color-secondary-dark: #047857;--color-accent: #F59E0B;--color-success: #10B981;--color-success-light: #D1FAE5;--color-warning: #D97706;--color-warning-light: #FEF3C7;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-info: #0284C7;--color-info-light: #E0F2FE;--color-bg: #F9FAFB;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-text: #1F2937;--color-text-secondary: #4B5563;--color-text-tertiary: #4B5563;--color-text-inverse: #FFFFFF;--color-border: #E5E7EB;--color-border-strong: #D1D5DB;--color-affiliate-bg: #FFFBEB;--color-affiliate-border: #FDE68A;--badge-success-text: #047857;--badge-warning-text: #92400E;--badge-error-text: #991B1B;--badge-info-text: #075985;--badge-neutral-text: #4B5563;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--text-display-size: 2.5rem;--text-display-weight: 700;--text-display-line-height: 1.1;--text-display-letter-spacing: -.02em;--text-h1-size: 2rem;--text-h1-weight: 700;--text-h1-line-height: 1.2;--text-h1-letter-spacing: -.015em;--text-h2-size: 1.5rem;--text-h2-weight: 600;--text-h2-line-height: 1.3;--text-h2-letter-spacing: -.01em;--text-h3-size: 1.25rem;--text-h3-weight: 600;--text-h3-line-height: 1.3;--text-body-size: 1rem;--text-body-weight: 400;--text-body-line-height: 1.5;--text-body-strong-size: 1rem;--text-body-strong-weight: 500;--text-body-strong-line-height: 1.5;--text-sm-size: .875rem;--text-sm-weight: 400;--text-sm-line-height: 1.4;--text-xs-size: .75rem;--text-xs-weight: 400;--text-xs-line-height: 1.3;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-xl: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-focus: 0 0 0 2px var(--color-primary);--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1100px;--max-width-xl: 1280px;--header-height: 64px;--touch-target-min: 44px;--radius: var(--radius-md);--shadow: var(--shadow-sm);--max-width: var(--max-width-lg);--font-sans: var(--font-family);--color-primary-dark: var(--color-primary-hover)}@media(prefers-color-scheme:dark){:root{--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-primary-active: #1D4ED8;--color-primary-light: #1E3A5F;--color-primary-light-hover: #1E40AF;--color-success-light: #064E3B;--color-warning-light: #78350F;--color-error-light: #7F1D1D;--color-info-light: #0C4A6E;--color-bg: #0F172A;--color-surface: #1E293B;--color-surface-elevated: #334155;--color-text: #F1F5F9;--color-text-secondary: #CBD5E1;--color-text-tertiary: #94A3B8;--color-border: #334155;--color-border-strong: #475569;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--badge-success-text: #6EE7B7;--badge-warning-text: #FCD34D;--badge-error-text: #FCA5A5;--badge-info-text: #7DD3FC;--badge-neutral-text: #CBD5E1}}.dark{--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-primary-active: #1D4ED8;--color-primary-light: #1E3A5F;--color-primary-light-hover: #1E40AF;--color-success-light: #064E3B;--color-warning-light: #78350F;--color-error-light: #7F1D1D;--color-info-light: #0C4A6E;--color-bg: #0F172A;--color-surface: #1E293B;--color-surface-elevated: #334155;--color-text: #F1F5F9;--color-text-secondary: #CBD5E1;--color-text-tertiary: #94A3B8;--color-border: #334155;--color-border-strong: #475569;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--badge-success-text: #6EE7B7;--badge-warning-text: #FCD34D;--badge-error-text: #FCA5A5;--badge-info-text: #7DD3FC;--badge-neutral-text: #CBD5E1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:16px;line-height:var(--text-body-line-height);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.text-display{font-size:var(--text-display-size);font-weight:var(--text-display-weight);line-height:var(--text-display-line-height);letter-spacing:var(--text-display-letter-spacing)}.text-h1{font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);line-height:var(--text-h1-line-height);letter-spacing:var(--text-h1-letter-spacing)}.text-h2{font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);line-height:var(--text-h2-line-height);letter-spacing:var(--text-h2-letter-spacing)}.text-h3{font-size:var(--text-h3-size);font-weight:var(--text-h3-weight);line-height:var(--text-h3-line-height)}.text-body{font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height)}.text-body-strong{font-size:var(--text-body-strong-size);font-weight:var(--text-body-strong-weight);line-height:var(--text-body-strong-line-height)}.text-sm{font-size:var(--text-sm-size);font-weight:var(--text-sm-weight);line-height:var(--text-sm-line-height)}.text-xs{font-size:var(--text-xs-size);font-weight:var(--text-xs-weight);line-height:var(--text-xs-line-height)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-3) var(--space-6);font-family:inherit;font-size:var(--text-body-size);font-weight:500;line-height:1;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-active);border-color:var(--color-primary-active)}.btn-secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary-light)}.btn-tertiary{background-color:transparent;color:var(--color-primary);border-color:transparent;padding-left:var(--space-3);padding-right:var(--space-3)}.btn-tertiary:hover:not(:disabled){background-color:var(--color-primary-light)}.btn-full{width:100%}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm-size);min-height:36px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-h3-size);min-height:52px}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-elevated{box-shadow:var(--shadow-lg);border-color:transparent}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm-size);font-weight:500;color:var(--color-text-secondary)}.form-input{height:var(--touch-target-min);padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--text-body-size);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.form-input-error{border-color:var(--color-error)}.form-input-error:focus{box-shadow:0 0 0 2px var(--color-error)}.form-error{font-size:var(--text-sm-size);color:var(--color-error)}.form-helper{font-size:var(--text-sm-size);color:var(--color-text-secondary)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs-size);font-weight:500;border-radius:var(--radius-full);line-height:1.4}.badge-success{background-color:var(--color-success-light);color:var(--badge-success-text)}.badge-warning{background-color:var(--color-warning-light);color:var(--badge-warning-text)}.badge-error{background-color:var(--color-error-light);color:var(--badge-error-text)}.badge-info{background-color:var(--color-info-light);color:var(--badge-info-text)}.badge-neutral{background-color:var(--color-border);color:var(--badge-neutral-text)}.context-link{display:inline-flex;align-items:center;gap:var(--space-1);width:auto;text-decoration:none;color:var(--color-primary);font-size:var(--text-sm-size);padding:var(--space-1) var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.context-link:before{content:"💡";margin-right:var(--space-1);font-size:1em}.context-link:hover{color:var(--color-text-inverse);background:var(--color-primary);border-color:var(--color-primary-hover)}.context-link:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.context-link-label{font-size:var(--text-sm-size);color:var(--color-primary-dark);font-weight:500;line-height:1.3}.context-link:hover .context-link-label{color:var(--color-text-inverse)}.context-link-badge{font-size:var(--text-xs-size);color:var(--color-primary);font-weight:600;white-space:nowrap;flex-shrink:0}.context-link:hover .context-link-badge{color:var(--color-text-inverse)}.context-link--fallback{color:var(--color-text-secondary);background:var(--color-surface);border-color:var(--color-border-strong)}.context-link--fallback:hover{color:var(--color-text);background:var(--color-border);border-color:var(--color-text-tertiary)}.context-link--fallback .context-link-label{color:var(--color-text-secondary)}.context-link--fallback:hover .context-link-label{color:var(--color-text)}.context-link--fallback .context-link-badge{color:var(--color-text-tertiary)}.context-link--fallback:hover .context-link-badge{color:var(--color-text)}.resolver-placeholder{display:block;width:100%;min-height:2.75rem;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-strong);box-sizing:border-box}.progress-bar{display:flex;align-items:center;gap:var(--space-2)}.progress-step{flex:1;height:4px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.progress-step-active{background-color:var(--color-primary)}.progress-step-complete{background-color:var(--color-success)}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-border-strong) 50%,var(--color-border) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.star-rating{display:inline-flex;gap:2px}.star{width:20px;height:20px;color:var(--color-border)}.star-filled{color:#f59e0b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.is-hidden{display:none!important}.container{width:100%;max-width:var(--max-width-lg);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media(min-width:1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#checklist-container.loading{position:relative;min-height:200px}#checklist-container.loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface, #fff);opacity:.85;z-index:1}#checklist-container.loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:4px solid var(--color-border, #ddd);border-top-color:var(--color-primary, #3b82f6);border-radius:50%;animation:checklist-spin .8s linear infinite;z-index:2}@keyframes checklist-spin{to{transform:rotate(360deg)}}.author-box{display:flex;align-items:flex-start;gap:var(--space-5);padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.author-box:hover{box-shadow:var(--shadow-md)}.author-box-inner{display:flex;align-items:flex-start;gap:var(--space-5);width:100%}.author-avatar{flex-shrink:0;width:72px;height:72px}.author-avatar img{width:72px;height:72px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-border)}.author-info{flex:1;min-width:0}.author-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-2)}.author-name{font-size:var(--text-h3-size);font-weight:600;color:var(--color-text)}.author-role{font-size:var(--text-sm-size);font-weight:500;color:var(--color-primary)}.author-bio{font-size:var(--text-body-size);line-height:var(--text-body-line-height);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.author-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-xs-size);color:var(--color-text-tertiary)}.author-meta-item{display:inline-flex;align-items:center;gap:var(--space-1)}@media(max-width:640px){.author-box-inner{flex-direction:column;align-items:center;text-align:center}.author-header,.author-meta{justify-content:center}}.social-proof{margin-top:var(--space-8)}.social-proof-title{font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);line-height:var(--text-h2-line-height);color:var(--color-text);margin-bottom:var(--space-2);text-align:center}.social-proof-subtitle{font-size:var(--text-body-size);color:var(--color-text-secondary);margin-bottom:var(--space-8);text-align:center}.trust-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-10);padding:var(--space-6);background-color:var(--color-primary-light);border-radius:var(--radius-lg)}.trust-stat{text-align:center;min-width:120px}.trust-stat-number{font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);color:var(--color-primary);line-height:1;margin-bottom:var(--space-1)}.trust-stat-label{font-size:var(--text-sm-size);color:var(--color-text-secondary)}.testimonial-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:640px){.testimonial-grid{grid-template-columns:1fr 1fr}}@media(min-width:900px){.testimonial-grid{grid-template-columns:1fr 1fr 1fr}}.testimonial-card{padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.testimonial-card:hover{box-shadow:var(--shadow-md)}.testimonial-card-highlighted{border-color:var(--color-primary);border-width:2px;position:relative}.testimonial-card-highlighted:before{content:"Empfohlen";position:absolute;top:-1px;right:var(--space-6);transform:translateY(-50%);padding:var(--space-1) var(--space-3);font-size:var(--text-xs-size);font-weight:600;color:var(--color-text-inverse);background-color:var(--color-primary);border-radius:var(--radius-full);line-height:1}.testimonial-stars{display:inline-flex;gap:2px;margin-bottom:var(--space-4);color:var(--color-accent)}.testimonial-star{width:18px;height:18px}.testimonial-quote{font-size:var(--text-body-size);line-height:var(--text-body-line-height);color:var(--color-text);margin-bottom:var(--space-4);font-style:italic}.testimonial-quote:before{content:"“";color:var(--color-primary);font-size:1.5em;line-height:0;vertical-align:-.25em;margin-right:2px}.testimonial-footer{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.testimonial-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.testimonial-author-name{font-size:var(--text-sm-size);font-weight:600;color:var(--color-text)}.testimonial-author-detail{font-size:var(--text-xs-size);color:var(--color-text-tertiary)}.budget-editable{cursor:text;border-bottom:1px dashed var(--color-border);outline:none;min-width:2em}.budget-editable:focus{border-bottom-color:var(--color-primary);background-color:var(--color-primary-light);border-radius:2px}.navbar{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:60px;max-width:var(--max-width-lg);margin:0 auto;padding:0 var(--space-4)}.navbar-brand{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:1.1rem;color:var(--color-text);text-decoration:none}.navbar-brand:hover{text-decoration:none}.navbar-links{display:flex;gap:var(--space-1);list-style:none}.navbar-links a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm-size);color:var(--color-text-secondary);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-links a:hover,.navbar-links a.active{background:var(--color-primary-light);color:var(--color-primary);text-decoration:none}.navbar-actions{display:flex;align-items:center;gap:var(--space-2)}.dark-mode-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:1.15rem;line-height:1;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.dark-mode-toggle:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.dark-mode-toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.dark-mode-icon{display:block;pointer-events:none}.navbar-cta-item{list-style:none}.navbar-cta{white-space:nowrap}@media(max-width:767px){.navbar-cta-item{order:-1;width:100%;margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.navbar-cta{width:100%;justify-content:center}}.breadcrumb{background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-2) 0;font-size:.85rem}.breadcrumb-list{display:flex;align-items:center;gap:var(--space-2);list-style:none;max-width:var(--max-width-lg);margin:0 auto;padding:0 var(--space-4);flex-wrap:wrap}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-tertiary)}.breadcrumb-item+.breadcrumb-item:before{content:"/";color:var(--color-border-strong);font-size:.8rem}.breadcrumb-item a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-item a:hover{color:var(--color-primary-hover);text-decoration:underline}.breadcrumb-item[aria-current=page]{color:var(--color-text-secondary);font-weight:500}@media(max-width:640px){.breadcrumb{font-size:.8rem;padding:var(--space-1) 0}.breadcrumb-list{padding:0 var(--space-3)}}.hero{padding:var(--space-10) 0;text-align:center;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-success-light) 100%)}.dark .hero{background:linear-gradient(135deg,var(--color-bg) 0%,#0F172A 100%)}@media(min-width:640px){.hero{padding:var(--space-16) 0}}.hero-content{max-width:var(--max-width-md);margin:0 auto}.hero h1{margin-bottom:var(--space-4)}.hero p{font-size:var(--text-body-size);color:var(--color-text-secondary);max-width:var(--max-width-sm);margin:0 auto var(--space-8)}.hero-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}@media(max-width:768px){.hero h1{font-size:var(--text-h2-size)}.hero p{font-size:var(--text-sm-size)}}.section{padding:var(--space-12) 0}.section-header{text-align:center;margin-bottom:var(--space-10)}.section-header h2{margin-bottom:var(--space-2)}.section-header p{color:var(--color-text-secondary);max-width:500px;margin:0 auto}.section-title{text-align:center;margin-bottom:var(--space-8)}@media(min-width:640px){.section-title{margin-bottom:var(--space-12)}}.steps{display:grid;gap:var(--space-6);max-width:900px;margin:0 auto}@media(min-width:768px){.steps{grid-template-columns:repeat(3,1fr)}}.step-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform var(--transition-base),box-shadow var(--transition-base)}.step-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.step-number{width:40px;height:40px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;margin:0 auto var(--space-3)}.step-card h3{font-size:1.05rem;margin-bottom:var(--space-2)}.step-card p{font-size:.9rem;color:var(--color-text-secondary)}.benefits-grid{display:grid;gap:var(--space-6)}@media(min-width:640px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}.benefit{display:flex;gap:var(--space-4);align-items:start}.benefit-icon{width:48px;min-width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.benefit h3{margin-bottom:var(--space-1)}.benefit p{color:var(--color-text-secondary);font-size:var(--text-sm-size)}.cta-section{padding:var(--space-10) 0;text-align:center;background:var(--color-primary);color:var(--color-text-inverse)}@media(min-width:640px){.cta-section{padding:var(--space-16) 0}}.cta-section h2{margin-bottom:var(--space-4)}.cta-section p{margin-bottom:var(--space-8);opacity:.9}.cta-section .btn-secondary{color:var(--color-text-inverse);border-color:var(--color-text-inverse);background:transparent}.cta-section .btn-secondary:hover{background:#ffffff1a}.skip-link{position:absolute;top:-100%;left:var(--space-4);background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);z-index:1000;font-weight:600}.skip-link:focus{top:var(--space-4)}.skip-link:hover{text-decoration:none}.footer,.app-footer{background:var(--color-bg);color:var(--color-text-tertiary);padding:var(--space-8) 0}.dark .footer,.dark .app-footer{background:var(--color-bg);color:var(--color-text-secondary)}.footer-inner{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;text-align:center}@media(min-width:768px){.footer-inner{flex-direction:row;justify-content:space-between;text-align:left}}.footer-links{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap;list-style:none}.footer-links a{color:var(--color-footer-link, var(--color-text-tertiary));font-size:.875rem;text-decoration:none}.footer-links a:hover{color:var(--color-footer-link-hover, var(--color-text))}.footer-copy{font-size:.8rem;text-align:center}.footer-affiliate-disclosure{max-width:500px;margin:var(--space-3) auto 0;text-align:center;line-height:1.5;font-style:italic}.page{padding:var(--space-8) 0 var(--space-16)}.page-header{margin-bottom:var(--space-8)}.page-header h1{margin-bottom:var(--space-2)}.page-header p{color:var(--color-text-secondary)}.legal-page{max-width:800px;margin:var(--space-12) auto;padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.legal-page h1{font-size:1.75rem;margin-bottom:1.5rem}.legal-page h2{font-size:1.25rem;margin-top:2rem;margin-bottom:.75rem}.legal-page h3{font-size:var(--text-h3-size);margin-top:1.5rem;margin-bottom:.5rem}.legal-page p{margin-bottom:1rem}.legal-page ul{margin-bottom:1rem;padding-left:1.5rem}.legal-page li{margin-bottom:.5rem}.content-page{padding:var(--space-8) 0 var(--space-12)}.empty-state{text-align:center;padding:var(--space-10) var(--space-4);color:var(--color-text-tertiary)}.nav-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:var(--space-2);color:var(--color-text)}@media(max-width:767px){.navbar-links{display:none;position:absolute;top:60px;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-direction:column;padding:var(--space-2);box-shadow:var(--shadow-md)}.navbar-links.open{display:flex}.nav-toggle{display:block}.navbar-actions{gap:0}}.bg-surface{background-color:var(--color-surface)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-1{margin-left:var(--space-1)}.mr-1{margin-right:var(--space-1)}.text-center{text-align:center}.color-secondary{color:var(--color-text-secondary)}.color-tertiary{color:var(--color-text-tertiary)}.color-success{color:var(--color-success)}.color-error{color:var(--color-error)}.va-middle{vertical-align:middle}.text-link{color:var(--color-primary);text-decoration:underline;cursor:pointer}.text-link:hover{color:var(--color-primary-hover)}.flex-between{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.empty-state-icon{font-size:4rem;line-height:1;margin-bottom:var(--space-4)}.card-warning{border:2px solid var(--color-warning)}.card-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.tool-card{cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;height:100%;padding:var(--space-5)}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.tool-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tool-card-content{display:flex;flex-direction:column;flex:1}.tool-icon{font-size:var(--text-h1-size);margin-bottom:var(--space-3);text-align:center}.tool-info{flex:1;display:flex;flex-direction:column}.tool-title{margin-bottom:var(--space-1)}.tool-description{flex-grow:1;margin-bottom:var(--space-3);color:var(--color-text-secondary)}.tool-card-affiliate{cursor:default;background:var(--color-affiliate-bg);border-color:var(--color-affiliate-border);position:relative}.tool-card-affiliate:hover{transform:none}.tool-card-affiliate-badge{position:absolute;top:var(--space-2);right:var(--space-2);display:inline-flex;align-items:center;padding:2px var(--space-2);font-size:.65rem;font-weight:600;line-height:1.4;color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.affiliate-list{list-style:none;padding:0;margin:var(--space-3) 0 0 0;display:grid;gap:var(--space-2)}.affiliate-list-item{margin:0}.affiliate-link{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) 0;font-size:var(--text-sm-size);font-weight:500;color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast);background:none;border:none;cursor:pointer;font-family:inherit}.affiliate-link:hover{color:var(--color-primary-hover);text-decoration:underline}.affiliate-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.affiliate-link-arrow{font-size:.75em;transition:transform var(--transition-fast)}.affiliate-link:hover .affiliate-link-arrow{transform:translate(2px)}.affiliate-link-label{font-size:var(--text-sm-size);font-weight:600;color:var(--color-primary);line-height:1.3}.affiliate-link-provider{font-size:var(--text-xs-size);color:var(--color-text-tertiary, #888);margin-top:2px}.affiliate-loading{font-style:italic}#personalized-welcome{text-align:center;background:var(--color-primary-light);border-left:4px solid var(--color-primary);border-radius:var(--radius-md)}.welcome-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.welcome-icon{font-size:3rem}.welcome-title{margin:0;font-size:var(--text-h2-size)}.welcome-summary{font-size:var(--text-body-size);color:var(--color-text-secondary);margin-top:var(--space-2)}#lebenslage-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs-size);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-inverse);white-space:nowrap}#tool-cards-container{display:grid;gap:var(--space-5)}@media(min-width:640px){#tool-cards-container{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){#tool-cards-container{grid-template-columns:repeat(3,1fr)}}.card-section-gap h2{margin-bottom:var(--space-6)}.form-section{display:grid;gap:var(--space-6)}@media(min-width:768px){.form-section{grid-template-columns:1fr 320px;align-items:start}}.form-card-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.form-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.form-card{max-width:var(--max-width-md);margin:0 auto;padding:var(--space-6)}.form-card .card{margin-bottom:var(--space-6)}@media(min-width:640px){.form-card{padding:var(--space-8)}}.form-row{display:grid;gap:var(--space-4)}@media(min-width:640px){.form-row-2{grid-template-columns:1fr 1fr}}.form-actions{margin-top:var(--space-6)}@media(max-width:640px){.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.resume-bar{display:none;max-width:var(--max-width-md);margin:0 auto var(--space-6);padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.resume-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.resume-bar.visible{display:block}.resume-bar p{font-size:var(--text-sm-size);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.resume-summary{font-weight:600;color:var(--color-text);margin-bottom:var(--space-4)}.resume-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.lebenslage-considerations{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.lebenslage-considerations li{padding:var(--space-3) var(--space-4);background:var(--color-bg);border-radius:var(--radius-md);font-size:var(--text-sm-size);color:var(--color-text-secondary);border-left:3px solid var(--color-primary)}.lebenslage-considerations li:before{content:"💡";margin-right:var(--space-2)}#welcome-summary{font-size:var(--text-body-size);color:var(--color-text-secondary);margin-bottom:var(--space-4)}#welcome-summary span{font-weight:600;color:var(--color-text)}#dynamic-tools-container{display:grid;gap:var(--space-4);margin-bottom:var(--space-8)}@media(min-width:640px){#dynamic-tools-container{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){#dynamic-tools-container{grid-template-columns:repeat(3,1fr)}}#dynamic-tools-container .card{border:none;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}#dynamic-tools-container .card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}#dynamic-tools-container .card .card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}#dynamic-tools-container .card .card-header-icon{font-size:var(--text-h3-size)}#dynamic-tools-container .card .card-header h3{font-size:var(--text-h3-size);font-weight:600;margin:0}#dynamic-tools-container .card .card-content{display:flex;flex-direction:column;gap:var(--space-2)}#dynamic-tools-container .card .card-content .task-title{font-weight:600;font-size:var(--text-body-size)}#dynamic-tools-container .card .card-content .task-description{font-size:var(--text-sm-size);color:var(--color-text-secondary)}#dynamic-tools-container .card .btn{margin-top:var(--space-3);align-self:start}.summary-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.summary-grid{grid-template-columns:repeat(3,1fr)}}.summary-item{text-align:center;padding:var(--space-4);background:var(--color-bg);border-radius:var(--radius-md)}.summary-label{font-size:var(--text-xs-size);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.summary-value{font-size:var(--text-body-strong-size);font-weight:600}.progress-section{margin-bottom:var(--space-6)}.progress-track{height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);transition:width var(--transition-base);width:0%}.progress-text{font-size:var(--text-sm-size);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.hero-small{padding:var(--space-6) 0;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-bg) 100%);text-align:center}.hero-small h1{margin-bottom:var(--space-2)}.hero-small p{color:var(--color-text-secondary);max-width:480px;margin:0 auto}.next-step-card{margin-bottom:var(--space-8);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-surface) 100%);border:2px solid var(--color-primary)}.next-step-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.next-step-header-icon{font-size:var(--text-h1-size)}.next-step-header h2{font-size:var(--text-h2-size);font-weight:var(--text-h2-weight)}.next-step-task{padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.next-step-task .task-title{font-weight:600}.next-step-task .task-description{font-size:var(--text-sm-size);color:var(--color-text-secondary);margin-top:var(--space-1)}.next-step-empty{font-size:var(--text-sm-size);color:var(--color-text-secondary);font-style:italic}.task-item-wrapper{position:relative;touch-action:pan-y}.task-item-wrapper .task-item{position:relative;z-index:2;background:var(--color-surface);will-change:transform;transition:transform .25s cubic-bezier(.22,1,.36,1);border:1px solid var(--color-border);border-radius:var(--radius-md)}.task-item-wrapper .task-item:hover{box-shadow:var(--shadow-md)}.task-item-wrapper.swipe-no-animate .task-item{transition:none}.task-item-actions{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:stretch;z-index:1;border-radius:var(--radius-md);overflow:hidden;pointer-events:none}.task-item-wrapper.swipe-open .task-item-actions{pointer-events:auto}.task-item-action{border:none;background:none;font-family:var(--font-family);font-size:var(--text-sm-size);font-weight:600;padding:0 var(--space-4);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);min-width:72px;gap:var(--space-1);transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.task-item-action svg{width:20px;height:20px;flex-shrink:0}.task-item-action--complete{background:var(--color-success)}.task-item-action--complete:hover,.task-item-action--complete:focus-visible{background:var(--color-secondary-dark)}.task-item-action--dismiss{background:var(--color-text-secondary)}.task-item-action--dismiss:hover,.task-item-action--dismiss:focus-visible{background:var(--color-text)}@media(pointer:coarse){.task-item-wrapper{overflow:hidden;border-radius:var(--radius-md)}.task-item-wrapper .task-item{border-radius:0}}.checklist-category{margin-bottom:var(--space-8)}.category-title{margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary-light)}.checklist-tasks{display:grid;gap:var(--space-3)}.task-item{border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.task-item:hover{box-shadow:var(--shadow-md)}.task-item.completed{opacity:.7;background:var(--color-success-light);border-color:var(--color-success)}.task-item.priority-hoch{border-left:4px solid var(--color-error)}.task-item.priority-mittel{border-left:4px solid var(--color-warning)}.task-item.priority-niedrig{border-left:4px solid var(--color-info)}.task-label{display:flex;align-items:start;gap:var(--space-4);padding:var(--space-4);cursor:pointer}.task-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.task-checkbox-custom{width:24px;height:24px;border:2px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);margin-top:2px}.task-checkbox:checked+.task-checkbox-custom{background:var(--color-success);border-color:var(--color-success)}.task-checkbox:checked+.task-checkbox-custom:after{content:"✓";color:#fff;font-size:var(--text-sm-size);font-weight:600}.task-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.task-content .task-title{font-weight:600}.task-item.completed .task-content .task-title{text-decoration:line-through;color:var(--color-text-secondary)}.task-description{font-size:var(--text-sm-size);color:var(--color-text-secondary)}.page-actions{display:flex;gap:var(--space-3);margin-top:var(--space-8);justify-content:center}.toolbar{display:flex;gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap}@media(max-width:640px){.toolbar{flex-direction:column}.toolbar .btn{width:100%;justify-content:center}}.global-progress{margin-bottom:var(--space-8)}.global-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.global-progress-label{font-weight:600}.global-progress-value{font-size:var(--text-sm-size);color:var(--color-text-secondary)}.global-progress-track{height:10px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.global-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-success));border-radius:var(--radius-full);transition:width .5s ease;width:0%}.meta-bar{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-4);background:var(--color-primary-light);border-radius:var(--radius-md);font-size:var(--text-sm-size)}.meta-item{display:flex;align-items:center;gap:var(--space-2)}.meta-label{color:var(--color-text-secondary)}.meta-value{font-weight:600}.room-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm-size);font-weight:500;border:none;background:none;padding:var(--space-2) 0;font-family:inherit}.room-back-btn:hover{color:var(--color-primary)}.summary-box{background:var(--color-primary-light);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-6)}.summary-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm-size)}.summary-row .label{color:var(--color-text-secondary)}.summary-row .value{font-weight:500}.summary-card,.stepper{margin-bottom:var(--space-8)}.stepper-track{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.stepper-track .progress-step{flex:1}.stepper-labels{display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.stepper-label{text-align:center;flex:1}.stepper-label span{display:block;font-size:var(--text-xs-size);color:var(--color-text-tertiary);margin-top:var(--space-2)}.stepper-label.active span{color:var(--color-primary);font-weight:600}.stepper-label.complete span{color:var(--color-success)}.wizard-stepper{margin-bottom:var(--space-8)}.stepper-container{display:flex;gap:var(--space-2);justify-content:center}.stepper-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);border:none;background:none;cursor:pointer;padding:var(--space-2);min-width:80px;height:auto;overflow:visible}.stepper-step:disabled{cursor:default;opacity:.6}.stepper-circle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-border);color:var(--color-text-tertiary);font-weight:600;font-size:var(--text-sm-size);transition:background var(--transition-base),color var(--transition-base)}.stepper-step.progress-step-active .stepper-circle{background:var(--color-primary);color:#fff}.stepper-step.progress-step-complete .stepper-circle{background:var(--color-success);color:#fff}.lebenslage-option-content{flex:1;display:flex;align-items:center;gap:var(--space-3)}.category-description{font-size:var(--text-sm-size);color:var(--color-text-secondary);margin-bottom:var(--space-4)}@media(max-width:480px){.stepper-label span{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stepper-step{min-width:60px;padding:var(--space-1)}.stepper-circle{width:28px;height:28px;font-size:var(--text-xs-size)}}@media(max-width:480px){.stepper-label{font-size:var(--text-xs-size)}.stepper-label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.lebenslage-radio-group{display:grid;gap:var(--space-3)}.lebenslage-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative}.lebenslage-option:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.lebenslage-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.lebenslage-option:has(input:checked){border-color:var(--color-primary);background-color:var(--color-primary-light);box-shadow:0 0 0 1px var(--color-primary)}.lebenslage-option input[type=radio]{flex-shrink:0;width:20px;height:20px;accent-color:var(--color-primary)}.lebenslage-option-icon{font-size:1.5rem;flex-shrink:0}.lebenslage-option-label{font-weight:600;color:var(--color-text);font-size:var(--text-sm-size)}.lebenslage-option-desc{display:block;font-weight:400;font-size:var(--text-xs-size);color:var(--color-text-tertiary);margin-top:1px}.situation-cards{display:grid;gap:var(--space-3)}.situation-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.situation-card:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.situation-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.situation-card.selected{border-color:var(--color-primary);background-color:var(--color-primary-light)}.situation-card-checkbox{width:24px;height:24px;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.situation-card.selected .situation-card-checkbox{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.situation-card-icon{font-size:var(--text-h2-size)}.situation-card-info h4{font-size:var(--text-body-size);font-weight:600}.situation-card-info p{font-size:var(--text-sm-size);color:var(--color-text-secondary)}.housing-options{display:grid;gap:var(--space-3)}@media(min-width:640px){.housing-options{grid-template-columns:repeat(3,1fr)}}.housing-option{text-align:center;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.housing-option:hover{border-color:var(--color-primary)}.housing-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.housing-option.selected{border-color:var(--color-primary);background-color:var(--color-primary-light)}.housing-option input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.housing-icon{font-size:var(--text-h1-size);margin-bottom:var(--space-2)}.housing-label{font-size:var(--text-sm-size);font-weight:500}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%2364748B' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}@media(max-width:640px){.page{padding:var(--space-5) 0 var(--space-10)}.page-header{margin-bottom:var(--space-5)}.meta-bar{flex-direction:column;gap:var(--space-2)}.global-progress-track{height:8px}.header-actions .btn{font-size:var(--text-xs-size);padding:var(--space-2) var(--space-3)}.wizard-nav{flex-direction:column}.wizard-nav .btn{width:100%;justify-content:center}.wizard-nav-between{flex-direction:column-reverse}.wizard-nav-between .btn{width:100%;justify-content:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.wizard-steps{position:relative}.wizard-step{display:none}.wizard-step.active{display:block;animation:slideInRight .3s ease both}.wizard-counter{text-align:center;font-size:var(--text-sm-size);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.wizard-nav{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.wizard-nav-left{justify-content:flex-start}.wizard-nav-right{justify-content:flex-end}.wizard-nav-between{justify-content:space-between}.wizard-nav-center{justify-content:center}.wizard-loading{text-align:center;padding:var(--space-8);color:var(--color-text-secondary)}.wizard-loading .spinner{display:inline-block;width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:wizardSpin .7s linear infinite;margin-bottom:var(--space-3)}@keyframes wizardSpin{to{transform:rotate(360deg)}}.wizard-loading p{font-size:var(--text-body-size)}.follow-up-options{display:grid;gap:var(--space-3)}.follow-up-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface)}.follow-up-option:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.follow-up-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.follow-up-option.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.follow-up-option input[type=radio]{margin-top:3px;width:20px;height:20px;accent-color:var(--color-primary);flex-shrink:0}.follow-up-option-content{display:flex;flex-direction:column;gap:var(--space-1)}.follow-up-option-label{font-weight:500;font-size:var(--text-body-size)}.follow-up-option-tip{font-size:var(--text-sm-size);color:var(--color-text-secondary);font-style:italic}.feedback-widget{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.feedback-card{width:100%;max-width:400px;text-align:center}.feedback-stars{display:flex;justify-content:center;gap:var(--space-2)}.feedback-star{background:none;border:none;font-size:2rem;cursor:pointer;padding:var(--space-1);color:var(--color-border-strong);transition:color var(--transition-fast),transform var(--transition-fast);min-height:var(--touch-target-min);min-width:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.feedback-star:hover,.feedback-star:focus-visible{color:var(--color-accent);transform:scale(1.2);outline:none}.feedback-star.active{color:var(--color-accent)}.feedback-thanks{margin-top:var(--space-4)}.completion-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.completion-overlay.visible{opacity:1;pointer-events:auto}.completion-card{max-width:400px;width:90%;text-align:center;padding:var(--space-8)}.completion-icon{font-size:3rem;margin-bottom:var(--space-4)}.reset-actions{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-6)}.reset-actions .btn{min-width:120px}.color-error-bg{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.color-error-bg:hover{background-color:var(--color-error-hover, #dc2626);border-color:var(--color-error-hover, #dc2626)}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}body.popup-allowed .popup-overlay{opacity:1;pointer-events:auto}.popup-card{background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:440px;width:90%;padding:var(--space-8);position:relative;text-align:center}.popup-close{position:absolute;top:var(--space-3);right:var(--space-3);width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-secondary);font-size:1.25rem;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.popup-close:hover{background:var(--color-border);color:var(--color-text)}.popup-icon{font-size:2.5rem;margin-bottom:var(--space-3)}.popup-card h2{font-size:var(--text-h3-size);font-weight:600;margin:0 0 var(--space-2)}.popup-card p{font-size:var(--text-sm-size);color:var(--color-text-secondary);margin:0 0 var(--space-5);line-height:1.5}.popup-form{display:flex;flex-direction:column;gap:var(--space-3)}.popup-form input[type=email]{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm-size, .875rem);outline:none;transition:border-color var(--transition-fast)}.popup-form input[type=email]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.popup-form .btn{width:100%;justify-content:center}.popup-disclaimer{font-size:var(--text-xs-size, .75rem);color:var(--color-text-tertiary);margin-top:var(--space-3)}@media(max-width:480px){.popup-card{padding:var(--space-6);width:92%}.popup-card h2{font-size:var(--text-lg-size, 1.125rem)}}@media(prefers-reduced-motion:reduce){.step-card,.navbar-links a,.situation-card,.housing-option,.lebenslage-option,.wizard-step,.pwa-install-banner,.completion-overlay,.popup-overlay,.room-detail-view,.task-item-wrapper .task-item{transition:none}.step-card:hover,.room-card:hover,.tool-card:hover{transform:none}.wizard-step.active,.pwa-install-banner{animation:none}.progress-fill,.global-progress-fill{transition:none}}.tips-grid{display:grid;gap:var(--space-4)}@media(min-width:640px){.tips-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.tips-grid{grid-template-columns:repeat(3,1fr)}}.tip-card{height:100%}.tip-card-content{display:flex;flex-direction:column;gap:var(--space-2);height:100%}.tip-card-content h3{font-size:var(--text-body-strong-size, 1rem);font-weight:600;margin:0}.tip-card-content p{flex:1;margin:0}.tip-card-content .badge{align-self:flex-start;font-size:var(--text-xs-size);padding:var(--space-1) var(--space-2);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{padding:var(--space-4);cursor:pointer}.faq-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.faq-item[open]{border-color:var(--color-primary)}.faq-question{font-weight:600;font-size:var(--text-body-size);cursor:pointer;padding:0;margin:0;color:var(--color-text)}.faq-question::-webkit-details-marker{color:var(--color-primary)}.faq-question:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.faq-answer{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm-size);line-height:1.6}.faq-answer p{margin:0}.earnings-summary{display:grid;gap:var(--space-4);margin-bottom:var(--space-8)}@media(min-width:640px){.earnings-summary{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.earnings-summary{grid-template-columns:repeat(4,1fr)}}.earnings-stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);transition:none}.earnings-stat-card:hover{box-shadow:var(--shadow-sm)}.earnings-stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.earnings-stat-body{display:flex;flex-direction:column;gap:2px}.earnings-stat-value{font-size:var(--text-h2-size);font-weight:700;line-height:1.2;color:var(--color-text)}.earnings-stat-label{font-size:var(--text-sm-size);color:var(--color-text-secondary)}.earnings-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.earnings-table{width:100%;border-collapse:collapse;font-size:var(--text-sm-size)}.earnings-table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);white-space:nowrap}.earnings-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text)}.earnings-table tbody tr:hover{background:var(--color-primary-light)}.earnings-table tfoot td{padding:var(--space-3) var(--space-4);border-top:2px solid var(--color-border);font-weight:600}.earnings-table .text-right{text-align:right;font-variant-numeric:tabular-nums}.earnings-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}@media(max-width:640px){.earnings-actions{flex-direction:column}.earnings-actions .btn{width:100%;justify-content:center}}.budget-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.budget-header-left{display:flex;flex-direction:column;gap:var(--space-1)}.budget-toggle-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-2)}.budget-collapse{overflow:hidden;transition:max-height var(--transition-slow),opacity var(--transition-base)}.budget-form{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.budget-form-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:end}.budget-input{flex:1;min-width:140px;height:var(--touch-target-min);padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--text-sm-size);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.budget-input::placeholder{color:var(--color-text-tertiary)}.budget-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.budget-input--small{max-width:140px;flex:none}select.budget-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%2364748B' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.budget-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.budget-table{width:100%;border-collapse:collapse;font-size:var(--text-sm-size)}.budget-table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);white-space:nowrap}.budget-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.budget-table tbody tr:hover{background:var(--color-primary-light)}.budget-table tbody tr:nth-child(2n){background:var(--color-bg)}.budget-table tbody tr:nth-child(2n):hover{background:var(--color-primary-light)}.budget-table tbody tr:last-child td{border-bottom:none}.budget-table tfoot td{padding:var(--space-3) var(--space-4);border-top:2px solid var(--color-border);font-weight:600}.budget-table .text-right{text-align:right;font-variant-numeric:tabular-nums}.budget-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--color-text-tertiary);cursor:pointer;font-size:var(--text-body-size);transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.budget-delete-btn:hover,.budget-delete-btn:focus-visible{color:var(--color-error);background:var(--color-error-light);border-color:var(--color-error);outline:none}@media(max-width:640px){.budget-form-row{flex-direction:column}.budget-input{width:100%;min-width:0}.budget-input--small{max-width:100%}.budget-table thead th,.budget-table tbody td,.budget-table tfoot td{padding:var(--space-2) var(--space-3)}}.earnings-charts{display:grid;gap:var(--space-6);margin-bottom:var(--space-8)}@media(min-width:768px){.earnings-charts{grid-template-columns:repeat(2,1fr)}.earnings-charts .chart-card:first-child{grid-column:1 / -1}}.chart-card .card-header{padding-bottom:var(--space-3)}.chart-wrapper{position:relative;width:100%;height:260px}.chart-wrapper canvas{width:100%!important;height:100%!important}.offline-banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-warning-light);color:var(--color-warning);font-size:var(--text-sm-size);font-weight:500;border-bottom:1px solid var(--color-warning)}.collapse-group{display:flex;flex-direction:column;gap:var(--space-2)}.collapse-item{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);transition:box-shadow var(--transition-fast)}.collapse-item:focus-within{box-shadow:0 0 0 2px var(--color-primary-light)}.collapse-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-3);padding:var(--space-4);background:none;border:none;cursor:pointer;font:inherit;font-size:var(--text-body-size);font-weight:600;color:var(--color-text);text-align:left;transition:background var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.collapse-trigger:hover{background:var(--color-bg)}.collapse-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--radius-md)}.collapse-trigger-icon{flex-shrink:0;font-size:.75rem;color:var(--color-text-tertiary);transition:transform var(--transition-base)}.collapse-trigger[aria-expanded=true] .collapse-trigger-icon{transform:rotate(180deg)}.collapse-content{max-height:0;overflow:hidden;transition:max-height var(--transition-base),opacity var(--transition-base),padding var(--transition-base);opacity:0}.collapse-content-inner{padding:0 var(--space-4) var(--space-4);font-size:var(--text-sm-size);color:var(--color-text-secondary);line-height:1.6}.collapse-content-inner p{margin:0 0 var(--space-2)}.collapse-content-inner p:last-child{margin-bottom:0}.collapse-content-inner ul,.collapse-content-inner ol{margin:var(--space-2) 0;padding-left:var(--space-5)}.collapse-content-inner li{margin-bottom:var(--space-1)}.collapse-content.collapse-open,.collapse-content.collapse-opening{max-height:500px;opacity:1}.collapse-content.collapse-closing{opacity:0}.collapse-content.collapse-closed{max-height:0;opacity:0}.collapse-group--bordered .collapse-item{border-radius:0}.collapse-group--bordered .collapse-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.collapse-group--bordered .collapse-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.collapse-group--bordered .collapse-item+.collapse-item{border-top:none}.collapse-item--card{box-shadow:var(--shadow-sm)}.collapse-item--card:hover{box-shadow:var(--shadow-md)}.mehr-lesen{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.mehr-lesen .collapse-trigger-icon{display:inline-block}.mehr-lesen[aria-expanded=true] .collapse-trigger-icon{transform:rotate(180deg)}#ratgeber [data-collapse=toggle]{text-align:center}#ratgeber .collapse-content-inner{padding:var(--space-6) 0 0;text-align:left}#ratgeber .collapse-content-inner .steps{max-width:900px;margin:0 auto}@media(prefers-reduced-motion:reduce){.collapse-content,.collapse-trigger-icon{transition:none}}.pwa-install-banner{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-modal, 1000);background:var(--color-surface);border-top:2px solid var(--color-primary);box-shadow:0 -4px 12px #0000001a;padding:var(--space-3) var(--space-4);animation:pwa-install-slide-up .3s ease-out}@keyframes pwa-install-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pwa-install-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);max-width:var(--max-width-lg, 1200px);margin:0 auto;flex-wrap:wrap}.pwa-install-text{font-size:var(--text-sm-size, .9rem);color:var(--color-text)}.pwa-install-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}:root{--room-kitchen: #D97706;--room-kitchen-light: #FEF3C7;--room-bathroom: #0D9488;--room-bathroom-light: #CCFBF1;--room-bedroom: #7C3AED;--room-bedroom-light: #EDE9FE;--room-living: #DC2626;--room-living-light: #FEE2E2;--room-hallway: #64748B;--room-hallway-light: #F1F5F9;--room-general: #059669;--room-general-light: #D1FAE5;--priority-high-bg: var(--color-error-light);--priority-high-text: #991B1B;--priority-medium-bg: var(--color-warning-light);--priority-medium-text: #92400E;--priority-low-bg: var(--color-primary-light);--priority-low-text: #1E40AF;--lebenslage-card-min-height: 160px;--lebenslage-radius: var(--radius-xl)}.priority-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs-size);font-weight:600;line-height:1.4;border-radius:var(--radius-full);white-space:nowrap}.priority-badge-high{background-color:var(--priority-high-bg);color:var(--priority-high-text)}.priority-badge-medium{background-color:var(--priority-medium-bg);color:var(--priority-medium-text)}.priority-badge-low{background-color:var(--priority-low-bg);color:var(--priority-low-text)}.priority-essential{background-color:var(--priority-high-bg);color:var(--priority-high-text)}.priority-recommended{background-color:var(--priority-medium-bg);color:var(--priority-medium-text)}.priority-nice{background-color:var(--priority-low-bg);color:var(--priority-low-text)}.lebenslagen{padding:var(--space-8) 0}.lebenslagen-header{text-align:center;margin-bottom:var(--space-8)}.lebenslagen-header h1{margin-bottom:var(--space-2)}.lebenslagen-header p{color:var(--color-text-secondary);max-width:480px;margin:0 auto}.lebenslagen-grid{display:grid;gap:var(--space-4);max-width:var(--max-width-md);margin:0 auto}@media(min-width:640px){.lebenslagen-grid{grid-template-columns:repeat(2,1fr)}}.lebenslage-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--lebenslage-radius);cursor:pointer;transition:all var(--transition-base);min-height:var(--lebenslage-card-min-height);position:relative;text-align:left}.lebenslage-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.lebenslage-card:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.lebenslage-card.selected{border-color:var(--color-primary);background-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.lebenslage-card.selected:after{content:"✓";position:absolute;top:var(--space-3);right:var(--space-3);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--text-xs-size);font-weight:700}.lebenslage-icon{font-size:var(--text-h1-size);line-height:1}.lebenslage-card h3,.lebenslage-card-title{font-size:var(--text-h3-size);font-weight:600;line-height:var(--text-h3-line-height)}.lebenslage-card p{font-size:var(--text-sm-size);color:var(--color-text-secondary);line-height:var(--text-sm-line-height)}.rooms-grid{display:grid;gap:var(--space-4)}@media(min-width:480px){.rooms-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.rooms-grid{grid-template-columns:repeat(3,1fr)}}.room-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative}.room-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primary)}.room-card:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.room-card-header{display:flex;align-items:center;justify-content:space-between}.room-card-icon{font-size:1.75rem;line-height:1}.room-card-check{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs-size);flex-shrink:0;transition:all var(--transition-fast)}.room-card.complete .room-card-check{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-text-inverse)}.room-card h3{font-size:var(--text-body-strong-size);font-weight:600}.room-card-stats{display:flex;justify-content:space-between;align-items:center}.room-card-count{font-size:var(--text-xs-size);color:var(--color-text-tertiary)}.room-card-progress{height:6px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.room-card-progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base);width:0%}.room-card[data-room=kitchen] .room-card-progress-fill{background-color:var(--room-kitchen)}.room-card[data-room=bathroom] .room-card-progress-fill{background-color:var(--room-bathroom)}.room-card[data-room=bedroom] .room-card-progress-fill{background-color:var(--room-bedroom)}.room-card[data-room=living] .room-card-progress-fill{background-color:var(--room-living)}.room-card[data-room=hallway] .room-card-progress-fill{background-color:var(--room-hallway)}.room-card[data-room=general] .room-card-progress-fill{background-color:var(--room-general)}.room-tab-bar{display:flex;gap:var(--space-2);flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);scrollbar-width:thin}.room-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);cursor:pointer;font-size:var(--text-sm-size);font-weight:500;white-space:nowrap;flex-shrink:0;color:var(--color-text-secondary);transition:all var(--transition-fast)}.room-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.room-tab.active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.room-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-1);font-size:.65rem;font-weight:600;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary)}.room-tab.active .room-tab-count{background:#fff3;color:var(--color-text-inverse)}.room-checklist{display:flex;flex-direction:column;gap:var(--space-2)}.room-checklist-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:background var(--transition-fast),border-color var(--transition-fast)}.room-checklist-item:hover{border-color:var(--color-primary-light);background:var(--color-primary-light)}.room-checklist-item.checked{background:var(--color-success-light);border-color:var(--color-success)}.room-checklist-item input[type=checkbox]{margin-top:3px;width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.room-checklist-label{flex:1;cursor:pointer;font-size:var(--text-body-size);line-height:1.5}.room-checklist-item.checked .room-checklist-label{text-decoration:line-through;color:var(--color-text-tertiary)}.room-checklist-label .task-label-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.room-checklist-label .task-item-note{font-size:var(--text-sm-size);color:var(--color-text-secondary)}.room-progress-section{margin-bottom:var(--space-6)}.room-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.room-progress-label{font-size:var(--text-sm-size);font-weight:500;color:var(--color-text-secondary)}.room-progress-value{font-size:var(--text-sm-size);color:var(--color-text-tertiary)}.room-progress-track{height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.room-progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}.steps-progress{margin-bottom:var(--space-8)}.steps-track{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.steps-track-step{flex:1;height:4px;background:var(--color-border);border-radius:var(--radius-full);transition:background var(--transition-base)}.steps-track-step.active{background:var(--color-primary)}.steps-track-step.complete{background:var(--color-success)}.steps-labels{display:flex;justify-content:space-between}.steps-label{text-align:center;flex:1;font-size:var(--text-xs-size);color:var(--color-text-tertiary);transition:color var(--transition-base)}.steps-label.active{color:var(--color-primary);font-weight:600}.steps-label.complete{color:var(--color-success)}.room-detail-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.room-detail-icon{font-size:2rem;line-height:1}.room-detail-info h2{font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);margin-bottom:var(--space-1)}.room-detail-info p{font-size:var(--text-sm-size);color:var(--color-text-secondary)}.room-empty{text-align:center;padding:var(--space-10) var(--space-4);color:var(--color-text-tertiary)}.room-empty-icon{font-size:3rem;margin-bottom:var(--space-3)}.room-empty p{font-size:var(--text-sm-size)}.room-detail-view{display:none}.room-detail-view.visible{display:block;animation:fadeIn .25s ease}.room-overview-view.hidden{display:none}.section-divider{margin:var(--space-8) 0;border:none;border-top:1px solid var(--color-border)}.border-room-kitchen{border-color:var(--room-kitchen)}.border-room-bathroom{border-color:var(--room-bathroom)}.border-room-bedroom{border-color:var(--room-bedroom)}.border-room-living{border-color:var(--room-living)}.border-room-hallway{border-color:var(--room-hallway)}.border-room-general{border-color:var(--room-general)}@media(max-width:480px){.room-card{padding:var(--space-4)}.room-card-icon{font-size:1.5rem}.lebenslage-card{padding:var(--space-4);min-height:140px}}@media(max-width:360px){.lebenslagen-grid{grid-template-columns:1fr}.room-tab{padding:var(--space-1) var(--space-3);font-size:var(--text-xs-size)}}.accordion{display:flex;flex-direction:column;gap:var(--space-3)}.accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base);background:var(--color-surface)}.accordion-item[open]{border-color:var(--color-primary)}.accordion-trigger{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-5) var(--space-6);background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--text-h3-size);font-weight:600;color:var(--color-text);line-height:var(--text-h3-line-height);text-align:left;transition:background var(--transition-fast);list-style:none;position:relative}.accordion-trigger::-webkit-details-marker{display:none}.accordion-trigger::marker{display:none;content:""}.accordion-trigger:hover{background:var(--color-bg)}.accordion-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.accordion-trigger-icon{font-size:1.5rem;flex-shrink:0;line-height:1}.accordion-indicator{margin-left:auto;flex-shrink:0;font-size:1.25rem;color:var(--color-text-secondary);transition:transform var(--transition-base);line-height:1}.accordion-item[open] .accordion-indicator{transform:rotate(180deg)}.accordion-content{padding:0 var(--space-6) var(--space-6);border-top:1px solid var(--color-border);animation:accordionSlideDown var(--transition-slow) ease both}@keyframes accordionSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.accordion-content>*+*{margin-top:var(--space-4)}.accordion-content p{font-size:var(--text-body-size);color:var(--color-text-secondary);line-height:var(--text-body-line-height)}.accordion-content strong{color:var(--color-text)}.accordion-content ul,.accordion-content ol{padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.accordion-content li{font-size:var(--text-body-size);color:var(--color-text-secondary);line-height:var(--text-body-line-height)}.accordion-content .accordion-cta{margin-top:var(--space-4)}.accordion-content .accordion-tip{padding:var(--space-3) var(--space-4);background:var(--color-primary-light);border-radius:var(--radius-md);font-size:var(--text-sm-size);color:var(--color-text);border-left:3px solid var(--color-primary)}@media(max-width:640px){.accordion-trigger{padding:var(--space-4);font-size:1.05rem}.accordion-content{padding:0 var(--space-4) var(--space-4)}}@media(prefers-reduced-motion:reduce){.lebenslage-card,.room-card,.room-tab,.room-checklist-item{transition:none}.lebenslage-card:hover,.room-card:hover{transform:none}.accordion-content{animation:none}.accordion-item,.accordion-trigger,.accordion-indicator{transition:none}}.affiliate-disclaimer-banner{background:var(--color-primary-light, #EFF6FF);border:1px solid var(--color-primary, #BFDBFE);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-6);font-size:var(--text-sm-size);line-height:1.6;color:var(--color-text-secondary)}.affiliate-disclaimer-banner strong{color:var(--color-text)}.affiliate-disclaimer{font-size:var(--text-xs-size);color:var(--color-text-tertiary);line-height:1.5}.affiliate-disclaimer:before{content:"* "}.affiliate-near-hint{font-size:.75em;color:var(--color-text-tertiary);margin-left:.5em;white-space:nowrap}.affiliate-near-hint:before{content:"*";margin-right:.2em}@media(prefers-color-scheme:dark){.affiliate-disclaimer-banner{background:var(--color-primary-light);border-color:var(--color-primary)}}.dark .affiliate-disclaimer-banner{background:var(--color-primary-light);border-color:var(--color-primary)}@media(prefers-reduced-motion:reduce){.affiliate-disclaimer-banner{transition:none}}@media(max-width:640px){.affiliate-disclaimer-banner{padding:var(--space-3);font-size:var(--text-xs-size)}.affiliate-disclaimer{display:block;margin-top:var(--space-1)}}