/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 29 2024 | 09:30:18 */
#header-home.ppm-vimeo-hero .uk-grid [class="uk-width-2-5@m"] > div > div {
	background-image: url(https://www.plappermaul.at/staging_O/wp-content/uploads/2024/10/hero-video-screen-bike.jpg);
	border-radius: 10px !important;
	background-size: contain;
	background-repeat: no-repeat;
}


#header-home.ppm-vimeo-hero  iframe#vimeoPlayer {
	transform: scale(1.005) !important;
		border-radius: 10px !important;
	transform-origin: center;
	position: absolute;
}

#header-home.ppm-vimeo-hero  {
    position: relative;
}

#header-home.ppm-vimeo-hero .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker {
    /* position: absolute; */
    width: 100%;
}


#header-home.ppm-vimeo-hero::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("https://www.plappermaul.at/wp-content/uploads/2024/10/gradient-orange.png");
    background-position: 200% 20%;
    background-size: 1500px;
    background-repeat: no-repeat;
    animation: moveGradient1 15s ease-in-out infinite, fadeGradient1 6s ease-in-out infinite;
    pointer-events: none;
}

#header-home.ppm-vimeo-hero::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("https://www.plappermaul.at/wp-content/uploads/2024/10/gradient-green.png");
    background-position: -100% 100%;
    opacity: 0.3;
    background-size: 1500px;
    background-repeat: no-repeat;
    animation: moveGradient2 20s ease-in-out infinite, fadeGradient2 8s ease-in-out infinite;
    pointer-events: none;
}

/* Animation for ::before (orange gradient) */
@keyframes moveGradient1 {
    0% {
        background-position: 200% 20%;
    }
    50% {
        background-position: -100% 30%;
    }
    100% {
        background-position: 200% 20%;
    }
}

@keyframes fadeGradient1 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
}

/* Animation for ::after (green gradient) */
@keyframes moveGradient2 {
    0% {
        background-position: -100% 100%;
    }
    50% {
        background-position: 150% 70%;
    }
    100% {
        background-position: -100% 100%;
    }
}

@keyframes fadeGradient2 {
    0%, 100% {
        opacity: 0.4;
    }
    50% {
        opacity: 0.1;
    }
}



#header-home.ppm-vimeo-hero .brlbs-cmpnt-cb-preset-c.brlbs-cmpnt-cb-vimeo {
        margin-top: -92% !important;
        height: 100%;
}


#header-home.ppm-vimeo-hero .uk-grid {
    row-gap: 20px;
}

#header-home.ppm-vimeo-hero .brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-thumbnail {
        background-image: url(https://www.plappermaul.at/wp-content/uploads/2024/10/hero-video-screen-bike.jpg) !important;
        display: flex;
        justify-content: center;
        align-items: center;
        aspect-ratio: 1000 / 931;
        height: auto;
}

#header-home.ppm-vimeo-hero  .brlbs-cmpnt-content-blocker,
#header-home.ppm-vimeo-hero  .brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-play-button  {
	display: none;
}


@media screen  and (max-width: 899px) /* small tablets */ {
    #header-home .uk-heading-2xlarge {
        margin-top: 80px;
    }
	
	#header-home.ppm-vimeo-hero {
		display: flex;
		align-items: flex-start;
	}
}

@media screen  and (min-width: 900px) and (max-width: 1239px) { 
	#header-home.ppm-vimeo-hero {
		padding-top: 130px !important;
	}
}

@media screen  and (min-width: 900px)  { 
	#header-home.ppm-vimeo-hero > div > div > div > div > div > .uk-grid > div {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	#header-home.ppm-vimeo-hero > div > div > div > div > div > .uk-grid > div [class*="uk-heading"] + .uk-text-secondary {
		margin: 0 !important;
	}

}





.uk-navbar-right .uk-navbar-nav {
    order: 2;
}

.uk-navbar-right .uk-navbar-nav a {
    border: 2px solid #fff;
    padding: 12px 32px;
    display: inline;
  
}

.uk-navbar-right .uk-navbar-nav a:hover  {
    /* background: #fff; */
    color: #69c294 !important;
    border-color: #69c294;
    text-decoration: none;
}

.uk-navbar-right .uk-navbar-nav>li.uk-active>a {
    border-color: #bb4b24;
}

.uk-navbar-right .uk-navbar-nav>li.uk-active>a:hover {
	color: #bb4b24;
}

@media (min-width: 1200px) {
    #header-home.ppm-vimeo-hero .uk-heading-2xlarge {
        font-size: 3.5em;
    }
}

@media (max-width: 899px) {
	#header-home.ppm-vimeo-hero + div .uk-position-absolute {
		right: 2vw;
		left: auto !important;

	}

	#header-home.ppm-vimeo-hero + div .uk-position-absolute img {
		 transform: scaleX(-1) translateY(150%) rotate(30deg) !important;
	}
}

/* HOTFIX SMALL DESKTOP*/


@media screen  and (min-width: 900px) and (max-width: 1299px) /* phones */ {
    #header-home.ppm-vimeo-hero .uk-heading-2xlarge {
        font-size: 2.5em;
    }


    #header-home.ppm-vimeo-hero  {
        padding-top: 120px;
    }
}