/* Hero baggrundsbilleder - dynamisk genereret */
.bg-image-1,
.bg-image-2, 
.bg-image-3,
.bg-image-4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    animation: backgroundSlideshow 14s infinite;
    z-index: 0;
}

.bg-image-1 {
    background-image: url('baggrund/294682078_443421461128911_8704811074576873884_n.jpg');
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.bg-image-2 {
    background-image: url('baggrund/477696996_1030697949073411_2211994075492005186_n.jpg');
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

.bg-image-3 {
    background-image: url('uploads/69c78c7c07547_1774685308.jpg');
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
}

.bg-image-4 {
    background-image: url('uploads/69c78c87ce2a3_1774685319.jpg');
    -webkit-animation-delay: 10.5s;
    animation-delay: 10.5s;
}

/* Background slideshow animation */
@keyframes backgroundSlideshow {
    0% { opacity: 0; }
    8% { opacity: 1; }
    18% { opacity: 1; }
    22% { opacity: 0.8; }
    26% { opacity: 0.4; }
    30% { opacity: 0; }
    100% { opacity: 0; }
}