@keyframes float-from-bottom {

      0%,
      100% {
          transform: translateY(0);
      }

      50% {
          transform: translateY(-12px);
      }
  }

  @keyframes float-from-top {

      0%,
      100% {
          transform: translateY(0);
      }

      50% {
          transform: translateY(12px);
      }
  }

  /* speed: 0.3 → 3s Dauer, speed: 0.2 → 4s Dauer */
  .svg-float-bottom-fast {
      animation: float-from-bottom 6s ease-in-out infinite;
  }

  .svg-float-top-fast {
      animation: float-from-top 6s ease-in-out infinite;
  }

  .svg-float-bottom-slow {
      animation: float-from-bottom 8s ease-in-out infinite;
  }

  .svg-float-top-slow {
      animation: float-from-top 8s ease-in-out infinite;
  }


  .home-hero{
    position: relative;
    aspect-ratio: 2.185;
    overflow: hidden;
  }
    .home-hero>div {
        height: 100%;
    }
    .home-hero>div>div {
        height: 100%;
            align-items: center;
                justify-content: flex-start;
                display: flex;
    }
  .hero-background-html{
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
  }


  .custom-svg-linear-gradient stop:nth-child(1) {
      stop-color: #FC885D !important;
  }

  .custom-svg-linear-gradient stop:nth-child(2) {
      stop-color: #35818E !important;
  }

html path.custom-svg-fill-color-secondary,
html circle.custom-svg-fill-color-secondary {
    fill: #FC885D !important;
}
.uk-section-overlap{
    position: relative;
}


.uk-section-overlap:not(.overlap-top)::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 2000 245' preserveAspectRatio='none'%3E%3Cpath fill='%23FFF' opacity='0.5' d='M2028.47,246.15v-39.09C1945.6,199.68,1869.96,195.8,1803,194c-71.99-1.93-137.53-4.37-225,1 c-88.04,5.4-120.19,13.36-233,19c-55.14,2.76-102.19,5-165,3c-37.5-1.2-102.55-4.6-200-19c-89.42-13.21-145.61-26.73-276-57 C520.19,98.33,428.29,76.99,402,72C243.75,41.93,118.41,28.67,37,22c-26.77-2.19-49.49-3.73-66.33-4.77v229.03h2057.82 C2028.48,246.22,2028.47,246.19,2028.47,246.15z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M1816,212c-58.78-4.11-116.63-8.07-195-9c-43.43-0.51-105.81-1.13-187,4c-33.73,2.13-29.27,2.64-127,10 c-86.52,6.52-110.13,7.64-137,8c-11.31,0.15-53.81,0.58-110-3c-54.49-3.47-108.08-9.83-185-23c-69.21-11.85-114.89-21.96-202-41 c-262.93-57.46-291.75-62.62-318-67C229.24,70,155.97,65.58,121,64C60.05,61.24,8.67,62.27-28.77,63.95v187.41H2028V232 C1943.49,221.98,1871.42,215.88,1816,212z'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 180px;
    background-size: 2000px 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    pointer-events: none;
}

.uk-section-overlap.overlap-top:not(.uk-section-primary)::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 2000 245' preserveAspectRatio='none'%3E%3Cpath fill='%23FFF' opacity='0.5' d='M2028.47,246.15v-39.09C1945.6,199.68,1869.96,195.8,1803,194c-71.99-1.93-137.53-4.37-225,1 c-88.04,5.4-120.19,13.36-233,19c-55.14,2.76-102.19,5-165,3c-37.5-1.2-102.55-4.6-200-19c-89.42-13.21-145.61-26.73-276-57 C520.19,98.33,428.29,76.99,402,72C243.75,41.93,118.41,28.67,37,22c-26.77-2.19-49.49-3.73-66.33-4.77v229.03h2057.82 C2028.48,246.22,2028.47,246.19,2028.47,246.15z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M1816,212c-58.78-4.11-116.63-8.07-195-9c-43.43-0.51-105.81-1.13-187,4c-33.73,2.13-29.27,2.64-127,10 c-86.52,6.52-110.13,7.64-137,8c-11.31,0.15-53.81,0.58-110-3c-54.49-3.47-108.08-9.83-185-23c-69.21-11.85-114.89-21.96-202-41 c-262.93-57.46-291.75-62.62-318-67C229.24,70,155.97,65.58,121,64C60.05,61.24,8.67,62.27-28.77,63.95v187.41H2028V232 C1943.49,221.98,1871.42,215.88,1816,212z'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 180px;
    background-size: 2000px 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    pointer-events: none;
    -webkit-transform:  scale(1, -1);
    -moz-transform:     scale(1, -1);
    -o-transform:       scale(1, -1);
    transform:          scale(1, -1);
}

.uk-section-overlap.overlap-top{
    position: relative;
    padding-top: 220px;
    margin-bottom: 0px;
}




.uk-section-primary.uk-section-overlap.overlap-top::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 2000 260' preserveAspectRatio='none'%3E%3Ccircle class='custom-svg-fill-color-secondary' fill='%23FC885D' opacity='0.2' cx='2007.7' cy='208.3' r='140.7'%3E%3C/circle%3E%3Ccircle class='custom-svg-fill-color-secondary' fill='%23FC885D' opacity='0.2' cx='1975.78' cy='247.18' r='148.13'%3E%3C/circle%3E%3Cpath fill='%23FFFFFF' d='M-42,42c21.03-0.71,49.03-1.3,82-1c10.06,0.09,73,0.78,147,7c95.4,8.01,191.25,23.7,278,40 c188.62,35.43,247.14,57.2,353,79c102.08,21.02,252.74,44.36,445,46c0,22.68,0,45.35,0,68.03c-433.33,0-866.67,0-1300,0 C-38.67,201.35-40.33,121.68-42,42z'%3E%3C/path%3E%3Cpath class='custom-svg-fill-color-secondary' fill='%23fc885d' d='M-39,233c18.45-5.57,45.76-13.68,79-23c65.89-18.48,100.28-28.12,140-36c64.67-12.83,115.09-15.35,151-17 c72.37-3.33,126.81,0.97,200,7c21.78,1.79,35.05,3.15,147,16c185.79,21.33,205.66,24.08,252,27c85.5,5.38,150.46,4.35,168,4 c48.7-0.96,73.47-3.33,246-19c174.43-15.84,185.89-16.75,211-18c76.46-3.81,133.48-3.48,217-3c83.26,0.48,125.58,2.59,166,6 c37.33,3.15,68.3,7,90,10c0,28.67,0,57.35,0,86.02c-688.33,0-1376.67,0-2065,0C-37.67,259.68-38.33,246.34-39,233z'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% - 179px);
    height: 180px;
    background-size: 2000px 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    pointer-events: none;
    -webkit-transform:  scale(1, 1);
    -moz-transform:     scale(1, 1);
    -o-transform:       scale(1, 1);
    transform:          scale(1, 1);
}
.uk-section-primary.uk-section-overlap.overlap-top {
    position: relative;
    padding-top: 220px;
}

.uk-section-muted+.uk-section-primary.uk-section-overlap.overlap-top::before{
    background-color: #eff1f3;
}

.uk-section-primary.uk-section-overlap.overlap-bottom::after {
    content: '';
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 2000 260' preserveAspectRatio='none'%3E%3Ccircle class='custom-svg-fill-color-secondary' fill='%23FC885D' opacity='0.2' cx='2007.7' cy='208.3' r='140.7'%3E%3C/circle%3E%3Ccircle class='custom-svg-fill-color-secondary' fill='%235349FF' opacity='0.2' cx='1975.78' cy='247.18' r='148.13'%3E%3C/circle%3E%3Cpath fill='%23FFFFFF' d='M-42,42c21.03-0.71,49.03-1.3,82-1c10.06,0.09,73,0.78,147,7c95.4,8.01,191.25,23.7,278,40 c188.62,35.43,247.14,57.2,353,79c102.08,21.02,252.74,44.36,445,46c0,22.68,0,45.35,0,68.03c-433.33,0-866.67,0-1300,0 C-38.67,201.35-40.33,121.68-42,42z'%3E%3C/path%3E%3Cpath class='custom-svg-fill-color-secondary' fill='%23fc885d' d='M-39,233c18.45-5.57,45.76-13.68,79-23c65.89-18.48,100.28-28.12,140-36c64.67-12.83,115.09-15.35,151-17 c72.37-3.33,126.81,0.97,200,7c21.78,1.79,35.05,3.15,147,16c185.79,21.33,205.66,24.08,252,27c85.5,5.38,150.46,4.35,168,4 c48.7-0.96,73.47-3.33,246-19c174.43-15.84,185.89-16.75,211-18c76.46-3.81,133.48-3.48,217-3c83.26,0.48,125.58,2.59,166,6 c37.33,3.15,68.3,7,90,10c0,28.67,0,57.35,0,86.02c-688.33,0-1376.67,0-2065,0C-37.67,259.68-38.33,246.34-39,233z'%3E%3C/path%3E%3C/svg%3E");
        position: absolute;
        left: 0;
        right: 0;
        top: calc(100% - 179px);
        bottom:auto;
        height: 180px;
        background-size: 2000px 100%;
        background-position: center bottom;
        background-repeat: no-repeat;
        pointer-events: none;
        -webkit-transform: scale(1, -1);
        -moz-transform: scale(1, -1);
        -o-transform: scale(1, -1);
        transform: scale(1, -1);
}
.uk-section-primary.uk-section-overlap.overlap-bottom {
    position: relative;
    padding-bottom: 220px;
}

.uk-section-muted+.uk-section-primary.uk-section-overlap.overlap-bottom.bottom-white::after {
    background-color: #fff;
}


.uk-section-overlap.overlap-bottom.flip-bottom-x::after {
    -webkit-transform: scale(-1, -1);
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    transform: scale(-1, -1);
}
.uk-section-overlap.overlap-bottom.bottom-muted::after {
    background-color: #eff1f3;
}

.uk-section-overlap.overlap-bottom.flip-bottom-x {
    padding-bottom: calc(180px + 60px);
}


.uk-section-overlap.overlap-bottom.flip-bottom-y::after {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.uk-section-overlap.overlap-bottom.bottom-black::after {
    background-color: #212529;
}

.uk-section-overlap.black::after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 2000 260' preserveAspectRatio='none'%3E%3Cpath fill='%23FFFFFF' d='M-42,42c21.03-0.71,49.03-1.3,82-1c10.06,0.09,73,0.78,147,7c95.4,8.01,191.25,23.7,278,40 c188.62,35.43,247.14,57.2,353,79c102.08,21.02,252.74,44.36,445,46c0,22.68,0,45.35,0,68.03c-433.33,0-866.67,0-1300,0 C-38.67,201.35-40.33,121.68-42,42z'%3E%3C/path%3E%3Cpath fill='%23222529' d='M-39,233c18.45-5.57,45.76-13.68,79-23c65.89-18.48,100.28-28.12,140-36c64.67-12.83,115.09-15.35,151-17 c72.37-3.33,126.81,0.97,200,7c21.78,1.79,35.05,3.15,147,16c185.79,21.33,205.66,24.08,252,27c85.5,5.38,150.46,4.35,168,4 c48.7-0.96,73.47-3.33,246-19c174.43-15.84,185.89-16.75,211-18c76.46-3.81,133.48-3.48,217-3c83.26,0.48,125.58,2.59,166,6 c37.33,3.15,68.3,7,90,10c0,28.67,0,57.35,0,86.02c-688.33,0-1376.67,0-2065,0C-37.67,259.68-38.33,246.34-39,233z'%3E%3C/path%3E%3C/svg%3E");
}
.uk-section-overlap.black{
    padding-bottom: calc(180px + 60px);
}




.footer{
    background-color: #212529;
}

.uk-section-overlap::before,
.uk-section-overlap::after{
    background-size: 100% 100% !important;
}
@media(max-width: 2560px){
    .uk-section-overlap::before,
    .uk-section-overlap::after {
        background-size: 2560px 100% !important;
    }
}
@media(max-width: 1920px){
    .uk-section-overlap::before,
    .uk-section-overlap::after {
        background-size: 1920px 100% !important;
    }
}

.float-parallax,[data-plugin-float-element]{
    transition: transform 2s ease 0s;
}

.uk-section-primary .uk-dotnav li>a{
    border: 2px solid #fff !important;
    outline: 3px solid #fc885d !important;
    outline-offset: -5px;
}
.uk-dotnav{
    margin-left: -10px;
}
.uk-dotnav>*{
        padding-left: 10px;
}
.uk-dotnav>*>*{
        width: 16px;
        height: 16px;
}

.location-slider{
    position: relative;
}
.location-slider:before {
    content: '';
    position: absolute;
    width: 100%;
    max-width: 1200px;
    top: -40px;
    left: 50%;
    right: auto;
    bottom: 60px;
    background-color: #CCC;
    opacity: 0.15;
    transform: translate3d(-50%, 0, 0);
}

.person-slider img,
.location-slider img{
    transition: all 0.3s ease 0s;
}
.person-slider img:hover,
.location-slider img:hover{
    transform: scale(1.1);
}
.location-slider .el-item:hover{
    box-shadow: 0 0 30px 8px #00000042;
}

.pricelists .el-content{
    line-height: 2.4;
    font-weight: 500;
}
.pricelists .el-title {
    margin-left: -40px;
    margin-right: -40px;
    margin-top: -40px !important;
    padding: 20px 40px;
    background-color: #f1f3f7;
}

.copyright .uk-width-1-1{
    display: flex;
    gap: 10px;
    justify-content: center;
}
.copyright .uk-width-1-1>*{
    margin: 0 !important;
}
.copyright a::before{
    content: '|';
    margin-right: 10px;
}

.footer a:not(.uk-panel){
    opacity: 0.5;
}
.footer a.uk-panel .el-link {
    opacity: 0.5;
}
.footer a:hover{
    opacity: 1;
}

.to-top-row{
    position: fixed;
    right: 10px;
    bottom:0;
    transition: opacity 0.3s;
    background: #404040;
    border-radius: 4px 4px 0 0;
    padding: 10px 10px 10px;
    z-index: 999;
    opacity: 0;
}
.to-top-row .uk-totop{
    color: #fff !important;
    opacity: 0.6 !important;
}
.to-top-row .uk-totop:hover{
    color: #fff !important;
    opacity: 1 !important;
}
.to-top-row.is-visible{
    opacity: 1 !important;
}

.header-phone a{
    color: #212529 !important;
    font-size: 1rem;
    font-weight: 800;
    position: relative;
    top: -1px;
}
.header-phone a:hover{
    color: #35818E !important;
}

@media(max-width: 1240px){
    .uk-navbar-nav{
        gap: 20px;
    }
}

@media(max-width: 1105px){
    .uk-navbar-nav>li>a{
        font-size: 0.9rem;
    }
}

@media(max-width: 1050px){
    .header-phone a {   
        top: -2px;
    }
    .uk-navbar-right{
        gap: 20px;
    }
    .uk-navbar-nav>li>a{
        font-size: 0.85rem;
    }
    .uk-navbar-nav {
        gap: 15px;
    }
    .header-phone a {
        font-size: 0.9rem;
    }
}


@media(max-width: 1360px){
    .home-hero {   
        padding-top:200px !important;
        padding-bottom:200px !important;
        aspect-ratio: auto;
    }
    .hero-background-html svg{
        height: 100%;
    }
}
@media(max-width: 959px){
    .header-phone a {
        top: 0;
    }
    .home-hero {   
        padding-top: 160px !important;
        padding-bottom: 160px !important;
    }
    .hero-background-html svg{
        transform: scale(2) translateX(20%);
    }
    .hero-background-html svg>g:nth-child(5){
        display: none;
    }
    .home-hero .uk-panel{
        width: 100%;
    }
    .blog-sidebar{
        padding-top: 80px;
    }

    .tm-header-mobile .uk-logo{
        width: 120px;
        transition: all 0.3s ease 0s;
    }
    .tm-header-mobile .uk-sticky-below .uk-logo{
        width: 80px;
        transition: all 0.3s ease 0s;
    }
    .tm-header-mobile .uk-sticky-below .uk-navbar-item,
    .tm-header-mobile .uk-sticky-below .uk-navbar-nav>li>a,
    .tm-header-mobile .uk-sticky-below .uk-navbar-toggle{
            min-height: 35px;
            transition: all 0.3s ease 0s;
    }
    .tm-header-mobile .uk-navbar-item,
    .tm-header-mobile .uk-navbar-nav>li>a,
    .tm-header-mobile .uk-navbar-toggle{
            min-height: 80px;
            transition: all 0.3s ease 0s;
    }
}
@media(max-width: 767px) {
    .copyright .uk-width-1-1 {
            flex-wrap: wrap;
    }
    .copyright .uk-width-1-1>div:nth-child(2) {
            width:100%;
    }
    .copyright a::before{
        display: none;
    }
        .foto-bubbles-foto-col{
            padding-bottom:100px;
        }
}
@media(max-width: 420px){
    .home-hero {
        padding-top: 120px !important;  
        padding-bottom: 120px !important;
    }
    .uk-heading-medium{
        font-size: 36px;
    }
    .uk-heading-small{
        font-size: 30px;
    }
    .hero-background-html svg>g:nth-child(6) {
        transform: translateY(-300px);
    }
    .foto-bubbles{
        left: 0px !important;
        top: -20px !important;
    }
    h2,.uk-h2{
        font-size: 32px;
    }
}


.uk-offcanvas-bar .uk-nav-default>li>a{
    border-bottom: 1px solid #efefef;
    padding-top:10px;
    padding-bottom:10px;
    font-weight: 700;
    color:#444;
    
}
.uk-offcanvas-bar .uk-nav-default>li.uk-active>a{
    color: #0283a1;
}

@media(min-width:960px){
        .tm-header .uk-logo {
                width: 138px;
                transition: all 0.3s ease 0s;
            }
        
            .tm-header .uk-sticky-below .uk-logo {
                width: 80px;
                transition: all 0.3s ease 0s;
            }
        
            .tm-header .uk-sticky-below .uk-navbar-item,
            .tm-header .uk-sticky-below .uk-navbar-nav>li>a,
            .tm-header .uk-sticky-below .uk-navbar-toggle {
                min-height: 35px;
                transition: all 0.3s ease 0s;
            }
            .tm-header .uk-navbar-nav>li>a::before {
                transition: all 0.3s ease 0s;
            }
            .tm-header .uk-sticky-below .uk-navbar-nav>li>a::before {
                bottom: 4px;
                transition: all 0.3s ease 0s;
            }
        
            .tm-header .uk-navbar-item,
            .tm-header .uk-navbar-nav>li>a,
            .tm-header .uk-navbar-toggle {
                min-height: 80px;
                transition: all 0.3s ease 0s;
            }
}


  .team-background-html {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
  }
  .leistungen-background-html {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
  }