<!-- HTML für Benny's RP Werkstatt -->
<div style="background-color: #111; color: white;">
    <!-- Header -->
    <header style="background: linear-gradient(to right, #b100cd, #ff007a); padding: 20px; text-align: center;">
        <h1 style="margin: 0; font-size: 3em; color: #fff;">Benny's RP Werkstatt</h1>
    </header>

    <!-- Navigation -->
    <nav style="background-color: #222; display: flex; justify-content: center; gap: 30px; padding: 15px 0;">
        <a href="#" style="color: #ff66c4; text-decoration: none; font-weight: bold; transition: color 0.3s ease;">Start</a>
        <a href="#" style="color: #ff66c4; text-decoration: none; font-weight: bold; transition: color 0.3s ease;">Leistungen</a>
        <a href="#" style="color: #ff66c4; text-decoration: none; font-weight: bold; transition: color 0.3s ease;">Kontakt</a>
    </nav>

    <!-- Services Section -->
    <section style="padding: 50px 20px; text-align: center;">
        <h2>Unsere Services</h2>
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; max-width: 1000px; margin: auto;">
            <!-- Reparaturen -->
            <div style="background-color: #1c1c1c; padding: 20px; border-radius: 15px; border: 2px solid #ff007a;">
                <img src="https://images.pexels.com/photos/1048277/pexels-photo-1048277.jpeg" alt="Reparaturen" style="width: 100%; border-radius: 10px; margin-bottom: 15px;">
                <h3 style="color: #ff66c4;">Reparaturen</h3>
                <p>Vom Kratzer bis zum Motorschaden – wir machen alles wieder fahrbereit.</p>
            </div>
            <!-- Tuning -->
            <div style="background-color: #1c1c1c; padding: 20px; border-radius: 15px; border: 2px solid #ff007a;">
                <img src="https://images.pexels.com/photos/461734/pexels-photo-461734.jpeg" alt="Tuning" style="width: 100%; border-radius: 10px; margin-bottom: 15px;">
                <h3 style="color: #ff66c4;">Tuning</h3>
                <p>Leistung, Optik, Felgen – wir holen das Beste aus deinem Ride raus.</p>
            </div>
            <!-- Lackierungen -->
            <div style="background-color: #1c1c1c; padding: 20px; border-radius: 15px; border: 2px solid #ff007a;">
                <img src="https://images.pexels.com/photos/1144235/pexels-photo-1144235.jpeg" alt="Lackierungen" style="width: 100%; border-radius: 10px; margin-bottom: 15px;">
                <h3 style="color: #ff66c4;">Neulackierungen</h3>
                <p>Mach dein Auto zum Unikat mit exklusiven Lackierungen & Designs.</p>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer style="background-color: #222; text-align: center; padding: 20px; margin-top: 50px; color: #aaa;">
        &copy; 2025 Benny's RP Werkstatt – Powered by Crown City RP
    </footer>
</div>