@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/plus-jakarta-sans-var.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/figtree-var.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-var.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}:root{--color-primary-50: #f0fdfa;--color-primary-100: #ccfbf1;--color-primary-200: #99f6e4;--color-primary-300: #5eead4;--color-primary-400: #2dd4bf;--color-primary-500: #14b8a6;--color-primary-600: #0d9488;--color-primary-700: #0f766e;--color-primary-800: #115e59;--color-primary-900: #134e4a;--color-accent-50: #eff6ff;--color-accent-100: #dbeafe;--color-accent-200: #bfdbfe;--color-accent-300: #93c5fd;--color-accent-400: #60a5fa;--color-accent-500: #3b82f6;--color-accent-600: #2563eb;--color-accent-700: #1d4ed8;--color-accent-800: #1e40af;--color-accent-900: #1e3a8a;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-text: var(--color-slate-900);--color-text-muted: var(--color-slate-500);--color-text-light: var(--color-slate-400);--color-bg: #ffffff;--color-bg-subtle: var(--color-slate-50);--color-bg-muted: var(--color-slate-100);--color-border: var(--color-slate-200);--color-border-strong: var(--color-slate-300);--color-link: var(--color-accent-600);--color-link-hover: var(--color-accent-700);--color-focus-ring: var(--color-primary-500);--font-display: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-body: "Figtree", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .06);--shadow-primary: 0 10px 25px -5px rgb(13 148 136 / .15), 0 4px 6px -4px rgb(13 148 136 / .1);--shadow-accent: 0 10px 25px -5px rgb(37 99 235 / .15), 0 4px 6px -4px rgb(37 99 235 / .1);--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--z-base: 0;--z-above: 10;--z-header: 100;--z-overlay: 150;--z-modal: 200;--z-tooltip: 300;--header-height: 4rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-4));hanging-punctuation:first last}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-relaxed);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;min-height:100vh;min-height:100dvh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text);text-wrap:balance}h1{font-size:var(--text-3xl);font-weight:var(--weight-extrabold)}h2{font-size:var(--text-2xl);font-weight:var(--weight-bold)}h3{font-size:var(--text-xl);font-weight:var(--weight-semibold)}h4{font-size:var(--text-lg);font-weight:var(--weight-semibold)}@media(min-width:768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}}@media(min-width:1024px){h1{font-size:var(--text-5xl)}}p{text-wrap:pretty;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:6 3 2}:lang(de){hyphens:auto;-webkit-hyphens:auto}a{color:var(--color-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;transition:color var(--duration-150) var(--ease-default)}a:hover{color:var(--color-link-hover);text-decoration-thickness:2px}a:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}strong,b{font-weight:var(--weight-semibold)}small{font-size:var(--text-sm);color:var(--color-text-muted)}code{font-family:var(--font-mono);font-size:.875em;background:var(--color-bg-muted);padding:var(--space-0-5) var(--space-1);border-radius:var(--radius-sm)}ul,ol{padding-left:var(--space-6)}li{margin-bottom:var(--space-1)}li::marker{color:var(--color-primary-600)}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}th{font-family:var(--font-display);font-weight:var(--weight-semibold);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--color-border);color:var(--color-slate-700);white-space:nowrap}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:top}tr:last-child td{border-bottom:none}img,video{display:block;max-width:100%;height:auto}svg:not(.icon){display:block;max-width:100%;height:auto}svg.icon{display:inline-block;vertical-align:middle;flex-shrink:0}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}::selection{background:var(--color-primary-200);color:var(--color-primary-900)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}.container{width:100%;padding-inline:var(--space-4);margin-inline:auto}@media(min-width:640px){.container{max-width:var(--container-sm)}}@media(min-width:768px){.container{max-width:var(--container-md)}}@media(min-width:1024px){.container{max-width:var(--container-lg);padding-inline:var(--space-6)}}@media(min-width:1280px){.container{max-width:var(--container-xl)}}.container--narrow{max-width:64rem}.container--wide{max-width:80rem}.section{padding-block:var(--space-6)}.section--lg{padding-block:var(--space-10)}@media(min-width:768px){.section{padding-block:var(--space-8)}.section--lg{padding-block:var(--space-12)}}.section--alt{background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-small{font-size:var(--text-sm)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.prose>*+*{margin-top:var(--space-4)}.prose>h2+*{margin-top:var(--space-3)}.prose>h3+*{margin-top:var(--space-2)}.prose>*+h2{margin-top:var(--space-10)}.prose>*+h3{margin-top:var(--space-8)}.section>h2{margin-bottom:var(--space-4)}.section>h3{margin-top:var(--space-6);margin-bottom:var(--space-3)}.section>p+p{margin-top:var(--space-3)}.section>p{line-height:var(--leading-relaxed);color:var(--color-slate-600)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-5);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-decoration:none;border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;transition:background-color var(--duration-150) var(--ease-default),color var(--duration-150) var(--ease-default),border-color var(--duration-150) var(--ease-default),box-shadow var(--duration-150) var(--ease-default),transform var(--duration-150) var(--ease-default);white-space:nowrap;user-select:none}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.btn--primary{background:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.btn--primary:hover{background:var(--color-primary-700);border-color:var(--color-primary-700);box-shadow:var(--shadow-primary);color:#fff}.btn--secondary{background:var(--color-bg);color:var(--color-primary-700);border-color:var(--color-primary-600)}.btn--secondary:hover{background:var(--color-primary-50);color:var(--color-primary-800)}.btn--ghost{background:transparent;color:var(--color-slate-600);border-color:var(--color-border)}.btn--ghost:hover{background:var(--color-bg-subtle);color:var(--color-slate-800);border-color:var(--color-border-strong)}.btn--icon{padding:var(--space-2);border-radius:var(--radius-md);background:transparent;color:var(--color-slate-500)}.btn--icon:hover{background:var(--color-bg-subtle);color:var(--color-slate-700)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn--sm{padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:box-shadow var(--duration-300) var(--ease-default),border-color var(--duration-300) var(--ease-default),transform var(--duration-300) var(--ease-default)}.card-tool{composes:card;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);text-decoration:none;color:inherit;position:relative}.card-tool:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-primary);transform:translateY(-2px);color:inherit}.card-tool__icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);background:var(--color-primary-50);color:var(--color-primary-600);border-radius:var(--radius-lg);flex-shrink:0}.card-tool__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text);line-height:var(--leading-snug)}.card-tool__description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);flex-grow:1}.card-tool__arrow{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary-600);margin-top:auto;transition:gap var(--duration-200) var(--ease-default)}.card-tool:hover .card-tool__arrow{gap:var(--space-2)}.card-tool--full{padding:var(--space-8)}.card-tool--full .card-tool__icon{width:3.5rem;height:3.5rem;font-size:var(--text-3xl)}.card-tool--full .card-tool__title{font-size:var(--text-xl)}.card-result{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.card-result--hero{padding:var(--space-6)}.card-result__value{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-primary-700);line-height:var(--leading-none)}.card-result--hero .card-result__value{font-size:var(--text-5xl)}.card-result__label{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.card-result__unit{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-normal);color:var(--color-text-muted);margin-left:var(--space-1)}.card-related{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:border-color var(--duration-200) var(--ease-default),box-shadow var(--duration-200) var(--ease-default)}.card-related:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm);color:inherit}.card-lexikon{padding:var(--space-4) var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:border-color var(--duration-200) var(--ease-default),background var(--duration-200) var(--ease-default)}.card-lexikon:hover{border-color:var(--color-accent-300);background:var(--color-accent-50);color:inherit}.card-lexikon__term{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.card-lexikon__definition{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2-5);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:var(--leading-normal);border-radius:var(--radius-full);white-space:nowrap}.badge--privat{background:var(--color-primary-100);color:var(--color-primary-800)}.badge--gewerbe{background:var(--color-accent-100);color:var(--color-accent-800)}.badge--aktiv{background:var(--color-success-100);color:var(--color-success-600)}.badge--knapp{background:var(--color-warning-100);color:var(--color-warning-600)}.badge--aus{background:var(--color-error-100);color:var(--color-error-600)}.badge--neu{background:var(--color-accent-100);color:var(--color-accent-700)}.tag-bar{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-slate-600);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full);text-decoration:none;transition:background var(--duration-150) var(--ease-default),border-color var(--duration-150) var(--ease-default),color var(--duration-150) var(--ease-default)}.tag:hover{background:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-700)}.form-group{display:flex;flex-direction:column;gap:var(--space-1-5)}.form-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-slate-700)}.form-help{font-size:var(--text-xs);color:var(--color-text-muted)}.form-input{width:100%;padding:var(--space-2-5) var(--space-3);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);transition:border-color var(--duration-150) var(--ease-default),box-shadow var(--duration-150) var(--ease-default)}.form-input:hover{border-color:var(--color-slate-400)}.form-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #0d948826;outline:none}.form-input::placeholder{color:var(--color-text-light)}.form-select{composes:form-input;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='%2364748b'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.slider-input{display:flex;flex-direction:column;gap:var(--space-2)}.slider-input__header{display:flex;justify-content:space-between;align-items:baseline}.slider-input__value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-primary-700)}.slider-input__unit{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);margin-left:var(--space-1)}.slider-input__range{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--color-slate-200);border-radius:var(--radius-full);outline:none;cursor:pointer}.slider-input__range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-primary-600);border:3px solid var(--color-bg);box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--duration-150) var(--ease-spring)}.slider-input__range::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-input__range::-moz-range-thumb{width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-primary-600);border:3px solid var(--color-bg);box-shadow:var(--shadow-md);cursor:pointer}.slider-input__limits{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-light)}.radio-group{display:grid;gap:var(--space-2)}@media(min-width:640px){.radio-group{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.radio-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:border-color var(--duration-150) var(--ease-default),background var(--duration-150) var(--ease-default)}.radio-card:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.radio-card--selected{border-color:var(--color-primary-600);background:var(--color-primary-50);box-shadow:0 0 0 1px var(--color-primary-600)}.radio-card__label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.radio-card__description{font-size:var(--text-xs);color:var(--color-text-muted)}.toggle-switch{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.toggle-switch__track{position:relative;width:44px;height:24px;background:var(--color-slate-300);border-radius:var(--radius-full);transition:background var(--duration-200) var(--ease-default);flex-shrink:0}.toggle-switch__track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--color-bg);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--duration-200) var(--ease-spring)}.toggle-switch--active .toggle-switch__track{background:var(--color-primary-600)}.toggle-switch--active .toggle-switch__track:after{transform:translate(20px)}.toggle-switch__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-slate-700)}.result-container{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-6)}.result-container__header{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.result-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:640px){.result-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.result-grid{grid-template-columns:repeat(3,1fr)}}.result-grid--hero{grid-template-columns:1fr;margin-bottom:var(--space-4)}.result-table{width:100%;margin-top:var(--space-4)}.result-table th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}.result-chart{margin-top:var(--space-6);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.result-actions{display:flex;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.faq-section{border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item:last-child{border-bottom:none}.faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);cursor:pointer;list-style:none;transition:background var(--duration-150) var(--ease-default)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{background:var(--color-bg-subtle)}.faq-item summary:after{content:"";width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center no-repeat;flex-shrink:0;transition:transform var(--duration-200) var(--ease-default)}.faq-item[open] summary:after{transform:rotate(180deg)}.faq-item__answer{padding:0 var(--space-5) var(--space-5);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-slate-600)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--color-text-muted)}.breadcrumb__link{color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-150) var(--ease-default)}.breadcrumb__link:hover{color:var(--color-primary-600)}.breadcrumb__separator{color:var(--color-slate-300);margin-inline:var(--space-1)}.breadcrumb__current{color:var(--color-text);font-weight:var(--weight-medium)}.site-header{position:sticky;top:0;z-index:var(--z-header);height:var(--header-height);background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:100%}.site-header__logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text)}.site-header__logo-icon{width:2rem;height:2rem;color:var(--color-primary-600)}.site-header__logo-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);color:var(--color-slate-900)}.site-header__logo-text span{color:var(--color-primary-600)}.site-nav__list{display:none;list-style:none;padding:0;margin:0}@media(min-width:768px){.site-nav__list{display:flex;align-items:center;gap:var(--space-1)}}.site-nav__link{display:flex;align-items:center;padding:var(--space-2) var(--space-3);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-slate-600);text-decoration:none;border-radius:var(--radius-md);transition:color var(--duration-150) var(--ease-default),background var(--duration-150) var(--ease-default)}.site-nav__link:hover{color:var(--color-primary-700);background:var(--color-primary-50)}.site-nav__link--active{color:var(--color-primary-700);background:var(--color-primary-50);font-weight:var(--weight-semibold)}.site-header__toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:none;border:none;color:var(--color-slate-700);cursor:pointer}@media(min-width:768px){.site-header__toggle{display:none}}.site-nav--mobile{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:var(--space-4);z-index:var(--z-header)}.site-nav--mobile.is-open{display:block}.site-nav--mobile .site-nav__list{display:flex;flex-direction:column;gap:var(--space-1)}.site-nav--mobile .site-nav__link{padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-radius:var(--radius-lg)}.site-footer{background:var(--color-slate-900);color:var(--color-slate-300);padding-block:var(--space-12);margin-top:var(--space-16)}.site-footer__grid{display:grid;gap:var(--space-8);grid-template-columns:1fr}@media(min-width:768px){.site-footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}}.site-footer__brand{display:flex;flex-direction:column;gap:var(--space-3)}.site-footer__brand-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-bg)}.site-footer__brand-desc{font-size:var(--text-sm);color:var(--color-slate-400);max-width:32ch}.site-footer__heading{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-bg);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3)}.site-footer__links{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.site-footer__link{color:var(--color-slate-400);text-decoration:none;font-size:var(--text-sm);transition:color var(--duration-150) var(--ease-default)}.site-footer__link:hover{color:var(--color-primary-400)}.site-footer__bottom{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-slate-800);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-slate-500)}.trust-signals{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);padding:var(--space-6) 0}.trust-signal{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-slate-600)}.trust-signal__icon{width:1.25rem;height:1.25rem;color:var(--color-primary-600);flex-shrink:0}.ad-slot{display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);color:var(--color-text-light)}.ad-slot--header{min-height:90px;margin-bottom:var(--space-6)}.ad-slot--result{min-height:250px;margin-top:var(--space-6)}.ad-slot--sidebar{min-height:250px}.ad-slot--faq{min-height:90px;margin-block:var(--space-4)}.ad-slot--footer{min-height:90px;margin-top:var(--space-8)}.rechner-page{padding-top:var(--space-6)}.rechner-page__hero{margin-bottom:var(--space-8)}.rechner-page__hero h1{margin-bottom:var(--space-2)}.rechner-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:60ch}.rechner-form{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.rechner-form__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-primary-200);margin-bottom:var(--space-1)}.rechner-form__section{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.rechner-notice{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-primary-500);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-slate-600);background:var(--color-bg)}.rechner-notice--info{border-left-color:var(--color-success-500)}.rechner-form__section-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-slate-700);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.rechner-form__row{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:640px){.rechner-form__row{grid-template-columns:repeat(2,1fr)}}.rechner-form__submit{margin-top:var(--space-2)}.chart{font-family:var(--font-body);font-size:var(--text-sm);width:100%;height:auto}.chart-bar--primary{fill:var(--color-primary-500)}.chart-bar--accent{fill:var(--color-accent-500)}.chart-bar--muted{fill:var(--color-slate-300)}.chart-bar--error{fill:var(--color-error-500)}.chart-bar--success{fill:var(--color-success-500)}.chart-bar--warning{fill:var(--color-warning-500)}.chart-line--primary{stroke:var(--color-primary-600);fill:none;stroke-width:2.5}.chart-line--accent{stroke:var(--color-accent-600);fill:none;stroke-width:2.5}.chart-line--error{stroke:var(--color-error-500);fill:none;stroke-width:2;stroke-dasharray:6 4}.chart-axis{stroke:var(--color-slate-300);stroke-width:1}.chart-grid{stroke:var(--color-slate-100);stroke-width:1}.chart-label{fill:var(--color-slate-500);font-size:12px}.chart-value{fill:var(--color-text);font-weight:var(--weight-semibold);font-size:14px}.chart-title{fill:var(--color-text);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:16px}.related-tools{padding-top:var(--space-8);border-top:1px solid var(--color-border)}.related-tools__heading{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4)}.related-tools__grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:640px){.related-tools__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.related-tools__grid{grid-template-columns:repeat(3,1fr)}}.share-export{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.share-export__label{font-size:var(--text-sm);color:var(--color-text-muted);margin-right:var(--space-2)}.hero{padding-block:var(--space-16) var(--space-12);text-align:center}@media(min-width:768px){.hero{padding-block:var(--space-20) var(--space-16)}}.hero__title{max-width:18ch;margin-inline:auto}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:54ch;margin-inline:auto;margin-top:var(--space-4)}@media(min-width:768px){.hero__subtitle{font-size:var(--text-xl)}}.hero__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-8)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.animate-fade-in-up{animation:fadeInUp var(--duration-500) var(--ease-out) both}.animate-fade-in{animation:fadeIn var(--duration-300) var(--ease-out) both}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.stagger-9{animation-delay:.45s}.stagger-10{animation-delay:.5s}@media print{@page{size:A4;margin:2cm 1.5cm}*,*:before,*:after{box-shadow:none!important;text-shadow:none!important}html{font-size:11pt}body{color:#000;background:#fff;font-family:Figtree,Segoe UI,sans-serif;line-height:1.5}.site-header,.site-footer,.site-nav--mobile,.ad-slot,.share-export,.btn,.trust-signals,.related-tools,.rechner-form,.tag-bar,[data-no-print]{display:none!important}h1,h2,h3,h4{break-after:avoid;page-break-after:avoid}table,figure,img,svg{break-inside:avoid;page-break-inside:avoid}h1{font-size:22pt;margin-bottom:6pt}h2{font-size:16pt;margin-top:20pt;margin-bottom:6pt;border-bottom:.5pt solid #ccc;padding-bottom:4pt}h3{font-size:13pt;margin-top:14pt;margin-bottom:4pt}p{orphans:3;widows:3;max-width:none}a{color:#000;text-decoration:none}a[href^=http]:after{content:" (" attr(href) ")";font-size:8pt;color:#666}.result-container{border:1px solid #ddd;background:none;padding:12pt;margin:16pt 0}.result-container__header{font-size:14pt;border-bottom:.5pt solid #ccc;margin-bottom:8pt;padding-bottom:4pt}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8pt}.card-result{border:.5pt solid #ddd;padding:8pt;text-align:center}.card-result--positive{border-left:2pt solid #16a34a}.card-result--negative{border-left:2pt solid #dc2626}.card-result--neutral{border-left:2pt solid #2563eb}.card-result__value{font-size:18pt;font-weight:700}.card-result__label{font-size:9pt;color:#666}table{width:100%;border-collapse:collapse;font-size:10pt;margin:12pt 0}th,td{padding:4pt 8pt;border:.5pt solid #ccc;text-align:left}th{background:#f5f5f5!important;font-weight:600;font-size:9pt;text-transform:uppercase}.result-chart{border:none;padding:0;margin:12pt 0}.chart{max-width:100%}.result-container:after{content:"wallboxberater.de — Alle Angaben ohne Gewähr. Stand: " attr(data-date);display:block;margin-top:12pt;padding-top:8pt;border-top:.5pt solid #ccc;font-size:7pt;color:#999}.breadcrumb{font-size:8pt;margin-bottom:8pt;color:#666}.breadcrumb__separator:before{content:" › "}}