footer.footer {
  background: #DBDDDE;
  font-size: 100%;
  line-height: 1.6;
  padding: 4rem 0 1.5rem;
  position: relative;
}
.footer .scrolltop{
  position: fixed;
  right: 40px;
  bottom:50px;
  width: 55px;
  height: 100px;
  border-radius: 50px;
  align-content:center;
  cursor:pointer;
  transition: all 0.3s ease-in-out;
  z-index: 99;
  background-color: var(--brand-accent-color);
}
.footer .scrolltop img{
  margin:0 auto;
  display:block;
  transition: all 0.3s ease-in-out;
  max-width: 40%;
}
.footer .scrolltop:hover{
  background:var(--brand-primary-color);
  transition: all 0.3s ease-in-out;
}
.footer .scrolltop:hover img{
  filter: brightness(0) invert(1);
  transition: all 0.3s ease-in-out;
}

footer.footer * {
  color: var(--brand-primary-color);
}

.footer-logo {
  max-width: 260px;
  max-height: 95px;
  object-fit: contain;
  margin-bottom: 1rem;
}


.footer .telefon{
    position:relative;
    padding-left:50px;
    margin-top:10px;
}

.footer .telefon:before{
    content: '';
    display:block;
    height:40px;
    width:40px;
    background:url('../img/telefon.svg') no-repeat center center;
    background-size:cover;
    position:absolute;
    top:-5px;
    left:0;
}

.footer-menu,
.footer-legal-menu,
.footer-menu .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-menu {
  display: flex;
  flex-direction: column;
}
.footer-legal-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 75px;
  justify-content: center;
}

.footer-menu > li,
.footer-legal-menu > li {
  margin: 0;
}

.footer-menu a,
.footer-legal-menu a {
  text-decoration: none;
  font-weight: 600;
}

.footer-legal-menu a {
  font-size: 100%;
  font-weight: 400;
}

.footer-menu .sub-menu {
  margin-top: 0.35rem;
  padding-left: 1rem;
}


.footer-bottom {
  margin-top: 100px;
  padding-top: 50px;
  border-top: 1px solid var(--brand-secondary-color);
}

.footer-copyright {
  margin:35px 0 0;
  text-align:center;
  opacity: 0.5;
}

@media (max-width: 767px) {
  .footer-menu {
    flex-direction: column;
    gap: 0.5rem;
  }

  .footer-bottom {
    text-align: center;
  }
}

/* -------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 1480px) {

  .footer-logo{max-width: 200px;max-height: 75px;}
  .footer-bottom{margin-top: 50px;padding-top: 30px;}
  .footer .scrolltop{bottom: unset;top: 40px;}
  
}

@media (max-width: 1199px) {

  .footer-legal-menu a{font-size: 90%;}
  .footer-legal-menu{gap: 35px;}

}

@media (max-width: 991px) {

  .footer .navigation{margin-top: 3rem;}
  .footer .telefon::before{height: 35px;width: 35px;}
  .footer-legal-menu > li{margin: 10px 20px;}
  .footer-legal-menu{gap: 0;}
  .footer-copyright{margin: 10px 0 0;}

}

@media (max-width: 767px) {

  .footer-legal-menu a{font-size: 85%;}
  .footer .scrolltop{width: 50px;height: 80px;}

}

@media (max-width: 600px) {

  .footer-legal-menu > li{margin: 5px 10px;}

  .footer .scrolltop{top:unset;bottom: 30px;right: 30px;width:30px;height:50px;}
  .footer .scrolltop img{width:10px;}

}

@media (max-width: 400px) {

}