/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* 1. Reset the container to prepare for the animated layer */
.elementor .ken-burns-hero {
    position: relative;
    overflow: hidden !important;
    background-image: none !important; /* Hide the static background */
}

/* 1. Desktop (Default) */
.elementor .ken-burns-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://da-schoafe-schurl.at/wp-content/uploads/2026/02/band-1-2048x677.jpg') !important;
    background-size: cover !important;
    background-position: center center !important; /* Standard center */
    animation: manualKenBurns 20s ease-in-out infinite alternate !important;
    z-index: 0;
}

/* 2. Tablet Positioning */
@media (max-width: 1024px) {
    .elementor .ken-burns-hero::before {
        background-position: center 30% !important; /* Nudges image up slightly */
    }
}

/* 3. Mobile Positioning */
@media (max-width: 767px) {
    .elementor .ken-burns-hero::before {
        /* On mobile, 'center center' often cuts off the top/bottom. 
           Changing the percentage helps focus on the important part. */
        background-position: 37% 20% !important; 
        animation-duration: 15s !important; /* Slightly faster zoom for smaller screens */
    }
}

/* 3. Ensure your Logo and Content stay on top of the movement */
.elementor .ken-burns-hero > * {
    position: relative;
    z-index: 1;
}


@keyframes manualKenBurns {
    0% { transform: scale(1); }
    100% { transform: scale(1.15); }
}