.hero-section{background:linear-gradient(to right,#2563eb,#16a34a);color:#fff;padding:3rem 0}.hero-title{font-size:2.25rem;font-weight:700;margin-bottom:1rem}@media (min-width: 768px){.hero-title{font-size:3rem}}.hero-subtitle{font-size:1.125rem;margin-bottom:1.5rem;opacity:.9;max-width:42rem;margin-left:auto;margin-right:auto}.parameter-panel{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;padding:.75rem}.parameter-section{border-top:1px solid #e5e7eb;padding-top:1rem}.parameter-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}@media (min-width: 1024px){.parameter-grid{grid-template-columns:1fr 1fr}}.slider-blue{width:100%;height:.5rem;background-color:#bfdbfe;border-radius:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.slider-orange{width:100%;height:.5rem;background-color:#fed7aa;border-radius:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.ergebnis-panel{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;padding:.75rem}.hauptergebnis{text-align:center;margin-bottom:1.5rem;padding:1rem;background-color:#f0fdf4;border-radius:.5rem}.live-indicator{display:inline-flex;align-items:center;padding:.75rem;background-color:#dbeafe;color:#1d4ed8;border-radius:9999px;font-size:.75rem}.btn-primary{width:100%;background-color:#2563eb;color:#fff;font-weight:700;padding:.75rem 1rem;border-radius:.5rem;transition:background-color .2s;font-size:.875rem;text-align:center;display:block;text-decoration:none}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{width:100%;border:1px solid #2563eb;color:#2563eb;font-weight:700;padding:.5rem 1rem;border-radius:.5rem;transition:background-color .2s;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;cursor:pointer}.btn-secondary:hover{background-color:#eff6ff}.detail-analyse{margin-top:3rem;background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;padding:2rem;max-width:80rem;margin-left:auto;margin-right:auto}.balken-container{width:5rem;background-color:#f3f4f6;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:200px}.legende-box{padding:1rem;border-radius:.5rem;width:100%;border:1px solid}.legende-traditionell{background-color:#eff6ff;border-color:#bfdbfe}.legende-lms{background-color:#fff7ed;border-color:#fed7aa}@media (min-width: 768px){.parameter-panel,.ergebnis-panel{padding:1.5rem}}@media (max-width: 768px){.parameter-grid{grid-template-columns:1fr}.hero-title{font-size:1.5rem}}@media (max-width: 529px){.hide-bars-on-small-screens{display:none!important}}.show-text-on-large{display:none}@media (min-width: 1024px){.show-text-on-large{display:inline}}@media (max-width: 529px){.key-metric-item-layout{flex-direction:column;align-items:center}.key-metric-item-layout .key-metric-label{margin-bottom:.25rem}}