/* Schwebe-Effekt für das Siegel */ .siegel-overlapping { position: absolute; bottom: -80px; /* Schiebt das Siegel über den unteren Rand des Sliders hinaus */ right: 5%; /* Abstand vom rechten Rand */ width: 120px; /* Perfekte Größe auf dem Desktop */ z-index: 999; /* Stellt sicher, dass es über der weißen Sektion darunter liegt */ filter: drop-shadow(0px 8px 16px rgba(0,0,0,0.4)); /* Gibt dem Siegel Tiefe */ transition: transform 0.3s ease; } .siegel-overlapping:hover { transform: translateY(-5px); /* Leichter Effekt beim Darüberfahren */ } /* Anpassung für Tablets */ @media (max-width: 1024px) { .siegel-overlapping { width: 100px; bottom: -60px; right: 4%; } } /* Anpassung für Handys */ @media (max-width: 768px) { .siegel-overlapping { width: 80px; bottom: -40px; /* Weniger Überlappung auf kleinen Bildschirmen */ right: 5%; } }