@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-warning-700: #b45309;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--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;--shadow-elevation-1: 0 1px 2px rgb(0 0 0 / .04), 0 2px 4px rgb(0 0 0 / .04), 0 4px 8px rgb(0 0 0 / .02);--shadow-elevation-2: 0 2px 4px rgb(0 0 0 / .04), 0 4px 8px rgb(0 0 0 / .04), 0 8px 16px rgb(0 0 0 / .04), 0 16px 32px rgb(0 0 0 / .02);--shadow-elevation-3: 0 4px 8px rgb(0 0 0 / .04), 0 8px 16px rgb(0 0 0 / .06), 0 16px 32px rgb(0 0 0 / .06), 0 32px 64px rgb(0 0 0 / .04);--shadow-glow-primary: 0 0 20px rgb(13 148 136 / .15), 0 0 40px rgb(13 148 136 / .08);--shadow-glow-accent: 0 0 20px rgb(37 99 235 / .15), 0 0 40px rgb(37 99 235 / .08);--gradient-hero: radial-gradient(ellipse 80% 50% at 50% -20%, rgb(13 148 136 / .08), transparent), radial-gradient(ellipse 60% 40% at 80% 50%, rgb(37 99 235 / .05), transparent);--gradient-btn-primary: linear-gradient(135deg, var(--color-primary-500), var(--color-primary-700));--gradient-btn-primary-hover: linear-gradient(135deg, var(--color-primary-400), var(--color-primary-600));--gradient-card-hover: linear-gradient(135deg, rgb(13 148 136 / .02), rgb(37 99 235 / .02));--gradient-text-brand: linear-gradient(135deg, var(--color-primary-600), var(--color-accent-600));--gradient-footer: linear-gradient(180deg, #0c1825, var(--color-slate-900) 40%, #0a0f1a);--gradient-section-alt: linear-gradient(180deg, var(--color-slate-50), #ffffff 50%, var(--color-slate-50));--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--decoration-dot-size: 1px;--decoration-dot-gap: 24px;--decoration-dot-color: rgb(13 148 136 / .08)}*,*: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:var(--gradient-section-alt)}.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-muted{color:var(--color-text-muted)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-small{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-4xl{font-size:var(--text-4xl)}.text.bg-primary-50{background-color:var(--color-primary-50)}.text-success{color:var(--color-success-600)}.text-error{color:var(--color-error-600)}.text-warning{color:var(--color-warning-600)}.text-primary{color:var(--color-primary-600)}.text-primary-700{color:var(--color-primary-700)}.text-lg{font-size:var(--text-lg)}.text-xs{font-size:var(--text-xs)}.text-xl{font-size:var(--text-xl)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.bg-slate-100{background-color:var(--color-slate-100)}.whitespace-nowrap{white-space:nowrap}.italic{font-style:italic}.inline-block{display:inline-block}.underline{text-decoration:underline}.border-t-2{border-top:2px solid var(--color-border)}.border-border{border-color:var(--color-border)}.border-border-light{border-color:var(--color-border-light)}.border{border:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border-light)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:12px}.w-full{width:100%}.max-w-920{max-width:920px}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}.h-8{height:32px}.mb-1{margin-bottom:var(--space-1)}.mb-3{margin-bottom:var(--space-3)}.mb-5{margin-bottom:var(--space-5)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-8{margin-top:2em;margin-bottom:2em}.p-4{padding:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.items-start{align-items:flex-start}.grid-cols-2{display:grid;grid-template-columns:1fr 1fr}.relative{position:relative}.overflow-hidden{overflow:hidden}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pl-4{padding-left:var(--space-4)}.pl-5{padding-left:var(--space-5)}.pt-0{padding-top:0}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.m-0{margin:0}.mt-0{margin-top:0}.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)}.mb-2{margin-bottom:var(--space-2)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.max-w-none{max-width:none}.mx-auto{margin-inline:auto}.flex{display:flex}.shrink-0{flex-shrink:0}.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)}}.overflow-x-auto{overflow-x:auto}.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-xl);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(--gradient-btn-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-elevation-1)}.btn--primary:hover{background:var(--gradient-btn-primary-hover);border-color:transparent;box-shadow:var(--shadow-glow-primary);color:#fff;transform:translateY(-1px)}.btn--secondary{background:var(--color-bg);color:var(--color-primary-700);border-color:var(--color-primary-500);box-shadow:var(--shadow-elevation-1)}.btn--secondary:hover{background:var(--color-primary-50);color:var(--color-primary-800);border-color:var(--color-primary-600);box-shadow:0 0 0 3px #0d948814;transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--color-slate-600);border-color:var(--color-border);transition:background-color var(--duration-200) var(--ease-smooth),color var(--duration-200) var(--ease-smooth),border-color var(--duration-200) var(--ease-smooth),box-shadow var(--duration-200) var(--ease-smooth),transform var(--duration-200) var(--ease-smooth)}.btn--ghost:hover{background:var(--color-bg-subtle);color:var(--color-slate-800);border-color:var(--color-border-strong);box-shadow:var(--shadow-elevation-1)}.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-5) var(--space-7);font-size:var(--text-base);border-radius:var(--radius-2xl)}.btn--sm{padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs)}.card-tool{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-elevation-1);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);text-decoration:none;color:inherit;position:relative;transition:box-shadow var(--duration-300) var(--ease-smooth),border-color var(--duration-300) var(--ease-smooth),transform var(--duration-300) var(--ease-smooth),background var(--duration-300) var(--ease-smooth)}.card-tool:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-elevation-2);transform:translateY(-4px);color:inherit;background:var(--gradient-card-hover)}.card-tool__icon{width:3.25rem;height:3.25rem;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));color:var(--color-primary-600);border-radius:var(--radius-xl);flex-shrink:0;transition:transform var(--duration-300) var(--ease-bounce)}.card-tool:hover .card-tool__icon{transform:scale(1.08)}.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-2xl);padding:var(--space-4);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-elevation-1);transition:box-shadow var(--duration-300) var(--ease-smooth),transform var(--duration-300) var(--ease-smooth)}.card-result:hover{box-shadow:var(--shadow-elevation-2);transform:translateY(-2px)}.card-result--positive{border-color:var(--color-success-200);background:linear-gradient(180deg,var(--color-success-50),var(--color-bg))}.card-result--hero{padding:var(--space-6);border-color:var(--color-primary-200);background:linear-gradient(180deg,var(--color-primary-50),var(--color-bg))}.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-4xl);background:var(--gradient-text-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.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-xl);text-decoration:none;color:inherit;box-shadow:var(--shadow-elevation-1);transition:border-color var(--duration-200) var(--ease-smooth),box-shadow var(--duration-200) var(--ease-smooth),transform var(--duration-200) var(--ease-smooth)}.card-related:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-elevation-2);color:inherit;transform:translateY(-2px)}.card-lexikon{padding:var(--space-4) var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-left:3px solid transparent;border-image:linear-gradient(180deg,var(--color-primary-500),var(--color-primary-200)) 1;border-image-slice:0 0 0 3;border-radius:var(--radius-xl);text-decoration:none;color:inherit;box-shadow:var(--shadow-elevation-1);transition:border-color var(--duration-200) var(--ease-smooth),background var(--duration-200) var(--ease-smooth),box-shadow var(--duration-200) var(--ease-smooth),transform var(--duration-200) var(--ease-smooth)}.card-lexikon:hover{border-color:var(--color-accent-300);background:var(--color-accent-50);color:inherit;box-shadow:var(--shadow-elevation-2);transform:translateY(-2px)}.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;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)}.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;box-shadow:0 1px 2px #0000000a;transition:background var(--duration-200) var(--ease-smooth),border-color var(--duration-200) var(--ease-smooth),color var(--duration-200) var(--ease-smooth),box-shadow var(--duration-200) var(--ease-smooth),transform var(--duration-200) var(--ease-smooth)}.tag:hover{background:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-700);box-shadow:var(--shadow-elevation-1);transform:translateY(-1px)}.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-3) var(--space-4);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:inset 0 1px 3px #0000000a;transition:border-color var(--duration-200) var(--ease-smooth),box-shadow var(--duration-200) var(--ease-smooth)}.form-input:hover{border-color:var(--color-slate-400)}.form-input:focus{border-color:var(--color-primary-500);box-shadow:inset 0 1px 3px #0000000a,0 0 0 3px #0d94881f;outline:none}.form-input::placeholder{color:var(--color-text-light)}.form-select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:inset 0 1px 3px #0000000a;transition:border-color var(--duration-200) var(--ease-smooth),box-shadow var(--duration-200) var(--ease-smooth);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-xl);cursor:pointer;text-align:center;box-shadow:0 1px 2px #0000000a;transition:border-color var(--duration-200) var(--ease-smooth),background var(--duration-200) var(--ease-smooth),box-shadow var(--duration-200) var(--ease-smooth),transform var(--duration-200) var(--ease-smooth)}.radio-card:hover{border-color:var(--color-primary-300);background:var(--color-primary-50);box-shadow:var(--shadow-elevation-1);transform:translateY(-1px)}.radio-card--selected{border-color:var(--color-primary-600);background:var(--color-primary-50);box-shadow:0 0 0 1px var(--color-primary-600),var(--shadow-elevation-1)}.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-smooth);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-2xl);padding:var(--space-6);margin-top:var(--space-6);box-shadow:var(--shadow-elevation-1)}.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:2px solid transparent;border-image:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-200)) 1;border-image-slice:0 0 2 0}.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-xl);box-shadow:var(--shadow-elevation-1)}.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-2xl);overflow:hidden;box-shadow:var(--shadow-elevation-1)}.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-200) var(--ease-smooth)}.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-smooth)}.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)}.contact-box{background:var(--color-surface-raised);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6)}.article-card{display:block;padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);text-decoration:none;color:inherit;transition:box-shadow var(--duration-150) var(--ease-default),border-color var(--duration-150) var(--ease-default)}.article-card:hover{border-color:var(--color-primary-300);box-shadow:0 2px 8px #0000000f;color:inherit}.article-card--compact{padding:var(--space-4);border-radius:var(--radius-md)}.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-200) var(--ease-smooth)}.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:linear-gradient(90deg,rgb(13 148 136 / .03),transparent),#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgb(226 232 240 / .6);box-shadow:0 1px 3px #0000000a}.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-lg);transition:color var(--duration-200) var(--ease-smooth),background var(--duration-200) var(--ease-smooth),transform var(--duration-200) var(--ease-smooth)}.site-nav__link:hover{color:var(--color-primary-700);background:var(--color-primary-50);transform:translateY(-1px)}.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(--gradient-footer);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-200) var(--ease-smooth),transform var(--duration-200) var(--ease-smooth);display:inline-block}.site-footer__link:hover{color:var(--color-primary-400);transform:translate(2px)}.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);box-shadow:var(--shadow-elevation-1);transition:box-shadow var(--duration-200) var(--ease-smooth),transform var(--duration-200) var(--ease-smooth)}.trust-signal:hover{box-shadow:var(--shadow-elevation-2);transform:translateY(-2px)}.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-2xl);box-shadow:var(--shadow-elevation-1)}.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 transparent;border-image:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-200)) 1;border-image-slice:0 0 2 0;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-lg);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-slate-600);background:linear-gradient(90deg,var(--color-primary-50),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}.print-dialog-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#0f172a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn var(--duration-200) var(--ease-out) both}.print-dialog{background:var(--color-bg);border-radius:var(--radius-2xl);box-shadow:var(--shadow-elevation-3);max-width:480px;width:calc(100% - 2rem);padding:var(--space-6);animation:fadeInUp var(--duration-300) var(--ease-out) both}.print-dialog__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-primary-700)}.print-dialog__header h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text);margin:0}.print-dialog__field{margin-bottom:var(--space-5)}.print-dialog__label{display:block;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.print-dialog__optional{font-weight:var(--weight-normal);color:var(--color-text-muted);margin-left:var(--space-1)}.print-dialog__input{width:100%;padding:var(--space-2-5) var(--space-3);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:inset 0 1px 3px #0000000a;transition:border-color var(--duration-200) var(--ease-smooth),box-shadow var(--duration-200) var(--ease-smooth);box-sizing:border-box}.print-dialog__input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:inset 0 1px 3px #0000000a,0 0 0 3px #0d94881f}.print-dialog__hint{font-size:var(--text-xs);color:var(--color-text-light);margin-top:var(--space-1)}.print-dialog__radio{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;margin-bottom:var(--space-2)}.print-dialog__radio input[type=radio]{margin-top:5px;accent-color:var(--color-primary-600);flex-shrink:0}.print-dialog__radio-card{display:flex;flex-direction:column;gap:2px}.print-dialog__radio-card strong{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.print-dialog__radio-card span{font-size:var(--text-xs);color:var(--color-text-muted)}.print-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.related-tools{padding-top:var(--space-8);border-top:2px solid transparent;border-image:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-100),transparent) 1;border-image-slice:2 0 0 0}.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;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:var(--gradient-hero);pointer-events:none;z-index:0}.hero>*{position:relative;z-index:1}@media(min-width:768px){.hero{padding-block:var(--space-20) var(--space-16)}}.hero__title{max-width:18ch;margin-inline:auto;letter-spacing:-.03em}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:54ch;margin-inline:auto;margin-top:var(--space-4);line-height:var(--leading-relaxed)}@media(min-width:768px){.hero__subtitle{font-size:var(--text-xl)}}.hero__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);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:40ms}.stagger-2{animation-delay:90ms}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.22s}.stagger-5{animation-delay:.3s}.stagger-6{animation-delay:.39s}.stagger-7{animation-delay:.49s}.stagger-8{animation-delay:.6s}.stagger-9{animation-delay:.72s}.stagger-10{animation-delay:.85s}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.animate-scale-in{animation:scaleIn var(--duration-500) var(--ease-bounce) both}.animate-slide-in-left{animation:slideInLeft var(--duration-500) var(--ease-smooth) both}.animate-slide-in-right{animation:slideInRight var(--duration-500) var(--ease-smooth) both}