/* Layout-Strukturen - aus Ihrer alten index.html extrahiert */
.container { max-width: 100%; margin: 0 auto; background: white; min-height: 100vh; }
header { background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%); color: white; padding: 1rem; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.controls { padding: 1rem; background: var(--gray-light); display: flex; flex-direction: column; gap: 1rem; }
.stats-bar { padding: 1rem; background: white; border-bottom: 1px solid #e0e0e0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.data-section { padding: 1rem 0.5rem; padding-bottom: calc(var(--fab-size) + var(--fab-bottom) + 20px); }