h

<!-- AJAX-Aufruf: Dieser Block wird immer ausgeführt, um den im LocalStorage gespeicherten Token an den Server zu senden -->

    <script>
document.addEventListener('DOMContentLoaded', function() {
    // Prüfe, ob der Benutzer bereits eingeloggt ist (aus PHP-Session)
    const userLoggedIn = false;
    const token = localStorage.getItem('user_token');
    console.log("User logged in:", userLoggedIn, "Token:", token);
    if (!userLoggedIn && token) {
        fetch('/user/auto_login.php', {
            method: 'POST',
            headers: {'Content-Type': 'application/json'},
            body: JSON.stringify({token: token})
        })
        .then(response => response.json())
        .then(data => {
            console.log("AJAX-Antwort:", data);
            if (data.status === 'success') {
                // Bei erfolgreichem AJAX-Login wird die Seite neu geladen,
                // sodass autoLogin() im PHP nun true liefert und das Modal erscheint.
                location.reload();
            } else {
                console.error("Auto-Login Fehler:", data.message);
            }
        })
        .catch(error => console.error("Fetch-Error:", error));
    }
});
</script>



<!-- Bootstrap 5 JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<!-- =======================================
     Notifikationsfunktionen
     ======================================= -->
        <!-- Global site tag (gtag.js) - Google Analytics -->
   
      

<script src="/assets/js/firebase-app-compat.js"></script>
<script src="/assets/js/firebase-messaging-compat.js"></script>
<script>
(function(){
  'use strict';

  const VAPID_KEY = 'BKOf8Q4av2Aeo35znWnPM4jztluFaz-eySF3BMs1g0yeWAP55mDh_v2PgpojLnD69y0mxqQnVGP1i2PfyHM7UTY';
  const SAVE_URL  = '/firebase/php/save_device_token.php'; // <- einziges Save-Endpoint

  // Firebase init (nur falls nicht vorhanden)
  const firebaseConfig = {
    apiKey:            "AIzaSyBTcHxFbnUBR1Gzc8FA56IBV-H5zPXYgnM",
    authDomain:        "caddylogappsite.firebaseapp.com",
    projectId:         "caddylogappsite",
    storageBucket:     "caddylogappsite.appspot.com",
    messagingSenderId: "741989986464",
    appId:             "1:741989986464:web:4883cb926b818a7db259c5"
  };
  if (!window.firebase?.apps?.length) firebase.initializeApp(firebaseConfig);

  const messaging = firebase.messaging();

  // Stabile device_id (pro Browserprofil/PWA)
  function getDeviceId(){
    const KEY = 'cl_device_id';
    let id = localStorage.getItem(KEY);
    if (!id) {
      id = (crypto?.randomUUID?.() || String(Math.random()).slice(2) + Date.now());
      localStorage.setItem(KEY, id);
    }
    return id;
  }

  // SHA-1 des UserAgents (für ua_hash)
  async function sha1Hex(str){
    try{
      const buf = new TextEncoder().encode(str);
      const digest = await crypto.subtle.digest('SHA-1', buf);
      return Array.from(new Uint8Array(digest)).map(b=>b.toString(16).padStart(2,'0')).join('');
    }catch{ return ''; }
  }

  // Plattform
  function detectPlatform(){
    const ua = navigator.userAgent || '';
    if (/Android/i.test(ua)) return 'android';
    if (/iPhone|iPad|iPod/i.test(ua)) return 'ios';
    return 'web';
  }

  // Root-SW registrieren
  async function ensureSW(){
    if (!('serviceWorker' in navigator)) return null;
    try{
      const reg = await navigator.serviceWorker.register('/firebase-messaging-sw.js'); // ROOT!
      await navigator.serviceWorker.ready;
      return reg;
    }catch(e){
      console.warn('[push_header] SW-Registrierung fehlgeschlagen', e);
      return null;
    }
  }

  // Token holen (nur mit derselben SW-Registration)
  let getting = false;
  async function getAndSaveToken(){
    if (getting) return null;
    getting = true;
    try{
      const reg = await ensureSW();
      if (!reg) return null;

      // Nur wenn Permission erteilt; Anfragen macht deine UI (PushActivate)
      if (typeof Notification !== 'undefined' && Notification.permission !== 'granted') {
        return null;
      }

      const token = await messaging.getToken({ vapidKey: VAPID_KEY, serviceWorkerRegistration: reg });
      if (!token) return null;

      // Nur senden, wenn neu/anders
      const KEY = 'fcmToken';
      const prev = localStorage.getItem(KEY);
      if (prev !== token) localStorage.setItem(KEY, token);

      // Save an Server
      const payload = {
        token,
        platform: detectPlatform(),
        device_id: getDeviceId(),
        ua_hash: await sha1Hex(navigator.userAgent || ''),
      };
      // optional ID_Spieler, falls global vorhanden
      if (typeof window.CL_USER_ID === 'number' && window.CL_USER_ID > 0) {
        payload.ID_Spieler = window.CL_USER_ID;
      }

      await fetch(SAVE_URL, {
        method:'POST',
        headers:{'Content-Type':'application/json'},
        credentials:'include',
        body: JSON.stringify(payload)
      }).catch(()=>{});

      // global verfügbar
      window.currentPushToken = token;
      return token;
    }catch(e){
      console.warn('[push_header] Token holen/speichern Fehler', e);
      return null;
    }finally{
      getting = false;
    }
  }

  // öffentliches Getter
  window.getCurrentPushToken = () => window.currentPushToken || localStorage.getItem('fcmToken') || null;

  // Bootstrap: initial versuchen (ohne Permission-Dialog)
  getAndSaveToken();

  // Periodisch last_seen/Token refreshen
  setInterval(getAndSaveToken, 6 * 60 * 60 * 1000); // alle 6h
  window.addEventListener('focus', getAndSaveToken);

})();
</script>
<script>
/* Datei: /firebase/senden/token_bootstrap.js
 * Version: v1.1.0 (2025-08-14)
 * Zweck: Verhindert 400 auf save_device_token.php, indem immer ein Token gesendet wird.
 * Voraussetzungen: window.messaging (aus push_header.php), optional window.VAPID_KEY
 */
(function(){
  'use strict';

  async function saveToken(tkn){
    try{
      const r = await fetch('/firebase/php/save_device_token.php', {
        method: 'POST',
        headers: { 'Content-Type':'application/json' },
        body: JSON.stringify({ firebase_token: tkn, platform: 'web' })
      });
      // Response nur debuggen – kein Abbruch, damit UI nicht blockt
      // console.debug('[token_bootstrap] save resp', await r.text());
    }catch(e){
      // console.warn('[token_bootstrap] save error', e);
    }
  }

  async function ensureToken(){
    try{
      if (!window.messaging) return; // Firebase init fehlt -> nichts tun

      let t = null;
      try { t = localStorage.getItem('fcmToken'); } catch(e){}

      if (!t) {
        if (typeof Notification !== 'undefined' && Notification.permission !== 'granted') {
          const perm = await Notification.requestPermission();
          if (perm !== 'granted') return; // User will nicht -> abbrechen ohne Fehler
        }
        const opts = {};
        if (window.VAPID_KEY) opts.vapidKey = window.VAPID_KEY;
        t = await window.messaging.getToken(opts);
        if (!t) return;
        try { localStorage.setItem('fcmToken', t); } catch(e){}
      }

      await saveToken(t);
    }catch(e){
      // console.warn('[token_bootstrap] ensureToken error', e);
    }
  }

  // Bei Seitenstart ausführen, aber kurz warten bis firebase geladen ist
  window.addEventListener('load', () => setTimeout(ensureToken, 200));
})();
</script>
<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <title>Caddylog Config Loader – v1.3.3</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Bootstrap / Styles -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://www.caddylog.de/assets/css/CaddylogStyle.css" rel="stylesheet">

  <!-- Google Analytics (RESTORE wie zuvor | UA) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-1562437-47"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){ dataLayer.push(arguments); }
    // Standard: Cookies abgelehnt bis Entscheidung
    gtag('consent', 'default', {
      'ad_user_data': 'denied',
      'ad_personalization': 'denied',
      'ad_storage': 'denied',
      'analytics_storage': 'denied',
      'wait_for_update': 500
    });
    gtag('js', new Date());
    // Deine UA-Property
    gtag('config', 'UA-1562437-47');
  </script>

  <style>
    /* Sichtbarkeit steuert dein JS, nichts blockiert die Seite */
    #infoModal { display: none; }
  </style>
</head>
<body>

<!-- ============== Info Modal (#infoModal) – unverändert ===================== -->
<div class="modal fade" id="infoModal" data-modal-version="22" tabindex="-1" aria-labelledby="infoModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="infoModalLabel">Wichtige Info</h5>
        <button type="button" class="btn-close fs-5" data-bs-dismiss="modal" aria-label="Schließen"></button>
      </div>
      <div class="modal-body">
        <h3>Verpasse keinen Startplatz.</h3>
        <p>Die aktuelle Matchplay-Saison 2025 läuft – sichere dir jetzt kostenlos deinen Platz in der Caddylog-Community.</p>
        <p>Perfekt für Einzelspieler, Scramble-Teams und Golfbuddies, die gemeinsam antreten.</p>
      </div>
      <div class="modal-footer">
        <a href="https://www.caddylog.de/user/login_neu.php#register" class="btn btn-primary">Jetzt kostenlos registrieren</a>
        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Verstanden</button>
      </div>
    </div>
  </div>
</div>

<!-- Bootstrap Bundle -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- nach Bootstrap laden -->
<!--<script src="/assets/js/push_capability.js"></script>
<script>
  // Beispiel: dein Button hat die ID #pushEnableBtn (nicht ändern, wenn du schon was hast)
  document.addEventListener('DOMContentLoaded', function(){
    if(window.PushCapability){
      PushCapability.init('#pushEnableBtn'); // berührt deine bestehende Logik NICHT
    }
  });
</script>-->

    <!--<script>
(async () => {
  try {
    const token = (window.getCurrentPushToken?.() || localStorage.getItem('fcmToken') || 'DUMMY');
    const res = await fetch('/firebase/php/save_device_token.php', {
      method: 'POST',
      headers: {'Content-Type': 'application/json'},
      credentials: 'include',
      body: JSON.stringify({ token })
    });
    const text = await res.text();
    document.getElementById('result').textContent = 'Status: ' + res.status + '\\n' + text;
    console.log('SAVE_TEST:', res.status, text);
  } catch (e) {
    document.getElementById('result').textContent = 'Fehler: ' + e.message;
    console.error(e);
  }
})();
</script>-->
<!-- ===== push_footer.php v2.3.2 – BEGIN ===== -->

<!-- [v2.3.2] push_inpage.css sicher einbinden (einmalig) -->
<link rel="stylesheet" href="/firebase/views/push_inpage.css?v=1.3.0">

<!-- [v2.3.2] Service-Worker → Window Forwarder (hört auf SW-PostMessage) -->
<script>
(function(){
  'use strict';
  if (window.__CL_SW_FORWARDER_INIT__) return;
  window.__CL_SW_FORWARDER_INIT__ = true;

  if (navigator.serviceWorker && typeof navigator.serviceWorker.addEventListener === 'function') {
    navigator.serviceWorker.addEventListener('message', function(e){
      try {
        var d = e && e.data ? e.data : {};
        if (d.type === 'INPAGE_TOAST' && d.payload) {
          // Weiterreichen als Window-CustomEvent (Seite bleibt entkoppelt vom SW)
          window.dispatchEvent(new CustomEvent('INPAGE_TOAST', { detail: d.payload }));
        } else if (d.type === 'PUSH_UNREAD_REFRESH') {
          if (typeof refreshBadge === 'function') refreshBadge();
        }
      } catch(_) {}
    });
  }
})();
</script>

<!-- [v2.3.2] In-Page Bridge: nimmt Window-Event entgegen und rendert Toast -->
<script>
(function(){
  'use strict';
  if (window.__CL_INPAGE_BRIDGE__) return;
  window.__CL_INPAGE_BRIDGE__ = true;

  window.addEventListener('INPAGE_TOAST', function(e){
    try {
      var data = e && e.detail ? e.detail : e;
      if (window.CaddylogInpageToast && typeof window.CaddylogInpageToast.render === 'function') {
        // Erwartet ein Objekt wie { data: { title, body/html, tag, url, image, toast_size, toast_uid } }
        window.CaddylogInpageToast.render({ data: data });
      } else {
        console.warn('[push_footer v2.3.2] Kein CaddylogInpageToast.render() verfügbar.', data);
      }
    } catch(err) { console.warn('[push_footer v2.3.2] Inpage-Bridge Fehler', err); }
  });
})();
</script>

<!-- [v2.3.2] Badge-Refresh (ungelesene Systemnachrichten) -->
<script>
(function(){
  'use strict';

  // Null-Guarded DOM-Helper
  if (!window.cl_on) {
    window.cl_on = function(el, type, handler, opts){
      if (el && typeof el.addEventListener === 'function') {
        el.addEventListener(type, handler, opts || false);
        return true;
      }
      return false;
    };
  }

  // Globale Update-Funktion (UI-spezifisch anpassbar)
  if (!window.updateBadge) {
    window.updateBadge = function(count){
      var el = document.getElementById('badgeTotal');
      if (!el) return;
      var n = Number(count) || 0;
      el.textContent = String(n);
      var hide = (n === 0);
      if (el.classList) el.classList.toggle('d-none', hide);
      try { el.hidden = hide; } catch(_){}
      try { el.setAttribute('aria-live','polite'); } catch(_){}
    };
  }

  // Fetch ungelesene Anzahl (Endpoint muss JSON {status: ok|success, total: <int>} liefern)
  window.refreshBadge = async function(){
    try {
      var r = await fetch('/firebase/php/unread_count.php', {
        cache: 'no-store',
        credentials: 'same-origin'
      });
      var total = 0;
      if (r && r.ok) {
        var j = null;
        try { j = await r.json(); } catch(_){}
        if (j && (j.status === 'ok' || j.status === 'success')) {
          total = Number(j.total) || 0;
        }
      }
      window.updateBadge(total);
    } catch (e) {
      console.warn('[push_footer v2.3.2] Badge refresh failed', e);
    }
  };

  // Poll + Visibility + Initial-Load
  setInterval(function(){ try { refreshBadge(); } catch(_){}} , 10000);
  document.addEventListener('visibilitychange', function(){ if (!document.hidden) refreshBadge(); });
  window.addEventListener('load', function(){ refreshBadge(); });
})();
</script>

<!-- [v2.3.2] (Optional) Push-Status Toggle UI (nur laden, wenn vorhanden) -->
<script src="/firebase/senden/push_status_toggle.js?v=20250815-1" defer></script><script src="/firebase/senden/push_toggle_ui.js?v=20250815-1" defer></script>
<!-- [v2.3.2] Bootstrap JS Bundle (für Toast/Modal etc.) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" defer></script>

<!-- [v2.3.2] KORREKTE In-Page Toast Logik laden (Stack + Größen sind integriert) -->
<script src="/firebase/views/push_inpage.js?v=1.5.0" defer></script>

<!-- ===== push_footer.php v2.3.2 – END ===== -->
</body>
</html>
 
<script>
/* v1.2.3 – kleines Save-Handling im Modal (bindet an consentManager, ohne GA zu laden bei "aus") */
(function(){
  if (!window.consentManager) return;
  const saveBtn = document.getElementById('clConsentSaveBtn');
  const chkAnalytics = document.getElementById('clConsentAnalytics');
  if (saveBtn && chkAnalytics) {
    saveBtn.addEventListener('click', function(){
      window.consentManager.setState(chkAnalytics.checked ? 'accept' : 'necessary');
      try{ bootstrap.Modal.getOrCreateInstance(document.getElementById('cookieModal')).hide(); }catch(e){}
    });
  }
})();
</script>
<script>
fetch('/firebase/php/save_device_token.php', {
  method: 'POST',
  headers: {'Content-Type': 'application/json'},
  credentials: 'include',
  body: JSON.stringify({ token: (window.getCurrentPushToken?.() || localStorage.getItem('fcmToken') || 'DUMMY') })
}).then(r => r.text()).then(t => console.log('SAVE_TEST:', t));
</script>


  <!--Index Starseite-->
 
 

<title>ArtikletextSeite</title>
<meta name="description" content="">
<meta name="description" content="">

 

<link href="https://www.caddylog.de/assets/css/CaddylogStyle.css" rel="stylesheet" />

 <br />
<b>Warning</b>:  Undefined variable $ristrickt in <b>/var/www/vhosts/vive-boquete.com/webseiten/www.zwoohm.de/admin/BasisPage/basiskopf.php</b> on line <b>17</b><br />
 
<!--<div class="newBlue red">
    </div>-->

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- CSS/Bootstrap ggf. wieder aktivieren -->
    <!--
    <link href="https://www.caddylog.de/assets/css/CaddylogStyle.css" rel="stylesheet" />
    <link href="https://www.caddylog.de/template/css/MegaMenue.css" rel="stylesheet" />
    -->

     


 <style>
     #desktopNav {
         display: block; /* Mega-Menü standardmäßig sichtbar */
     }
     /* Profilbild und Dashboard kompakter darstellen */
</style>

<!-- v1.0.1: Styles für User-Bild & Badges -->
<style>
  .user-image-container { /* v1.0.1 */
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
  }
  .user-image-container img { /* v1.0.1 */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    object-fit: cover;
    display: block;
  }
  .user-badge { /* v1.0.1 */
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 10;
    text-decoration: none;
    padding: 0.25rem 0.4rem;
    line-height: 1;
    font-weight: 700;
    font-size: 0.65rem; /* gut lesbar auf Mobile */
  }
  /* Positionen der beiden Badges am Bildrand */
  .user-badge-notif { /* v1.0.1: System-Nachrichten oben rechts */
    top: 0; left: 100%;
  }
  .user-badge-cmail { /* v1.0.1: CMail unten rechts */
    bottom: -2px; left: 100%;
    transform: translate(-50%, 0);
  }
  /* Optional: 99+ kompakter */
  .user-badge[data-count="99+"] { letter-spacing: -0.5px; }
</style>



 
<nav id="desktopNav" class="fixed-top navbar w-100 " >
    <div class="container-fluidb   mt-0">
          <div id="navi2" class="row w-100 d-flex align-items-center  justify-content-between ">
    <!-- Logo-Bereich -->
<div class="col-auto d-flex justify-content-center align-items-center NavLogo" id="NavLogo">

  <div class="position-relative d-inline-block">
    <!-- Logo-Link -->
    <a href="/">
      <img id="myImage" src="/images/prg/LogosCaddylogBlue.png" 
           class="d-block img-fluid" alt="Logo" style="width:60px; height:auto;">
    </a>

    <!-- Badge-Link (nur wenn >0) -->
      </div>
    
  <div id="menuToggleWrapper" class="d-flex align-items-center"></div>
</div>





  



    <!-- Navigations-Menü -->
    <div class="col-6" id="MenueID">
      <ul class="navbar-nav d-flex flex-row mx-2">
        <li class="nav-item m-2">
          <a class="nav-link hauptmenue JS_dropdown-toggle" href="#" id="nav-356">Turniere</a>
        </li>
        <li class="nav-item m-2">
          <a class="nav-link hauptmenue" href="/GolfFinder/KategorieSeite.php?IDTS=209" id="nav-357a">GolfFinder</a>
        </li>
        <!--<li class="nav-item m-2">
          <a class="nav-link hauptmenue JS_dropdown-toggle" href="#" id="nav-359">Events/Reisen</a>
        </li>-->
          
          <li class="nav-item m-2">
          <a class="nav-link hauptmenue JS_dropdown-toggle" href="#" id="nav-2355">Shop</a>
        </li>
        <li class="nav-item m-2">
          <a class="nav-link hauptmenue JS_dropdown-toggle" href="#" id="nav-1373">Über uns</a>
        </li>
              </ul>
    </div>

    <!-- User-Bereich (immer rechts am Rand) -->
    <div id="User" class="col-auto d-flex justify-content-end align-items-center m-0  ms-auto">
      <div class=" p-0">
          <div style="margin-bottom:-20px">
        <ul class="navbar-nav d-flex flex-row justify-content-center align-items-center">
          <li class="nav-item m-0">
            <a class="nav-link Hauptmenue_kl p-1" href="/kontakt.php" id="nav-kontakt"> Kontakt </a>
          </li>
             <li class="nav-item m-0">
            <a class="nav-link Hauptmenue_kl p-1" href="/user/login_neu.php#register" > Zugang erstellen</a>
                
          </li>
          <!--<li class="nav-item m-1">
            <a class="nav-link Hauptmenue_kl" href="/user/login_neu.php" id="nav-impressum">Login</a>
          </li>-->
          <li class="nav-item m-1 pt-3">
            <form action="/GolfFinder/KategorieSeite.php" method="post" target="_blank" class="search-form d-flex">
              <input type="text" name="searchTerm" placeholder="Suche.." class="form-control" style="height:30px;">
              <button type="submit" class="btn btn-light">
                <img src="https://img.icons8.com/ios-glyphs/30/000000/search.png" alt="Search"/>
              </button>
            </form>
          </li>
        </ul>
        
        </div>

          <style>

              .user-image-container {
                  display: flex;
                  justify-content: center; /* Zentriert horizontal */
                  align-items: center; /* Zentriert vertikal (falls nötig) */
                  text-align: center; /* Stellt sicher, dass der Inhalt mittig ist */
              }

                  .user-image-container img {
                      border-radius: 50%; /* Macht das Bild rund */
                      width: 50px; /* Feste Breite */
                      height: 50px; /* Feste Höhe für Kreisform */
                      object-fit: cover; /* Verhindert Verzerrung */
                      display: block; /* Entfernt zusätzlichen Platz unter dem Bild */
                  }

          </style>

                  <div>
            <a class="btn HauptDashbord" href="/user/login_neu.php#login">Jetzt einloggen </a>
          </div>
              </div>
    </div>
  </div>
 
     

<!-- JavaScript -->
<script>
function filterMenuItems() {
    var input = document.getElementById('menuSearch');
    var filter = input.value.toUpperCase();
    var menu = document.getElementById('navMenu'); // Eindeutige Auswahl des UL-Elements
    if (!menu) return;
    var items = menu.getElementsByTagName('li');
    for (var i = 0; i < items.length; i++) {
        var titleElement = items[i].querySelector('.caddylog-nav-title');
        if (titleElement) {
            var txtValue = titleElement.textContent || titleElement.innerText;
            items[i].style.display = txtValue.toUpperCase().indexOf(filter) > -1 ? "" : "none";
        }
    }
}
function toggleSubMenu(toggleIcon) {
    var submenu = toggleIcon.nextElementSibling;
    if (submenu && submenu.classList.contains('caddylog-nav-submenu-container')) {
        var isOpen = submenu.style.display === "block";
        submenu.style.display = isOpen ? "none" : "block";
        toggleIcon.innerHTML = isOpen ? "&#9660;" : "&#9650;"; // ▼ geschlossen, ▲ geöffnet
    }
}

function handleMenuClick(event, element) {
    event.stopPropagation();
    const submenu = element.querySelector('.caddylog-nav-submenu-container');
    if (!submenu) return;
    const toggleIcon = element.querySelector('.toggle-icon');
    if (submenu.style.display === 'block') {
        submenu.style.display = 'none';
        element.classList.remove('active-menu');
        if (toggleIcon) toggleIcon.innerHTML = "&#9660;";
    } else {
        closeSiblings(element);
        submenu.style.display = 'block';
        element.classList.add('active-menu');
        if (toggleIcon) toggleIcon.innerHTML = "&#9650;";
    }
}

function closeSiblings(element) {
    const parent = element.parentElement;
    if (!parent) return;
    const siblings = parent.querySelectorAll('.caddylog-nav-item');
    siblings.forEach(sib => {
        if (sib !== element) {
            const sibSubmenu = sib.querySelector('.caddylog-nav-submenu-container');
            if (sibSubmenu) sibSubmenu.style.display = 'none';
            sib.classList.remove('active-menu');
            const sibToggle = sib.querySelector('.toggle-icon');
            if (sibToggle) sibToggle.innerHTML = "&#9660;";
        }
    });
}

function closeAllSubMenus() {
    document.querySelectorAll('.caddylog-nav-submenu-container').forEach(sub => {
        sub.style.display = 'none';
    });
    document.querySelectorAll('.caddylog-nav-item').forEach(item => {
        item.classList.remove('active-menu');
        const toggleIcon = item.querySelector('.toggle-icon');
        if (toggleIcon) toggleIcon.innerHTML = "&#9660;";
    });
}

document.addEventListener('click', function(e) {
    if (!e.target.closest('.caddylog-nav-menu')) {
        closeAllSubMenus();
    }
});

// Hamburger-Menü-Steuerung
function toggleSidebar() {
    var sidebar = document.getElementById('mobileSidebar');
    sidebar.classList.toggle('open');
}
document.addEventListener('DOMContentLoaded', function() {
    const navMenu = document.querySelector('.caddylog-nav-menu');
    if (navMenu) {
        navMenu.addEventListener('mouseleave', function() {
            closeAllSubMenus();
        });
    }
});

// Neue Funktion für das Hamburger-Menü
function toggleSidebar() {
    var sidebar = document.getElementById('mobileSidebar');
    if (sidebar.classList.contains('open')) {
        sidebar.classList.remove('open');
    } else {
        sidebar.classList.add('open');
    }
}
</script>

<!-- Inline CSS (alternativ in separate Datei: navigation-colors.css) -->
<style>
/*
 Datei: navigation-colors.css
 Version: 1.0
 Änderungen:
 - Ursprüngliche Farbvariablen und Styles definiert.
 - Keine Änderungen im Farbkonzept.
 Beschreibung:
 Reines CSS mit Custom Properties, die die Farben für Link- und Submenü-Elemente definieren.
*/

/* Root-Variablen */
:root {
    --menu-bg: #ffffff;
    --submenu-bg: #ffffff;
    --border-color: #808080;
    --menu-text-color: #1f497d;
    --menu-ohne_link-bg: #808080;
    --menu-ohne_link-text: #ff0000;
    --menu-mit_link-bg: #ff0000;
    --active-menu-bg: orange;
    --active-menu-text: #1f497d;
    --active-menu-border: orange;
}

/* Menü-Grundlayout */
.caddylog-nav-menu {
    list-style-type: none;
    padding: 10px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    background-color: var(--menu-bg);
    justify-content: center;
    position: relative;
}

.caddylog-nav-item {
    position: relative;
    cursor: pointer;
    border: 1px solid var(--menu-text-color);
    background-color: var(--menu-bg);
    color: var(--menu-text-color);
    padding: 0 15px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.caddylog-nav-title {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    font-size: 14px;
}

/* Toggle-Icon Styling */
.toggle-icon {
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
}

/* Hover-Effekt */
.caddylog-nav-item:hover {
    background-color: orange;
}

/* Aktiver Menüpunkt */
.caddylog-nav-item.active-menu {
    background-color: orange;
    color: var(--menu-text-color);
    border-color: var(--menu-text-color);
}

/* Submenü-Container */
.caddylog-nav-submenu-container {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: var(--submenu-bg);
    z-index: 9999;
}

/* Submenü-Liste */
.caddylog-nav-submenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.caddylog-nav-submenu .caddylog-nav-item {
    border: none;
    background-color: var(--menu-text-color);
    color: #fff;
    height: auto;
    padding: 5px 10px;
    justify-content: flex-start;
    white-space: nowrap;
}
.caddylog-nav-submenu .caddylog-nav-item:hover {
    background-color: orange;
}

/* Deaktivierte Menüpunkte */
.disabled-item {
    background-color: #ccc;
    color: #666;
    cursor: not-allowed;
    border: 1px solid #999;
}
.disabled-item:hover {
    background-color: #ccc;
}

/* Hamburger-Button & Sidebar für mobile Endgeräte */
.hamburger-menu {
    display: none;
}
@media (max-width: 768px) {
    .hamburger-menu {
        display: block;
        position: fixed;
        top: 10px;
        right: 10px;
        font-size: 24px;
        cursor: pointer;
        z-index: 10000;
    }
    #mobileSidebar {
        position: fixed;
        top: 0;
        right: -300px;
        width: 300px;
        height: 100%;
        background-color: var(--menu-bg);
        box-shadow: -2px 0 5px rgba(0,0,0,0.5);
        transition: right 0.3s ease;
        z-index: 9999;
        overflow-y: auto;
        padding: 20px;
    }
    #mobileSidebar.open {
        right: 0;
    }
    .sidebar-close {
        text-align: right;
        font-size: 20px;
        cursor: pointer;
        margin-bottom: 10px;
    }
    .caddylog-nav-menu.responsive-nav {
        flex-direction: column;
        gap: 10px;
    }
}

/* Responsive Anpassungen für Desktop */
@media (max-width: 768px) and (min-width: 769px) {
    .caddylog-nav-menu {
        flex-direction: row;
    }
}
</style>
<link href="/template/css/MegaMenue.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">

<style>
    .megamenu-wrapper a.custom-nav-link,
    .submenu-item a {
        text-decoration: none;
        transition: background-color 0.3s, color 0.3s;
    }

    .megamenu-wrapper a.custom-nav-link.active,
    .submenu-item a.active {
        background-color: #E2800E !important;
        color: #000;
    }

    .submenu-container {
        background: #10253F;
        display: none;
        transition: all 0.3s ease-in-out;
        text-align:left!important
    }

    .submenu-item {
        margin-bottom: 10px;
        padding-left: 20px;
    }

    .submenu-item a {
        display: block;
        padding: 5px 0;
        color: #fff;
        transition: background-color 0.3s, color 0.3s;
    }

    .submenu-item a:hover,
    .submenu-item a.active {
        background-color: #f0f0f0;
        color: #000;
    }
</style>


<div id="Meganenues" class="container-fluid">
    
        <div class="megamenu-wrapper p-4 w-100" id="2355">
            <button type="button" class="close-mega-menu" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>

            <div class="d-flex justify-content-center">
                <div class="row mega-menu-content">
                    <div class="col-12 col-md-3 d-none d-md-block ">
                            <div id="Artikel" class="card0">
                    <a href="/themenseite/DerArtikeltext.php?IDT=830">
                <div class="text-center my-3">
                    <img style="width:100%" src="https://www.caddylog.de/images/_uploadBilder/TextBilder/img_TextBild_20240701125508_clg.jpg" alt="Bild zum Artikel" />
                </div>
            </a>
                <!--<div class="date">
            Erstellt: 01.07.2024        </div>-->

        <h3 class="my-1" style="text-align:left;color:white">Golf Reisen und Events</h3>
        <section>
            <p class="" style="text-align: left; color:white">
                Finden Sie hier Angebote zu Golfreisen, an denen alle teilnehmen können.
Golfen auf Reisen ist eine besondere Art Golf zu spielen.             </p>
        </section>
        
        <footer class="card-footer0" style="text-align:left;margin-bottom:10px">
                            <a class="btn btn-sm btn-myAktion" href="/themenseite/DerArtikeltext.php?IDT=830">Weiterlesen</a>
                                </footer>
    </div>
                    </div>
                    
                    <div class="col-12 col-md-3 p-2 d-flex flex-column text-left" id="2355-0">
                                                <div class="nav-item text-left">
                            <a href="https://www.caddylog.de/shop/index.php" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="0"
                               data-link-index="0">
                                zum Shop  
                            </a>
                        </div>
                                            </div>

                    <div id="2355-1" class="col-md-3 d-none d-md-block d-flex flex-column equal-height submenu-container h-75 my-2 text-left"></div>
                    <div id="2355-2" class="col-md-3 d-none d-md-block d-flex flex-column equal-height submenu-container h-75 text-left"></div>
                </div>
            </div>
        </div>
        
        <div class="megamenu-wrapper p-4 w-100" id="361">
            <button type="button" class="close-mega-menu" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>

            <div class="d-flex justify-content-center">
                <div class="row mega-menu-content">
                    <div class="col-12 col-md-3 d-none d-md-block ">
                            <div id="Artikel" class="card0">
                    <a href="/themenseite/DerArtikeltext.php?IDT=650">
                <div class="text-center my-3">
                    <img style="width:100%" src="https://www.caddylog.de/images/_uploadBilder/TextBilder/img_TextBild_20240701132716_clg.jpg" alt="Bild zum Artikel" />
                </div>
            </a>
                <!--<div class="date">
            Erstellt: 11.04.2024        </div>-->

        <h3 class="my-1" style="text-align:left;color:white">Dashboard: Dein zentraler Hub</h3>
        <section>
            <p class="" style="text-align: left; color:white">
                Willkommen beim Golfinder: Entdecke das Beste aus der Welt des Golfsports!

Tauche ein in eine Welt voller Grün, Präzisi...            </p>
        </section>
        
        <footer class="card-footer0" style="text-align:left;margin-bottom:10px">
                            <a class="btn btn-sm btn-myAktion" href="/themenseite/DerArtikeltext.php?IDT=650">Weiterlesen</a>
                                </footer>
    </div>
                    </div>
                    
                    <div class="col-12 col-md-3 p-2 d-flex flex-column text-left" id="361-0">
                                                <div class="nav-item text-left">
                            <a href="https://www.caddylog.de/login.php" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="1"
                               data-link-index="0">
                                Login*  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="1"
                               data-link-index="1">
                                AppSite   <i class="fas fa-chevron-right"></i> 
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="https://www.caddylog.de/TurnierBoard/turniere.php?ID_Saison=1009" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="1"
                               data-link-index="2">
                                MatchPlays  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="https://www.caddylog.de/Toolseiten/chipitch_coach.php" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="1"
                               data-link-index="3">
                                ChipCoach   
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="1"
                               data-link-index="4">
                                Golf Hilfen   <i class="fas fa-chevron-right"></i> 
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="/user/login_neu.php" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="1"
                               data-link-index="5">
                                Login  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="/logout.php" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="1"
                               data-link-index="6">
                                Logout  
                            </a>
                        </div>
                                            </div>

                    <div id="361-1" class="col-md-3 d-none d-md-block d-flex flex-column equal-height submenu-container h-75 my-2 text-left"></div>
                    <div id="361-2" class="col-md-3 d-none d-md-block d-flex flex-column equal-height submenu-container h-75 text-left"></div>
                </div>
            </div>
        </div>
        
        <div class="megamenu-wrapper p-4 w-100" id="356">
            <button type="button" class="close-mega-menu" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>

            <div class="d-flex justify-content-center">
                <div class="row mega-menu-content">
                    <div class="col-12 col-md-3 d-none d-md-block ">
                            <div id="Artikel" class="card0">
                    <a href="/themenseite/DerArtikeltext.php?IDT=647">
                <div class="text-center my-3">
                    <img style="width:100%" src="https://www.caddylog.de/images/_uploadBilder/TextBilder/img_TextBild_20240701131803_clg.jpg" alt="Bild zum Artikel" />
                </div>
            </a>
                <!--<div class="date">
            Erstellt: 10.04.2024        </div>-->

        <h3 class="my-1" style="text-align:left;color:white">Entdecke aufregende Golfturniere</h3>
        <section>
            <p class="" style="text-align: left; color:white">
                Suchen Sie nach spannenden Golfturnieren, bei denen Sie gegen andere Spieler oder Teams antreten können?             </p>
        </section>
        
        <footer class="card-footer0" style="text-align:left;margin-bottom:10px">
                            <a class="btn btn-sm btn-myAktion" href="/themenseite/DerArtikeltext.php?IDT=647">Weiterlesen</a>
                                </footer>
    </div>
                    </div>
                    
                    <div class="col-12 col-md-3 p-2 d-flex flex-column text-left" id="356-0">
                                                <div class="nav-item text-left">
                            <a href="https://www.caddylog.de/themenseite/Anmeldeseite.php" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="2"
                               data-link-index="0">
                                Turnier- und Eventanmeldungen  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="2"
                               data-link-index="1">
                                Turniere   <i class="fas fa-chevron-right"></i> 
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="2"
                               data-link-index="2">
                                Caddylog Ergebnisse   <i class="fas fa-chevron-right"></i> 
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="https://www.caddylog.de/index_PWA.php" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="2"
                               data-link-index="3">
                                Caddylog AppSite  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="/Toolseiten/Matchplay_Vorgabenrechner.php" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="2"
                               data-link-index="4">
                                <i class="bi bi-calculator"></i> Vorgaben Rechner HCP  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="https://www.caddylog.de/prg/shaffle_APP.php" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="2"
                               data-link-index="5">
                                <i class="bi bi-calculator"></i> Flight Einteilung App  
                            </a>
                        </div>
                                            </div>

                    <div id="356-1" class="col-md-3 d-none d-md-block d-flex flex-column equal-height submenu-container h-75 my-2 text-left"></div>
                    <div id="356-2" class="col-md-3 d-none d-md-block d-flex flex-column equal-height submenu-container h-75 text-left"></div>
                </div>
            </div>
        </div>
        
        <div class="megamenu-wrapper p-4 w-100" id="357">
            <button type="button" class="close-mega-menu" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>

            <div class="d-flex justify-content-center">
                <div class="row mega-menu-content">
                    <div class="col-12 col-md-3 d-none d-md-block ">
                            <div id="Artikel" class="card0">
                    <a href="/themenseite/DerArtikeltext.php?IDT=652">
                <div class="text-center my-3">
                    <img style="width:100%" src="https://www.caddylog.de/images/_uploadBilder/TextBilder/img_TextBild_20240411130037_clg.jpg" alt="Bild zum Artikel" />
                </div>
            </a>
                <!--<div class="date">
            Erstellt: 11.04.2024        </div>-->

        <h3 class="my-1" style="text-align:left;color:white">Über uns: Willkommen bei Caddylog</h3>
        <section>
            <p class="" style="text-align: left; color:white">
                Deinem vielseitigen Partner für Golfmarketing, Golfturniere, Golfreisen und mehr!
            </p>
        </section>
        
        <footer class="card-footer0" style="text-align:left;margin-bottom:10px">
                            <a class="btn btn-sm btn-myAktion" href="/themenseite/DerArtikeltext.php?IDT=652">Weiterlesen</a>
                                </footer>
    </div>
                    </div>
                    
                    <div class="col-12 col-md-3 p-2 d-flex flex-column text-left" id="357-0">
                                                <div class="nav-item text-left">
                            <a href="https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=209" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="3"
                               data-link-index="0">
                                GolfFinder  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=209" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="3"
                               data-link-index="1">
                                News  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=210" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="3"
                               data-link-index="2">
                                Turniere  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=212" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="3"
                               data-link-index="3">
                                Golfreisen  
                            </a>
                        </div>
                                            </div>

                    <div id="357-1" class="col-md-3 d-none d-md-block d-flex flex-column equal-height submenu-container h-75 my-2 text-left"></div>
                    <div id="357-2" class="col-md-3 d-none d-md-block d-flex flex-column equal-height submenu-container h-75 text-left"></div>
                </div>
            </div>
        </div>
        
        <div class="megamenu-wrapper p-4 w-100" id="359">
            <button type="button" class="close-mega-menu" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>

            <div class="d-flex justify-content-center">
                <div class="row mega-menu-content">
                    <div class="col-12 col-md-3 d-none d-md-block ">
                            <div id="Artikel" class="card0">
                    <a href="/themenseite/DerArtikeltext.php?IDT=830">
                <div class="text-center my-3">
                    <img style="width:100%" src="https://www.caddylog.de/images/_uploadBilder/TextBilder/img_TextBild_20240701125508_clg.jpg" alt="Bild zum Artikel" />
                </div>
            </a>
                <!--<div class="date">
            Erstellt: 01.07.2024        </div>-->

        <h3 class="my-1" style="text-align:left;color:white">Golf Reisen und Events</h3>
        <section>
            <p class="" style="text-align: left; color:white">
                Finden Sie hier Angebote zu Golfreisen, an denen alle teilnehmen können.
Golfen auf Reisen ist eine besondere Art Golf zu spielen.             </p>
        </section>
        
        <footer class="card-footer0" style="text-align:left;margin-bottom:10px">
                            <a class="btn btn-sm btn-myAktion" href="/themenseite/DerArtikeltext.php?IDT=830">Weiterlesen</a>
                                </footer>
    </div>
                    </div>
                    
                    <div class="col-12 col-md-3 p-2 d-flex flex-column text-left" id="359-0">
                                                <div class="nav-item text-left">
                            <a href="" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="4"
                               data-link-index="0">
                                Events   <i class="fas fa-chevron-right"></i> 
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="4"
                               data-link-index="1">
                                Deutschland   <i class="fas fa-chevron-right"></i> 
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=203" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="4"
                               data-link-index="2">
                                Spanien   <i class="fas fa-chevron-right"></i> 
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="4"
                               data-link-index="3">
                                Belek   <i class="fas fa-chevron-right"></i> 
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="4"
                               data-link-index="4">
                                Südafrica   <i class="fas fa-chevron-right"></i> 
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="4"
                               data-link-index="5">
                                Übersee   <i class="fas fa-chevron-right"></i> 
                            </a>
                        </div>
                                            </div>

                    <div id="359-1" class="col-md-3 d-none d-md-block d-flex flex-column equal-height submenu-container h-75 my-2 text-left"></div>
                    <div id="359-2" class="col-md-3 d-none d-md-block d-flex flex-column equal-height submenu-container h-75 text-left"></div>
                </div>
            </div>
        </div>
        
        <div class="megamenu-wrapper p-4 w-100" id="1373">
            <button type="button" class="close-mega-menu" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>

            <div class="d-flex justify-content-center">
                <div class="row mega-menu-content">
                    <div class="col-12 col-md-3 d-none d-md-block ">
                            <div id="Artikel" class="card0">
                    <a href="/themenseite/DerArtikeltext.php?IDT=831">
                <div class="text-center my-3">
                    <img style="width:100%" src="https://www.caddylog.de/images/_uploadBilder/TextBilder/img_TextBild_20240701132858_clg.jpg" alt="Bild zum Artikel" />
                </div>
            </a>
                <!--<div class="date">
            Erstellt: 01.07.2024        </div>-->

        <h3 class="my-1" style="text-align:left;color:white">Wir über uns </h3>
        <section>
            <p class="" style="text-align: left; color:white">
                Wer sind wir? Was wir wollen? Finden Sie raus, was uns bewegt.              </p>
        </section>
        
        <footer class="card-footer0" style="text-align:left;margin-bottom:10px">
                            <a class="btn btn-sm btn-myAktion" href="/themenseite/DerArtikeltext.php?IDT=831">Weiterlesen</a>
                                </footer>
    </div>
                    </div>
                    
                    <div class="col-12 col-md-3 p-2 d-flex flex-column text-left" id="1373-0">
                                                <div class="nav-item text-left">
                            <a href="" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="5"
                               data-link-index="0">
                                Bilder Galerien   <i class="fas fa-chevron-right"></i> 
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="https://www.caddylog.de/user/login_neu.php#register" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="5"
                               data-link-index="1">
                                Registrieren  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="\themenseite\Ehrentafel.php" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="5"
                               data-link-index="2">
                                AllTimeStars  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="https://www.caddylog.de/themenseite/FlyeDinlag6Seiten.php" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="5"
                               data-link-index="3">
                                Im Überblick  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="/GolfFinder/KategorieSeite.php?IDTS=112" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="5"
                               data-link-index="4">
                                mehr Wir über uns   <i class="fas fa-chevron-right"></i> 
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="https://www.caddylog.de/themenseite/DerArtikeltext.php?IDT=952" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="5"
                               data-link-index="5">
                                Caddylog Turnier Formate ?  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="http://eepurl.com/dLwZ8s" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="5"
                               data-link-index="6">
                                Newsletter  Abbonieren  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="/GolfFinder/KategorieSeite.php?IDTS=93" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="5"
                               data-link-index="7">
                                Meinungen  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="/kontakt.php" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="5"
                               data-link-index="8">
                                Kontakt  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="5"
                               data-link-index="9">
                                Presse Info   <i class="fas fa-chevron-right"></i> 
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="https://www.youtube.com/@golflusttv" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="5"
                               data-link-index="10">
                                GolfLust TV  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="/themenseite/impressum.php" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="5"
                               data-link-index="11">
                                Impressum  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="\themenseite\AGB_Datehnschutz.php" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="5"
                               data-link-index="12">
                                AGB  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="/themenseite/AGB_Datehnschutz.php" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="5"
                               data-link-index="13">
                                Datenschutzerklärung   
                            </a>
                        </div>
                                            </div>

                    <div id="1373-1" class="col-md-3 d-none d-md-block d-flex flex-column equal-height submenu-container h-75 my-2 text-left"></div>
                    <div id="1373-2" class="col-md-3 d-none d-md-block d-flex flex-column equal-height submenu-container h-75 text-left"></div>
                </div>
            </div>
        </div>
        
        <div class="megamenu-wrapper p-4 w-100" id="2077">
            <button type="button" class="close-mega-menu" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>

            <div class="d-flex justify-content-center">
                <div class="row mega-menu-content">
                    <div class="col-12 col-md-3 d-none d-md-block ">
                        ...



                    </div>
                    
                    <div class="col-12 col-md-3 p-2 d-flex flex-column text-left" id="2077-0">
                                                <div class="nav-item text-left">
                            <a href="https://wa.me/49017672243211" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="6"
                               data-link-index="0">
                                WhatsAppChat  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="https://signal.me/#p/+4917672243211" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="6"
                               data-link-index="1">
                                Signal Chat  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="/kontakt.php" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="6"
                               data-link-index="2">
                                Kontakt Form  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="mailto:A.Stewo@MGG-Caddy.com?subject=Kontakt" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="6"
                               data-link-index="3">
                                per E-Mail  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="https://www.caddylog.de/user/login_neu.php" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="6"
                               data-link-index="4">
                                Registrieren  
                            </a>
                        </div>
                                                <div class="nav-item text-left">
                            <a href="/themenseite/impressum.php" 
                               class="custom-nav-link"
                               target="_self" 
                               data-menu-key="6"
                               data-link-index="5">
                                Impressum  
                            </a>
                        </div>
                                            </div>

                    <div id="2077-1" class="col-md-3 d-none d-md-block d-flex flex-column equal-height submenu-container h-75 my-2 text-left"></div>
                    <div id="2077-2" class="col-md-3 d-none d-md-block d-flex flex-column equal-height submenu-container h-75 text-left"></div>
                </div>
            </div>
        </div>
            
</div>


<script>
document.addEventListener('DOMContentLoaded', function () {
    var menuItems = [{"id":2355,"idtext":830,"title":"Shop ","ID_Rolle":0,"target":"_self","icon":"","links":[{"url":"https:\/\/www.caddylog.de\/shop\/index.php","text":"zum Shop ","ID_Rolle":0,"target":"_self","icon":""}]},{"id":361,"idtext":650,"title":"Mein Men\u00fc ","ID_Rolle":0,"target":"_self","icon":"","links":[{"url":"https:\/\/www.caddylog.de\/login.php","text":"Login* ","ID_Rolle":0,"target":"_self","icon":""},{"url":"","text":"AppSite ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"\/install","text":"Install on Phone\/DeskTop ","ID_Rolle":0,"target":"_self","icon":"bi bi-database-down"}]},{"url":"https:\/\/www.caddylog.de\/TurnierBoard\/turniere.php?ID_Saison=1009","text":"MatchPlays ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/Toolseiten\/chipitch_coach.php","text":"ChipCoach  ","ID_Rolle":0,"target":"_self","icon":""},{"url":null,"text":"Golf Hilfen ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"https:\/\/www.caddylog.de\/Golf\/Laengenberechnen_Script3.php","text":"Schl\u00e4ger im Bag - Basis L\u00e4ngen ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/Toolseiten\/Matchplay_Vorgabenrechner.php","text":"Vorgaben  Rechner ","ID_Rolle":0,"target":"_self","icon":""},{"url":"","text":"Scoring Recod Berechnen ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"\/HCPi_berechnung\/Auswertung20Runden.php","text":"Scoring Record Auswertung ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/HCPi_berechnung\/HCPStatistik.php","text":"Statistik HCP ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.golf.de\/reg\/profile\/scoring-record.html","text":"Scoring Record DGV ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/HCPi_berechnung\/","text":"Golf.de Score erfassen  ","ID_Rolle":0,"target":"_self","icon":""}]}]},{"url":"\/user\/login_neu.php","text":"Login ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/logout.php","text":"Logout ","ID_Rolle":0,"target":"_self","icon":""}]},{"id":356,"idtext":647,"title":"Turniere ","ID_Rolle":0,"target":"_self","icon":"","links":[{"url":"https:\/\/www.caddylog.de\/themenseite\/Anmeldeseite.php","text":"Turnier- und Eventanmeldungen ","ID_Rolle":0,"target":"_self","icon":""},{"url":"","text":"Turniere ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"https:\/\/www.caddylog.de\/GolfFinder\/KategorieSeite.php?IDTS=209","text":"OpenStrokePlay(Z\u00e4hlspiel) ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/GolfFinder\/KategorieSeite.php?IDTS=16","text":"MatchPlay ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/themenseite\/Ehrentafel.php","text":"AllTimeStars ","ID_Rolle":0,"target":"_self","icon":""}]},{"url":"","text":"Caddylog Ergebnisse ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"https:\/\/www.caddylog.de\/TurnierBoard\/turniere.php?ID_Saison=1009","text":"9. MatchPlaySaison 2025 ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/TurnierBoard\/turniere.php?ID_Saison=1007","text":"8. MatchPlaySaison 2024 ","ID_Rolle":0,"target":"_self","icon":""},{"url":"","text":"Archiv ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"","text":"1.MatchPlaySaison 2017 ","ID_Rolle":0,"target":"_self","icon":""},{"url":"","text":"2.MatchPlay Saison 2018 ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/TurnierBoard\/turniere.php?ID_Saison=1002","text":"3.MatchPlay Saison 2019 ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/TurnierBoard\/turniere.php?ID_Saison=1003","text":"4. MatchPlaySaison 2020 ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/TurnierBoard\/turniere.php?ID_Saison=1004","text":"5. MatchPlaySaison 2021 ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/TurnierBoard\/turniere.php?ID_Saison=1005","text":"6. MatchPlaySaison 2022 ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/TurnierBoard\/turniere.php?ID_Saison=1006","text":"7. MatchPlaySaison 2023 ","ID_Rolle":0,"target":"_self","icon":""}]},{"url":"","text":" MatchPlay Infos ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"https:\/\/www.caddylog.de\/GolfFinder\/KategorieSeite.php?IDTS=16","text":"MatchPlay Caddylog  ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/GolfFinder\/KategorieSeite.php?IDTS=383","text":"ClubMatchPlay ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/GolfFinder\/KategorieSeite.php?IDTS=219","text":"OpenMatchPlay ","ID_Rolle":0,"target":"_self","icon":""}]},{"url":"https:\/\/www.caddylog.de\/GolfFinder\/KategorieSeite.php?IDTS=94","text":"OpenStrokePlay ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/GolfFinder\/KategorieSeite.php?IDTS=96","text":"3x6Scamble ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/Galerie\/Galerie.php?IDGB=834","text":"Turnier Galerie ","ID_Rolle":0,"target":"_self","icon":""}]},{"url":"https:\/\/www.caddylog.de\/index_PWA.php","text":"Caddylog AppSite ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/Toolseiten\/Matchplay_Vorgabenrechner.php","text":"Vorgaben Rechner HCP ","ID_Rolle":0,"target":"_self","icon":"bi bi-calculator"},{"url":"https:\/\/www.caddylog.de\/prg\/shaffle_APP.php","text":"Flight Einteilung App ","ID_Rolle":0,"target":"_self","icon":"bi bi-calculator"}]},{"id":357,"idtext":652,"title":"GolfCaddy Finder ","ID_Rolle":0,"target":"_self","icon":"","links":[{"url":"https:\/\/www.caddylog.de\/GolfFinder\/KategorieSeite.php?IDTS=209","text":"GolfFinder ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/GolfFinder\/KategorieSeite.php?IDTS=209","text":"News ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/GolfFinder\/KategorieSeite.php?IDTS=210","text":"Turniere ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/GolfFinder\/KategorieSeite.php?IDTS=212","text":"Golfreisen ","ID_Rolle":0,"target":"_self","icon":""}]},{"id":359,"idtext":830,"title":"Events\/Reisen ","ID_Rolle":0,"target":"_self","icon":"","links":[{"url":null,"text":"Events ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"\/GolfFinder\/KategorieSeite.php?IDTS=332","text":"SiegerEhrung ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"","text":"Siegerehrung 2024\/25  ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"https:\/\/www.caddylog.de\/themenseite\/DerArtikeltext.php?IDT=946","text":"Einladung zur Siegerehrung 2024 ","ID_Rolle":0,"target":"_self","icon":""}]},{"url":"https:\/\/www.caddylog.de\/GolfFinder\/KategorieSeite.php?IDTS=332","text":"2023 ","ID_Rolle":0,"target":"_self","icon":""}]},{"url":"\/GolfFinder\/KategorieSeite.php?IDTS=405","text":"Events Infos ","ID_Rolle":0,"target":"_self","icon":""},{"url":"","text":"Sommerfest ","ID_Rolle":0,"target":"_self","icon":""}]},{"url":"","text":"Deutschland ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"","text":"Bad Saarow , Deutschland ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"https:\/\/www.caddylog.de\/themenseite\/DerArtikeltext.php?IDT=925","text":"Golf Reise Bad Saarow 2025 ","ID_Rolle":0,"target":"_self","icon":""}]},{"url":"https:\/\/www.caddylog.de\/themenseite\/DerArtikeltext.php?IDT=921","text":"Camper Trophy  ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/GolfFinder\/KategorieSeite.php?IDTS=251","text":"Deutschland Reisen ","ID_Rolle":0,"target":"_self","icon":""}]},{"url":"https:\/\/www.caddylog.de\/GolfFinder\/KategorieSeite.php?IDTS=203","text":"Spanien ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"https:\/\/www.caddylog.de\/GolfFinder\/KategorieSeite.php?IDTS=203","text":"Reisen Spanien  Infos ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/themenseite\/DerArtikeltext.php?IDT=899","text":"Reisebereicht la Gomera  ","ID_Rolle":0,"target":"_self","icon":""},{"url":"","text":"Archive ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"\/themenseite\/DerArtikeltext.php?IDT=784","text":"5.Oktober 2024 Zafiro ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/GolfFinder\/KategorieSeite.php?IDTS=233","text":"Los Alcazares M\u00e4rz 2024 ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/themenseite\/DerArtikeltext.php?IDT=785","text":"11.Jan.24 Jardin Tecina ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/GolfFinder\/KategorieSeite.php?IDTS=202","text":"La Gomera, Spanien ","ID_Rolle":0,"target":"_self","icon":""}]}]},{"url":"","text":"Belek ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"https:\/\/www.caddylog.de\/themenseite\/Anmeldungen\/AnmeldungzumEvent.php?IDEV=824","text":"Belek November 2025  ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/GolfFinder\/KategorieSeite.php?IDTS=206","text":"Belek Infos ","ID_Rolle":0,"target":"_self","icon":""},{"url":"","text":"Archive ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"\/themenseite\/DerArtikeltext.php?IDT=444","text":"Belek November 2023 ","ID_Rolle":0,"target":"_self","icon":""},{"url":"","text":"Belek 2022 ","ID_Rolle":0,"target":"_self","icon":""},{"url":"","text":"Belek 2019 ","ID_Rolle":0,"target":"_self","icon":""}]}]},{"url":"","text":"S\u00fcdafrica ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"https:\/\/www.caddylog.de\/themenseite\/Anmeldungen\/AnmeldungzumEvent.php?IDEV=826","text":"M\u00e4rz 2026 ","ID_Rolle":0,"target":"_self","icon":""}]},{"url":"","text":"\u00dcbersee ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"https:\/\/www.caddylog.de\/themenseite\/DerArtikeltext.php?IDT=918","text":"Golfen in Rio Oktober 2025 ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/themenseite\/DerArtikeltext.php?IDT=868","text":"Reisebereicht Rio Je Janero  2024 ","ID_Rolle":0,"target":"_self","icon":""}]}]},{"id":1373,"idtext":831,"title":"\u00dcber Uns ","ID_Rolle":0,"target":"_self","icon":"","links":[{"url":"","text":"Bilder Galerien ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"\/Galerie\/Galerie.php?IDGB=834","text":"MatchPlay CaddyLog Galerie ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/public\/galerie_uebersicht_by_role.php","text":"Verschiedene Bilder Galerien  ","ID_Rolle":0,"target":"_self","icon":""}]},{"url":"https:\/\/www.caddylog.de\/user\/login_neu.php#register","text":"Registrieren ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\\themenseite\\Ehrentafel.php","text":"AllTimeStars ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/themenseite\/FlyeDinlag6Seiten.php","text":"Im \u00dcberblick ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/GolfFinder\/KategorieSeite.php?IDTS=112","text":"mehr Wir \u00fcber uns ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"\/GolfFinder\/KategorieSeite.php?IDTS=112","text":"Wir \u00fcber uns ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\\themenseite\\Ehrentafel.php","text":"AllTimeStars ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.calameo.com\/read\/0073322329838ce21fc42?trackersource=library","text":"MatchPaper Magazin ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/themenseite\/DerArtikeltext.php?IDT=201","text":"Turnierveranstalter ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/themenseite\/DerArtikeltext.php?IDT=624","text":"Verbinden. F\u00f6rdern. Inspirieren. ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/themenseite\/DerArtikeltext.php?IDT=106","text":"F\u00f6rderung des Golfsports ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/themenseite\/DerArtikeltext.php?IDT=25","text":"Unsere Golf Vision ","ID_Rolle":0,"target":"_self","icon":""}]},{"url":"https:\/\/www.caddylog.de\/themenseite\/DerArtikeltext.php?IDT=952","text":"Caddylog Turnier Formate ? ","ID_Rolle":0,"target":"_self","icon":""},{"url":"http:\/\/eepurl.com\/dLwZ8s","text":"Newsletter  Abbonieren ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/GolfFinder\/KategorieSeite.php?IDTS=93","text":"Meinungen ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/kontakt.php","text":"Kontakt ","ID_Rolle":0,"target":"_self","icon":""},{"url":"","text":"Presse Info ","ID_Rolle":0,"target":"_self","icon":"","kids":[{"url":"https:\/\/www.calameo.com\/read\/0073322329838ce21fc42","text":"MatchPaper Magazin April 23 ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/GolfFinder\/KategorieSeite.php?IDTS=16","text":"MatchPaper Artikel ","ID_Rolle":0,"target":"_self","icon":""}]},{"url":"https:\/\/www.youtube.com\/@golflusttv","text":"GolfLust TV ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/themenseite\/impressum.php","text":"Impressum ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\\themenseite\\AGB_Datehnschutz.php","text":"AGB ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/themenseite\/AGB_Datehnschutz.php","text":"Datenschutzerkl\u00e4rung  ","ID_Rolle":0,"target":"_self","icon":""}]},{"id":2077,"idtext":0,"title":"Kontakt ","ID_Rolle":0,"target":"_self","icon":"","links":[{"url":"https:\/\/wa.me\/49017672243211","text":"WhatsAppChat ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/signal.me\/#p\/+4917672243211","text":"Signal Chat ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/kontakt.php","text":"Kontakt Form ","ID_Rolle":0,"target":"_self","icon":""},{"url":"mailto:A.Stewo@MGG-Caddy.com?subject=Kontakt","text":"per E-Mail ","ID_Rolle":0,"target":"_self","icon":""},{"url":"https:\/\/www.caddylog.de\/user\/login_neu.php","text":"Registrieren ","ID_Rolle":0,"target":"_self","icon":""},{"url":"\/themenseite\/impressum.php","text":"Impressum ","ID_Rolle":0,"target":"_self","icon":""}]}];

    function isClickable(item) {
        return !(item.kids && item.kids.length > 0);
    }

function updateSubmenu(containerId, items, level = 1) {
    const container = document.getElementById(containerId);
    if (!container) return;

    container.innerHTML = items.map(item => {
        const hasChildren = item.kids && item.kids.length > 0;
        const chevron = hasChildren ? ' <i class="fas fa-chevron-right"></i>' : '';
        const padding = level * 20;
        const targetAttribute = item.target ? `target="${item.target}"` : ''; // Ensure target is correctly set here
        return `<div class="submenu-item" style="padding-left: ${padding}px;">
                    <a href="${item.url}" ${targetAttribute} data-submenu='${JSON.stringify(item.kids)}'>
                        ${item.text}${chevron}
                    </a>
                </div>`;
    }).join('');
}


    function handleSubmenuClick(event) {
        if (event.target.matches('.submenu-item > a')) {
            const submenu = JSON.parse(event.target.dataset.submenu || '[]');
            const container = event.target.closest('.submenu-container').id;
            if (submenu.length > 0) {
                event.preventDefault();
                const nextLevelContainer = container.includes('-1') ? container.replace('-1', '-2') : container;
                updateSubmenu(nextLevelContainer, submenu, 2);
                document.getElementById(nextLevelContainer).style.display = 'block';

                event.target.closest('.submenu-container').querySelectorAll('.submenu-item a').forEach(link => {
                    link.classList.remove('active');
                });
                event.target.classList.add('active');
            }
        }
    }

function showMenu(event) {
    const menuKey = this.dataset.menuKey;
    const linkIndex = parseInt(this.dataset.linkIndex, 10);
    const menuItem = menuItems[menuKey];
    const linkItem = menuItem.links[linkIndex];

    document.querySelectorAll('.megamenu-wrapper .custom-nav-link').forEach(link => {
        link.classList.remove('active');
    });

    this.classList.add('active');

    document.querySelectorAll('.submenu-container').forEach(container => {
        container.style.display = 'none';
    });

    if (!isClickable(linkItem)) {
        event.preventDefault();
        updateSubmenu(`${menuItem.id}-1`, linkItem.kids, 1);
        document.getElementById(`${menuItem.id}-1`).style.display = 'block';
        document.getElementById(`${menuItem.id}-2`).style.display = 'block';
    } else {
        // Ensure proper navigation for clickable links
        if (linkItem.url) {
            window.open(linkItem.url, linkItem.target); // Use window.open to handle different targets
        }
    }
}


    document.querySelectorAll('.megamenu-wrapper .custom-nav-link').forEach(link => {
        link.addEventListener('click', showMenu);
    });

    document.addEventListener('click', handleSubmenuClick);

    document.querySelectorAll('.megamenu-wrapper .close-mega-menu').forEach(button => {
        button.addEventListener('click', function() {
            this.parentNode.style.display = 'none';
        });
    });
});
</script>
 
    </div>
</nav>


<div class="d-lg-none newBlue">
    <!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <title>MobileNavigation_Renamed v1.0.25</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Bootstrap 5.3 CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  <!-- Bootstrap Icons -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">

  <style>
    /************************************************
     * CSS-Variablen für Menüfarben
     ***********************************************/
    :root {
      --bg-color-level1: white !important;
      --hover-bg-color-level1: #10253F !important;
      --text-color-level1: #10253F !important;
      --hover-text-color-level1: white !important;

      --bg-color-level2: #10253F !important;
      --text-color-level2: white !important;
      --hover-bg-color-level2: orange !important;
      --hover-text-color-level2: #10253F !important;

      --bg-color-level3: #14457D !important;
      --text-color-level3: white !important;
      --hover-bg-color-level3: orange !important;
      --hover-text-color-level3: #1F497D !important;

      --bg-color-level4: #dbdbdb !important;
      --text-color-level4: #10253F !important;
      --hover-bg-color-level4: #F0A500 !important;
      --hover-text-color-level4: white !important;

      --bg-color-level5: #2C2E43 !important;
      --text-color-level5: #A3DDCB !important;
      --hover-bg-color-level5: #1F4068 !important;
      --hover-text-color-level5: #FFD460 !important;

      --bg-color-level6: #0F3460 !important;
      --text-color-level6: #E8E8E8 !important;
      --hover-bg-color-level6: orange !important;
      --hover-text-color-level6: rgba(255,255,255,0.2) !important;
    }

    /************************************************
     * Generelle Layout-Anpassungen
     ***********************************************/
    .nav-footer { background-color: white; color: #10253F; }

    .hamburger-btn {
      position: fixed;
      top: 1rem; right: 1rem;
      background: none; border: none;
      color: white !important; /* sichtbarer auf dunklem Header */
      font-size: 2rem;
      z-index: 2000;
      cursor: pointer;
    }

    .mobile-nav {
      position: fixed; top: 0; right: 0;
      width: 90%; max-width: 400px; height: 100%;
      background-color: var(--bg-color-level1);
      transform: translateX(100%);
      transition: transform 0.3s ease-in-out;
      z-index: 3000;
      display: flex; flex-direction: column;
      color: var(--text-color-level1);
    }
    .mobile-nav.open { transform: translateX(0); }

    .nav-header {
      display: flex; justify-content: space-between; align-items: center;
      padding: 1rem; border-bottom: 1px solid rgba(0,0,0,0.05);
      background-color: var(--bg-color-level1);
    }
    .nav-header .brand { font-size: 1.52rem; font-weight: bold; display: flex; align-items: center; color: #14457D; }
    .header-buttons button { background: none; border: none; cursor: pointer; color: #14457D; }

    .nav-content { flex: 1; padding: 0.5rem; overflow-y: auto; }

    .nav-list { list-style: none; margin: 0; padding: 0; }
    .nav-list li { margin-bottom: 0.5rem; }

    .nav-link { text-decoration: none; display: flex; justify-content: space-between; align-items: center; padding: 0.5rem; font-size: 1.4rem !important; }

    .nav-list.level-0 { background-color: var(--bg-color-level1); font-size: 0.5rem !important; }
    .nav-list.level-0 li .nav-link { color: var(--text-color-level1); }
    .nav-list.level-0 li .nav-link:hover { background-color: var(--hover-bg-color-level1); color: var(--hover-text-color-level1); }
    .nav-list.level-0 li { margin-bottom: 0.3rem; }
    .nav-list.level-0 li .nav-link { font-size: 1.1rem; padding: 0.5rem !important; }

    .nav-list.level-1 { background-color: var(--bg-color-level2); }
    .nav-list.level-1 li .nav-link { color: var(--text-color-level2); padding-left: 1.5rem !important; }
    .nav-list.level-1 li .nav-link:hover { background-color: var(--hover-bg-color-level2); color: var(--hover-text-color-level2); }

    .nav-list.level-2 { background-color: var(--bg-color-level3); }
    .nav-list.level-2 li .nav-link { color: var(--text-color-level3); padding-left: 2.5rem !important; }
    .nav-list.level-2 li .nav-link:hover { background-color: var(--hover-bg-color-level3); color: var(--hover-text-color-level3); }

    .nav-list.level-3 { background-color: var(--bg-color-level4); }
    .nav-list.level-3 li .nav-link { color: var(--text-color-level4); padding-left: 3.5rem !important; }
    .nav-list.level-3 li .nav-link:hover { background-color: var(--hover-bg-color-level4); color: var(--hover-text-color-level4); }

    .nav-list.level-4 { background-color: var(--bg-color-level5); }
    .nav-list.level-4 li .nav-link { color: var(--text-color-level5); padding-left: 4rem !important; }
    .nav-list.level-4 li .nav-link:hover { background-color: var(--hover-bg-color-level5); color: var(--hover-text-color-level5); }

    .nav-list.level-5 { background-color: var(--bg-color-level6); }
    .nav-list.level-5 li .nav-link { color: var(--text-color-level6); padding-left: 4.5rem !important; }
    .nav-list.level-5 li .nav-link:hover { background-color: var(--hover-bg-color-level6); color: var(--hover-text-color-level6); }

    .nav-list ul { display: none; margin-left: 0; }

    .nav-footer { border-top: 1px solid rgba(0,0,0,0.05); padding: 0.7rem; font-size: 1.4rem !important; }
    .nav-footer .footer-list { list-style: none; margin: 0; padding: 0; }
    .nav-footer .footer-list li { margin-bottom: 0.8rem; }

    .user-info { margin-bottom: 1rem; display: flex; align-items: center; }
    .user-info img { width: 40px; height: 40px; border-radius: 50%; margin-right: 0.5rem; }

    .arrow-indicator { font-size: 0.8em; }

    /* ===============================
       v1.0.25 – Badge-Stile (Logo & Avatar)
       =============================== */
    .badge-count {
      position: absolute;
      z-index: 10;
      padding: 0.25rem 0.4rem;
      line-height: 1;
      font-weight: 700;
      font-size: 0.65rem;
      text-decoration: none;
    }
    /* Logo-Badges: oben rechts / unten rechts am Logo */
    .logo-badge-sys   { top: 0;   left: 100%; transform: translate(-50%, -50%); }
    .logo-badge-cmail { bottom: -4px; left: 100%; transform: translate(-50%, 0); }

    /* Avatar-Badges am User-Bild */
    .avatar-wrap { position: relative; width: 40px; height: 40px; display: inline-block; }
    .avatar-badge-sys   { top: -4px;    left: 100%; transform: translate(-50%, 0); }
    .avatar-badge-cmail { bottom: -4px; left: 100%; transform: translate(-50%, 0); }
  </style>
</head>
<body>
<!-- Feste Navigationsleiste mit Hamburger-Button -->
<nav class="fixed-top" style="height:60px; background-color:#10253F;">
  <!-- Hamburger-Button für mobile Ansicht -->
  <button id="hamburgerBtn" class="hamburger-btn" aria-label="Navigation ein-/ausklappen">
    <i class="bi bi-list"></i>
  </button>

  <!-- Logo-Bereich: links positioniert (v1.0.25: Badges hinzugefügt) -->
  <div style="position:absolute; left:10px; top:50%; transform: translateY(-50%);">
    <div class="position-relative d-inline-block">
      <a href="/">
        <img id="myImage" src="/images/prg/2025/WebSiteLogo1.png" class="d-block img-fluid" alt="Logo" style="width:200px; height:auto;">
      </a>

            
          </div>
  </div>
</nav>

<!-- Slide-In-Menü -->
<div id="mobileNav" class="mobile-nav">
  <!-- Header im Slide-In-Menü mit Refresh-Logo -->
  <div class="nav-header">
    <div class="brand">
      <span>CaddyLOG GOLF</span>
    </div>
    <div class="header-buttons">
      <button id="refreshBtn" class="refresh-btn fs-4 me-2" title="Seite neu laden">
        <i class="bi bi-arrow-clockwise"></i>
      </button>
      <button id="closeBtn" class="close-btn fs-4" title="Menü schließen">&times;</button>
    </div>
  </div>

  <!-- Menüinhalt -->
  <div class="nav-content">
    <!-- Benutzerinfo -->
          <div class="alert alert-warning text-center my-3">
        <i class="bi bi-exclamation-triangle-fill me-2"></i>
        Sie sind momentan nicht eingeloggt!
      </div>
    
    <!-- Dynamische Navigation -->
    <nav>
      <ul class='nav-list level-0'><li class='has-children'><a href='#' class='nav-link parent-link'>Shop <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-1'><li><a href='https://www.caddylog.de/shop/index.php' class='nav-link parent-link'>zum Shop </a></li></ul></li><li class='has-children'><a href='#' class='nav-link parent-link'>Mein Menü <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-1'><li><a href='https://www.caddylog.de/login.php' class='nav-link parent-link'>Login* </a></li><li class='has-children'><a href='#' class='nav-link parent-link'>AppSite <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-2'><li><a href='/install' class='nav-link parent-link'>Install on Phone/DeskTop </a></li></ul></li><li><a href='https://www.caddylog.de/TurnierBoard/turniere.php?ID_Saison=1009' class='nav-link parent-link'>MatchPlays </a></li><li><a href='https://www.caddylog.de/Toolseiten/chipitch_coach.php' class='nav-link parent-link'>ChipCoach  </a></li><li class='has-children'><a href='#' class='nav-link parent-link'>Golf Hilfen <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-2'><li><a href='https://www.caddylog.de/Golf/Laengenberechnen_Script3.php' class='nav-link parent-link'>Schläger im Bag - Basis Längen </a></li><li><a href='https://www.caddylog.de/Toolseiten/Matchplay_Vorgabenrechner.php' class='nav-link parent-link'>Vorgaben  Rechner </a></li><li class='has-children'><a href='#' class='nav-link parent-link'>Scoring Recod Berechnen <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-3'><li><a href='/HCPi_berechnung/Auswertung20Runden.php' class='nav-link parent-link'>Scoring Record Auswertung </a></li><li><a href='/HCPi_berechnung/HCPStatistik.php' class='nav-link parent-link'>Statistik HCP </a></li><li><a href='https://www.golf.de/reg/profile/scoring-record.html' class='nav-link parent-link'>Scoring Record DGV </a></li><li><a href='/HCPi_berechnung/' class='nav-link parent-link'>Golf.de Score erfassen  </a></li></ul></li></ul></li><li><a href='/user/login_neu.php' class='nav-link parent-link'>Login </a></li><li><a href='/logout.php' class='nav-link parent-link'>Logout </a></li></ul></li><li class='has-children'><a href='#' class='nav-link parent-link'>Turniere <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-1'><li><a href='https://www.caddylog.de/themenseite/Anmeldeseite.php' class='nav-link parent-link'>Turnier- und Eventanmeldungen </a></li><li class='has-children'><a href='#' class='nav-link parent-link'>Turniere <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-2'><li><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=209' class='nav-link parent-link'>OpenStrokePlay(Zählspiel) </a></li><li><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=16' class='nav-link parent-link'>MatchPlay </a></li><li><a href='https://www.caddylog.de/themenseite/Ehrentafel.php' class='nav-link parent-link'>AllTimeStars </a></li></ul></li><li class='has-children'><a href='#' class='nav-link parent-link'>Caddylog Ergebnisse <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-2'><li><a href='https://www.caddylog.de/TurnierBoard/turniere.php?ID_Saison=1009' class='nav-link parent-link'>9. MatchPlaySaison 2025 </a></li><li><a href='https://www.caddylog.de/TurnierBoard/turniere.php?ID_Saison=1007' class='nav-link parent-link'>8. MatchPlaySaison 2024 </a></li><li class='has-children'><a href='#' class='nav-link parent-link'>Archiv <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-3'><li><a href='#' class='nav-link parent-link'>1.MatchPlaySaison 2017 </a></li><li><a href='#' class='nav-link parent-link'>2.MatchPlay Saison 2018 </a></li><li><a href='https://www.caddylog.de/TurnierBoard/turniere.php?ID_Saison=1002' class='nav-link parent-link'>3.MatchPlay Saison 2019 </a></li><li><a href='https://www.caddylog.de/TurnierBoard/turniere.php?ID_Saison=1003' class='nav-link parent-link'>4. MatchPlaySaison 2020 </a></li><li><a href='https://www.caddylog.de/TurnierBoard/turniere.php?ID_Saison=1004' class='nav-link parent-link'>5. MatchPlaySaison 2021 </a></li><li><a href='https://www.caddylog.de/TurnierBoard/turniere.php?ID_Saison=1005' class='nav-link parent-link'>6. MatchPlaySaison 2022 </a></li><li><a href='https://www.caddylog.de/TurnierBoard/turniere.php?ID_Saison=1006' class='nav-link parent-link'>7. MatchPlaySaison 2023 </a></li></ul></li><li class='has-children'><a href='#' class='nav-link parent-link'> MatchPlay Infos <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-3'><li><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=16' class='nav-link parent-link'>MatchPlay Caddylog  </a></li><li><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=383' class='nav-link parent-link'>ClubMatchPlay </a></li><li><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=219' class='nav-link parent-link'>OpenMatchPlay </a></li></ul></li><li><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=94' class='nav-link parent-link'>OpenStrokePlay </a></li><li><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=96' class='nav-link parent-link'>3x6Scamble </a></li><li><a href='/Galerie/Galerie.php?IDGB=834' class='nav-link parent-link'>Turnier Galerie </a></li></ul></li><li><a href='https://www.caddylog.de/index_PWA.php' class='nav-link parent-link'>Caddylog AppSite </a></li><li><a href='/Toolseiten/Matchplay_Vorgabenrechner.php' class='nav-link parent-link'>Vorgaben Rechner HCP </a></li><li><a href='https://www.caddylog.de/prg/shaffle_APP.php' class='nav-link parent-link'>Flight Einteilung App </a></li></ul></li><li class='has-children'><a href='#' class='nav-link parent-link'>GolfCaddy Finder <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-1'><li><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=209' class='nav-link parent-link'>GolfFinder </a></li><li><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=209' class='nav-link parent-link'>News </a></li><li><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=210' class='nav-link parent-link'>Turniere </a></li><li><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=212' class='nav-link parent-link'>Golfreisen </a></li></ul></li><li class='has-children'><a href='#' class='nav-link parent-link'>Events/Reisen <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-1'><li class='has-children'><a href='#' class='nav-link parent-link'>Events <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-2'><li class='has-children'><a href='/GolfFinder/KategorieSeite.php?IDTS=332' class='nav-link parent-link'>SiegerEhrung <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-3'><li class='has-children'><a href='#' class='nav-link parent-link'>Siegerehrung 2024/25  <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-4'><li><a href='https://www.caddylog.de/themenseite/DerArtikeltext.php?IDT=946' class='nav-link parent-link'>Einladung zur Siegerehrung 2024 </a></li></ul></li><li><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=332' class='nav-link parent-link'>2023 </a></li></ul></li><li><a href='/GolfFinder/KategorieSeite.php?IDTS=405' class='nav-link parent-link'>Events Infos </a></li><li><a href='#' class='nav-link parent-link'>Sommerfest </a></li></ul></li><li class='has-children'><a href='#' class='nav-link parent-link'>Deutschland <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-2'><li class='has-children'><a href='#' class='nav-link parent-link'>Bad Saarow , Deutschland <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-3'><li><a href='https://www.caddylog.de/themenseite/DerArtikeltext.php?IDT=925' class='nav-link parent-link'>Golf Reise Bad Saarow 2025 </a></li></ul></li><li><a href='https://www.caddylog.de/themenseite/DerArtikeltext.php?IDT=921' class='nav-link parent-link'>Camper Trophy  </a></li><li><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=251' class='nav-link parent-link'>Deutschland Reisen </a></li></ul></li><li class='has-children'><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=203' class='nav-link parent-link'>Spanien <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-2'><li><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=203' class='nav-link parent-link'>Reisen Spanien  Infos </a></li><li><a href='https://www.caddylog.de/themenseite/DerArtikeltext.php?IDT=899' class='nav-link parent-link'>Reisebereicht la Gomera  </a></li><li class='has-children'><a href='#' class='nav-link parent-link'>Archive <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-3'><li><a href='/themenseite/DerArtikeltext.php?IDT=784' class='nav-link parent-link'>5.Oktober 2024 Zafiro </a></li><li><a href='/GolfFinder/KategorieSeite.php?IDTS=233' class='nav-link parent-link'>Los Alcazares März 2024 </a></li><li><a href='/themenseite/DerArtikeltext.php?IDT=785' class='nav-link parent-link'>11.Jan.24 Jardin Tecina </a></li><li><a href='/GolfFinder/KategorieSeite.php?IDTS=202' class='nav-link parent-link'>La Gomera, Spanien </a></li></ul></li></ul></li><li class='has-children'><a href='#' class='nav-link parent-link'>Belek <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-2'><li><a href='https://www.caddylog.de/themenseite/Anmeldungen/AnmeldungzumEvent.php?IDEV=824' class='nav-link parent-link'>Belek November 2025  </a></li><li><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=206' class='nav-link parent-link'>Belek Infos </a></li><li class='has-children'><a href='#' class='nav-link parent-link'>Archive <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-3'><li><a href='/themenseite/DerArtikeltext.php?IDT=444' class='nav-link parent-link'>Belek November 2023 </a></li><li><a href='#' class='nav-link parent-link'>Belek 2022 </a></li><li><a href='#' class='nav-link parent-link'>Belek 2019 </a></li></ul></li></ul></li><li class='has-children'><a href='#' class='nav-link parent-link'>Südafrica <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-2'><li><a href='https://www.caddylog.de/themenseite/Anmeldungen/AnmeldungzumEvent.php?IDEV=826' class='nav-link parent-link'>März 2026 </a></li></ul></li><li class='has-children'><a href='#' class='nav-link parent-link'>Übersee <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-2'><li><a href='https://www.caddylog.de/themenseite/DerArtikeltext.php?IDT=918' class='nav-link parent-link'>Golfen in Rio Oktober 2025 </a></li><li><a href='https://www.caddylog.de/themenseite/DerArtikeltext.php?IDT=868' class='nav-link parent-link'>Reisebereicht Rio Je Janero  2024 </a></li></ul></li></ul></li><li class='has-children'><a href='#' class='nav-link parent-link'>Über Uns <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-1'><li class='has-children'><a href='#' class='nav-link parent-link'>Bilder Galerien <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-2'><li><a href='/Galerie/Galerie.php?IDGB=834' class='nav-link parent-link'>MatchPlay CaddyLog Galerie </a></li><li><a href='https://www.caddylog.de/public/galerie_uebersicht_by_role.php' class='nav-link parent-link'>Verschiedene Bilder Galerien  </a></li></ul></li><li><a href='https://www.caddylog.de/user/login_neu.php#register' class='nav-link parent-link'>Registrieren </a></li><li><a href='\themenseite\Ehrentafel.php' class='nav-link parent-link'>AllTimeStars </a></li><li><a href='https://www.caddylog.de/themenseite/FlyeDinlag6Seiten.php' class='nav-link parent-link'>Im Überblick </a></li><li class='has-children'><a href='/GolfFinder/KategorieSeite.php?IDTS=112' class='nav-link parent-link'>mehr Wir über uns <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-2'><li><a href='/GolfFinder/KategorieSeite.php?IDTS=112' class='nav-link parent-link'>Wir über uns </a></li><li><a href='\themenseite\Ehrentafel.php' class='nav-link parent-link'>AllTimeStars </a></li><li><a href='https://www.calameo.com/read/0073322329838ce21fc42?trackersource=library' class='nav-link parent-link'>MatchPaper Magazin </a></li><li><a href='/themenseite/DerArtikeltext.php?IDT=201' class='nav-link parent-link'>Turnierveranstalter </a></li><li><a href='/themenseite/DerArtikeltext.php?IDT=624' class='nav-link parent-link'>Verbinden. Fördern. Inspirieren. </a></li><li><a href='/themenseite/DerArtikeltext.php?IDT=106' class='nav-link parent-link'>Förderung des Golfsports </a></li><li><a href='/themenseite/DerArtikeltext.php?IDT=25' class='nav-link parent-link'>Unsere Golf Vision </a></li></ul></li><li><a href='https://www.caddylog.de/themenseite/DerArtikeltext.php?IDT=952' class='nav-link parent-link'>Caddylog Turnier Formate ? </a></li><li><a href='http://eepurl.com/dLwZ8s' class='nav-link parent-link'>Newsletter  Abbonieren </a></li><li><a href='/GolfFinder/KategorieSeite.php?IDTS=93' class='nav-link parent-link'>Meinungen </a></li><li><a href='/kontakt.php' class='nav-link parent-link'>Kontakt </a></li><li class='has-children'><a href='#' class='nav-link parent-link'>Presse Info <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-2'><li><a href='https://www.calameo.com/read/0073322329838ce21fc42' class='nav-link parent-link'>MatchPaper Magazin April 23 </a></li><li><a href='/GolfFinder/KategorieSeite.php?IDTS=16' class='nav-link parent-link'>MatchPaper Artikel </a></li></ul></li><li><a href='https://www.youtube.com/@golflusttv' class='nav-link parent-link'>GolfLust TV </a></li><li><a href='/themenseite/impressum.php' class='nav-link parent-link'>Impressum </a></li><li><a href='\themenseite\AGB_Datehnschutz.php' class='nav-link parent-link'>AGB </a></li><li><a href='/themenseite/AGB_Datehnschutz.php' class='nav-link parent-link'>Datenschutzerklärung  </a></li></ul></li><li class='has-children'><a href='#' class='nav-link parent-link'>Kontakt <i class="bi bi-chevron-down arrow-indicator"></i></a><ul class='nav-list level-1'><li><a href='https://wa.me/49017672243211' class='nav-link parent-link'>WhatsAppChat </a></li><li><a href='https://signal.me/#p/+4917672243211' class='nav-link parent-link'>Signal Chat </a></li><li><a href='/kontakt.php' class='nav-link parent-link'>Kontakt Form </a></li><li><a href='mailto:A.Stewo@MGG-Caddy.com?subject=Kontakt' class='nav-link parent-link'>per E-Mail </a></li><li><a href='https://www.caddylog.de/user/login_neu.php' class='nav-link parent-link'>Registrieren </a></li><li><a href='/themenseite/impressum.php' class='nav-link parent-link'>Impressum </a></li></ul></li></ul>    </nav>
  </div>

  <!-- Footer-Bereich des Slide-In-Menüs -->
  <div class="nav-footer">
    <ul class="footer-list lh-1">
               <li><a class="nav-link" href="/user/login_neu.php#login">Login</a></li>
         <li><a class="nav-link" href="/user/login_neu.php#register">Registrieren</a></li>
          </ul>
  </div>
</div>

<!-- Custom JS: Menü-Öffnen/Schließen, Refresh-Funktion und Submenü-Toggle inkl. Chevron-Umschaltung -->
<script>
document.addEventListener('DOMContentLoaded', function() {
  const hamburgerBtn = document.getElementById('hamburgerBtn');
  const mobileNav    = document.getElementById('mobileNav');
  const closeBtn     = document.getElementById('closeBtn');
  const refreshBtn   = document.getElementById('refreshBtn');

  hamburgerBtn.addEventListener('click', function() {
    mobileNav.classList.add('open');
  });

  closeBtn.addEventListener('click', function() {
    mobileNav.classList.remove('open');
  });

  refreshBtn.addEventListener('click', function() {
    location.reload();
  });

  document.querySelectorAll('li.has-children > a.parent-link').forEach(function(link) {
    link.addEventListener('click', function(e) {
      e.preventDefault();
      const submenu = this.parentNode.querySelector('ul');
      const chevron = this.querySelector('.arrow-indicator');
      if (submenu) {
        const opened = (submenu.style.display === 'block');
        submenu.style.display = opened ? 'none' : 'block';
        if (chevron) {
          chevron.classList.toggle('bi-chevron-up', !opened);
          chevron.classList.toggle('bi-chevron-down', opened);
        }
      }
    });
  });
});
</script>


</body>
</html>
 
</div>



<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>
   $(document).ready(function() {
    $('.sub-link').hover(function() {
        $('#Splate2_3').html($(this).text() + ' Inhalt');
    });
    $('.nav-item').mouseleave(function() {
        $('#Splate2_3').empty();
    });

    document.querySelectorAll('.navbar-nav .JS_dropdown-toggle').forEach(function(toggle) {
        toggle.addEventListener('click', function(e) {
            e.preventDefault();
            var menuId = '' + this.id.substring(4);
            var isDisplayed = document.getElementById(menuId).style.display === 'block';
            document.querySelectorAll('.megamenu-wrapper').forEach(function(menu) {
                menu.style.display = 'none';
            });

            // Remove hover-locked class from all items
            document.querySelectorAll('.JS_dropdown-toggle').forEach(function(item) {
                item.classList.remove('hover-locked');
            });

            if (!isDisplayed) {
                document.getElementById(menuId).style.display = 'block';
                // Add hover-locked class to the clicked item
                this.classList.add('hover-locked');
            } else {
                // Remove hover-locked class if menu is already displayed
                this.classList.remove('hover-locked');
            }
        });
    });

    document.querySelectorAll('.megamenu-wrapper').forEach(function(menu) {
        menu.addEventListener('mouseleave', function() {
            this.style.display = 'none';
            // Remove hover-locked class when mouse leaves megamenu
            document.querySelectorAll('.JS_dropdown-toggle').forEach(function(item) {
                item.classList.remove('hover-locked');
            });
        });
    });
});

</script>

 <script>
    document.getElementById("menuToggleButton").addEventListener("click", function () {
        // Elemente für das Mobil- und Mega-Menü auswählen
        var mobileMenu = document.querySelector(".d-lg-none.newBlue"); // Mobiles Menü
        var megaMenu = document.querySelector("#desktopNav"); // Mega-Menü

        // Zustand überprüfen und umschalten
        if (mobileMenu.style.display === "block") {
            mobileMenu.style.display = "none"; // Mobiles Menü ausblenden
            megaMenu.style.display = "block"; // Mega-Menü anzeigen
            this.innerText = "Mobil-Menü"; // Button-Text anpassen
        } else {
            mobileMenu.style.display = "block"; // Mobiles Menü anzeigen
            megaMenu.style.display = "none"; // Mega-Menü ausblenden
            this.innerText = "Mega-Menü"; // Button-Text anpassen
        }
    });

    // Standardmäßig nur ein Menü anzeigen
    window.onload = function () {
        document.querySelector(".d-lg-none.newBlue").style.display = "none"; // Mobiles Menü ausblenden
        document.querySelector("#desktopNav").style.display = "block"; // Mega-Menü anzeigen
    };
</script>


    <!-- MailChimp (optional) -->
    <script id="mcjs">
    !function(c,h,i,m,p){
        m=c.createElement(h),
        p=c.getElementsByTagName(h)[0],
        m.async=1,m.src=i,
        p.parentNode.insertBefore(m,p)
    }(document,"script","https://chimpstatic.com/mcjs-connected/js/users/d59c257c791ea89d5e20c6131/1a91d5a74d9761ac27e0f1658.js");
    </script>
  
   
</head>

<body id="start" class="nuroben text-center">

   

<!-- MODAL: messageSave -->

<!-- JS: Modal-Handling -->
<script>
document.addEventListener('DOMContentLoaded', function () {
  
  });
</script>


<meta name="description" content="">
<meta name="description" content="">







<!-- Artikelinhalt -->
<div id="TextConatiner" class="justify-content-center " style="margin-top:50px">
    <!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <!-- Smartphone-kompatible Ansicht -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CaddyFinder Suche</title>
    <link href="https://www.caddylog.de/assets/css/CaddylogStyle.css" rel="stylesheet" />
</head>
<body>
    <title>Caddylog Startseite </title>
<!--##########################################################################-->
<style>
        /* styles.css */
        /*
     * Version: 1.1
     * Änderungen: Implementierung von Media Queries zur Steuerung der Sichtbarkeit der Navigationsmenüs.
     * Beschreibung: Standardmäßig wird die Desktop-Navigation angezeigt und die mobile Navigation versteckt.
    <!-- CSS: styles.css -->
    <style>
        /*
         * Version: 1.1
         * Änderungen: Implementierung von Media Queries zur Steuerung der Sichtbarkeit der Navigationsmenüs.
         * Beschreibung: Standardmäßig wird die Desktop-Navigation angezeigt und die mobile Navigation versteckt.
         *              Bei einer maximalen Bildschirmbreite von 768px wird die Desktop-Navigation ausgeblendet und
         *              die mobile Navigation sichtbar.
         */
        .nav-container2 {
            /* Container-Styling (optional anpassbar) */
        }

        /* Standard: Desktop-Navigation sichtbar, mobile Navigation versteckt */
        .desktop-nav2 {
            display: block;
        }

        .mobile-nav2 {
            display: none;

        }

        /* Für kleinere Bildschirme (z. B. bis 768px) */
        @media screen and (max-width: 768px) {
            .desktop-nav2 {
                display: none;

            }

            .mobile-nav2 {
                display: block;
                margin-top:100px;


            }
        }

    #mobile-nav2 .navbar-toggler {
        background-color:white !important;
        border:none;
        border-radius:0;
        color:#10253F;
    }
    #mobile-nav2 .navbar-toggler:hover {
       box-shadow:#808080!important;
       background-color:#10253F!important;
       color:white!important;


    }

    .btn-close {
        background-color: white;
    }

    .offcanvas-title {
        color: white !important;
    }

    #mobile-nav2 .offcanvas-header {
        box-shadow: #ff0000!important;
    }
        
</style>

 <div class="nav-container2">
      
<nav class="desktop-nav2">
    
  <ul class='caddylog-nav-menu responsive-nav'><li class='caddylog-nav-item submenu-item has-submenu' onclick='handleMenuClick(event, this)' data-menu-id='2187' style='display: flex; align-items: center; justify-content: space-between;'>
            <span class='caddylog-nav-title'>News</span>
            <button class='toggle-icon btn btn-sm' onclick='toggleSubMenu(this)' aria-expanded='false' aria-controls='submenu-2187'>
                &#9660;
            </button>
            <div id='submenu-2187' class='caddylog-nav-submenu-container' style='display: none; width: 100%; margin-top: 5px;'>
                <ul class='caddylog-nav-submenu'><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=209' class='caddylog-nav-title w-100'>News</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=44' class='caddylog-nav-title w-100'>PartnerNews</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=253' class='caddylog-nav-title w-100'>Clubs</a></li></ul>
            </div>
        </li><li class='caddylog-nav-item submenu-item has-submenu' onclick='handleMenuClick(event, this)' data-menu-id='2188' style='display: flex; align-items: center; justify-content: space-between;'>
            <span class='caddylog-nav-title'>GolfLife</span>
            <button class='toggle-icon btn btn-sm' onclick='toggleSubMenu(this)' aria-expanded='false' aria-controls='submenu-2188'>
                &#9660;
            </button>
            <div id='submenu-2188' class='caddylog-nav-submenu-container' style='display: none; width: 100%; margin-top: 5px;'>
                <ul class='caddylog-nav-submenu'><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=216' class='caddylog-nav-title w-100'>Shopping</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=218' class='caddylog-nav-title w-100'>LifeStyle</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=217' class='caddylog-nav-title w-100'>Wellness</a></li></ul>
            </div>
        </li><li class='caddylog-nav-item submenu-item has-submenu' onclick='handleMenuClick(event, this)' data-menu-id='1305' style='display: flex; align-items: center; justify-content: space-between;'>
            <span class='caddylog-nav-title'>Turniere &amp; Event  </span>
            <button class='toggle-icon btn btn-sm' onclick='toggleSubMenu(this)' aria-expanded='false' aria-controls='submenu-1305'>
                &#9660;
            </button>
            <div id='submenu-1305' class='caddylog-nav-submenu-container' style='display: none; width: 100%; margin-top: 5px;'>
                <ul class='caddylog-nav-submenu'><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=210' class='caddylog-nav-title w-100'>Alle Events </a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=94' class='caddylog-nav-title w-100'>OpenStrokePlay</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=16' class='caddylog-nav-title w-100'>MatchPlay</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=96' class='caddylog-nav-title w-100'>3x6 Scramble</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=422' class='caddylog-nav-title w-100'>Silvester</a></li></ul>
            </div>
        </li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)' data-menu-id='1307' style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=212' class='caddylog-nav-title w-100'>GolfReisen</a></li><li class='caddylog-nav-item submenu-item has-submenu' onclick='handleMenuClick(event, this)' data-menu-id='1310' style='display: flex; align-items: center; justify-content: space-between;'>
            <span class='caddylog-nav-title'>Wissen &amp; Lernen</span>
            <button class='toggle-icon btn btn-sm' onclick='toggleSubMenu(this)' aria-expanded='false' aria-controls='submenu-1310'>
                &#9660;
            </button>
            <div id='submenu-1310' class='caddylog-nav-submenu-container' style='display: none; width: 100%; margin-top: 5px;'>
                <ul class='caddylog-nav-submenu'><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=215' class='caddylog-nav-title w-100'>Wissen &amp; Lernen </a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=352' class='caddylog-nav-title w-100'>MentalTraining</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=269' class='caddylog-nav-title w-100'>Training</a></li></ul>
            </div>
        </li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)' data-menu-id='1312' style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=214' class='caddylog-nav-title w-100'>App &amp; Digitales</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)' data-menu-id='1966' style='display: flex; align-items: center; justify-content: space-between;'><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=377' class='caddylog-nav-title w-100'>Nachhaltigkeit</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)' data-menu-id='1499' style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=1' class='caddylog-nav-title w-100'>Blog Kategorien </a></li></ul> <!--# für Navigation !--> 

</nav>
      
    <meta charset="UTF-8">
    <title>Mobile Navigation Version: 1.2</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        .nav-container2 {
            /* Container-Styling (optional anpassbar) */
        }

        /* Standard: Desktop-Navigation sichtbar, mobile Navigation versteckt */
        .desktop-nav2 {
            display: block;
        }
        .mobile-nav2 {
            display: none;
        }

        /* Für kleinere Bildschirme (z. B. bis 768px) */
        @media screen and (max-width: 768px) {
            .desktop-nav2 {
                display: none;
            }
            .mobile-nav2 {
                display: block;
                /* margin-top:100px; */
            }
        }

        #mobile-nav2 .navbar-toggler {
            background-color: white !important;
            border: none;
            border-radius: 0;
            color: #10253F;
        }
        #mobile-nav2 .navbar-toggler:hover {
            box-shadow: #808080!important;
            background-color: #10253F!important;
            color: white!important;
        }
        
        .btn-close {
            background-color: white;
        }

        .offcanvas-title {
            color: white !important;
        }

        #mobile-nav2 .offcanvas-header {
            box-shadow: #ff0000!important;
        }
        #mobile-nav {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1055;
            background-color: #fff;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

        /* Abstand unten für Hauptinhalt (damit Menü nicht überlappt) */
        body {
            padding-top: 0px; /* ggf. anpassen je nach Höhe des mobilen Navs */
        }
    </style>


  
       
  <nav id="mobile-nav " class="mobile-nav " style="margin:0;">
              <div class="container-fluid">
          
        <a class="navbar-brand" href="#"></a>
        <button class="navbar-toggler w-100 btn-myMenue" type="button" data-bs-toggle="offcanvas" 
                data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
          <i class="bi bi-list fs-2"></i>Seiten Menüpunkte        </button>
        <div class="offcanvas offcanvas-end mybg w-75" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
          <div class="offcanvas-header">
            <h2 class="offcanvas-title" id="offcanvasNavbarLabel">Seiten Menüpunkte</h2>
            <button type="button" class="btn-close fs-1" style="z-index:1000; color:white;" data-bs-dismiss="offcanvas" aria-label="Close"></button>
          </div>
          <div class="offcanvas-body navMenu">
               
              <ul class='caddylog-nav-submenu'><li class='caddylog-nav-item submenu-item has-submenu' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'>
            <span class='caddylog-nav-title'>News</span>
            <button class='toggle-icon btn btn-sm' onclick='toggleSubMenu(this)' aria-expanded='false' aria-controls='submenu-2187'>
                &#9660;
            </button>
            <div id='submenu-2187' class='caddylog-nav-submenu-container' style='display: none; width: 100%; margin-top: 5px;'>
                <ul class='caddylog-nav-submenu'><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=209' class='caddylog-nav-title w-100'>News</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=44' class='caddylog-nav-title w-100'>PartnerNews</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=253' class='caddylog-nav-title w-100'>Clubs</a></li></ul>
            </div>
        </li><li class='caddylog-nav-item submenu-item has-submenu' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'>
            <span class='caddylog-nav-title'>GolfLife</span>
            <button class='toggle-icon btn btn-sm' onclick='toggleSubMenu(this)' aria-expanded='false' aria-controls='submenu-2188'>
                &#9660;
            </button>
            <div id='submenu-2188' class='caddylog-nav-submenu-container' style='display: none; width: 100%; margin-top: 5px;'>
                <ul class='caddylog-nav-submenu'><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=216' class='caddylog-nav-title w-100'>Shopping</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=218' class='caddylog-nav-title w-100'>LifeStyle</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=217' class='caddylog-nav-title w-100'>Wellness</a></li></ul>
            </div>
        </li><li class='caddylog-nav-item submenu-item has-submenu' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'>
            <span class='caddylog-nav-title'>Turniere &amp; Event  </span>
            <button class='toggle-icon btn btn-sm' onclick='toggleSubMenu(this)' aria-expanded='false' aria-controls='submenu-1305'>
                &#9660;
            </button>
            <div id='submenu-1305' class='caddylog-nav-submenu-container' style='display: none; width: 100%; margin-top: 5px;'>
                <ul class='caddylog-nav-submenu'><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=210' class='caddylog-nav-title w-100'>Alle Events </a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=94' class='caddylog-nav-title w-100'>OpenStrokePlay</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=16' class='caddylog-nav-title w-100'>MatchPlay</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=96' class='caddylog-nav-title w-100'>3x6 Scramble</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=422' class='caddylog-nav-title w-100'>Silvester</a></li></ul>
            </div>
        </li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=212' class='caddylog-nav-title w-100'>GolfReisen</a></li><li class='caddylog-nav-item submenu-item has-submenu' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'>
            <span class='caddylog-nav-title'>Wissen &amp; Lernen</span>
            <button class='toggle-icon btn btn-sm' onclick='toggleSubMenu(this)' aria-expanded='false' aria-controls='submenu-1310'>
                &#9660;
            </button>
            <div id='submenu-1310' class='caddylog-nav-submenu-container' style='display: none; width: 100%; margin-top: 5px;'>
                <ul class='caddylog-nav-submenu'><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=215' class='caddylog-nav-title w-100'>Wissen &amp; Lernen </a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=352' class='caddylog-nav-title w-100'>MentalTraining</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=269' class='caddylog-nav-title w-100'>Training</a></li></ul>
            </div>
        </li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=214' class='caddylog-nav-title w-100'>App &amp; Digitales</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='https://www.caddylog.de/GolfFinder/KategorieSeite.php?IDTS=377' class='caddylog-nav-title w-100'>Nachhaltigkeit</a></li><li class='caddylog-nav-item link-item' onclick='handleMenuClick(event, this)'  style='display: flex; align-items: center; justify-content: space-between;'><a href='/GolfFinder/KategorieSeite.php?IDTS=1' class='caddylog-nav-title w-100'>Blog Kategorien </a></li></ul>              <form action="../../GolfFinder/KategorieSeite.php" method="post" target="_blank" class="search-form d-flex">
                <input type="text" name="searchTerm" placeholder="Suche.." class="form-control" style="height:30px;">
                <button type="submit" class="btn btn-light">
                  <img src="https://img.icons8.com/ios-glyphs/30/000000/search.png" alt="Search"/>
                </button>
              </form>
          </div>
        </div>
      </div>
    </nav>
  </div> 
<!-- Suchbereich und Anzeige der Ergebnisse -->
<div id="Suchen">
    <div class="container">
                <div class="row" id="resultsContainer">

                    </div>
    </div>
    
    <div class="container my-1">
                <div class="text-center">
                    </div>
    </div>
</div>

<script>
/**
 * Funktion: toggleSearchContainer
 * Version: 1.3
 * Beschreibung: Schaltet den Sichtbarkeitsstatus des Kategorien-Containers (searchContainer).
 *               Der Toggle-Button bleibt dabei stets sichtbar.
 */
function toggleSearchContainer() {
    var container = document.getElementById("searchContainer");
    // Toggle zwischen "block" und "none"
    if (container.style.display === "none" || container.style.display === "") {
        container.style.display = "block";
    } else {
        container.style.display = "none";
    }
}

/**
 * Funktion: checkScreenSize
 * Version: 1.0.1
 * Beschreibung: Passt die Anzeige des Toggle-Buttons und des Kategorien-Containers 
 *               ausschließlich anhand der aktuellen Bildschirmgröße an.
 *               Bei einer Breite <= 768px wird der Toggle-Button eingeblendet und der 
 *               Kategorien-Container ausgeblendet; bei größeren Breiten umgekehrt.
 */
function checkScreenSize() {
    var toggleButtonContainer = document.getElementById("toggleButtonContainer");
    var searchContainer = document.getElementById("searchContainer");

    if (window.innerWidth <= 768) {
        // Kleine Bildschirmgröße: Toggle-Button sichtbar, Kategorien-Container ausgeblendet
        toggleButtonContainer.style.display = "block";
        searchContainer.style.display = "none";
    } else {
        // Große Bildschirmgröße: Toggle-Button ausgeblendet, Kategorien-Container sichtbar
        toggleButtonContainer.style.display = "none";
        searchContainer.style.display = "block";
    }
}

// Event Listener: Beim Laden der Seite und bei Größenänderung wird checkScreenSize ausgeführt
window.addEventListener("load", checkScreenSize);
window.addEventListener("resize", checkScreenSize);
</script>

</body>
</html>
    367 
</div>

<div class="container " style="max-width:1300px">
    <div class="row justify-content-center">
           <div class="d-none d-md-block sticky-banner" style="flex: 0 0 200px; position:sticky; top:280px;">
                    </div>
        <div class="col-12 col-md-8 col-lg-7">
            <div class="container">
                                    <div class="card">
                                                 <span class="text-end me-3">
    </span>

                        <div class="card-header" style="background-color:white">
                            <h1 class="text-left">Warum ist Golf so gesund ?</h1>
                            <h5 class="text-left"></h5>
                        </div>
                        <div class="card-body">
                            <p>olf ist ein Sport, der viele gesundheitliche Vorteile bietet und eine ausgezeichnete Möglichkeit ist, um körperlich und geistig fit zu bleiben. Einige Gründe, warum Golf so gesund ist, sind: <br>


 <li>Golf fördert die Bewegung und die körperliche Aktivität, da man beim Golfspielen viel gehen und laufen muss. </li>
 <li>Golf stärkt die Muskulatur und verbessert die Koordination und die Ausdauer, da man beim Golfspielen die Muskeln im ganzen Körper beansprucht. </li>
 <li>Golf fördert die mentale Stärke und die Konzentration, da man sich beim Golfspielen konzentrieren und entscheiden muss. </li>
 <li>Golf bietet die Möglichkeit, im Freien zu sein und die Natur zu genießen, was für die körperliche und geistige Gesundheit sehr wichtig ist. </li>
 <li>Golf ist ein sozialer Sport, bei dem man leicht mit anderen Spielern ins Gespräch kommen und Freundschaften schließen kann, was für die psychische Gesundheit sehr wichtig ist.</li></p>
                        </div>
                 <div class="card-footer text-muted small" style="font-size: 0.8rem; line-height: 1.4;">
        Erstellt: 15.12.2022     | Aktualisiert: 10.04.2023        | Autor: 12129    </div>

                    </div>
                            </div>
        </div>

        <!-- Seitenwerbung: Bilder werden dank "img-fluid" automatisch skaliert -->
       <div class="d-none d-md-block sticky-banner" style="flex: 0 0 200px; position: sticky; top: 180px;">
  
                       <br>
            Seiten QR-Link
            
            <a href='/images/qr-codes/qr-code-c91c5d43795a6123a1ec0ea713954349.png'><img src='/images/qr-codes/qr-code-c91c5d43795a6123a1ec0ea713954349.png' alt='QR Code' /></a> 
        </div>
    </div>
</div>

<!-- Firmen-Sektion -->
<section class="container my-4 text-center"> <!-- Version 1.1: text-center hinzugefügt -->
            <p>--</p>
    </section>



<!-- Kategorien-Sektion -->
<section class="container my-4">
        <h3 class="mx-5">Das könnte Sie auch interessieren</h3>
        <div class="mt-4">
        <h5>Kategorien:</h5>
                    <a href="/GolfFinder/KategorieSeite.php?IDTS=79" class="btn btn-myAktion m-1 p-2">
                Warum Golfen?            </a>
            </div>
</section>

<!-- Kommentarbereich -->
<section class="container">
    <!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <title>Fragen / Kommentare</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <style>
        body {
            font-family: Arial, sans-serif;
        }

        .comment-section {
            max-width: 800px;
            margin: 20px auto;
            padding: 20px;
            background-color: #ffffff;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
        }

        .comment-section h2 {
            color: #2c3e50;
            font-size: 1.75em;
            margin-bottom: 15px;
        }

        .message-box {
            display: none;
            padding: 10px;
            margin-bottom: 10px;
            border-radius: 5px;
        }

        .message-box.success {
            background-color: #e0ffe0;
            color: #2d6b2d;
            border-left: 5px solid #2d6b2d;
        }

        .message-box.error {
            background-color: #ffe0e0;
            color: #b32424;
            border-left: 5px solid #b32424;
        }

        .comment-boxtext { margin-right: 50px; }
        .comment-list { margin-top: 20px; }

        .comment-box {
            display: flex;
            align-items: flex-start;
            padding: 15px 0;
            border-bottom: 1px solid #ddd;
            position: relative;
        }

        .comment-box img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            margin-right: 15px;
            object-fit: cover;
        }

        .comment-details { flex-grow: 1; }

        .comment-date {
            font-size: 10px;
            font-weight: 700;
            color: #10253F;
        }

        .comment-text {
            font-size: 16px;
            font-weight: 400;
            color: #10253F;
            line-height: 130%;
        }

        .delete-btn {
            background: none;
            border: none;
            color: #e74c3c;
            font-size: 0.85em;
            cursor: pointer;
            position: absolute;
            right: 15px;
            top: 15px;
        }

        .delete-btn:hover {
            color: #c0392b;
            text-decoration: underline;
        }

        .comment-form {
            margin-top: 20px;
            border-top: 1px solid #ddd;
            padding-top: 20px;
        }

        .comment-form textarea {
            font-size: 16px;
            color: #10253F;
            width: 100%;
            height: 169px;
            border: 1px solid #000;
            background: #FFF;
        }

        .comment-form button {
            margin-top: 8px;
            background-color: #10253F;
            color: white;
            border: none;
            padding: 10px 20px;
            font-size: 1em;
            border-radius: 5px;
            cursor: pointer;
        }

        .comment-form button:hover {
            background-color: #2980b9;
        }

        #commentHintBar {
            display: none;
            position: fixed;
            top: 70%;
            left: 70%;
            transform: translate(-50%, -50%);
            background-color: #10253F;
            color: white;
            padding: 14px 20px;
            font-size: 15px;
            border-radius: 12px;
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
            z-index: 9999;
            max-width: 80%;
            text-align: center;
        }


    </style>
</head>
<body>

<div class="comment-section">
    <h2>Fragen / Kommentare</h2>
    <p class="myfont">*Eingabe nur für registrierte CaddyLog User</p>

    <div id="successMessage" class="message-box success"></div>
    <div id="errorMessage" class="message-box error"></div>

    <section class="comments">
        <div class="comment-list">
            <div class='message-box info'>Keine Kommentare verfügbar.</div>        </div>
    </section>

    </div>

<!-- UX-Hinweis unten rechts -->
<div id="commentHintBar">💬 Du hast den Artikel gelesen? <br>Du hast Fragen, Anregungen, Verbesserungen? Teile deine Meinung im Kommentar!</div>

<script>
$(document).ready(function () {
    $('#commentTextarea').on('input', function () {
        const maxLength = 500;
        const currentLength = $(this).val().length;
        $('#charCount').text((maxLength - currentLength) + " characters remaining");
    });

    function showMessage(message, type) {
        const box = (type === 'success') ? $('#successMessage') : $('#errorMessage');
        box.text(message).fadeIn().delay(3000).fadeOut();
    }

    $('#commentForm').submit(function (event) {
        event.preventDefault();
        $.ajax({
            url: '/_TextApp/submit_comment.php',
            type: 'POST',
            dataType: 'json',
            data: {
                text_object_id: $('#text_object_id').val(),
                comment: $('#commentTextarea').val()
            },
            success: function (response) {
                if (response.status === 'success') {
                    showMessage('Kommentar erfolgreich hinzugefügt!', 'success');
                    $('#commentTextarea').val('');
                    const html = `
                        <div class="comment-box" id="comment-${response.comment_id}">
                            <img src="${response.commentUserImage}" alt="User Icon">
                            <div class="comment-details">
                                <span class="comment-date">Erstellt: ${response.commentDate}</span>
                                <div class="comment-boxtext">
                                  <p class="comment-text">${response.commentText.replace(/\n/g, '<br>')}</p>
                                </div>
                            </div>
                            ${response.canDelete ? `<button class="delete-btn" data-comment-id="${response.comment_id}">DEL</button>` : ''}
                        </div>`;
                    $('.comment-list').prepend(html);
                } else {
                    showMessage(response.message || 'Fehler beim Absenden des Kommentars', 'error');
                }
            },
            error: function () {
                showMessage('Es gab einen Fehler bei der Verbindung.', 'error');
            }
        });
    });

    $(document).on('click', '.delete-btn', function () {
        const commentId = $(this).data('comment-id');
        $.post('/_TextApp/delete_komentar.php', { comment_id: commentId }, function (response) {
            if (response.status === 'success') {
                $('#comment-' + commentId).fadeOut().remove();
                showMessage(response.message, 'success');
            } else {
                showMessage(response.message, 'error');
            }
        }, 'json');
    });

    // UX Hinweis erscheint erst, wenn Kommentarbereich sichtbar ist
    let barShown = false;

    function isElementInViewport(el) {
        const rect = el.getBoundingClientRect();
        return (
            rect.top < window.innerHeight &&
            rect.bottom >= 0
        );
    }

    $(window).on('scroll', function () {
        const commentForm = document.querySelector('.comment-form');
        if (!barShown && commentForm && isElementInViewport(commentForm)) {
            barShown = true;
            $('#commentHintBar').fadeIn(400);
            setTimeout(() => {
                $('#commentHintBar').fadeOut(600);
            }, 6000);
        }
    });
});
</script>

</body>
</html>
</section>

 
<link href="https://www.caddylog.de/assets/css/CaddylogStyle.css" rel="stylesheet" />
<style>
    .maintext {
        font-family: Roboto !important;
    }

    /* Version 1.1: Smartphone-Kompatibilität verbessert */
    @media (max-width: 768px) {
        #Artikel {
            padding: 10px !important;
        }
    }
</style>

<!DOCTYPE html>
<!--
Datei: footerheader.html
Version: 1.1.5 (2025-08-16)
Änderungen ggü. v1.1.4:
- [MOVE] Push-Buttons in rechten Footer-Block, direkt neben "Datenschutz & Cookies".
- [UI] Einzeilige Flex-Anordnung (.cl-footer-actions), mobile-first.
Beschreibung:
Kompakter Footer mit Push-/Scroll-/Navigation-Buttons und Link zu Cookie-Einstellungen.
Smartphone-kompatibel (Bootstrap 5.3).
-->
<html lang="de">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link href="https://www.caddylog.de/assets/css/CaddylogStyle.css" rel="stylesheet" />
<style>
    /* Version 1.1.6 - Kompakter Footer */
    footer { max-width: 100%; overflow-x: hidden; font-size: 1rem; }
    #footer1 p { color: white; font-family: Roboto, sans-serif; }

    .footer-collapse { display: none; }
    .footer-content  { display: block; }

    @media (max-width: 611px) {
      .footer-collapse { display: block; }
      .footer-content  { display: none; }
      .footer-content.show { display: block; }
      .footer-header { display: none; }
    }

    .btn-collapse::after { content: '+'; float: right; }
    .btn-collapse.collapsed::after { content: '−'; }

    /* Scroll-/Nav-Buttons (fixe Bar unten) */
    #scrollToTopBtn, #scrollToBottomBtn, #backButton, #forwardButton {
      display: none; position: fixed; bottom: 10px; z-index: 999;
      background-color: #ff6a00; color: #fff; border: 0; border-radius: 5px; padding: 10px; cursor: pointer;
    }
    #scrollToTopBtn { right: 25px; }
    #scrollToBottomBtn { left: 10px; }
    #backButton { left: 70px; }
    #forwardButton { right: 70px; }

    /* Aktionen rechts: Push + Datenschutz-Link in EINER Reihe */
    .cl-footer-actions{
      display:flex; align-items:center; justify-content:flex-end;
      gap:.75rem; flex-wrap:wrap;
    }
    .cl-footer-actions .divider-dot{ opacity:.5; }
    .cl-footer-actions a{ color:#fff; text-decoration:underline; font-size:.95rem; }

    /* Buttons im blauen Footer ohne weißen Balken */
    #pushStatusInfo2 { background:transparent; padding:0; border:0; }
    #pushStatusInfo2 .btn{ font-size:.9rem; }

    /* Stellt sicher, dass der Text im Footer sichtbar ist */
    #footer1, #footer1 * { color: #fff !important; text-align:left; }
    #app-footer a { color: #0d6efd !important; /* Bootstrap Primary */ }
  </style>
    
<style>
  /* Stellt sicher, dass der Text im Footer sichtbar ist */
    #footer1, #footer1 * {
        color: #fff !important;
        text-align:left;
    }
  #app-footer a {
    color: #0d6efd !important; /* Bootstrap Primary */
  }
</style>
</head>
<body>
  <footer id="footer1" class="text-white mt-5 p-3 bg-primary2">
    <div class="container py-4">
      <div class="row g-4">
        <!-- Team Section -->
        <div class="col-md-4">
          <button class="btn btn-link text-white footer-collapse w-100 text-start navbar-toggler btn-collapse" data-bs-toggle="collapse" data-bs-target="#collapseTeam">
            <h5><span class="toggle-icon me-2">+</span> MGG Caddy Team</h5>
          </button>
          <div id="collapseTeam" class="collapse footer-content">
            <img style="width:50px;margin-bottom:20px" src="https://www.caddylog.de/images/prg/MGGCaddylogo.png" alt="MGG Caddy Logo" />
            <ul class="list-unstyled">
              <li>MGG Caddy Marketing & Vertriebs GmbH</li>
              <li>Galvanistr. 16, 10587 Berlin</li>
              <li><a class="text-white" href="https://www.mgg-caddy.com">www.MGG-Caddy.com</a></li>
            </ul>
            <ul class="list-unstyled">
              <li><a class="text-white" href="/themenseite/impressum.php">Impressum</a></li>
              <li><a class="text-white" href="/themenseite/AGB_Datenschutz.php">AGB's & Datenschutz</a></li>
              <li><a class="text-white" href="/themenseite/AGB_Datenschutz.php">Reise- & Turnierabwicklung</a></li>
              <li><a class="text-white" href="/user/login_neu.php#register" target="_blank">Registrieren</a></li>
            </ul>
          </div>
        </div>

        <!-- Turnier Section -->
        <div class="col-md-4">
          <button class="btn btn-link text-white footer-collapse w-100 text-start navbar-toggler btn-collapse" data-bs-toggle="collapse" data-bs-target="#collapseTurniere">
            <h5><span class="toggle-icon me-2">+</span> Turniere & MatchPlay</h5>
          </button>
          <div id="collapseTurniere" class="collapse footer-content">
            <img style="height: 30px; margin-bottom: 20px" src="https://www.caddylog.de/images/prg/Logoweiss2.png" alt="Caddylog Logo" />
            <ul class="list-unstyled mt-2">
              <li>Turnierorganisation: Alexander Stewowitsch</li>
              <li>Mail: MatchPlay@MGG-Caddy.com</li>
              <li>
                Kontakt:
                <ul class="list-unstyled">
                  <li><a class="text-white" href="https://wa.me/49017672243211"><img src="/images/prg/whastapp.png" style="width:25px" alt=""> WhatsApp</a></li>
                  <li><a class="text-white" href="https://signal.me/#p/+4917672243211"><img src="/images/prg/signal.png" style="width:25px" alt=""> Signal</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </div>

        <!-- Aktionen rechts: Push + Datenschutz nebeneinander -->
       <div class="col-md-4 mygrau">
    <div class="cl-footer-actions" style="color:white;text-align:left">
        <h2>Einstellungen</h2>
        <button id="pushToggleBtn" class="btn btn-outline-primary btn-sm" disabled style="color:white">
            🔔 Push wird geladen...
        </button>
                <span class="divider-dot">•</span>
        <a href="#" id="clFooterConsentLink" title="Cookie-Einstellungen">Datenschutz & Cookies</a>
        <span id="pwaInstalledBadge" class="badge text-bg-success d-none">Caddylog App installiert ✓</span>
    </div>
</div>

<div id="permission-modal" style="display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); justify-content: center; align-items: center;">
    <div style="background-color: #808080;color:black; padding: 30px; border-radius: 10px; max-width: 400px; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);">
        <h3>Möchtest du Nachrichten von Caddylog erhalten?</h3>
        <p>Bleib auf dem Laufenden über unsere neuesten Updates.</p>
        <button id="modal-allow-btn" style="padding: 10px 20px; margin: 5px; border: none; border-radius: 5px; cursor: pointer; font-weight: bold; background-color: #28a745; color: white;">Ja, aktivieren</button>
        <button id="modal-deny-btn" style="padding: 10px 20px; margin: 5px; border: none; border-radius: 5px; cursor: pointer; font-weight: bold; background-color: #dc3545; color: white;">Nein, danke</button>
    </div>
</div>

<script>
    // Firebase SDKs werden bereits in push_footer.php importiert
    // import { initializeApp } from "firebase/app";
    // import { getMessaging, getToken } from "firebase/messaging";
    
    // Annahme: Firebase App und Messaging sind bereits initialisiert.
    // Du musst sicherstellen, dass sie im übergeordneten Skript verfügbar sind.
    
    // ACHTUNG: Ersetze 'DEIN_VAPID_KEY_HIER_EINSETZEN' durch deinen echten Key
    const vapidKey = "DEIN_VAPID_KEY_HIER_EINSETZEN"; 

    document.addEventListener('DOMContentLoaded', () => {
        const pushButton = document.getElementById('pushToggleBtn');
        const modal = document.getElementById('permission-modal');
        const modalAllowBtn = document.getElementById('modal-allow-btn');
        const modalDenyBtn = document.getElementById('modal-deny-btn');

        async function updateButton() {
            const status = await checkPushStatus();
            console.log('Aktueller Push-Status:', status);

            if (status === 'granted') {
                pushButton.textContent = '🔔 Push-Benachrichtigungen aktiviert ✅';
                pushButton.style.backgroundColor = '#28a745';
                pushButton.disabled = true;
            } else if (status === 'denied') {
                pushButton.textContent = '⛔ Push-Benachrichtigungen blockiert';
                pushButton.style.backgroundColor = '#dc3545';
                pushButton.onclick = () => {
                    alert('Bitte aktiviere die Benachrichtigungen in den Browsereinstellungen.');
                };
                pushButton.disabled = false;
            } else if (status === 'default') {
                if (localStorage.getItem('caddylog-push-denied') === 'true') {
                    pushButton.textContent = '⛔ Push-Benachrichtigungen blockiert';
                    pushButton.style.backgroundColor = '#dc3545';
                    pushButton.disabled = true;
                } else {
                    pushButton.textContent = '🔔 Push-Benachrichtigungen aktivieren';
                    pushButton.style.backgroundColor = '#0d6efd';
                    pushButton.onclick = () => showPermissionModal();
                    pushButton.disabled = false;
                }
            } else if (status === 'unsupported') {
                pushButton.textContent = '⚠️ Push-Benachrichtigungen nicht unterstützt';
                pushButton.style.backgroundColor = '#ffc107';
                pushButton.disabled = true;
            }
        }

        async function checkPushStatus() {
            if ('serviceWorker' in navigator && 'PushManager' in window && 'Notification' in window) {
                return Notification.permission;
            } else {
                return 'unsupported';
            }
        }

        function showPermissionModal() {
            modal.style.display = 'flex';
        }

        async function requestPushPermission() {
            try {
                const permissionResult = await Notification.requestPermission();
                if (permissionResult === 'granted') {
                    console.log('Push-Berechtigung erteilt. Abonnieren...');
                    const messaging = getMessaging(); // Annahme: Firebase Messaging ist initialisiert
                    const currentToken = await getToken(messaging, { vapidKey: vapidKey });
                    if (currentToken) {
                        console.log('FCM-Token:', currentToken);
                        // TODO: Sende das Token an deinen Server
                    } else {
                        console.log('Kein FCM-Token verfügbar.');
                    }
                } else {
                    console.log('Push-Berechtigung verweigert.');
                    localStorage.setItem('caddylog-push-denied', 'true');
                }
            } catch (error) {
                console.error('Fehler beim Abonnieren von Push-Benachrichtigungen:', error);
            } finally {
                modal.style.display = 'none';
                updateButton();
            }
        }

        modalAllowBtn.onclick = requestPushPermission;
        modalDenyBtn.onclick = () => {
            localStorage.setItem('caddylog-push-denied', 'true');
            modal.style.display = 'none';
            updateButton();
        };

        // Startet die Logik beim Laden
        updateButton();
    });
</script>
      </div>

      <div class="text-center mt-4">
        <p class="m-0">&copy; 2025 MGG Caddy Team, CaddyLog Golf. Alle Rechte vorbehalten.</p>
      </div>
    </div>
      <br>
      <br>
      <br>
  </footer>



    <nav class="navbar fixed-bottom  cl-navbar  clblue ">
  <div class="container-fluid">
    <div class="d-flex justify-content-between w-100">
         <div class="btn-group" role="group" aria-label="Scroll hoch/runter">
        <button class="btn btn-light border cl-btn" onclick="scrollToTop()" aria-label="Nach oben">
          <i class="bi bi-arrow-up-short"></i>
        </button>
        <button class="btn btn-light border cl-btn" onclick="scrollToBottom()" aria-label="Nach unten">
          <i class="bi bi-arrow-down-short"></i>
        </button>
      </div>
         <div class="border rounded-2 p-2">
       <a title="Zur Startseite" href="https://www.caddylog.de/">
      <img src="/images/prg/2025/website.png" alt="Startseite" style="width:50px;">
    </a>
               </div>
      <button onclick="location.reload()" id="refreshButton" title="Seite neu laden" style="font-size:x-large; background: none; border: none; color: white;">
      <i class="bi bi-arrow-clockwise"></i>
    </button>
      <div class="border rounded-2 p-2">
        <a title="Zur AppSite" href="https://www.caddylog.de/index_PWA.php">
      <img src="/images/prg/2025/Apsite.png" alt="PWA" style="width:50px;">
    </a>
          </div>
  
          <div class="btn-group" role="group" aria-label="Navigation zurück/vor">
        <button class="btn btn-light border cl-btn" onclick="navigateBack()" aria-label="Zurück">
          <i class="bi bi-arrow-left"></i>
        </button>
        <button class="btn btn-light border cl-btn" onclick="navigateForward()" aria-label="Vorwärts">
          <i class="bi bi-arrow-right"></i>
        </button>
      </div>
    </div>
  </div>
</nav>



  <script>
    // Toggle Icons (unverändert)
    document.querySelectorAll('.btn-collapse').forEach(function(button){
      button.addEventListener('click', function () {
        const icon = this.querySelector('.toggle-icon');
        const isOpen = this.nextElementSibling.classList.contains('show');
        icon.textContent = isOpen ? '+' : '−';
      });
    });

    // --- History-Tracker (Forward-Erkennung zuverlässig) ---
    const CL_MAX_KEY = 'clHistMax';
    const CL_IDX_KEY = 'clIndex:' + location.href.split('#')[0];

    function getClHistMax(){ return Number(sessionStorage.getItem(CL_MAX_KEY)) || 0; }
    function setClHistMax(v){ sessionStorage.setItem(CL_MAX_KEY, String(v)); }
    function getClIndex(){
      if (history.state && typeof history.state.clIndex === 'number') return history.state.clIndex;
      const stored = Number(sessionStorage.getItem(CL_IDX_KEY)) || 0;
      return stored;
    }
    function setClIndex(v){
      sessionStorage.setItem(CL_IDX_KEY, String(v));
      history.replaceState(Object.assign({}, history.state, {clIndex:v}), '');
    }
    function initClHistoryIndex(){
      // 1) Falls State schon existiert → nur synchronisieren
      if (history.state && typeof history.state.clIndex === 'number') {
        sessionStorage.setItem(CL_IDX_KEY, String(history.state.clIndex));
        setClHistMax(Math.max(getClHistMax(), history.state.clIndex));
        return;
      }
      // 2) Falls per URL gespeicherter Index existiert → übernehmen
      const stored = Number(sessionStorage.getItem(CL_IDX_KEY));
      if (stored) {
        setClIndex(stored);
        setClHistMax(Math.max(getClHistMax(), stored));
        return;
      }
      // 3) Neuer Eintrag → Index = max + 1
      const newIdx = getClHistMax() + 1;
      setClIndex(newIdx);
      setClHistMax(newIdx);
    }

    window.addEventListener('popstate', function(){
      // Bei Back/Forward → Index aus State/Storage lesen und Anzeige aktualisieren
      const idx = getClIndex();
      sessionStorage.setItem(CL_IDX_KEY, String(idx));
      setClHistMax(Math.max(getClHistMax(), idx));
      toggleScrollButtons();
    });

    // Scroll & Navigation
    function toggleScrollButtons() {
      const scrollTop    = document.documentElement.scrollTop || document.body.scrollTop;
      const scrollHeight = document.documentElement.scrollHeight;
      const clientHeight = document.documentElement.clientHeight;
      const footer       = document.getElementById("miniFooter");
      const footerHeight = footer ? footer.offsetHeight : 0;

      const btnUp     = document.getElementById("scrollToTopBtn");
      const btnDown   = document.getElementById("scrollToBottomBtn");
      const btnBack   = document.getElementById("backButton");
      const btnFwd    = document.getElementById("forwardButton");

      // Nach oben nur wenn >20px
      btnUp.style.display = scrollTop > 20 ? "block" : "none";

      // Nach unten nur wenn noch Platz (Footerhöhe berücksichtigen)
      const canScrollDown = (scrollTop + clientHeight) < (scrollHeight - footerHeight - 1);
      btnDown.style.display = canScrollDown ? "block" : "none";

      // Back-/Forward-Buttons
      const idx = getClIndex();
      const max = getClHistMax();
      btnBack.style.display = window.history.length > 1 ? "block" : "none";
      btnFwd.style.display  = (idx < max) ? "block" : "none";
    }

    // Navigation-Aktionen
    function scrollToTop()    { window.scrollTo({ top: 0, behavior: 'smooth' }); }
    function scrollToBottom() { window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' }); }
    function navigateBack()   { if (window.history.length > 1) window.history.back(); }
    function navigateForward(){ window.history.forward(); }

    document.addEventListener("DOMContentLoaded", function(){
      initClHistoryIndex();
      toggleScrollButtons();
    });
    window.addEventListener("load", toggleScrollButtons);
    window.addEventListener("resize", toggleScrollButtons);
    window.addEventListener("orientationchange", toggleScrollButtons);
    window.addEventListener("scroll", toggleScrollButtons);
  </script>

  
  <script src="/firebase/views/push_inpage.js?v=1.5.0"></script>
  <script src="/assets/js/analyticsConsent.js?v=2.2.0"></script>
  <script src="/assets/js/cookie-link-open.js?v=1.0.1"></script>
  <script src="/assets/js/cookie-banner.js?v=2.1.1"></script>
    
    <!-- Cookie-EINSTELLUNGEN (einziges Bootstrap-Modal) -->
<div class="modal fade" id="cookieModal" tabindex="-1" aria-labelledby="cookieModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered"><div class="modal-content">
    <div class="modal-header">
      <h5 class="modal-title" id="cookieModalLabel">Cookie-Einstellungen</h5>
      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button>
    </div>
    <div class="modal-body">
      <div class="form-check mb-2">
        <input class="form-check-input" type="checkbox" id="clConsentAnalytics">
        <label class="form-check-label" for="clConsentAnalytics">Analytics erlauben (Google)</label>
      </div>
      <div class="form-check mb-2">
        <input class="form-check-input" type="checkbox" id="clConsentAds">
        <label class="form-check-label" for="clConsentAds">Werbe-/Conversion-Tracking erlauben (Google Ads)</label>
      </div>
      <small class="text-muted d-block mt-2">Details: <a href="/themenseite/AGB_Datenschutz.php">Datenschutzerklärung</a></small>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Schließen</button>
      <button type="button" class="btn btn-primary" id="clConsentSaveBtn">Speichern</button>
    </div>
  </div></div>
</div>
<div id="cookie-banner" class="alert alert-info text-center fixed-bottom m-0 rounded-0" role="alert" style="display:none; z-index:1060;">
  <div class="container py-2">
    <div class="d-flex flex-column flex-sm-row align-items-center justify-content-center gap-2">
      <span>Wir verwenden Cookies/Storage zur Verbesserung Ihrer Erfahrung.
        <a class="alert-link" href="/themenseite/AGB_Datenschutz.php">Datenschutzerklärung</a>
      </span>
      <div class="d-flex align-items-center">
        <button class="btn btn-sm btn-success" data-action="consent-accept">Alle akzeptieren</button>
        <button class="btn btn-sm btn-secondary ms-2" data-action="consent-necessary">Nur notwendig</button>
        <button class="btn btn-sm btn-outline-danger ms-2" data-action="consent-reject">Ablehnen</button>
      </div>
    </div>
  </div>
</div>

    <script>window.CL_EXTRA_GA_IDS = ['UA-1562437-47'];</script>
    <script src="/assets/js/cookie-banner.js?v=2.1.1"></script>

   

</body>
</html>