/* Über uns Seite Styling - Verbesserte Version */

/* Hero Section */
.oil-drop {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(30, 120, 255, 0.1);
    filter: blur(50px);
    animation: float 12s infinite ease-in-out;
    z-index: 0;
}

/* Stelle sicher, dass dekorative Elemente nicht seitlich überlaufen */
.relative.overflow-hidden,
.relative.overflow-hidden * {
    overscroll-behavior-x: contain;
}

/* Über uns - Float Animation (REMOVED: moved to shared-components.css) */

/* Verzögerte Animation für verschiedene Tropfen */
.oil-drop:nth-child(2) {
    animation-delay: -2s;
}

.oil-drop:nth-child(3) {
    animation-delay: -4s;
}

.oil-drop:nth-child(4) {
    animation-delay: -6s;
}

.oil-drop:nth-child(5) {
    animation-delay: -8s;
}

/* Timeline Animation */
.border-l-4.border-blue-600 .relative {
    position: relative;
    transition: transform 0.4s ease;
}

.border-l-4.border-blue-600 .relative:hover {
    transform: translateX(8px);
}

.border-l-4.border-blue-600 .absolute.w-6.h-6 {
    transition: transform 0.4s ease, background-color 0.4s ease;
}

.border-l-4.border-blue-600 .relative:hover .absolute.w-6.h-6 {
    transform: scale(1.3);
    background-color: #1d4ed8; /* Blue-700 */
}

/* Value card hover animation (REMOVED: moved to shared-components.css) */

/* Icon glow effects (REMOVED: moved to shared-components.css) */

/* Count-up Animation (REMOVED: moved to shared-components.css) */

/* General hover effects (REMOVED: moved to shared-components.css) */

/* Form input styling (REMOVED: moved to shared-components.css) */

/* Responsive Anpassungen */
@media (max-width: 768px) {
    .oil-drop {
        width: 160px;
        height: 160px;
    }
    /* Reduziere Glow-Effekte auf Mobile, um Überlauf zu vermeiden */
    .rounded-2xl.bg-gradient-to-br::after {
        inset: -2px;
        filter: blur(8px);
    }
}