:root{--color-primary-500: #0972d2;--color-primary-700: #0c3f91;--color-primary-900: #001b34;--color-surface-0: #ffffff;--color-surface-1: #f3f6fa;--color-surface-2: #d7e1eb;--color-text-strong: #0f1a26;--color-text-muted: #44515f;--color-border-subtle: #5f666d;--color-success-bg: #d4edda;--color-success-border: #c3e6cb;--color-success-text: #155724;--color-warning-bg: #fff3cd;--color-warning-border: #ffc107;--color-warning-text: #856404;--color-info-bg: #d1ecf1;--color-info-border: #bee5eb;--color-info-text: #0c5460;--color-error-bg: #f8d7da;--color-error-border: #f5c6cb;--color-error-text: #721c24;--color-error-strong: #d32f2f;--font-family-base: Instrument Sans, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--font-weight-regular: 420;--font-weight-medium: 560;--font-weight-semibold: 620;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--line-height-sm: 1.3;--line-height-md: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--component-s: var(--space-3);--component-m: var(--space-4);--component-xl: 2.4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--border-radius-m: var(--radius-md);--border-radius-l: var(--radius-lg);--layout-max-width: 1280px;--header-height: 7.2rem;--motion-fast: .14s;--motion-normal: .22s;--easing-standard: cubic-bezier(.2, 0, 0, 1);--text-standard: #001b34;--text-main: var(--text-standard);--text-subtle: #5f666d;--text-secondary: var(--text-subtle);--border-subtle: #5f666d;--border-super-subtle: #d7e1eb;--page-surface-standard: #ffffff;--page-surface-standard-variant: #d7e1eb;--primary-button-body-light: #0972d2;--primary-button-body-dark: #0c3f91}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-family-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--color-text-strong);background:linear-gradient(180deg,var(--color-surface-1) 0%,var(--color-surface-0) 240px)}img,svg,canvas,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-primary-700);text-decoration-thickness:1px;text-underline-offset:.16em}a:hover{color:var(--color-primary-900)}#root,#app,[data-app-root]{width:100%;max-width:var(--layout-max-width);margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}.clInfoButtonRow{display:flex;justify-content:flex-start;margin-top:.1rem}.clInfoButton{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--border-subtle);border-radius:999px;background:var(--page-surface-standard-variant);color:var(--text-main);cursor:pointer}.clInfoButtonIcon{width:1rem;height:1rem;display:block}.clInfoButton:hover{border-color:var(--primary-button-body-light)}.clInfoButton--sm{width:1.4rem;height:1.4rem}.clInfoButton--sm .clInfoButtonIcon{width:.8rem;height:.8rem}.th-with-info{display:inline-flex;align-items:center;gap:.4rem}.alert-warning,.alert-info,.alert-success,.alert-error{border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-4)}.alert-warning{color:var(--color-warning-text);background-color:var(--color-warning-bg);border-color:var(--color-warning-border)}.alert-info{color:var(--color-info-text);background-color:var(--color-info-bg);border-color:var(--color-info-border)}.alert-success{color:var(--color-success-text);background-color:var(--color-success-bg);border-color:var(--color-success-border)}.alert-error{color:var(--color-error-text);background-color:var(--color-error-bg);border-color:var(--color-error-border)}.subheading{margin-top:var(--component-m);margin-bottom:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-strong)}.section-header{margin-top:0;margin-bottom:var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.clModalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0f172a7a;z-index:1000}.clModalOverlay[hidden]{display:none}.clModal{width:min(42rem,100%);max-height:min(90vh,48rem);overflow-y:auto;background:#fff;border-radius:var(--border-radius-m);box-shadow:0 1.5rem 3rem #0f172a33;border:1px solid var(--border-subtle)}.clModalHeader{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.25rem 0}.clModalTitle{margin:0;font-size:1.25rem;color:var(--text-main)}.clModalCloseButton{border:1px solid var(--border-subtle);background:transparent;border-radius:999px;width:2rem;height:2rem;cursor:pointer;font-size:.9rem;font-weight:700;color:var(--text-main)}.clModalBody{padding:1.25rem}.clModalIntro{margin-bottom:1rem;line-height:1.6}.clBlauerButton{background:linear-gradient(90deg,#0972d2,#0c3f91 25%,#001b34 75%,#0972d2);background-size:400%;color:#fff;border:none;border-radius:.55rem;cursor:pointer;padding:.55rem 1.2rem;font-size:1rem;font-weight:600;transition:background .25s cubic-bezier(.33,1,.68,1),color .25s cubic-bezier(.33,1,.68,1);width:max-content}.clBlauerButton:hover{background:linear-gradient(270deg,#0972d2,#0c3f91 28%,#001b34);color:#fff}.clBlauerButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.clOutlineButton{background:var(--color-surface-0, #ffffff);color:var(--color-primary-500, #0972d2);border:1.5px solid var(--color-primary-500, #0972d2);border-radius:.55rem;cursor:pointer;padding:.55rem 1.2rem;font-size:1rem;font-weight:600;transition:color .2s ease,border-color .2s ease;width:max-content}.clOutlineButton:hover,.clOutlineButton:active{color:var(--color-primary-900, #001b34);border-color:var(--color-primary-900, #001b34)}.clOutlineButton:disabled{background:var(--color-surface-0, #ffffff);color:#9aa0a6;border-color:#c8ccd0;cursor:not-allowed;pointer-events:none}.share-url-feedback{min-height:1.1rem;font-size:.8rem;color:var(--color-text-muted, #6b7280);opacity:1;transition:opacity .26s ease}.share-url-feedback.is-fading{opacity:0}.app-input-col{display:flex;flex-direction:column;gap:var(--space-3);box-sizing:border-box;padding:var(--space-4);background:var(--color-surface-1, #f3f6fa);border:1px solid var(--border-super-subtle, #d7e1eb);border-radius:var(--radius-md)}@media (min-width: 701px){.app-input-col{min-width:320px;max-width:320px}}:host(.is-mobile) .app-input-col{width:100%;min-width:0;max-width:none}.result-table-count,.frm-table-count{font-weight:600;color:var(--color-text-strong, #1d1d1b)}.frm-table-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.5rem;margin-bottom:.5rem}.frm-table-toolbar-actions{display:flex;flex-wrap:wrap;gap:.75rem}.frm-table-toolbar>.frm-table-count{margin-left:auto}.hilfe-hinweis{margin:0 0 .6rem;color:var(--color-text-muted, #44515f);font-size:.8rem;line-height:1.35}.frm-flow-chart-heading{margin:0 0 .4rem;font-weight:600;color:var(--color-text-strong, #1d1d1b)}.result-table,.ergebnis-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.92rem}.result-table th,.result-table td,.ergebnis-table th,.ergebnis-table td{border:0;border-bottom:1px solid #d7d7d7;padding:.45rem .55rem;text-align:left;white-space:nowrap}.result-table-scroll,.frm-table-scroll{overflow-y:auto;max-height:400px}.result-table thead th,.ergebnis-table thead th{position:sticky;top:0;z-index:1;background:var(--color-surface-2, #f3f4f6);font-weight:600;white-space:normal;line-height:1.2;border-bottom:0}.result-table thead th:first-child,.ergebnis-table thead th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.result-table thead th:last-child,.ergebnis-table thead th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.result-table tbody tr:hover td,.ergebnis-table tbody tr:hover td{background:var(--color-surface-1, #f9f9f9)}.result-table tbody tr.is-selected td,.ergebnis-table tbody tr.is-selected td{background:var(--color-primary-light, #e0f2fe)}.result-table .unit-soft-break,.ergebnis-table .unit-soft-break{display:block;font-weight:400}:host(.is-mobile) .result-table-scroll,:host(.is-mobile) .frm-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}:host(.is-mobile) .result-table,:host(.is-mobile) .ergebnis-table{min-width:640px}.ergebnis-table th[data-sort-col]{cursor:pointer;-webkit-user-select:none;user-select:none}.ergebnis-table th[data-sort-col]:after{content:" ⇅";opacity:.35;font-size:1em}.ergebnis-table th[data-sort-dir=asc]:after{content:" ▲";opacity:1}.ergebnis-table th[data-sort-dir=desc]:after{content:" ▼";opacity:1}.typ-name{display:block}.typ-bestellnr{display:block;font-size:.8rem;color:var(--color-text-muted, #6b7280)}.helper-table-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.5rem;align-items:flex-start}.helper-table-panel{margin-top:1.25rem;min-width:0;animation:frm-fadein .8s ease both}.helper-table-title{font-size:.9375rem;font-weight:600;margin:0 0 .5rem;color:var(--color-text-strong, #1d1d1b)}.helper-table-empty{font-size:.875rem;color:var(--color-text-muted, #6b7280);margin:0}.helper-table{border-collapse:collapse;font-size:.875rem;width:auto;table-layout:auto}.helper-table th,.helper-table td{padding:.24rem .45rem;border:1px solid var(--color-border, #d1d5db);text-align:left;white-space:normal;line-height:1.25}.helper-table thead th{background:var(--color-surface-alt, #f3f4f6);font-weight:600}:host(.is-mobile) .helper-table-grid{width:100%;grid-template-columns:1fr;gap:.85rem}:host(.is-mobile) .helper-table-panel{margin-top:0;width:100%;overflow-x:auto}.flex-row-gap-1{display:flex;flex-wrap:wrap;gap:var(--space-4)}.flex-row-gap-2{display:flex;flex-wrap:wrap;gap:var(--space-8)}.flex-col-gap-1{display:flex;flex-direction:column;gap:var(--space-4)}.flex-col-gap-2{display:flex;flex-direction:column;gap:var(--space-8)}.flex-settings{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--component-m)}.flex-settings>*{flex:1 1 300px;min-width:300px}.mt-1{margin-top:var(--space-4)}.mt-2{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-4)}.mb-2{margin-bottom:var(--space-8)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-blink{animation:blink 1s infinite}.animate-rotate{transform-box:fill-box;transform-origin:50% 50%;animation:rotate 3s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}