/* ===== Sprungmarken-Navigation ===== */

/* Desktop: versteckt */
.schwertl-anchor-nav {
  display: none;
}

/* Mobil: sichtbar */
@media (max-width: 768px) {
  .schwertl-anchor-nav {
    display: block;
    margin: 1.5em 0;
    padding: 1em 1.2em;
    background: var(--content-background-color, #eef1f7);
    border-left: 4px solid var(--brand-blue, #0b61a4);
    border-radius: 4px;
  }

  .schwertl-anchor-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .schwertl-anchor-nav .anchor-nav__item a {
    display: inline-block;
    padding: 4px 0;
    color: var(--brand-blue, #0b61a4);
    font-size: 0.9rem;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
  }

  .schwertl-anchor-nav .anchor-nav__item a:hover,
  .schwertl-anchor-nav .anchor-nav__item a:focus {
    border-bottom-color: var(--brand-blue, #0b61a4);
  }

  /* Seitenanfang optisch hervorheben */
  .schwertl-anchor-nav .anchor-nav__item--top a {
    font-weight: 700;
  }

  /* Einrueckung fuer h3/h4 */
  .schwertl-anchor-nav .anchor-nav__item--h3 a {
    padding-left: 12px;
    font-size: 0.85rem;
  }
  .schwertl-anchor-nav .anchor-nav__item--h4 a {
    padding-left: 24px;
    font-size: 0.8rem;
  }
}