/* Altöl Entsorgung – Seitenspezifische Styles */
:root {
    /* Identische Variablen wie in index.html */
    --dark-gray: #1F2937;
    --anthracite: #111827;
    --deep-anthracite: #0F172A;
    --accent-red: #B83232;
    --accent-red-light: #D25050;
    --accent-red-dark: #8A2626;
    --white: #ffffff;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-500: #6b7280;
    --gray-700: #374151;
}

.hero-overlay {
    background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0.0) 100%);
}

.bg-pattern-card {
    background: linear-gradient(180deg, #ffffff, #fbfbfb);
}

.nav-link { position: relative; font-weight: 500; }
.nav-link:after {
    content: '';
    position: absolute; bottom: -4px; left: 0; width: 0; height: 2px;
    background-color: var(--accent-red, #B83232);
    transition: width 0.3s ease;
}
.nav-link:hover:after { width: 100%; }

.btn-primary {
    background-color: var(--accent-red, #B83232);
    color: white; font-weight: 600; padding: 0.75rem 1.5rem; border-radius: 0.375rem; transition: all 0.3s ease;
}
.btn-primary:hover { 
    background-color: var(--accent-red-dark, #8A2626);
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(184, 50, 50, 0.3);
}