* {
    font-family: 'Poppins', sans-serif;
}

.parallax-bg {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.gradient-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.hero-gradient {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #764ba2 100%);
}

.floating {
    animation: float 6s ease-in-out infinite;
}

.floating-delayed {
    animation: float 6s ease-in-out infinite 2s;
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}

.card-3d {
    transform-style: preserve-3d;
    transition: transform 0.6s;
}

.card-3d:hover {
    transform: rotateY(10deg) rotateX(10deg);
}

.text-shadow {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.pulse-yellow {
    animation: pulse-yellow 2s infinite;
}

@keyframes pulse-yellow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255, 235, 59, 0.7); }
    50% { box-shadow: 0 0 0 20px rgba(255, 235, 59, 0); }
}

.parallax-element {
    position: absolute;
    pointer-events: none;
}

.nav-blur {
    backdrop-filter: blur(10px);
    background: rgba(30, 60, 114, 0.9);
}

#aktiviteter .subtitle {
    margin-bottom: -3rem !important; /* Minska från standardvärdet */
}

#aktiviteter .subtitle2 {
    margin-top: 1.5rem !important; 
    margin-bottom: -3rem !important; /* Minska från standardvärdet */
}
.text-xs {
    font-size: 0.85rem;
    line-height: 1.2rem;
}