Kuestas

/* Reset & Basis */

• { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Arial, sans-serif; color: #f5f5f5; background-color: #111; line-height: 1.6; }

/* Header */ header { text-align: center; padding: 2rem; background-color: #000; } header h1 { font-size: 2.5rem; letter-spacing: 0.1em; } header p { font-size: 1.2rem; font-style: italic; }

/* Hero-Bereich */ .hero { padding: 3rem 1rem; text-align: center; background: #222; } .hero h2 { font-size: 2rem; margin-bottom: 1rem; } .hero p { font-size: 1rem; max-width: 600px; margin: 0 auto; }

/* Karten-Sektion */ .cards { display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem; padding: 2rem; } .card { background: #1a1a1a; width: 250px; border-radius: 8px; overflow: hidden; transition: transform 0.3s, box-shadow 0.3s; } .card img { width: 100%; display: block; } .card h3 { padding: 1rem; font-size: 1.4rem; } .card p { padding: 0 1rem 1rem; font-size: 1rem; color: #ccc; } .card:hover { transform: translateY(-5px); box-shadow: 0 4px 8px rgba(0,0,0,0.5); }

/* Footer */ footer { text-align: center; padding: 1rem; background: #000; font-size: 0.9rem; }