a[href*="tel"], a[href*="tel"]::selection, a[href*="tel"]:focus, a[href*="tel"]:hover {
  color: inherit; 
  background: inherit;
}

#elma-app-download {
  a {
    background-position: left center!important;
    color: transparent!important;
  }

  /*
  a[href*="tel"], a[href*="tel"]::selection, a[href*="tel"]:focus, a[href*="tel"]:hover {
    background-image: url(/fileadmin/Bilder/elma-mobil/Grafiken/svgs/icon-hotline.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    color: transparent;
  }
  */
}

p.app-buttons a {
  background-position: left center!important;
  width: auto!important;
  height: 55px!important;
  color: transparent!important;

  /*
  &:hover {
    background-position: 0;
    height: 57px!important;
    width: auto;
  }
  */
}

/*
@media only screen and (min-width: 1024px) {
  #elma-app-download {
    a[href*="tel"], a[href*="tel"]::selection, a[href*="tel"]:focus, a[href*="tel"]:hover {
      background-image: url(/fileadmin/Bilder/elma-mobil/Buttons/button-hotline.svg);
    }
  }
}
*/

@media only screen and (min-width: 840px) {
  .wrap--navigation {
    top: 0px;
    padding-top: 38px;
  }
}

@media only screen and (min-width: 840px) {
  .navigation__logo.navigation__logo--horizontal.navigation__logo--medium {
    height: 100px;
    max-width: 200px;
    width: 200px;
  }
}

.top-bar {
  box-shadow: 0px -15px 15px 10px rgba(0,0,0,0.5);
}

.navigation__logo {
  transition: .5s ease-in-out;
}

.header {
  padding-top: 0;
}
















.chapter--default {
  margin-bottom: 2rem;
}


/* Logoslider */

.chapter--logoslider {
    --chapter-logoslider-animation-speed: 30s;

    width: 100%;
    max-width: 100%;
    padding-inline: 0;
    padding-bottom: 3rem !important;
    overflow: hidden;
}

.chapter--logoslider .grid {
    display: contents !important;
}

.chapter--logoslider .grid__column {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center;

    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;

    padding: 0 !important;
    margin: 0 !important;

    animation:
        elma-logo-slider-scroll
        var(--chapter-logoslider-animation-speed)
        linear
        infinite !important;

    will-change: transform;
}

.chapter--logoslider .grid__column > toujou-slider,
.chapter--logoslider .slider__frame,
.chapter--logoslider .slider__frame > .glider-track,
.chapter--logoslider .glider-track.glider-slide {
    display: contents !important;
}

.chapter--logoslider .glider,
.chapter--logoslider .glider-track,
.chapter--logoslider .glider-slide {
    position: static !important;

    transform: none !important;
    translate: none !important;

    animation: none !important;
    transition: none !important;
}

.chapter--logoslider .glider-slide {
    display: flex !important;
    flex: 0 0 6rem !important;
    align-items: center;
    justify-content: center;

    width: 6rem !important;
    min-width: 6rem !important;
    max-width: 6rem !important;
    height: 145px !important;

    margin: 0 3.5rem 0 0 !important;
    padding: 0 !important;

    box-sizing: border-box;
}

.chapter--logoslider .glider-slide:has(img[src*="rondell-rvv-gfn"]) {
    flex-basis: 17rem !important;

    width: 17rem !important;
    min-width: 17rem !important;
    max-width: 17rem !important;
}

.chapter--logoslider .glider-slide img {
    display: block;

    width: auto !important;
    max-width: 100% !important;
    height: 145px !important;
    max-height: 145px !important;

    margin: 0 auto;
    padding: 0;

    object-fit: contain;
    border-radius: 0;
}

.chapter--logoslider .slider__control,
.chapter--logoslider .slider__pagination,
.chapter--logoslider .glider-dots,
.chapter--logoslider .grid__column > span {
    display: none !important;
}

@keyframes elma-logo-slider-scroll {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-33.333333%, 0, 0);
    }
}

@media only screen and (min-width: 640px) {
    .chapter--logoslider .glider-slide {
        margin-right: 4rem !important;
    }
}

@media only screen and (min-width: 768px) {
    .chapter--logoslider .glider-slide {
        flex-basis: 8rem !important;

        width: 8rem !important;
        min-width: 8rem !important;
        max-width: 8rem !important;

        margin-right: 6rem !important;
    }

    .chapter--logoslider .glider-slide:has(img[src*="rondell-rvv-gfn"]) {
        flex-basis: 23.125rem !important;

        width: 23.125rem !important;
        min-width: 23.125rem !important;
        max-width: 23.125rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .chapter--logoslider .grid__column {
        animation: none !important;
    }
}