:root{--color-dark-blue: #004563;--color-light-blue: #E7EEF3;--color-text: #1f1f1f;--color-highlight: #f6b308;--color-white: #ffffff;--color-gray: #6c757d;--color-success: #28a745;--color-danger: #dc3545;--color-warning: #ffc107;--color-info: #17a2b8;--font-family-primary: "Lato", Helvetica, Arial, sans-serif;--font-family-heading: "Poppins", serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);--shadow-md: 0 .5rem 1rem rgba(0, 0, 0, .15);--shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-in-out;--transition-slow: .3s ease-in-out}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;padding:0;background-color:var(--color-white);color:var(--color-text);font-family:var(--font-family-primary);font-size:1rem;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-dark-blue);font-family:var(--font-family-heading);font-weight:600;line-height:1.2;margin:0 0 var(--spacing-md) 0}h1{font-size:1.75rem}h2{font-size:1.5rem;line-height:1;color:var(--color-highlight);margin:0}h3{font-size:1.25rem}h4,h5{font-size:1.125rem}h6{font-size:1rem}p{margin:0 0 var(--spacing-md) 0;line-height:1.1}.small{font-size:.875rem;color:var(--color-gray)}.bold{font-weight:700}a{color:var(--color-dark-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-highlight)}.landing-intro{font-size:1.25rem;color:var(--color-gray);margin-bottom:var(--spacing-lg)}.landing-steps{text-align:left;max-width:460px;margin:0 auto}.landing-step{margin-bottom:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md)}.landing-step-number{font-size:3rem;font-weight:700;color:var(--color-highlight);flex-shrink:0;min-width:2.5rem;line-height:1;padding-top:.2rem}.landing-step-content{flex:1}.landing-step-title{font-weight:700;margin-bottom:var(--spacing-sm)}.landing-step-description{font-size:1rem;line-height:1.1}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-primary);font-size:1rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;min-height:44px;min-width:44px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-highlight);color:var(--color-text)}.btn-primary:hover{background-color:#e5a807;color:var(--color-text);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-dark-blue);color:var(--color-white)}.btn-secondary:hover{background-color:#003d57;color:var(--color-white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--color-dark-blue);border:2px solid var(--color-dark-blue)}.btn-outline:hover{background-color:var(--color-dark-blue);color:var(--color-white)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem;min-height:36px}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem;min-height:52px}.card{background-color:var(--color-white);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:0}.card-header{border-bottom:1px solid var(--color-light-blue);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.card-title{color:var(--color-dark-blue);font-family:var(--font-family-heading);font-size:1.25rem;font-weight:600;margin:0}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;color:var(--color-dark-blue);font-family:var(--font-family-heading);font-weight:500;margin-bottom:var(--spacing-xs);font-size:.875rem}.form-control{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;border:2px solid var(--color-light-blue);border-radius:var(--border-radius-md);background-color:var(--color-white);transition:border-color var(--transition-normal),box-shadow var(--transition-normal);min-height:44px}.form-control:focus{outline:none;border-color:var(--color-highlight);box-shadow:0 0 0 .25rem #f6b30840}.form-control::placeholder{color:var(--color-gray)}textarea.form-control{min-height:120px;resize:vertical;font-family:var(--font-family-primary);line-height:1.5;padding:var(--spacing-md)}textarea.form-control:focus{outline:none;border-color:var(--color-highlight);box-shadow:0 0 0 .25rem #f6b30840}.status-pill{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-pill.status-neu{background-color:var(--color-light-blue);color:var(--color-dark-blue)}.status-pill.status-in_bearbeitung{background-color:var(--color-highlight);color:var(--color-text)}.status-pill.status-abgeschlossen{background-color:var(--color-success);color:var(--color-white)}.alert{padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);border:1px solid transparent}.alert-success{background-color:var(--color-light-blue);border-color:var(--color-dark-blue);color:var(--color-dark-blue)}.alert-error{background-color:#f8d7da;border-color:var(--color-danger);color:#721c24}.alert-warning{background-color:#fff3cd;border-color:var(--color-warning);color:#856404}.alert-info{background-color:#d1ecf1;border-color:var(--color-info);color:#0c5460}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.app-container{width:100%;max-width:800px;margin:0 auto;padding:0 var(--spacing-md)}.container-fluid{width:100%;padding:0 var(--spacing-md)}.row{display:flex;flex-wrap:wrap;margin:0 calc(-1 * var(--spacing-sm))}.col{flex:1;padding:0 var(--spacing-sm)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{min-width:600px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.m-0{margin:0}.p-0{padding:0!important}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.w-100{width:100%}.h-100{height:100%}@media (max-width: 768px){html{font-size:14px}.container{padding:0 var(--spacing-sm)}.card{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.btn{width:100%;margin-bottom:var(--spacing-sm)}.row{flex-direction:column}.col{width:100%;margin-bottom:var(--spacing-md)}.table-responsive table{min-width:100%;font-size:.875rem}.table-responsive th,.table-responsive td{padding:var(--spacing-xs)}}@media (max-width: 480px){html{font-size:13px}.container{padding:0 var(--spacing-xs)}.card{padding:var(--spacing-sm)}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem}.table-responsive{font-size:.75rem}}@media print{.btn,.no-print{display:none!important}body{background:#fff!important;color:#000!important}.card{box-shadow:none!important;border:1px solid #ccc!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn:focus,a:focus{outline:2px solid var(--color-highlight);outline-offset:2px}@media (prefers-contrast: high){:root{--color-text: #000000;--color-dark-blue: #000080;--color-highlight: #ff8c00}.btn,.form-control{border:2px solid currentColor}}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important}@media (min-width: 768px){.preview-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}}.tipp{background-color:var(--color-light-blue);color:var(--color-dark-blue);padding:var(--spacing-md);border-radius:var(--border-radius-md);margin:var(--spacing-md) 0;display:flex;align-items:flex-start;text-align:left;gap:var(--spacing-sm);font-size:.9rem;line-height:1.5;border-left:4px solid var(--color-dark-blue)}.tipp b{font-weight:600;color:var(--color-dark-blue)}.processing-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#004563f2;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-lg);animation:fadeIn .3s ease-in-out;margin:0;max-width:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.processing-overlay__content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;max-height:600px;width:100%;max-width:800px}.processing-overlay__spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:200px}.processing-overlay__spinner{color:var(--color-light-blue)!important;margin-bottom:var(--spacing-lg)}.processing-overlay__loading-text{color:var(--color-white);text-align:center;font-size:1.1rem;max-width:600px}.processing-overlay__fact-box{background-color:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);max-width:500px;width:100%;flex-shrink:0;box-shadow:var(--shadow-lg);animation:slideInUp .5s ease-out .3s both;height:140px;display:flex;flex-direction:column;justify-content:center}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.processing-overlay__fact-text{text-align:center;line-height:1.6;color:var(--color-text);flex:1;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease-in-out;padding:0 var(--spacing-sm)}.processing-overlay__fact-text.fade-out{opacity:0}.processing-overlay__fact-text.fade-in{opacity:1}.processing-overlay__fact-title{font-weight:700;color:var(--color-dark-blue);margin-bottom:var(--spacing-md);text-align:center;flex-shrink:0}@media (max-width: 768px){.scanner-canvas{max-height:70vh!important;width:100%!important;height:auto!important;object-fit:contain!important;transform:translateZ(0)!important;backface-visibility:hidden!important;perspective:1000px!important;will-change:transform!important}.scanner-container{padding:.5rem!important}.scanner-tipp{font-size:.875rem!important;padding:.75rem!important}}@media (max-width: 480px){.scanner-canvas{max-height:70vh!important}.scanner-container{padding:.25rem!important}}canvas{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform}