/* Basis Reset für sauberes Layout */
* {
box-sizing: border-box;
}
/* Entfernt alle grauen Rahmen */
table, td, tr {
border: none !important;
outline: none !important;
}
/* Animierter Gradient Background */
@keyframes gradientShift {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.dynamic-gradient {
background: linear-gradient(-45deg, #667eea, #764ba2, #00c9ff, #92fe9d);
background-size: 400% 400%;
animation: gradientShift 10s ease infinite;
}
/* Hover-Effekt für Karten */
.solution-card {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
}
.solution-card:hover {
transform: translateY(-8px) scale(1.02);
box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}
/* Button Hover-Effekte */
.cta-button {
transition: all 0.3s ease;
cursor: pointer;
}
.cta-button:hover {
transform: translateY(-3px) scale(1.05);
box-shadow: 0 15px 40px rgba(0,0,0,0.4) !important;
}
.secondary-button {
transition: all 0.3s ease;
cursor: pointer;
}
.secondary-button:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);
background: #5a6fe8 !important;
}
/* Button Pulse Animation */
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.02); }
100% { transform: scale(1); }
}
.pulse-effect {
animation: pulse 2s infinite;
}
Sie sagen uns Ihr Problem. Wir zeigen Ihnen die Lösung.
Keine Werbung. Keine Verkaufsgespräche. Nur passende Empfehlungen.
⏱️ In nur 3 Klicks zum Ziel – versprochen!