<script lang="ts">
export default {};
</script>
<template>
  <section class="menu menu2 cid-u6k7q0wPq6" once="menu" id="menu-5-u6k7q0wPq6">
    <nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
      <div class="container">
        <div class="navbar-brand">
          <span class="navbar-logo">
            <a href="/">
              <img
                class="navbar-logo-img"
                src="./assets/RitzenbergenOrtsschild.png"
                style="height: 60px; padding-left: 5px"
              />
            </a>
          </span>
          <span class="navbar-caption-wrap">
            <a
              class="navbar-caption text-black display-4"
              href="http://ritzenbergen.de"
              >Amedorf & Ritzenbergen</a
            >
          </span>
        </div>
        <button
          class="navbar-toggler"
          type="button"
          data-toggle="collapse"
          data-bs-toggle="collapse"
          data-target="#navbarSupportedContent"
          data-bs-target="#navbarSupportedContent"
          aria-controls="navbarNavAltMarkup"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <div class="hamburger">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
          </div>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
            <!--<li class="nav-item">
              <a class="nav-link link text-black display-4" href="#news-1-u6k7q0xyDG">Termine</a>
            </li>-->
            <li class="nav-item">
              <a
                class="nav-link link text-black display-4"
                href="galerie.php"
                aria-expanded="false"
                >Galerie</a
              >
            </li>
            <li class="nav-item">
              <a
                class="nav-link link text-black display-4"
                href="#call-to-action-9-u6k7q0zosO"
                >Umgebung</a
              >
            </li>

            <li class="nav-item">
              <a
                class="nav-link link text-black display-4"
                href="#footer-6-u6k7q0Blvk"
                >Kontakt</a
              >
            </li>

            <li class="nav-item">
              <a class="nav-link link text-black display-4" href="bulitipp.php"
                >BuLi-Tipp</a
              >
            </li>
          </ul>
          <div class="navbar-buttons mbr-section-btn">
            <a class="btn btn-primary display-4" href="#about-us-12-u6k7q0yKNv"
              >Über Ritzenbergen</a
            >
          </div>
        </div>
      </div>
    </nav>
  </section>
</template>
<style lang="scss" scoped>

.container{
  font-family: 'Inter Tight';
}

.btn-primary{
  font-weight: 600;
}
.link{
  font-weight: 400;
}

</style>
