/* Global */


/* Very Big */

@media only screen and (max-width: 1900px) {



}

/* Big */

@media only screen and (max-width: 1640px) {

.showcase-slider .showcase-tag-wrapper {
  display: none;
}

.service-slider .service-slide .service-slide-inner h2 {
    font-size: var(--font-size-lg);
}

.service-slider .service-slide:hover .service-slide-inner h2 {
  font-size: var(--font-size-lg);
}

.service-slider .service-slide .service-slide-inner ul li {
    font-size: var(--font-size-regular);
}

.floating-amps {
    height: 160px;
}

.showcase-slider .elementor-swiper-button.elementor-swiper-button-next {
    right: 10.3vw !important;
}


}

/* Laptop */

@media only screen and (max-width: 1450px) {

:root {
--font-size-xs: 1rem;
  --font-size-sm: 1.2rem;
  --font-size-base: 1rem;
  --font-size-regular: 1.5rem;
  --font-size-lg: 2rem;
  --font-size-xl: 4.125rem;
  --font-size-2xl: 6.25rem;
  --font-size-3xl: 8.875rem;
  --font-size-main-nav: 1.2rem;
}


.floating-amps {
    height: 110px;
}

.showcase-slider .elementor-swiper-button.elementor-swiper-button-next {
    right: 5.4vw !important;
}
}


/* Medium/Tablet */

@media only screen and (max-width: 1150px) {

    :root {
--font-size-xs: 1rem;
  --font-size-sm: 1.2rem;
  --font-size-base: 1rem;
  --font-size-regular: 1.2rem;
  --font-size-lg: 2rem;
  --font-size-xl: 4.125rem;
  --font-size-2xl: 3rem;
  --font-size-3xl: 8.875rem;
  --font-size-main-nav: 1rem;
}

.elementor-nav-menu--layout-horizontal .elementor-nav-menu {
    flex-wrap: nowrap;
}

#skp-header .skp-main-nav ul li a {
    padding: 20px 15px;
}

    .showcase-slider .elementor-swiper-button.elementor-swiper-button-next {
    right: 3.2vw !important;
}

.skp-main-nav .elementor-nav-menu .elementor-item.elementor-item-anchor::after {
display: none;
}

}

@media only screen and (max-width: 1024px) {

.skp-logo-mobile-svg {
    max-width: 300px !important;
}

}


/* Small/Smartphone/Tablet Portrait */

@media only screen and (max-width: 768px) {

    :root {
    --font-size-xs: 1rem;
    --font-size-sm: 1.2rem;
    --font-size-base: 1rem;
    --font-size-regular: 1.2rem;
    --font-size-lg: 2rem;
    --font-size-xl: 3rem;
    --font-size-2xl: 3rem;
    --font-size-3xl: 8.875rem;
    --font-size-main-nav: 1rem;
    --line-height-tight: 1.1;
    --line-height-snug: 1;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.7;
    }

.hero-headline h1 {
    font-size: 4rem;
}

#hero-stage {
    padding-top: 4%;
    padding-bottom: 4%;
}

.skp-burger-offset  {
    display: none !important;
}

#hero-stage .right-aligned-block .e-con-inner .e-child:first-of-type {
    position: inherit;
    width: inherit;
    margin-right: inherit;
}

.showcase-slider .elementor-swiper-button.elementor-swiper-button-next {
    right: 0 !important;
}

.skp-logo-mobile-svg {
    max-width: 165px !important;
}


}




/* Very Small/Smartphone */

@media only screen and (max-width: 520px) {

    :root {
    --font-size-xs: 1rem;
    --font-size-sm: 1rem;
    --font-size-base: 1rem;
    --font-size-regular: 1.2rem;
    --font-size-lg: 1.5rem;
    --font-size-xl: 2rem;
    --font-size-2xl: 3rem;
    --font-size-3xl: 8.875rem;
    --font-size-main-nav: 1rem;
    --line-height-tight: 1.1;
    --line-height-snug: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.7;
    }

.hero-headline h1 {
    font-size: 3rem;
    margin-bottom: 0;
}

.service-slider .service-slide .service-slide-inner ul li {
    margin-bottom: 5px;
}

.elementor-heading-title {
    line-height: var(--line-height-snug);
}

    .showcase-slider .elementor-swiper-button.elementor-swiper-button-next {
    right: 0 !important;
}

.skp-burger-mobile .elementor-nav-menu--dropdown {
    padding: 20px;
}

.service-slider .service-slide .service-slide-inner h2 {
    font-size: var(--font-size-xl);
}

.service-slider .service-slide:hover .service-slide-inner h2 {
    font-size: var(--font-size-xl);
}

.showcase-single-head {
    padding-top: 0;
}

/* Buttons */

/* Button Weiss */

.btn-wht a, .btn-wht a:focus, .btn-wht a:visited {
    padding: 15px;
}


.caption-duesseldorf:after, .caption-hagen:after {
  font-size: var(--font-size-sm);
  bottom: 20px;
  right: 10px;
  padding: 5px 10px;
}

.counter-wrapper {
    margin-bottom: 60px;
}

/* Button Coral */

.btn-coral a, .btn-coral a:focus, .btn-coral a:visited {
    padding: 15px;
}

.footer-nav-cont {
    align-items: center !important;
}

.ccm-settings-summoner {
    bottom: 20px !important;
    left: 20px !important;
}

.footer-formal {
    padding: 10px;
    bottom: 0;
    margin-bottom: 100px;
    position: inherit;
}

.footer-formal-wrapper {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-formal-wrapper .footer-company, .footer-formal-wrapper .footer-formal-nav {
    display: block;
    text-align: center;
}

.footer-formal .footer-company:after {
    content: '';
    margin: 0 !important;
}

.footer-formal .footer-company {
    margin-bottom: 15px;
}

.footer-ani-box {
    position: fixed;
    bottom: 0;
    z-index: -99999999999;
}

@keyframes float {
  0%   { 
    transform: translateY(0);
    filter: blur(4px);
  }
  50%  { 
    transform: translateY(-60px);
    filter: blur(30px);
  }
  100% { 
    transform: translateY(0); 
    filter: blur(4px);
  }
}

.floating-amps span {
  display: inline-block;
  animation: float 8s ease-in-out infinite;
}

.footer-ani-box .floating-amps {
    height: 30vh;
}

.floating-amps .amp-two {
    bottom: -37%;
    left: -6%;
}

.floating-amps .amp-one {
    bottom: -28%;
    left: 11%;
}

.floating-amps .amp-three {
    bottom: -47%;
    left: 24%;
}

.floating-amps .amp-four {
    bottom: -35%;
    left: 44%;
}

.floating-amps .amp-five {
    bottom: -30%;
    left: 60%;
}

.floating-amps .amp-six {
    opacity: 1;
    bottom: -24%;
    left: 79%;
}






}