/* ==========================================================================
   1. FONTS (Local Inter v20)
   ========================================================================== */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/inter-v20-latin-300.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/inter-v20-latin-300italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/inter-v20-latin-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/inter-v20-latin-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/inter-v20-latin-700italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../fonts/inter-v20-latin-900.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url('../fonts/inter-v20-latin-900italic.woff2') format('woff2');
}

/* ==========================================================================
   2. GLOBAL RESETS & PERFORMANCE
   ========================================================================== */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: #020617;
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Bild-Optimierung gegen Layout Shifts */
img {
    content-visibility: auto;
    display: block;
    max-width: 100%;
    height: auto;
}

/* Scroll-Container Optimierung */
main {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    contain: content;
}

/* ==========================================================================
   3. SPECIAL EFFECTS (GPU ACCELERATED)
   ========================================================================== */

/* Glass-Morphismus für Navigation/Footer */
.glass-dark {
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    transform: translateZ(0); /* Force GPU */
    will-change: backdrop-filter;
}

/* Rotierendes Siegel (z.B. "Meisterbetrieb") */
.seal-rotate {
    animation: rotate 25s linear infinite;
    will-change: transform;
    backface-visibility: hidden;
}

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Dezenter blauer Glow-Effekt */
.glow-blue {
    box-shadow: 0 0 30px rgba(37, 99, 235, 0.15);
    transform: translateZ(0);
}

/* Progress Bar am Seitenanfang */
#progress {
    will-change: width;
    box-shadow: 0 0 10px rgba(59, 130, 246, 0.5);
    transition: width 0.15s ease-out;
}

/* ==========================================================================
   4. UTILITIES
   ========================================================================== */
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}