/* Critical CSS für schnelleres First Contentful Paint (FCP) */

/* Above-the-Fold Content */
body { margin: 0; padding: 0; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
#wrapper { display: flex; flex-direction: column; min-height: 100vh; }

/* Navigation kritisch für LCP */
.navigation { background: white; border-bottom: 1px solid #e5e7eb; position: sticky; top: 0; z-index: 40; }

/* Grid für schnelleres Rendering */
.grid { display: grid; gap: 1rem; }
@media (min-width: 768px) { .grid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } }

/* Prevent layout shift für Bilder */
img { max-width: 100%; height: auto; }

/* Loading Skeleton Placeholder */
.skeleton { background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: skeleton-loading 1.5s infinite; }
@keyframes skeleton-loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }