hra-footer-ui {
    position: relative;
}

hra-footer-ui::before {
    display: block;
    content: "";
    background-image: url("/content/dam/f1936-2/cloud-transfer/Skyline_Kooperation_final_bereinigt2.svg");
    background-size: 520px auto;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    width: 1000px;
    height: 110px;
    position: absolute;
    left: 50%;
    top: -57px;
    margin-left: -500px;
}

@media only screen and (max-width: 959px) {
  hra-footer-ui::before {
    left: -2px;
    width: 101vw;
    right: 0;
    background-size: contain;
    margin-left: 0;
  }
}

@media only screen and (max-width: 500px) {
  hra-footer-ui::before {
    top: -80px;
  }
.footer-navigation-content {
z-index: 1;
}
}