@charset "UTF-8";:root{--primary-color: #007bff;--primary-dark: #0056b3;--primary-darker: #004085;--primary-light: #3399ff;--color-secondary: #4A90E2;--color-secondary-hover: #3A6BB5;--color-secondary-dark: #2A4B85;--color-accent: #FF9800;--text-primary: #000000;--text-secondary: #333333;--text-tertiary: #8a99a8;--footer-text: #f8f9fa;--footer-text-light: #c0c8d0;--text-on-dark: #ffffff;--bg-color: #ffffff;--bg-light: #f8fafc;--surface-color: #ffffff;--footer-bg: var(--primary-color);--hero-bg: var(--primary-color);--hover-color: #f0f4f8;--nav-active-color: #007bff;--nav-inactive-color: #6c757d;--nav-tab-active-bg: #F5F8FA;--nav-tab-hover-bg: rgba(245, 248, 250, .5);--nav-divider-color: #adb5bd;--button-primary-bg: #007bff;--button-primary-hover-bg: #0056b3;--button-primary-active-bg: #004085;--button-secondary-bg: #5a6268;--button-secondary-border: #5a6268;--button-secondary-hover-bg: #545b62;--button-secondary-hover-border: #545b62;--button-secondary-active-bg: #4a5157;--button-secondary-active-border: #4a5157;--title-color-wasser: #435996;--title-color-feststoff: #B05F28;--title-color-mikrobiologie: #3D7A4D;--gray-100: #f1f3f5;--gray-200: #e0e3e7;--gray-300: #cfd4d9;--border-color: #e1e5ea;--border-color-light: #eef1f5;--footer-border: rgba(255, 255, 255, .1);--success-color: #28a745;--success-dark: #218838;--success-bg: #d4edda;--success-text: #155724;--warning-color: #ffc107;--warning-bg: #fff3cd;--warning-text: #856404;--error-color: #dc3545;--error-bg: #f8d7da;--error-border: #f5c6cb;--error-text: #721c24;--error-bg-light: #fff5f7;--disabled-color: #a7b8c9;--heading-color: #2c3e50;--hover-bg-light: #e9ecef;--hover-bg-lighter: #dee2e6;--separator-color: #cbd5e0;--info-bg: #cce5ff;--info-text: #004085;--backdrop-overlay: rgba(0, 0, 0, .5)}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-spin{animation:spin 1s linear infinite}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-slide-in{animation:slideIn .3s ease-out}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body{height:100%;font-family:Arial,Helvetica,sans-serif;font-size:.833rem;letter-spacing:0;color:var(--text-primary);background-color:var(--bg-color);line-height:1.5;-webkit-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-color);color:#fff;padding:8px;text-decoration:none;border-radius:.25rem;z-index:10000;transition:top .3s}.skip-link:focus{top:6px}h1{font-size:2.8rem;line-height:1.1;letter-spacing:-.025em;font-weight:700;margin-bottom:2rem;color:var(--text-primary)}@media (min-width: 768px){h1{font-size:3.36rem}}@media (min-width: 1024px){h1{font-size:3.92rem}}@media (min-width: 1200px){h1{font-size:4.48rem}}h2{font-size:2.24rem;line-height:1.1;letter-spacing:-.025em;font-weight:700;margin-bottom:2rem;color:var(--text-primary)}@media (min-width: 768px){h2{font-size:2.52rem}}@media (min-width: 1024px){h2{font-size:2.8rem}}@media (min-width: 1200px){h2{font-size:3.36rem}}h3{font-size:1.96rem;line-height:1.1;letter-spacing:-.025em;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}@media (min-width: 768px){h3{font-size:2.1rem}}@media (min-width: 1024px){h3{font-size:2.24rem}}@media (min-width: 1200px){h3{font-size:2.52rem}}h4{font-size:1.68rem;line-height:1.1;letter-spacing:-.025em;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}@media (min-width: 768px){h4{font-size:1.82rem}}@media (min-width: 1024px){h4{font-size:1.96rem}}@media (min-width: 1200px){h4{font-size:2.1rem}}h5{font-size:1.4rem;line-height:1.1;letter-spacing:-.025em;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}@media (min-width: 768px){h5{font-size:1.54rem}}@media (min-width: 1024px){h5{font-size:1.68rem}}h6{font-size:1.26rem;line-height:1.1;letter-spacing:.1em;font-weight:600;text-transform:uppercase;margin-bottom:1rem;color:var(--text-primary)}@media (min-width: 768px){h6{font-size:1.4rem}}p{margin:0 0 1rem;font-size:.833rem;line-height:1.5;letter-spacing:0;color:var(--text-primary);line-height:1.6}small{font-size:.916rem;line-height:1.5;letter-spacing:0;color:var(--text-secondary)}a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:.125rem}a:hover{color:var(--primary-dark)}a:focus-visible{outline-offset:2px}button{cursor:pointer;font-family:inherit;font-size:inherit}button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:.125rem}@media (prefers-reduced-motion: reduce){button{animation:none!important;transition:none!important;scroll-behavior:auto!important}}input,button,textarea,select{font:inherit}input:focus-visible,button:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:.125rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:.125rem}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary-hover, var(--text-tertiary))}.app-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;min-height:100vh;width:100%}.main-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.row{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;margin:0 -1rem}.col{flex:1 0 0%;padding:0 1rem}.card{background-color:var(--surface-color);border-radius:.25rem;box-shadow:0 1px 2px #0000000d;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color-light);transition:all .2s cubic-bezier(.4,0,.2,1)}.card:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:.125rem}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn{flex-direction:row;flex-wrap:nowrap;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:.25rem;padding:.5rem 1rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;text-align:center}@media (prefers-reduced-motion: reduce){.btn{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.btn:disabled{opacity:.65;cursor:not-allowed}.btn.btn-primary{background-color:var(--primary-color);color:#fff}.btn.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn.btn-outline{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color);font-weight:500}.btn.btn-outline:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.form-control{display:block;width:100%;padding:.5rem 1rem;font-size:.833rem;line-height:1.5;letter-spacing:0;color:var(--text-primary);background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:.25rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-control:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:.125rem}.form-control:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.25)}.form-control::placeholder{color:var(--text-tertiary)}.form-label{margin-bottom:.5rem;font-weight:500;display:inline-block;color:var(--text-primary)}.form-group{margin-bottom:1rem}.form-hint{color:var(--text-tertiary);font-size:.916rem;line-height:1.5;letter-spacing:0;margin-top:.25rem}.form-error{color:var(--error-color);margin-top:.25rem;font-size:.916rem;line-height:1.5;letter-spacing:0}.loading-spinner{display:inline-block;animation:spin 1s linear infinite}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.text-on-dark{color:var(--text-on-dark)}.text-high-contrast{color:var(--text-primary);font-weight:500}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}@media (prefers-contrast: high){*{border-color:currentColor!important}.card,.btn{border-width:2px}}@media (min-width: 640px){html{font-size:16px}}@media (min-width: 768px){html{font-size:16px}}@media (min-width: 1024px){html{font-size:16px}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}.no-print{display:none!important}}.btn{display:inline-flex;gap:.5rem;cursor:pointer;border-radius:.25rem;padding:.5rem 1.5rem;border:none;text-decoration:none;text-align:center;font-size:.833rem;line-height:1.5;letter-spacing:0;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:44px;display:flex;align-items:center;justify-content:center;min-height:44px;font-weight:500;letter-spacing:.01em}.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:.125rem}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn--sm{font-size:.916rem;line-height:1.5;letter-spacing:0;padding:.25rem 1rem;min-height:36px}.btn--md{font-size:.833rem;line-height:1.5;letter-spacing:0;padding:.5rem 1.5rem;min-height:44px}.btn--lg{font-size:1rem;line-height:1.6;letter-spacing:0;padding:1rem 2rem;min-height:52px}.btn--primary{background-color:var(--button-primary-bg);color:var(--text-on-dark)}.btn--primary:hover{background-color:var(--button-primary-hover-bg)}.btn--primary:active{background-color:var(--button-primary-active-bg)}.btn--secondary{background-color:var(--color-secondary);color:var(--text-on-dark)}.btn--secondary:hover{background-color:var(--color-secondary-hover)}.btn--secondary:active{background-color:var(--color-secondary-dark)}.btn--success{background-color:var(--success-color);color:var(--text-on-dark)}.btn--success:hover{background-color:var(--success-hover)}.btn--success:active{background-color:var(--success-dark)}.btn--warning{background-color:var(--warning-color);color:var(--text-on-dark)}.btn--warning:hover{background-color:var(--warning-hover)}.btn--warning:active{background-color:var(--warning-dark)}.btn--error{background-color:var(--error-color);color:var(--text-on-dark)}.btn--error:hover{background-color:var(--error-hover)}.btn--error:active{background-color:var(--error-dark)}.btn--outline{background-color:transparent;color:var(--nav-active-color);border:2px solid var(--nav-active-color)}.btn--outline:hover{background-color:var(--nav-active-color);color:var(--text-on-dark)}.btn--outline:active{background-color:var(--primary-darker);border-color:var(--primary-darker)}.btn--ghost{background-color:transparent;color:var(--text-primary)}.btn--ghost:hover{background-color:var(--bg-light)}.btn--ghost:active{background-color:var(--border-color)}.btn--filter{background-color:var(--button-secondary-bg);color:var(--text-on-dark);border:1px solid var(--button-secondary-border);box-shadow:0 1px 2px #0000000d;opacity:.85;transform:none}.btn--filter:hover:not(:disabled),.btn--filter:focus{background-color:var(--button-secondary-hover-bg);border-color:var(--button-secondary-hover-border);opacity:1}.btn--filter:focus{outline-color:var(--button-secondary-hover-border)}.btn--filter:focus:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:.125rem}.btn--filter.active{background-color:var(--button-secondary-active-bg);border-color:#ffffff80;border-width:1px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 2px #ffffff4d;opacity:1}.btn--filter.active:hover:not(:disabled){background-color:var(--button-secondary-hover-bg);border-color:#fff9;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 2px #fff6}.btn--full{width:100%}.btn--auto{width:auto}@media (min-width: 768px){.btn{width:auto;max-width:300px}.btn--sm{max-width:250px}.btn--md{max-width:300px}.btn--lg{max-width:350px}}