diff --git a/app/config.json b/app/config.json
index debfb95..2e43b80 100644
--- a/app/config.json
+++ b/app/config.json
@@ -196,71 +196,77 @@
         ],
         "footer":
         [
-        {
-        "name": "Social Media",
-        "description": "Social and developer networks",
-        "icon_class": "fa-solid fa-network-wired",
-        "href": null,
-        "subitems": [
             {
-            "name": "Instagram",
-            "description": "Follow me on Instagram",
-            "icon_class": "fa-brands fa-instagram",
-            "href": "https://www.instagram.com/kevinveenbirkenbach/",
-            "subitems": []
-            },
+                "name": "Third Party Plattforms",
+                "description" : "Me on other plattforms",
+                "subitems:":[
             {
-            "name": "Facebook",
-            "description": "Like my Facebook page",
-            "icon_class": "fa-brands fa-facebook",
-            "href": "https://www.facebook.com/kevinveenbirkenbach",
-            "subitems": []
-            },
-            {
-            "name": "Duolingo",
-            "description": "Learn with me on Duolingo",
-            "icon_class": "fa-solid fa-language",
-            "href": "https://www.duolingo.com/profile/kevinbirkenbach",
-            "subitems": []
-            },
-            {
-            "name": "Spotify",
-            "description": "Listen to my playlists",
-            "icon_class": "fa-brands fa-spotify",
-            "href": "https://open.spotify.com/user/31vebfzbjf3p7oualis76qfpr5ty",
-            "subitems": []
-            }
-        ]
-        },
-        {
-        "name": "Community",
-        "description": "My presence in the Fediverse",
-        "icon_class": "fa-brands fa-mastodon",
-        "href": null,
-        "subitems": [
-            
-            {
-            "name": "Forum",
-            "description": "Join the discussion",
-            "icon_class": "fa-brands fa-discourse",
-            "href": "https://forum.veen.world/u/kevinveenbirkenbach",
-            "subitems": []
-            },
-            {
-                "name": "Newsletter",
-                "description": "Subscribe to my newsletter",
-                "icon_class": "fa-solid fa-envelope-open-text",
-                "href": "https://newsletter.veen.world/subscription/form",
+            "name": "Meta",
+            "description": "Social and developer networks",
+            "icon_class": "fa-brands fa-meta",
+            "href": null,
+            "subitems": [
+                {
+                "name": "Instagram",
+                "description": "Follow me on Instagram",
+                "icon_class": "fa-brands fa-instagram",
+                "href": "https://www.instagram.com/kevinveenbirkenbach/",
                 "subitems": []
                 },
                 {
-                "name": "Patreon",
-                "description": "Support me on Patreon",
-                "icon_class": "fa-brands fa-patreon",
-                "href": "https://patreon.com/kevinveenbirkenbach",
+                "name": "Facebook",
+                "description": "Like my Facebook page",
+                "icon_class": "fa-brands fa-facebook",
+                "href": "https://www.facebook.com/kevinveenbirkenbach",
                 "subitems": []
-             }
-        ]
+                },
+                {
+                "name": "Duolingo",
+                "description": "Learn with me on Duolingo",
+                "icon_class": "fa-solid fa-language",
+                "href": "https://www.duolingo.com/profile/kevinbirkenbach",
+                "subitems": []
+                },
+                {
+                "name": "Spotify",
+                "description": "Listen to my playlists",
+                "icon_class": "fa-brands fa-spotify",
+                "href": "https://open.spotify.com/user/31vebfzbjf3p7oualis76qfpr5ty",
+                "subitems": []
+                }
+            ]
+            },
+            {
+            "name": "Community",
+            "description": "My presence in the Fediverse",
+            "icon_class": "fa-brands fa-mastodon",
+            "href": null,
+            "subitems": [
+                
+                {
+                "name": "Forum",
+                "description": "Join the discussion",
+                "icon_class": "fa-brands fa-discourse",
+                "href": "https://forum.veen.world/u/kevinveenbirkenbach",
+                "subitems": []
+                },
+                {
+                    "name": "Newsletter",
+                    "description": "Subscribe to my newsletter",
+                    "icon_class": "fa-solid fa-envelope-open-text",
+                    "href": "https://newsletter.veen.world/subscription/form",
+                    "subitems": []
+                    },
+                    {
+                    "name": "Patreon",
+                    "description": "Support me on Patreon",
+                    "icon_class": "fa-brands fa-patreon",
+                    "href": "https://patreon.com/kevinveenbirkenbach",
+                    "subitems": []
+                }
+            ]
+            }
+            ]
         },
         {
         "name": "Work Hub",
diff --git a/app/static/js/tooltip.js b/app/static/js/tooltip.js
new file mode 100644
index 0000000..c55ae40
--- /dev/null
+++ b/app/static/js/tooltip.js
@@ -0,0 +1,7 @@
+// Initialisiert alle Tooltips auf der Seite
+document.addEventListener('DOMContentLoaded', function () {
+    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
+    tooltipTriggerList.forEach(function (tooltipTriggerEl) {
+        new bootstrap.Tooltip(tooltipTriggerEl);
+    });
+});
\ No newline at end of file
diff --git a/app/templates/index.html.backup b/app/templates/index.html.backup
deleted file mode 100644
index 9918752..0000000
--- a/app/templates/index.html.backup
+++ /dev/null
@@ -1,485 +0,0 @@
-<html>
-  <head>
-    <title>Kevin Veen-Birkenbach - Consulting and Coaching Solutions</title>
-    <meta charset="utf-8" >
-    <link rel="icon" type="image/x-icon" href="favicon.ico">
-    <!-- Bootstrap CSS only -->
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
-    <!-- Bootstrap JavaScript Bundle with Popper -->
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
-    <!-- Bootstrap Icons -->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
-    <!-- Fontawesome -->
-    <script src="https://kit.fontawesome.com/56f96da298.js" crossorigin="anonymous"></script>
-  </head>
-  <body>
-    <div class="container">
-      <div class="header">
-        <img src="512x512/logo_face.png" alt="logo"/>
-        <h1>Kevin Veen-Birkenbach</h1>
-        <h2>Consulting and Coaching Solutions</h2>
-      </div>
-      <div class="row">
-        <div class="card-column col-lg-3 col-md-6 col-12">
-          <div class="card h-100 d-flex flex-column">
-            <div class="card-body d-flex flex-column">
-              <div class="card-img-top">
-                <img src="512x512/logo_agile-coach.png" alt="Agile Coach" style="width: 100px; height: auto;"> 
-              </div>
-              <hr />
-              <h3 class="card-title">Agile Coach</h3>
-              <p class="card-text">I lead agile transformations and improve team dynamics through Scrum, DevOps, and Agile Coaching. My goal is to enhance collaboration and efficiency in organizations, ensuring agile principles are effectively implemented for sustainable success.</p>          
-              <a href="https://www.agile-coach.world" class="mt-auto btn btn-light stretched-link" ><i class="fa-solid fa-globe"></i> www.agile-coach.world</a>
-            </div>
-          </div>
-        </div>
-        <div class="card-column col-lg-3 col-md-6 col-12">
-          <div class="card h-100 d-flex flex-column">
-            <div class="card-body d-flex flex-column">
-              <div class="card-img-top">
-                <img src="512x512/logo_personal_coach.png" alt="Personal Coach" style="width: 100px; height: auto;"> 
-              </div>
-              <hr />
-              <h3 class="card-title">Personal Coach</h3>
-              <p class="card-text">Offering personalized coaching for growth and development, I utilize a blend of hypnotherapy, mediation, and holistic techniques. My approach is tailored to help you achieve personal and professional milestones, fostering holistic well-being.</p>
-              <a href="https://www.personalcoach.berlin" class="mt-auto btn btn-light stretched-link"  ><i class="fa-solid fa-globe"></i> www.personalcoach.berlin</a>
-            </div>
-          </div>
-        </div>
-        <div class="card-column col-lg-3 col-md-6 col-12">
-          <div class="card h-100 d-flex flex-column">
-            <div class="card-body d-flex flex-column">
-              <div class="card-img-top">
-                <img src="512x512/logo_yachtmaster.png" alt="Yachtmaster" style="width: 100px; height: auto;"> 
-              </div>
-              <hr />
-              <h3 class="card-title">Yachtmaster</h3>
-              <p class="card-text">As a Yachtmaster, I provide comprehensive sailing education, yacht delivery, and voyage planning services. Whether you're learning to sail or need an experienced skipper, my expertise ensures a safe and enjoyable experience on the water.</p>
-              <a href="https://www.yachtmaster.world" class="mt-auto btn btn-light stretched-link"  ><i class="fa-solid fa-globe"></i> www.yachtmaster.world</a>
-            </div>
-          </div>
-        </div>
-        <div class="card-column col-lg-3 col-md-6 col-12">
-          <div class="card h-100 d-flex flex-column">
-            <div class="card-body d-flex flex-column">
-              <div class="card-img-top">
-                <img src="512x512/logo_polymath.png" alt="Cross Domain Consultant" style="width: 100px; height: auto;"> 
-              </div>
-              <hr />
-              <h3 class="card-title">Polymath</h3>
-              <p class="card-text">I support the evaluation and execution of complex cross-domain projects, offering insights across land, sea, sky, and digital realms. My expertise helps clients navigate and succeed in multifaceted environments with strategic precision.</p>
-              <a href="https://www.crossdomain.consulting/" class="mt-auto btn btn-light stretched-link"  ><i class="fa-solid fa-globe"></i> www.crossdomain.consulting</a>
-            </div>
-          </div>
-        </div>
-        <div class="card-column col-lg-3 col-md-6 col-12">
-          <div class="card h-100 d-flex flex-column">
-            <div class="card-body d-flex flex-column">
-              <div class="card-img-top">
-                <img src="512x512/logo_cybermaster.png" alt="Cyber Master" style="width: 100px; height: auto;"> 
-              </div>
-              <hr />
-              <h3 class="card-title">Cybermaster</h3>
-              <p class="card-text">Specializing in open-source IT solutions for German SMBs, I focus on automation, security, and reliability. My services are designed to create robust infrastructures that streamline operations and safeguard digital assets.</p>
-              <a href="https://www.cybermaster.space" class="mt-auto btn btn-light stretched-link"  ><i class="fa-solid fa-globe"></i> www.cybermaster.space</a>
-            </div>
-          </div>
-        </div>
-        <div class="card-column col-lg-3 col-md-6 col-12">
-          <div class="card h-100 d-flex flex-column">
-            <div class="card-body d-flex flex-column">
-              <div class="card-img-top">
-                <img src="512x512/logo_prompt_master.png" alt="Prompt Master" style="width: 100px; height: auto;"> 
-              </div>
-              <hr />
-              <h3 class="card-title">Prompt Engineer</h3>
-              <p class="card-text">Leveraging AI's power, I specialize in crafting custom prompts and creative content for AI-driven applications. My services are aimed at businesses, creatives, and researchers looking to harness AI technology for innovation, efficiency, and exploring new possibilities.</p>
-              <a href="https://promptmaster.nexus" class="mt-auto btn btn-light stretched-link"  ><i class="fa-solid fa-globe"></i> www.promptmaster.nexus</a>
-            </div>
-          </div>
-        </div>
-        <div class="card-column col-lg-3 col-md-6 col-12">
-          <div class="card h-100 d-flex flex-column">
-            <div class="card-body d-flex flex-column">
-              <div class="card-img-top">
-                <img src="512x512/logo_mediator.png" alt="Mediator" style="width: 100px; height: auto;"> 
-              </div>
-              <hr />
-              <h3 class="card-title">Mediator</h3>
-              <p class="card-text">Specializing in resolving interpersonal and business conflicts with empathy and neutrality, I facilitate open communication to achieve lasting agreements and strengthen relationships. My mediation services are designed for individuals, teams, and organizations to foster a harmonious and productive environment.</p>
-              <a href="https://www.mediator.veen.world" class="mt-auto btn btn-light stretched-link"  ><i class="fa-solid fa-globe"></i> www.mediator.veen.world</a>
-            </div>
-          </div>
-        </div>
-        <div class="card-column col-lg-3 col-md-6 col-12">
-          <div class="card h-100 d-flex flex-column">
-            <div class="card-body d-flex flex-column">
-              <div class="card-img-top">
-                <img src="512x512/logo_hypnotherapist.png" alt="Hypnotherapist" style="width: 100px; height: auto;"> 
-              </div>
-              <hr />
-              <h3 class="card-title">Hypnotherapist</h3>
-              <p class="card-text">As a certified Hypnotherapist, I offer tailored sessions to address mental and emotional challenges through hypnosis. My approach helps unlock the subconscious to overcome negative beliefs and stress, empowering you to activate self-healing and embrace positive life changes.</p>
-              <a href="https://www.hypno.veen.world" class="mt-auto btn btn-light stretched-link"  ><i class="fa-solid fa-globe"></i> www.hypno.veen.world</a>
-            </div>
-          </div>
-        </div>
-        <div class="card-column col-lg-3 col-md-6 col-12">
-          <div class="card h-100 d-flex flex-column">
-            <div class="card-body d-flex flex-column">
-              <div class="card-img-top">
-                <img src="512x512/logo_skydiver.png" alt="Skydiver" style="width: 100px; height: auto;"> 
-              </div>
-              <hr />
-              <h3 class="card-title">Aerospace Consultant</h3>
-              <p class="card-text">As an Aerospace Consultant with aviation credentials, including a Sport Pilot License for Parachutes, and a Restricted Radiotelephony and Operator's Certificate I deliver expert consulting services. Currently training for my Private Pilot License, I specialize in guiding clients through aviation regulations, safety standards, and operational efficiency.</p>
-              <i class="fa-solid fa-hourglass"></i> Website under construction.
-            </div>
-          </div>
-        </div>
-        <div class="card-column col-lg-3 col-md-6 col-12">
-          <div class="card h-100 d-flex flex-column">
-            <div class="card-body d-flex flex-column">
-              <div class="card-img-top">
-                <img src="512x512/logo_hunter.png" alt="Hunter" style="width: 100px; height: auto;"> 
-              </div>
-              <hr />
-              <h3 class="card-title">Wildlife Expert</h3>
-              <p class="card-text">
-                As a certified hunter and wildlife coach, I offer educational programs, nature walks, survival trainings, and photo expeditions, merging ecological knowledge with nature respect. My goal is to foster sustainable conservation and enhance appreciation for the natural world through responsible practices.</p>
-              <i class="fa-solid fa-hourglass"></i> Website under construction.
-            </div>
-          </div>
-        </div>
-        <div class="card-column col-lg-3 col-md-6 col-12">
-          <div class="card h-100 d-flex flex-column">
-            <div class="card-body d-flex flex-column">
-              <div class="card-img-top">
-                <img src="512x512/logo_diver.png" alt="Diver" style="width: 100px; height: auto;"> 
-              </div>
-              <hr />
-              <h3 class="card-title">Master Diver</h3>
-              <p class="card-text">As a certified master diver with trainings in various specialties, I offer diving instruction, underwater photography, and guided dive tours. My experience ensures safe and enriching underwater adventures, highlighting marine conservation and the wonders of aquatic ecosystems.</p>
-              <i class="fa-solid fa-hourglass"></i> Website under construction.
-            </div>
-          </div>
-        </div>
-        <div class="card-column col-lg-3 col-md-6 col-12">
-          <div class="card h-100 d-flex flex-column">
-            <div class="card-body d-flex flex-column">
-              <div class="card-img-top">
-                <img src="512x512/logo_massage_therapist.png" alt="Massgage Therapist" style="width: 100px; height: auto;"> 
-              </div>
-              <hr />
-              <h3 class="card-title">Massage Therapist</h3>
-              <p class="card-text">
-                Certified in Tantra Massage, I offer unique full-body rituals to awaken senses and harmonize body and mind. My sessions, a blend of ancient Tantra and modern relaxation, focus on energy flow, personal growth, and spiritual awakening.</p>
-              <i class="fa-solid fa-hourglass"></i> Website under construction.
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-lg-2 col-md-4 col-sm-6 col-12 mt-4">
-          <h3 class="footer-title">Networks</h3>
-          <ul class="list-group list-group-flush">
-            <li class="list-group-item">
-              <a rel="me" href="https://github.com/kevinveenbirkenbach">
-                <i class="bi bi-github"></i>
-                GitHub
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://www.instagram.com/kevinveenbirkenbach/">
-                <i class="fa-brands fa-instagram"></i>
-                Instagram
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://www.xing.com/profile/Kevin_VeenBirkenbach">
-                <i class="bi bi-building"></i>
-                XING
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://www.linkedin.com/in/kevinveenbirkenbach">
-                <i class="bi bi-linkedin"></i>
-                LinkedIn
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://www.facebook.com/kevinveenbirkenbach">
-                <i class="fa-brands fa-facebook"></i> Facebook
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://www.duolingo.com/profile/kevinbirkenbach">
-                <i class="fa-solid fa-language"></i> Duolingo
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://open.spotify.com/user/31vebfzbjf3p7oualis76qfpr5ty">
-                <i class="fa-brands fa-spotify"></i> Spotify
-              </a>
-            </li>
-          <ul>
-        </div>
-        <div class="col-lg-2 col-md-4 col-sm-6 col-12 mt-4">
-          <h3 class="footer-title">Fediverse</h3>
-          <ul class="list-group list-group-flush">
-            <li class="list-group-item">
-              <a rel="me" href="https://microblog.veen.world/@kevinveenbirkenbach">
-                <i class="fa-brands fa-mastodon"></i>
-                Microblog
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://picture.veen.world/kevinveenbirkenbach">
-                <i class="fa-solid fa-camera"></i>
-                Pictures
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://video.veen.world/a/kevinveenbirkenbach">
-                <i class="fa-solid fa-video"></i>
-                Videos
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://blog.veen.world">
-                <i class="fa-solid fa-blog"></i>
-                Blog
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://git.veen.world/kevinveenbirkenbach" class="link">
-                <i class="fa-solid fa-code"></i>
-                Code
-              </a>
-            </li>
-            <li class="list-group-item">
-              <s><a rel="me" href="https://music.veen.world">
-                <i class="fa-solid fa-music"></i>
-                Music
-              </a></s>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://forum.veen.world/u/kevinveenbirkenbach">
-                <i class="fa-brands fa-discourse"></i> Forum
-              </a>
-            </li>
-          <ul>
-        </div>
-        <div class="col-lg-2 col-md-4 col-sm-6 col-12 mt-4">
-          <h3 class="footer-title">Engagement</h3>
-          <ul class="list-group list-group-flush">
-            <li class="list-group-item">
-              <a rel="me" href="https://newsletter.veen.world/subscription/form" class="link">
-                <i class="fa-solid fa-envelope-open-text"></i>
-                Newsletter
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://meet.veen.world/" class="link">
-                <i class="fa-solid fa-video"></i>
-                Summits
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://mail.veen.world/">
-                <i class="fa-solid fa-envelope"></i>
-                Mail
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://academy.veen.world/">
-                <i class="fa-solid fa-graduation-cap"></i>
-                Academy
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://element.veen.world/">
-                <i class="fa-solid fa-comment"></i> Chat
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://s.veen.world/admin/">
-                <i class="bi bi-link"></i>
-                Links
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://patreon.com/kevinveenbirkenbach">
-                <i class="fa-brands fa-patreon"></i> Patreon
-              </a>
-            </li>
-          <ul>
-        </div>
-        <div class="col-lg-2 col-md-4 col-sm-6 col-12 mt-4">
-          <h3 class="footer-title">Workflow</h3>
-          <ul class="list-group list-group-flush">
-            <li class="list-group-item">
-              <a rel="me" href="https://project.veen.world/" class="link">
-                <i class="fa-solid fa-chart-line"></i>
-                Projects
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://kanban.veen.world/" class="link">
-                <i class="bi bi-clipboard2-check-fill"></i>
-                Kanban
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://matomo.veen.world/" class="link">
-                <i class="fa-solid fa-chart-simple"></i>
-                Matomo
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://baserow.veen.world/" class="link">
-                <i class="fa-solid fa-table"></i>
-                Baserow
-              </a>
-            </li>
-            <li class="list-group-item">
-              <s><a rel="me" href="https://finance.veen.world/">
-                <i class="bi bi-currency-exchange"></i>
-                Controlling 
-              </a></s>
-            </li>
-            <li class="list-group-item">
-              <s><a rel="me" href="https://tickets.veen.world/">
-                <i class="bi bi-ticket-perforated"></i>
-                Tickets
-              </a></s>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://cloud.veen.world/u/kevinveenbirkenbach" class="link">
-                <i class="fa-solid fa-cloud"></i>
-                Cloud
-              </a>
-            </li>
-          <ul>
-        </div>
-        <div class="col-lg-2 col-md-4 col-sm-6 col-12 mt-4">
-          <h3 class="footer-title">Logbooks</h3>
-          <ul class="list-group list-group-flush">
-            <li class="list-group-item">
-              <a rel="me" href="https://s.veen.world/skydiverlog" class="link">
-                <i class="fa-solid fa-parachute-box"></i>
-                Skydiver
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://s.veen.world/meilenbuch" class="link">
-                <i class="fa-solid fa-sailboat"></i>
-                Skipper
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://s.veen.world/diverlog" class="link">
-                <i class="fa-solid fa-fish"></i>
-                Diver
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://s.veen.world/pilotlog">
-                <i class="fa-solid fa-plane"></i> 
-                Pilote
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://s.veen.world/naturejournal">
-                <i class="fa-solid fa-tree"></i>
-                Nature
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://s.veen.world/garmin">
-                <i class="fa-solid fa-person-running"></i>
-                Garmin
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://s.veen.world/eversports">
-                <i class="fa-solid fa-dumbbell"></i>
-                Eversports
-              </a>
-            </li>
-          <ul>
-        </div>
-        <div class="col-lg-2 col-md-4 col-sm-6 col-12 mt-4">
-          <h3 class="footer-title">Contact</h3>
-          <ul class="list-group list-group-flush">
-            <li class="list-group-item">
-              <a rel="me" href="mailto:kevin@veen.world">
-                <i class="fa-solid fa-envelope"></i>
-                Email
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a alt="@kevinveenbirkenbach:veen.world" title="@kevinveenbirkenbach:veen.world" href="#" onclick="openPopup()">
-                <i class="bi bi-chat-left-text-fill"></i>
-                Matrix
-              </a>
-              <script>
-                function openPopup() {
-                  alert("Matrix: @kevinveenbirkenbach:veen.world");
-                }
-              </script>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="tel:+491781798023">
-                <i class="fa-solid fa-phone"></i>
-                Mobile
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://s.veen.world/pgp">
-                <i class="fa-solid fa-key"></i> 
-                PGP
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="tel:+491781798023" class="link">
-                <i class="fa-brands fa-signal-messenger"></i>
-                Signal
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://t.me/kevinveenbirkenbach" class="link">
-                <i class="fa-brands fa-telegram"></i>
-                Telegram
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://wa.me/491781798023" class="link">
-                <i class="fa-brands fa-whatsapp"></i>
-                Whatsapp
-              </a>
-            </li>
-          <ul>
-        </div>
-      </div>
-      <div class="footer">
-          <div itemscope itemtype="http://schema.org/LocalBusiness" class="small">
-            
-              <span itemprop="name">
-                Kevin Veen-Birkenbach <br />
-                Beratungs- und Coachingdienstleistungen
-              </span>
-            <p>
-              <i class="fa-solid fa-location-dot"></i>
-              <span itemprop="address">Afrikanische Straße 43, DE-13351 Berlin, Germany</span>
-            </p>
-            <p>
-              <a rel="me" href="imprint.html">
-                <i class="fa-solid fa-scale-balanced"></i> Imprint
-              </a>
-            </p>
-          </div>
-      </div>    
-    </div>
-  </body>
-</html>
diff --git a/app/templates/moduls/base.html.j2 b/app/templates/moduls/base.html.j2
index c7b39a2..fed5c2c 100644
--- a/app/templates/moduls/base.html.j2
+++ b/app/templates/moduls/base.html.j2
@@ -39,5 +39,6 @@
         <!-- Include modal -->
         {% include "moduls/modal.html.j2" %}
         <script src="{{ url_for('static', filename='js/dynamic-modal.js') }}"></script>
+        <script src="{{ url_for('static', filename='js/tooltip.js') }}"></script>
     </body>
 </html>
\ No newline at end of file