.hero-fade { 
position: relative !important; 
overflow: hidden !important; background-image: url(https://agneshovehne.de/wp-content/uploads/2017/03/DSC_0049-e1603816727839.jpg) !important; 
background-size: cover !important; 
background-position: 50% 50% !important; 
background-repeat: no-repeat !important; } .hero-fade::before, .hero-fade::after { 
content: ""; 
display: block !important;
clear: none !important;
float: none !important;
position: absolute; inset: 0; 
width: 100%; 
height: 100%; 
background-size: cover !important; 
background-position: 50% 50% !important; 
background-repeat: no-repeat !important; 
opacity: 0; pointer-events: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: opacity;} .hero-fade::before { 
background-image: url(https://agneshovehne.de/wp-content/uploads/2026/09/yoga-studio-in-berlin-borsigwalde-hg.jpg) !important; 
z-index: 1; 
-webkit-animation: heroBild2 10s linear infinite;
animation: heroBild2 10s linear infinite; } .hero-fade::after { 
background-image: url(https://agneshovehne.de/wp-content/uploads/2026/09/yoga-meditation-klangschalen.jpg) !important; 
z-index: 2; 
-webkit-animation: heroBild3 10s linear infinite;
animation: heroBild3 10s linear infinite; } .hero-fade > .vc_column_container, .hero-fade > .wpb_column { 
position: relative !important; 
z-index: 5 !important; } @keyframes heroBild2 { 0% { opacity: 0; } 28% { opacity: 0; } 34% { opacity: 1; } 61% { opacity: 1; } 67% { opacity: 0; } 100% { opacity: 0; } } @keyframes heroBild3 { 0% { opacity: 0; } 61% { opacity: 0; } 67% { opacity: 1; } 94% { opacity: 1; } 100% { opacity: 0; } } @media (max-width: 767px) { 
.hero-fade, .hero-fade::before, .hero-fade::after { 
background-position: 50% 50% !important; 
background-size: cover !important; } } .hero-fade h1, .hero-fade h2 { 
color: #ffffff !important; 
position: relative; 
z-index: 10; } 
.hero-fade > .vc_column_container, .hero-fade > .wpb_column { 
position: relative !important; 
z-index: 5 !important; } 
.hero-fade .wpb_text_column { 
position: relative !important; 
z-index: 10 !important; }