html{color-scheme:light;--mat-sys-primary: light-dark(#5d5f5f, #c6c6c7);--mat-sys-on-primary: light-dark(#ffffff, #2f3131);--mat-sys-primary-container: light-dark(#e2e2e2, #454747);--mat-sys-on-primary-container: light-dark(#1a1c1c, #e2e2e2);--mat-sys-inverse-primary: light-dark(#c6c6c7, #5d5f5f);--mat-sys-primary-fixed: light-dark(#e2e2e2, #e2e2e2);--mat-sys-primary-fixed-dim: light-dark(#c6c6c7, #c6c6c7);--mat-sys-on-primary-fixed: light-dark(#1a1c1c, #1a1c1c);--mat-sys-on-primary-fixed-variant: light-dark(#454747, #454747);--mat-sys-secondary: light-dark(#5e5e5e, #c8c6c6);--mat-sys-on-secondary: light-dark(#ffffff, #303030);--mat-sys-secondary-container: light-dark(#e4e2e2, #474747);--mat-sys-on-secondary-container: light-dark(#1b1c1c, #e4e2e2);--mat-sys-secondary-fixed: light-dark(#e4e2e2, #e4e2e2);--mat-sys-secondary-fixed-dim: light-dark(#c8c6c6, #c8c6c6);--mat-sys-on-secondary-fixed: light-dark(#1b1c1c, #1b1c1c);--mat-sys-on-secondary-fixed-variant: light-dark(#474747, #474747);--mat-sys-tertiary: light-dark(#5d5f5f, #c6c6c7);--mat-sys-on-tertiary: light-dark(#ffffff, #2f3131);--mat-sys-tertiary-container: light-dark(#e2e2e2, #454747);--mat-sys-on-tertiary-container: light-dark(#1a1c1c, #e2e2e2);--mat-sys-tertiary-fixed: light-dark(#e2e2e2, #e2e2e2);--mat-sys-tertiary-fixed-dim: light-dark(#c6c6c7, #c6c6c7);--mat-sys-on-tertiary-fixed: light-dark(#1a1c1c, #1a1c1c);--mat-sys-on-tertiary-fixed-variant: light-dark(#454747, #454747);--mat-sys-background: light-dark(#fcf8f8, #141313);--mat-sys-on-background: light-dark(#1c1b1b, #e5e2e1);--mat-sys-surface: light-dark(#fcf8f8, #141313);--mat-sys-surface-dim: light-dark(#ddd9d9, #141313);--mat-sys-surface-bright: light-dark(#fcf8f8, #3a3939);--mat-sys-surface-container-low: light-dark(#f6f3f2, #1c1b1b);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e0e);--mat-sys-surface-container: light-dark(#f1edec, #201f1f);--mat-sys-surface-container-high: light-dark(#ebe7e7, #2a2a2a);--mat-sys-surface-container-highest: light-dark(#e5e2e1, #353434);--mat-sys-on-surface: light-dark(#1c1b1b, #e5e2e1);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-surface-tint: light-dark(#5d5f5f, #c6c6c7);--mat-sys-inverse-surface: light-dark(#313030, #e5e2e1);--mat-sys-inverse-on-surface: light-dark(#f4f0ef, #313030);--mat-sys-outline: light-dark(#747878, #8e9192);--mat-sys-outline-variant: light-dark(#c4c7c8, #444748);--mat-sys-neutral10: light-dark(#1c1b1b, #1c1b1b);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-on-error-container: light-dark(#410002, #ffdad6);--mat-sys-surface-variant: light-dark(#e0e3e3, #444748);--mat-sys-on-surface-variant: light-dark(#444748, #c4c7c8);--mat-sys-neutral-variant20: light-dark(#2d3132, #2d3132);--mat-sys-brand-font-family: Roboto;--mat-sys-plain-font-family: Roboto;--mat-sys-bold-font-weight: 700;--mat-sys-medium-font-weight: 500;--mat-sys-regular-font-weight: 400;--mat-sys-body-large: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height) var(--mat-sys-body-large-font);--mat-sys-body-large-font: var(--mat-sys-plain-font-family);--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: var(--mat-sys-regular-font-weight);--mat-sys-body-medium: var(--mat-sys-body-medium-weight) var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font);--mat-sys-body-medium-font: var(--mat-sys-plain-font-family);--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: var(--mat-sys-regular-font-weight);--mat-sys-body-small: var(--mat-sys-body-small-weight) var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height) var(--mat-sys-body-small-font);--mat-sys-body-small-font: var(--mat-sys-plain-font-family);--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: var(--mat-sys-regular-font-weight);--mat-sys-display-large: var(--mat-sys-display-large-weight) var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height) var(--mat-sys-display-large-font);--mat-sys-display-large-font: var(--mat-sys-brand-font-family);--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: var(--mat-sys-regular-font-weight);--mat-sys-display-medium: var(--mat-sys-display-medium-weight) var(--mat-sys-display-medium-size) / var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);--mat-sys-display-medium-font: var(--mat-sys-brand-font-family);--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: var(--mat-sys-regular-font-weight);--mat-sys-display-small: var(--mat-sys-display-small-weight) var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--mat-sys-display-small-font);--mat-sys-display-small-font: var(--mat-sys-brand-font-family);--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: var(--mat-sys-regular-font-weight);--mat-sys-headline-large: var(--mat-sys-headline-large-weight) var(--mat-sys-headline-large-size) / var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);--mat-sys-headline-large-font: var(--mat-sys-brand-font-family);--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: var(--mat-sys-regular-font-weight);--mat-sys-headline-medium: var(--mat-sys-headline-medium-weight) var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--mat-sys-headline-medium-font);--mat-sys-headline-medium-font: var(--mat-sys-brand-font-family);--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: var(--mat-sys-regular-font-weight);--mat-sys-headline-small: var(--mat-sys-headline-small-weight) var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);--mat-sys-headline-small-font: var(--mat-sys-brand-font-family);--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: var(--mat-sys-regular-font-weight);--mat-sys-label-large: var(--mat-sys-label-large-weight) var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height) var(--mat-sys-label-large-font);--mat-sys-label-large-font: var(--mat-sys-plain-font-family);--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: var(--mat-sys-medium-font-weight);--mat-sys-label-large-weight-prominent: var(--mat-sys-bold-font-weight);--mat-sys-label-medium: var(--mat-sys-label-medium-weight) var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height) var(--mat-sys-label-medium-font);--mat-sys-label-medium-font: var(--mat-sys-plain-font-family);--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: var(--mat-sys-medium-font-weight);--mat-sys-label-medium-weight-prominent: var(--mat-sys-bold-font-weight);--mat-sys-label-small: var(--mat-sys-label-small-weight) var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height) var(--mat-sys-label-small-font);--mat-sys-label-small-font: var(--mat-sys-plain-font-family);--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: var(--mat-sys-medium-font-weight);--mat-sys-title-large: var(--mat-sys-title-large-weight) var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height) var(--mat-sys-title-large-font);--mat-sys-title-large-font: var(--mat-sys-brand-font-family);--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: var(--mat-sys-regular-font-weight);--mat-sys-title-medium: var(--mat-sys-title-medium-weight) var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--mat-sys-title-medium-font);--mat-sys-title-medium-font: var(--mat-sys-plain-font-family);--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: var(--mat-sys-medium-font-weight);--mat-sys-title-small: var(--mat-sys-title-small-weight) var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--mat-sys-title-small-font);--mat-sys-title-small-font: var(--mat-sys-plain-font-family);--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: var(--mat-sys-medium-font-weight);--mat-sys-umbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 80%);--mat-sys-penumbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 86%);--mat-sys-ambient-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 88%);--mat-sys-level0: 0px 0px 0px 0px var(--mat-sys-umbra-color), 0px 0px 0px 0px var(--mat-sys-penumbra-color), 0px 0px 0px 0px var(--mat-sys-ambient-color);--mat-sys-level1: 0px 2px 1px -1px var(--mat-sys-umbra-color), 0px 1px 1px 0px var(--mat-sys-penumbra-color), 0px 1px 3px 0px var(--mat-sys-ambient-color);--mat-sys-level2: 0px 3px 3px -2px var(--mat-sys-umbra-color), 0px 3px 4px 0px var(--mat-sys-penumbra-color), 0px 1px 8px 0px var(--mat-sys-ambient-color);--mat-sys-level3: 0px 3px 5px -1px var(--mat-sys-umbra-color), 0px 6px 10px 0px var(--mat-sys-penumbra-color), 0px 1px 18px 0px var(--mat-sys-ambient-color);--mat-sys-level4: 0px 5px 5px -3px var(--mat-sys-umbra-color), 0px 8px 10px 1px var(--mat-sys-penumbra-color), 0px 3px 14px 2px var(--mat-sys-ambient-color);--mat-sys-level5: 0px 7px 8px -4px var(--mat-sys-umbra-color), 0px 12px 17px 2px var(--mat-sys-penumbra-color), 0px 5px 22px 4px var(--mat-sys-ambient-color);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{--min-schriftgroesse: 10px;--max-schriftgroesse: 15px;--fuw-default-text-color: black;--fuw-default-heading-color: black;--fuw-main-color: #b27d57;--fuw-main-color-text: white;--fuw-secondary-color: grey;--fuw-contrast-color: darkslategray;--fuw-contrast-color-text: white;--fuw-background-color: white;--fuw-success-color: #136c0e;--fuw-warn-color: #ffc107;--fuw-error-color: #e21234}html,body{height:100%;background-color:var(--fuw-background-color);font-size:clamp(var(--min-schriftgroesse),1.5vw,var(--max-schriftgroesse))}fuw-angular-container{position:relative}.fuw-css{padding:10px}table{width:100%;border-collapse:collapse;margin-bottom:20px}thead th{position:sticky;top:0;background-color:#f5f5f5;z-index:10;padding:10px;text-align:left;border-bottom:2px solid #ddd;font-weight:700}tbody tr{border-bottom:1px solid #ddd;transition:background-color .2s;cursor:pointer}tbody tr:hover{background-color:#f9f9f9}tbody tr:nth-child(2n){background-color:#f5f5f5}td{padding:10px;text-align:left}#fuwMapDiv{width:100%}@media screen and (min-width: 700px) and (max-width: 1280px){td{height:80px}}@media screen and (max-width: 768px){.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media screen and (max-width: 480px){table,tbody{display:block;width:100%}thead{display:none}tr{display:block;margin-bottom:15px;border:1px solid #ddd}td{display:block;text-align:right;position:relative;padding:10px 10px 10px 50%;border-bottom:1px solid #eee}td:last-child{border-bottom:none}td:before{content:attr(data-label);position:absolute;left:10px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:700}tr:nth-child(2n){background-color:#f5f5f5}}input{padding:5px;max-width:500px}li{padding:5px;font-style:oblique}.fuw-tab{padding:10px}@media (min-width:800px){.fuw-tab{display:flex}}@media (min-width:800px) and (max-width:1500px){.fuw-tab .nav-item{border-color:var(--fuw-contrast-color);border-width:1px;border-style:solid;padding:10px;margin-right:10px}}@media (max-width:800px){.fuw-tab .nav-item{border-color:var(--fuw-contrast-color);border-width:1px;border-style:solid;width:100%;padding:5px;margin-top:5px}}textarea{padding:10px;width:70%;height:300px}@media (max-width:1500px){textarea{width:95%}}.fuw-grid-container{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,2fr);gap:8px;margin-bottom:16px}@media (max-width: 600px){.fuw-grid-container{grid-template-columns:1fr}.fuw-grid-container p:nth-child(odd){font-weight:700}}.fuw-grid-container-big{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 65rem){.fuw-grid-container-big{grid-template-columns:repeat(1,1fr)}}.fuw-menuitem-button{width:100%;height:5rem;color:var(--fuw-main-color-text);background:var(--fuw-main-color);cursor:pointer;border:none;border-radius:1rem;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:500;line-height:4.9rem;text-align:center}.fuw-menuitem-button:hover{background:var(--fuw-main-color)}h1,h2,h3,h4,h5,h6{color:#000;line-height:1.3rem;padding:0rem}h1{font-size:1.6rem;font-weight:700;margin:0rem 0rem 1rem;min-height:1rem}h2{font-size:1.4rem;font-weight:700;margin:1.85rem 0rem 1rem}h3{font-size:1.3rem;font-weight:700;margin:.9rem 0rem}h4{font-size:1.1rem;font-weight:550;margin:0rem;line-height:1.5rem;padding:10px}h5{font-size:1.1rem;font-weight:550;font-family:Arial,sans-serif;margin:1.85rem 0rem 1rem}h6{font-size:1rem;font-weight:550;margin:0rem}.fuw-button,a.fuw-button{background-color:var(--fuw-main-color);color:var(--fuw-main-color-text);fill:var(--fuw-main-color-text);max-width:20rem;margin:1rem;box-sizing:border-box;overflow:visible;cursor:pointer;display:inline-block;min-height:1rem;border:none;vertical-align:initial;padding:1rem;text-transform:none;text-shadow:none;font-weight:700;line-height:1rem;font-style:normal;text-align:center;text-decoration:none;border-radius:.3rem;-webkit-user-select:none;user-select:none;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;-webkit-tap-highlight-color:transparent;font-size:.8rem}.fuw-button.round{border-radius:9999px}.fuw-button.confirm{background-color:#4caf50}.fuw-button.confirm:hover{background-color:#45ae4e}.fuw-button.abort{background-color:#8f372c}.fuw-button.abort:hover{background-color:#9f3122}.management-container{display:flex;gap:20px;padding:20px;height:calc(100vh - 140px)}.management-container mat-card{flex:1;display:flex;flex-direction:column}.management-container mat-card-content{flex:1;display:flex;flex-direction:column}.side-panel{flex:1;min-width:500px}.management-form{margin-top:20px;background-color:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #007bff}.management-form h3{margin-top:0;margin-bottom:20px;color:#495057;font-weight:600}.management-form form{display:flex;flex-direction:column;gap:16px}.management-table{flex:1;overflow:auto}.management-table table{width:100%}.management-table .mat-mdc-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-row{background-color:#1976d214!important}.selected-row:hover{background-color:#1976d21f!important}.management-table tr:hover{background-color:#0000000a;cursor:pointer}.management-table tr.selected-row:hover{background-color:#1976d21f!important}.actions{margin-bottom:20px}.form-actions{display:flex;gap:12px;margin-top:24px}.form-actions button{min-width:120px}button[mat-icon-button]{margin-right:4px;width:36px;height:36px}button[mat-icon-button]:hover{background-color:#0000000a}button[mat-icon-button].selected{background-color:#1976d21f;color:#1976d2}.no-items{text-align:center;color:#6c757d;font-style:italic;margin:40px 20px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.type-product{color:#1976d2;font-weight:500;background-color:#1976d214;padding:4px 8px;border-radius:4px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.type-ingredient{color:#388e3c;font-weight:500;background-color:#388e3c14;padding:4px 8px;border-radius:4px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}mat-card{box-shadow:0 2px 4px #0000001a!important;border-radius:8px!important}mat-card-title{color:#495057!important;font-weight:600!important;font-size:1.25rem!important;margin-bottom:16px!important}mat-form-field{width:100%}@media (max-width: 1200px){.side-panel{min-width:450px}}@media (max-width: 1024px){.management-container{flex-direction:column;height:auto}.side-panel{min-width:auto}}@media (max-width: 768px){.management-container{padding:15px;gap:15px}.management-form{padding:16px}.form-actions{flex-direction:column}.form-actions button{width:100%}.management-table .mat-mdc-cell{max-width:150px;font-size:14px}}@media (max-width: 480px){.management-container{padding:10px}.actions button{width:100%;margin-bottom:8px}}