navbar mit href Safari Probleme

<!-- NAVIGATIONSLEISTE -->
        <nav id="header-nav">
            <!-- DESKTOP-NAVIGATION -->
            <div class="container" id="desktop-nav">
                <div class="row">
                    <div class="col-6">
                        <a href="index.html" class="logo-link">
                            <img src="./src/img/as_logo.png" alt="Logo von DDM André Schneider">
                        </a>
                        <ul>
                            <li class="active"><a href="index.html">Startseite</a></li>
                            <li><a href="leistungen.html">Leistungen</a></li>
                            <li><a href="kontakt.html">Kontakt</a></li>
                            <li><a href="impressum.html">Impressum</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- MOBILE-NAVIGATION -->
            <div class="container" id="mobile-nav">
                <div class="row">
                    <div class="col-6">
                        <a href="index.html" class="logo-link">
                            <img src="./src/img/as_logo.png" alt="Logo von DDM André Schneider">
                        </a>
                        <div class="clearfix" id="mobile-nav-dropdown">
                            <div id="mobile-nav-button"><span>&equiv;</span></div>
                            <div class="clearfix" id="mobile-nav-content">
                                <ul>
                                    <li class="active"><a href="index.html">Startseite</a></li>
                                    <li><a href="leistungen.html">Leistungen</a></li>
                                    <li><a href="kontakt.html">Kontakt</a></li>
                                    <li><a href="impressum.html">Impressum</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </nav>

/* === NAVIGATIONSLEISTE === */

#header-nav {
  width: 100%;
  height: 90px;
  background-color: #F0F0F0;
  position: relative;
  font-weight: bold;
  font-size: 1.1rem;
}

#header-nav a > img {
  height: 80px;
  width: auto;
  margin: .55rem;
  float: left;
}

#header-nav ul {
  margin: 0;
  padding: 0;
  float: right;
  height: 100%;
  z-index: 4;
}

#header-nav ul > li {
  display: inline-block;
  height: 100%;
  padding: 0 .4rem 0 .4rem;
  z-index: 5;
}

#header-nav ul > li > a {
  margin-top: .8rem;
  display: inline-block;
  z-index: 6;
}

#header-nav ul > li > a:link {
  color: #000000;
  text-decoration: none;
}

#header-nav ul > li > a:visited {
  color: #000000;
  text-decoration: none;
}

#header-nav ul > li > a:active {
  color: #000000;
  text-decoration: none;
}

#header-nav ul > li > a:hover {
  color: #000000;
  text-decoration: none;
}

#header-nav .col-6 {
  padding-top: 0;
  padding-bottom: 0;
}

#header-nav .container,
#header-nav .row,
#header-nav .col-6 {
  height: 100%;
}

.logo-link {
  display: inline-block;
}

/* === NAVIGATIONSLEISTE (MOBIL) === */

#mobile-nav-button {
  color: #000000;
  float: right;
  font-size: 2rem;
  border: 2px solid #000000;
  width: 37px;
  height: 37px;
  position: relative;
  margin-top: .4rem;
  margin-bottom: .5rem;
}

#mobile-nav-button > span {
  position: absolute;
  top: -2px;
  left: 7px;
}

#mobile-nav-content > ul > li {
  display: block;
  background-color: #354B5E;
  height: 50px;
  padding: 0 1.2rem;
  text-align: center;
}

#mobile-nav-dropdown {
  position: relative;
  display: inline-block;
  float: right;
}

#mobile-nav-content {
  position: absolute;
  right: 0;
  top: 50px;
  display: none;
}

#mobile-nav-dropdown:hover > #mobile-nav-content {
  display: block;
}

#mobile-nav {
  display: none;
}

@media (max-width: 768px) {

  #desktop-nav {
    display: none;
  }

  #mobile-nav {
    display: block;
  }

}

/* === GRID-SYSTEM === */

.container {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.row::after {
  content: "";
  clear: both;
  display: block;
}

[class*='col-'] {
  float: left;
  min-height: 1px;
  padding: .8rem;
}

.col-1 { width: 16.666%; }
.col-2 { width: 33.333%; }
.col-3 { width: 50%;     }
.col-4 { width: 66.666%; }
.col-6 { width: 100%;    }

@media (max-width: 1024px) {

  .col-1 { width: 33.333%; }

}

@media (max-width: 768px) {

  .col-1 { width: 50%;  }
  .col-2 { width: 100%; }
  .col-3 { width: 100%; }
  .col-4 { width: 100%; }

}

@media (max-width: 480px) {

  .col-1 { width: 100%; }
  .col-2 { width: 100%; }
  .col-3 { width: 100%; }
  .col-4 { width: 100%; }

}