:root {
            --primary: #006ba1;
            --secondary: #00d084;
            --dark: #191e23;
            --light: #f2f5fa;
            --white: #ffffff;
        }
        * { box-sizing: border-box; }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin: 0; line-height: 1.6; color: #333; }
        .grid-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        
        header { background: var(--white); padding: 20px 0; border-bottom: 2px solid var(--light); }
        .logo-placeholder { font-weight: 800; font-size: 24px; color: var(--primary); text-decoration: none; display: flex; align-items: center; }
        .logo-placeholder img { height: 50px; width: auto; margin-right: 15px; }
        
        nav ul { list-style: none; display: flex; gap: 20px; padding: 0; }
        nav a { text-decoration: none; color: var(--dark); font-weight: 600; }
        
        .hero { 
            background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/assets/bomen-bestellen-online.jpg');
            background-size: cover;
            background-position: center;
            color: white;
            padding: 100px 20px;
            text-align: center;
        }
        
        .btn { display: inline-block; padding: 12px 24px; background: var(--secondary); color: white; text-decoration: none; border-radius: 4px; font-weight: bold; margin-top: 20px; }
        
        .content { padding: 50px 0; }
        section { margin-bottom: 40px; }
        
        footer { background: var(--dark); color: white; padding: 40px 0; text-align: center; }

        @media (max-width: 768px) {
            nav ul { flex-direction: column; align-items: center; }
            .hero { padding: 60px 20px; }
        }