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>
    254 
</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">
    25.11.2022</span>

                        <div class="card-header" style="background-color:white">
                            <h1 class="text-left">Ostdeutsche MatchPlay Regionen</h1>
                            <h5 class="text-left"></h5>
                        </div>
                        <div class="card-body">
                            <p><p style="text-align:justify">Die Ostdeutschen MatchPlay Turniere sind noch nicht großartig ausgebaut, sodass wir bisher nur vereinzelt Turniere durchführen konnten, bei denen mindestens 8 Spieler oder Teams sich für eine Turnierform anmelden. Wir sind dabei, die einzelnen Clubs zu kontaktieren, damit sie auch Sie für die Meisterschaft Spieler und Teams anmelden. Unabhängig von den Clubs kann sich jeder Golfer zu den Turnieren auf Caddylog.de anmelden.<br><br>
</p>

 <p style="text-align:center"><iframe style="margin-left:auto;margin-right:auto;width:90%;  max-width: 600px; min-height:600px; height:400px" src="https://www.google.com/maps/d/embed?mid=1HL0jSzo8Hu8xr7TIpEg6oSvcHJF9SrtW&ll=52.89436571087896%2C13.228723566786734&z=7"></iframe></p></p>
                        </div>
                 <div class="card-footer text-muted small" style="font-size: 0.8rem; line-height: 1.4;">
        Erstellt: 24.11.2022     | Aktualisiert: 09.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-e770540d48ac20d157d61c2cc8db4fac.png'><img src='/images/qr-codes/qr-code-e770540d48ac20d157d61c2cc8db4fac.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>
            </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>