.hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 85%); display: flex; align-items: center; justify-content: center; z-index: 1; padding: 2rem; pointer-events: none; } .hero-content { text-align: center; color: black; max-width: 800px; pointer-events: auto; } .hero-content h1 { font-size: 2.5rem; margin-bottom: 1rem; font-weight: bold; } .hero-content p { font-size: 1.25rem; margin-bottom: 2rem; } .hero-button { background-color: #CC0605; color: white; padding: 0.75rem 1.5rem; text-decoration: none; font-weight: bold; border-radius: 6px; transition: background-color 0.3s ease; } .hero-button:hover { background-color: #a00404; } /* Parent zentrieren + als Bezugsebene */ .skv-host{ position: relative; max-width: 1200px; /* gleiche Breite wie deine Kachelreihe */ margin: 0 auto; } /* === SKV Karte (Host) === */ .skv-card{ position: relative; display: flex; align-items: center; justify-content: space-between; gap: 2rem; /* gleiche Breite/Zentrierung wie oben */ max-width: 1200px; margin: 0 auto; /* Innenabstand der Karte (wirkt auf Text/Logo, nicht auf Underlay) */ padding: 3rem; } /* Hintergrund der Karte (liegt unter Text/Logo) */ .skv-underlay{ position: absolute; inset: 0; background: #f9f9f9; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease; z-index: 1; } /* Hover-Effekt der ganzen Karte */ .skv-card:hover .skv-underlay{ transform: translateY(-6px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); background: #ffffff; }

Kontakt – aresa Project Coaching GmbH

Kontakt

Wir freuen uns auf Ihre Nachricht nutzen Sie einfach das Formular oder die untenstehenden Kontaktdaten.

Schreiben Sie uns

Falls das Formular nicht angezeigt wird, klicken Sie bitte hier: Kontaktformular öffnen

Unsere Kontaktdaten

aresa Project Coaching GmbH

Schmittenackerstrasse 8
8309 Nürensdorf
Schweiz

📞 +41 44 836 31 31

✉️ contact@aresa.ch