<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>rnnr.de - Fitness, Kondition, Sport, Gesundheit, Ausdauer, Laufen, RNNR</title>
    <!-- Tailwind CSS Link -->
    <link href="&#x2F;css&#x2F;app.72056330e3003a849f1109d0af77ed01.css" rel="stylesheet">
    <script src="/js/htmx.min.js" defer></script>
    <style>*{margin: 0; padding: 0;}</style>
    <meta  name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" content="">

    
    <script type="text/javascript">
        window._pQKdqgoh = window._pQKdqgoh || {};
        window._pQKdqgoh.queue = window._pQKdqgoh.queue || [];
    </script>
    <script src="https://kwserving.com/dm.js?cid=8CU70BJ1S" async="async"></script>
    

    <!-- Taboola Head Code -->
    <script type="text/javascript">
        window._taboola = window._taboola || [];
        _taboola.push({article:'auto'});
        !function (e, f, u, i) {
            if (!document.getElementById(i)){
                e.async = 1;
                e.src = u;
                e.id = i;
                f.parentNode.insertBefore(e, f);
            }
        }(document.createElement('script'),
        document.getElementsByTagName('script')[0],
        '//cdn.taboola.com/libtrc/kvgmbh-network/loader.js',
        'tb_loader_script');
        if(window.performance && typeof window.performance.mark == 'function')
            {window.performance.mark('tbl_ic');}
    </script>
</head>
<body class="font-sans text-gray-900 antialiased bg-gradient-to-br from-slate-50 via-gray-100 to-slate-200 min-h-screen">
<div class="min-h-screen">
    <nav class="sticky top-0 z-40 backdrop-blur-xl bg-opacity-90 shadow-lg shadow-black/5 border-b border-white/10" style="background-color: #56be64;">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex justify-between items-center h-auto sm:h-18 py-2">
            <!-- Logo and Title -->
            <div class="flex-grow flex justify-start">
                <a href="/" class="flex items-center group">
                    
                    <img src="/logos/logo_1.png" alt="Domain Logo" class="block h-12 w-auto transition-transform duration-300 group-hover:scale-105">
                    
                    <span class="ml-3 text-xl font-bold md:text-2xl text-white drop-shadow-sm tracking-tight">
                        rnnr.de
                    </span>
                </a>
            </div>
            <!-- Hamburger Button (Mobile) -->
            <div class="sm:hidden flex items-center">
                <button id="hamburger" class="text-white focus:outline-none p-2 rounded-lg hover:bg-white/10 transition-all duration-200">
                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
                    </svg>
                </button>
            </div>
            <!-- Search Form (Desktop) -->
            <div class="hidden sm:flex items-center justify-end">
                <form onsubmit="submitSearch(this); return false;" class="flex items-center">
                    <div class="relative">
                        <input type="text" name="keyword" placeholder="Ich suche..." aria-label="Search"
                        class="rounded-full py-2.5 px-5 pl-11 bg-white/20 backdrop-blur-sm text-white placeholder-white/70 border border-white/30 focus:outline-none focus:ring-2 focus:ring-yellow-400/50 focus:border-yellow-400/50 focus:bg-white/30 transition-all duration-300">
                        <i class="fas fa-search text-white/70 absolute left-4 top-1/2 transform -translate-y-1/2"></i>
                    </div>
                    <button type="submit"
                            class="bg-gradient-to-r from-yellow-400 to-amber-400 hover:from-yellow-300 hover:to-amber-300 text-base font-bold text-gray-900 py-2.5 px-6 rounded-full ml-3 focus:outline-none focus:ring-2 focus:ring-yellow-400/50 shadow-lg shadow-yellow-500/25 hover:shadow-yellow-500/40 transition-all duration-300 hover:scale-105">
                        Suchen
                    </button>
                </form>
            </div>
        </div>

        <!-- Search Form (Mobile View) -->
        <div class="sm:hidden flex justify-center mt-4">
            <form onsubmit="submitSearch(this); return false;" class="flex items-center w-full px-4 mb-4">
                <div class="relative w-full">
                    <input type="text" name="keyword" placeholder="Ich suche..." aria-label="Search"
                           class="rounded-full w-full py-2.5 px-4 pl-11 bg-white/20 backdrop-blur-sm text-white placeholder-white/70 border border-white/30 focus:outline-none focus:ring-2 focus:ring-yellow-400/50 transition-all duration-300">
                    <i class="fas fa-search text-white/70 absolute left-4 top-1/2 transform -translate-y-1/2"></i>
                </div>
                <button type="submit"
                        class="bg-gradient-to-r from-yellow-400 to-amber-400 hover:from-yellow-300 hover:to-amber-300 text-gray-900 font-bold py-2.5 px-5 rounded-full ml-2 focus:outline-none focus:ring-2 focus:ring-yellow-400/50 shadow-lg transition-all duration-300">
                    Suchen
                </button>
            </form>
        </div>
    </div>

    <!-- Dropdown Menu for Mobile -->
    <div id="mobileMenu" class="sm:hidden hidden flex-col space-y-1 py-3 px-4 backdrop-blur-md bg-opacity-95 border-t border-white/10" style="background-color: #80ff96;">
        
        
        
        
        <a href="/Fitness" class="block text-base font-medium py-2.5 px-3 rounded-lg hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Fitness
        </a>
        
        
        <a href="/Kondition" class="block text-base font-medium py-2.5 px-3 rounded-lg hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Kondition
        </a>
        
        
        <a href="/Sport" class="block text-base font-medium py-2.5 px-3 rounded-lg hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Sport
        </a>
        
        
        <a href="/Gesundheit" class="block text-base font-medium py-2.5 px-3 rounded-lg hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Gesundheit
        </a>
        
        
        <a href="/Ausdauer" class="block text-base font-medium py-2.5 px-3 rounded-lg hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Ausdauer
        </a>
        
        
        <a href="/Laufen" class="block text-base font-medium py-2.5 px-3 rounded-lg hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Laufen
        </a>
        
        
    </div>

    <!-- Navigation Links (Desktop View) -->
    <div class="hidden sm:flex justify-center space-x-6 py-1.5 max-w-full overflow-x-hidden backdrop-blur-sm bg-opacity-95 border-t border-white/5" style="background-color: #80ff96;">
        
        
        
        <a href="/Fitness" class="text-sm font-medium px-3 py-1.5 rounded-full hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Fitness
        </a>
        
        
        <a href="/Kondition" class="text-sm font-medium px-3 py-1.5 rounded-full hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Kondition
        </a>
        
        
        <a href="/Sport" class="text-sm font-medium px-3 py-1.5 rounded-full hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Sport
        </a>
        
        
        <a href="/Gesundheit" class="text-sm font-medium px-3 py-1.5 rounded-full hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Gesundheit
        </a>
        
        
        <a href="/Ausdauer" class="text-sm font-medium px-3 py-1.5 rounded-full hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Ausdauer
        </a>
        
        
        <a href="/Laufen" class="text-sm font-medium px-3 py-1.5 rounded-full hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Laufen
        </a>
        
        
    </div>
</nav>

<script>
    const hamburger = document.getElementById('hamburger');
    const mobileMenu = document.getElementById('mobileMenu');

    hamburger.addEventListener('click', () => {
        mobileMenu.classList.toggle('hidden');
    });

    function submitSearch(form) {
        var term = form.keyword.value;
        var formattedTerm = term.trim().split(' ').join('-').replace(/^-+|-+$/g, '');
        window.location.href = '/' + encodeURIComponent(formattedTerm);
    }
</script>


    <main id="main-content" class="py-8 overflow-x-hidden">
        <div class="max-w-[1300px] mx-auto px-4 sm:px-6 lg:px-8 mb-1">
            <!-- Exit Popup -->
            <div id="buyDomainPopUp"
                 class="fixed inset-0 bg-black/40 backdrop-blur-sm flex items-center justify-center hidden z-50 transition-all duration-300">
                <div class="newsletter bg-white/95 backdrop-blur-xl p-8 rounded-2xl shadow-2xl relative border border-gray-200/50 max-w-md mx-4">
                    <span class="close absolute top-4 right-4 cursor-pointer text-gray-400 hover:text-gray-600 text-2xl transition-all duration-200 hover:scale-110 hover:rotate-90 w-8 h-8 flex items-center justify-center rounded-full hover:bg-gray-100"
                          id="close_domain_popup">&times;</span>
                    <h4 class="font-bold text-xl mb-4 text-gray-800">
                        Nicht das Gesuchte gefunden?
                    </h4>
                    <a id="popupLink" href="#" target="_blank"
                       class="inline-block mt-2 mb-4 bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-400 hover:to-blue-500 text-white font-bold py-3 px-6 rounded-xl shadow-lg shadow-blue-500/25 hover:shadow-xl hover:shadow-blue-500/30 transition-all duration-300 hover:scale-105">
                        Weiter zu Shopping.eu
                    </a>
                    <h5 class="mt-6 mb-3 font-bold text-lg text-gray-700">
                        Oder besteht Interesse am Kauf dieser Domain?
                    </h5>
                    <p class="text-gray-600">
                        Bitte eine E-Mail an:
                        <span onclick="sendEmail()" class="underline text-blue-600 font-bold cursor-pointer hover:text-blue-700 transition-colors duration-200">domain@kv-gmbh.de</span>
                    </p>
                </div>
            </div>
            <div id="heroBanner"
     class="relative isolate overflow-hidden w-full max-w-none px-6 py-12 sm:py-16 lg:px-8 text-center text-white shadow-xl rounded-2xl border border-white/10" style="background-color: #56be64;">

    <button id="closeBanner"
            class="absolute top-4 right-4 text-white/70 hover:text-white text-3xl font-bold transition-all duration-200 hover:scale-110 w-10 h-10 flex items-center justify-center rounded-full hover:bg-white/10">
        &times;
    </button>

    <div class="mx-auto max-w-3xl relative z-10">
        <h2 class="text-3xl sm:text-5xl font-extrabold drop-shadow-lg">
            Domain
            <span>rnnr.de</span>
            kaufen?
        </h2>
        <p class="mt-5 text-base sm:text-lg leading-relaxed text-white/90">
            Wir ziehen mit dem Projekt
            <strong>rnnr.de</strong> um.<br>
            Sind Sie am Kauf der Domain
            <strong>rnnr.de</strong> interessiert?
        </p>
        <div class="mt-6 flex justify-center">
            <button onclick="sendEmail()"
                    class="rounded-xl bg-gradient-to-r from-yellow-400 to-amber-400 px-8 py-3.5 text-base font-bold text-gray-900 shadow-lg shadow-black/20 hover:from-yellow-300 hover:to-amber-300 hover:shadow-xl transition-all duration-300 hover:scale-105 active:scale-95">
                Jetzt Kaufanfrage stellen
            </button>
        </div>
        <p class="mt-5 text-sm text-white/80">
            Schicken Sie uns bitte eine Email an
            <span onclick="sendEmail()" class="underline font-bold cursor-pointer text-white hover:text-yellow-300 transition-colors duration-200">domain@kv-gmbh.de</span><br>
            oder rufen uns an: 0541-91531010.
        </p>
    </div>
</div>

<div id="collapsedBanner"
     class="hidden relative isolate overflow-hidden w-full max-w-none px-6 py-4 text-center text-white shadow-lg rounded-2xl cursor-pointer border border-white/10 hover:shadow-xl transition-all duration-300 group" style="background-color: #56be64;">

    <div class="absolute top-3 right-4 text-white/70 group-hover:text-white transition-all duration-200">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 transition-transform duration-300 group-hover:translate-y-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
        </svg>
    </div>

    <h2 class="text-xl sm:text-2xl font-bold">
        Domain
        <span class="underline decoration-yellow-400 decoration-2 underline-offset-4">rnnr.de</span>
        kaufen?
    </h2>
</div>

<script>
    const heroBanner = document.getElementById('heroBanner');
    const closeBtn = document.getElementById('closeBanner');
    const collapsedBanner = document.getElementById('collapsedBanner');

    const path = window.location.pathname;
    const isHome = path === "/" || path === "";

    if (isHome) {
        heroBanner.style.display = 'block';
        collapsedBanner.classList.add('hidden');
    } else {
        heroBanner.style.display = 'none';
        collapsedBanner.classList.remove('hidden');
    }

    closeBtn.addEventListener('click', () => {
        heroBanner.classList.add('transition', 'duration-500', 'ease-in-out', 'opacity-0');
        setTimeout(() => {
            heroBanner.style.display = 'none';
            collapsedBanner.classList.remove('hidden');
        }, 500);
    });

    collapsedBanner.addEventListener('click', () => {
        heroBanner.style.display = 'block';
        heroBanner.classList.remove('opacity-0');
        collapsedBanner.classList.add('hidden');
    });
</script>


            
<li id="ad-banner" class="rounded-xl shadow-md border border-gray-200/60 p-5 bg-white/80 flex flex-col justify-between text-center mt-10 mb-10">
    <span class="text-xs bg-yellow-400 text-gray-900 px-3 py-1 rounded-full font-semibold mb-3 inline-block mx-auto">Anzeige</span>
    <div class="rounded-lg overflow-hidden bg-gray-100 p-2 min-h-[250px]">
        <div id="758042672">
            <script type="text/javascript">
                try {
                    window._pQKdqgoh = window._pQKdqgoh || {};
                    window._pQKdqgoh.queue = window._pQKdqgoh.queue || [];
                    window._pQKdqgoh.queue.push(function () {
                        window._pQGhwdlov.loadTag("758042672", "970x250", "758042672");
                    });
                } catch (e) {}
            </script>
        </div>
    </div>
</li>


<!-- MAIN PAGE LAYOUT (Row 1: 2 FAQs left, 2 Products right; then alternating full rows) -->
<div id="main-page-layout" class="hidden">
    <!-- Row 1: 2 FAQs (left 50%) + 2 Products (right 50%) -->
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8">
        <!-- Left side: 2 FAQs stacked -->
        <div class="space-y-6">
            
                <section class="">
    <div id="faq-content">
        <li class="faq-item p-4 rounded-xl flex flex-col justify-between transition-all duration-300 w-full bg-white/80 backdrop-blur-sm border border-gray-200/60 shadow-md hover:shadow-lg">
            <h3 class="font-bold bg-gray-100 p-3 rounded-lg text-lg cursor-pointer transition-all duration-200 hover:bg-gray-200"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Wie kann ich meine Ausdauer und Kondition beim Joggen effektiv verbessern?
            </h3>

            <div class="faq-answer-wrapper relative pb-5">
                <p class="faq-answer text-gray-600 text-sm mt-2 transition-all duration-300 cursor-pointer w-full leading-relaxed"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    1. Steigere langsam die Dauer und Intensität deiner Joggingeinheiten, um deine Ausdauer zu verbessern.
2. Integriere Intervalltraining und Bergläufe in dein Training, um deine Kondition zu steigern.
3. Achte auf eine ausgewogene Ernährung, ausreichend Regeneration und genug Schlaf, um deine Leistungsfähigkeit zu optimieren.
                    <span class="relative -top-[6px] text-[0.55em] opacity-40 font-normal select-none ml-1 inline-block">**</span>

                </p>

                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                        Mehr Anzeigen
                    </span>
                </button>
            </div>

            

            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center mt-3 pt-3 border-t border-gray-100">
                
                
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Training" class="block">
                                Training
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Ernährung" class="block">
                                Ernährung
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Regeneration" class="block">
                                Regeneration
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Intensität" class="block">
                                Intensität
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Schlaf" class="block">
                                Schlaf
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Bergläufe" class="block">
                                Bergläufe
                            </a>
                        </div>
                    
                
            </div>
        </li>
    </div>
</section>

<!-- Pills einfärben -->
<script>
    document.addEventListener("DOMContentLoaded", () => {
        const colors = [
            "bg-blue-500 text-white hover:bg-blue-600",
            "bg-indigo-500 text-white hover:bg-indigo-600",
            "bg-violet-500 text-white hover:bg-violet-600",
            "bg-pink-500 text-white hover:bg-pink-600",
            "bg-rose-500 text-white hover:bg-rose-600",
            "bg-emerald-500 text-white hover:bg-emerald-600",
            "bg-teal-500 text-white hover:bg-teal-600",
            "bg-cyan-500 text-white hover:bg-cyan-600"
        ];

        const pills = document.querySelectorAll(".keyword-pill");
        pills.forEach((pill, index) => {
            const colorClass = colors[index % colors.length];
            pill.className += " " + colorClass;
        });
    });
</script>

            
                <section class="">
    <div id="faq-content">
        <li class="faq-item p-4 rounded-xl flex flex-col justify-between transition-all duration-300 w-full bg-white/80 backdrop-blur-sm border border-gray-200/60 shadow-md hover:shadow-lg">
            <h3 class="font-bold bg-gray-100 p-3 rounded-lg text-lg cursor-pointer transition-all duration-200 hover:bg-gray-200"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Wie kann man das Joggen effektiv in sein Training integrieren, um die Ausdauer und Fitness zu verbessern?
            </h3>

            <div class="faq-answer-wrapper relative pb-5">
                <p class="faq-answer text-gray-600 text-sm mt-2 transition-all duration-300 cursor-pointer w-full leading-relaxed"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    Joggen regelmäßig in den Trainingsplan einbauen, idealerweise 2-3 Mal pro Woche. Langsam starten und die Intensität und Dauer langsam steigern, um Überlastungen zu vermeiden. Abwechslung durch Intervallläufe oder Bergläufe einbauen, um die Ausdauer und Fitness effektiv zu verbessern.
                    <span class="relative -top-[6px] text-[0.55em] opacity-40 font-normal select-none ml-1 inline-block">**</span>

                </p>

                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                        Mehr Anzeigen
                    </span>
                </button>
            </div>

            

            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center mt-3 pt-3 border-t border-gray-100">
                
                
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Joggen" class="block">
                                Joggen
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Training" class="block">
                                Training
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Ausdauer" class="block">
                                Ausdauer
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Fitness" class="block">
                                Fitness
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Intervallläufe" class="block">
                                Intervallläufe
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Bergläufe" class="block">
                                Bergläufe
                            </a>
                        </div>
                    
                
            </div>
        </li>
    </div>
</section>

<!-- Pills einfärben -->
<script>
    document.addEventListener("DOMContentLoaded", () => {
        const colors = [
            "bg-blue-500 text-white hover:bg-blue-600",
            "bg-indigo-500 text-white hover:bg-indigo-600",
            "bg-violet-500 text-white hover:bg-violet-600",
            "bg-pink-500 text-white hover:bg-pink-600",
            "bg-rose-500 text-white hover:bg-rose-600",
            "bg-emerald-500 text-white hover:bg-emerald-600",
            "bg-teal-500 text-white hover:bg-teal-600",
            "bg-cyan-500 text-white hover:bg-cyan-600"
        ];

        const pills = document.querySelectorAll(".keyword-pill");
        pills.forEach((pill, index) => {
            const colorClass = colors[index % colors.length];
            pill.className += " " + colorClass;
        });
    });
</script>

            
        </div>

        <!-- Right side: 2 Products in 2-column grid -->
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
            
                <section class="mb-8">
    <div id="product-content">
        <li class="bg-white/90 backdrop-blur-sm shadow-md rounded-xl m-1 flex flex-col transition-all duration-300 hover:-translate-y-1 hover:shadow-xl border border-gray-200/60 overflow-hidden group">
            <div id="product-1" class="flex flex-col rounded-xl overflow-hidden mx-4 md:mx-0">
                <form id="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMzNmb0w0ZTRMR1Q1XHBlWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlXMmVvS3lZblhcVVk7NU9ZZTVaNGpZZDI3S1hZMzZYWXl7ZUZmWmVITzVVMm0yY2xQc1A0blpUb3k1ZFhuTlRJam5mSlx1VDJXN2NWbjZmbFd6ZFpIdVM0aldUNG40ZFZcbFgycjdnSkw2Z0dMVGZabjRcSkRjVUlQSVN8TGtbMkdvZFlubVJWW3tPfEMyUVZpNU9GVzJRRVxyXEYyNE9sT3lQRm02UHxDM1BGaW9mSk87T2xDe1BsQzJPRks&#x2F;">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Frubiase-Sport-Ausdauer">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMzNmb0w0ZTRMR1Q1XHBlWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlXMmVvS3lZblhcVVk7NU9ZZTVaNGpZZDI3S1hZMzZYWXl7ZUZmWmVITzVVMm0yY2xQc1A0blpUb3k1ZFhuTlRJam5mSlx1VDJXN2NWbjZmbFd6ZFpIdVM0aldUNG40ZFZcbFgycjdnSkw2Z0dMVGZabjRcSkRjVUlQSVN8TGtbMkdvZFlubVJWW3tPfEMyUVZpNU9GVzJRRVxyXEYyNE9sT3lQRm02UHxDM1BGaW9mSk87T2xDe1BsQzJPRks&#x2F;">
                </form>

                <!-- Product Image -->
                <div class="overflow-hidden bg-gray-50">
                    <img class="w-full cursor-pointer min-h-[15rem] object-cover transition-transform duration-300 group-hover:scale-103"
                         src="https://cdn.billiger.com/dynimg/dlTIwVnsmx9zyZKx8qK-ZWXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdTxBe7Oxl_A0_sARv0mHKhv0CgGnhjjVl5OGpPYmbTzxrvlR6vFafps/623049870548_large.webp"
                         alt="Frubiase Sport Ausdauer"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMzNmb0w0ZTRMR1Q1XHBlWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlXMmVvS3lZblhcVVk7NU9ZZTVaNGpZZDI3S1hZMzZYWXl7ZUZmWmVITzVVMm0yY2xQc1A0blpUb3k1ZFhuTlRJam5mSlx1VDJXN2NWbjZmbFd6ZFpIdVM0aldUNG40ZFZcbFgycjdnSkw2Z0dMVGZabjRcSkRjVUlQSVN8TGtbMkdvZFlubVJWW3tPfEMyUVZpNU9GVzJRRVxyXEYyNE9sT3lQRm02UHxDM1BGaW9mSk87T2xDe1BsQzJPRks/')">
                </div>

                <!-- Product Content -->
                <div class="px-5 flex flex-col flex-grow min-h-[9rem]">
                    <div class="min-h-[3.5rem] flex justify-between m-auto relative">
                        <div id="title-1" class="font-bold text-base mb-2 overflow-hidden line-clamp-2 cursor-pointer text-gray-800"
                             onclick="toggleTitle(1)">
                            Frubiase Sport Ausdauer
                        </div>

                        
                        <a href="/Frubiase-Sport-Ausdauer" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Frubiase-Sport-Ausdauer">
              <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
            </a>
                    </div>
                    <hr>
                    <div class="flex justify-between items-end relative mt-1">
                        <div id="description-1" class="text-gray-600 text-sm flex-grow line-clamp-3 cursor-pointer leading-relaxed"
                             onclick="toggleDescription(1)">
                            <span class="break-words">Frubiase Sport Ausdauer Pulver 440 g - von STADA Consumer Health Deutschland GmbH - Kategorie: Powerdrinks - versandkostenfrei</span>
                        </div>
                        <button onclick="toggleDescription(1)"
                                class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                aria-label="Toggle Description">
                            <i id="toggle-icon-1" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                            <span id="toggle-text-1" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                Mehr Anzeigen
              </span>
                        </button>
                    </div>
                </div>

                <!-- Product Footer -->
                <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                    <hr class="mb-1 border-gray-300">
                    <div class="mb-1">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMzNmb0w0ZTRMR1Q1XHBlWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlXMmVvS3lZblhcVVk7NU9ZZTVaNGpZZDI3S1hZMzZYWXl7ZUZmWmVITzVVMm0yY2xQc1A0blpUb3k1ZFhuTlRJam5mSlx1VDJXN2NWbjZmbFd6ZFpIdVM0aldUNG40ZFZcbFgycjdnSkw2Z0dMVGZabjRcSkRjVUlQSVN8TGtbMkdvZFlubVJWW3tPfEMyUVZpNU9GVzJRRVxyXEYyNE9sT3lQRm02UHxDM1BGaW9mSk87T2xDe1BsQzJPRks/')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: healthii
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 20.99 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 2.90 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMzNmb0w0ZTRMR1Q1XHBlWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlXMmVvS3lZblhcVVk7NU9ZZTVaNGpZZDI3S1hZMzZYWXl7ZUZmWmVITzVVMm0yY2xQc1A0blpUb3k1ZFhuTlRJam5mSlx1VDJXN2NWbjZmbFd6ZFpIdVM0aldUNG40ZFZcbFgycjdnSkw2Z0dMVGZabjRcSkRjVUlQSVN8TGtbMkdvZFlubVJWW3tPfEMyUVZpNU9GVzJRRVxyXEYyNE9sT3lQRm02UHxDM1BGaW9mSk87T2xDe1BsQzJPRks/')" type="button"
                                class="w-full bg-gradient-to-r from-yellow-400 to-amber-400 hover:from-yellow-300 hover:to-amber-300 rounded-full px-4 py-2.5 text-sm font-bold text-gray-900 shadow-md transition-all duration-300 hover:shadow-lg">
                            Weiter zum Produkt
                        </button>
                    </div>
                </div>
            </div>
        </li>
    </div>
</section>

            
                <section class="mb-8">
    <div id="product-content">
        <li class="bg-white/90 backdrop-blur-sm shadow-md rounded-xl m-1 flex flex-col transition-all duration-300 hover:-translate-y-1 hover:shadow-xl border border-gray-200/60 overflow-hidden group">
            <div id="product-2" class="flex flex-col rounded-xl overflow-hidden mx-4 md:mx-0">
                <form id="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3BmbkhGVUhcb1VYcXxOWExHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzNceFRvXFNmfEh0Y3BMdE5Xdm1QSTtSVkdLe1hWaktPSW53ZTI6dlBsXFhUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U21yVVtsTFNVbVhGZW1ycVRsak1Ub3JIWDNQWGVKanJUWXE1ZUlIWE9YWzdjM3J1ZVhcT1tublJUcFxcY0ZYdWZsQ3ljMmozTG8zclxGMjRRVkN5T2xXNE9WT3tQRVxyXEYyNFFWQ3lPbFc0T1ZPe1BFXDJlfDJ7T0ZLNE9GU3lPaT8&#x2F;">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Frubiase-Sport-Ausdauer-440">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3BmbkhGVUhcb1VYcXxOWExHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzNceFRvXFNmfEh0Y3BMdE5Xdm1QSTtSVkdLe1hWaktPSW53ZTI6dlBsXFhUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U21yVVtsTFNVbVhGZW1ycVRsak1Ub3JIWDNQWGVKanJUWXE1ZUlIWE9YWzdjM3J1ZVhcT1tublJUcFxcY0ZYdWZsQ3ljMmozTG8zclxGMjRRVkN5T2xXNE9WT3tQRVxyXEYyNFFWQ3lPbFc0T1ZPe1BFXDJlfDJ7T0ZLNE9GU3lPaT8&#x2F;">
                </form>

                <!-- Product Image -->
                <div class="overflow-hidden bg-gray-50">
                    <img class="w-full cursor-pointer min-h-[15rem] object-cover transition-transform duration-300 group-hover:scale-103"
                         src="https://cdn.billiger.com/dynimg/QYMEwS_ocnp-LVCPTH6juqXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdW6uS3504o3JH_Y6oJtzbv_cKAYAxfUfTMl5UPGZ3TGWXlz63jQM3yI/69002561324_large.webp"
                         alt="Frubiase Sport Ausdauer 440 G"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3BmbkhGVUhcb1VYcXxOWExHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzNceFRvXFNmfEh0Y3BMdE5Xdm1QSTtSVkdLe1hWaktPSW53ZTI6dlBsXFhUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U21yVVtsTFNVbVhGZW1ycVRsak1Ub3JIWDNQWGVKanJUWXE1ZUlIWE9YWzdjM3J1ZVhcT1tublJUcFxcY0ZYdWZsQ3ljMmozTG8zclxGMjRRVkN5T2xXNE9WT3tQRVxyXEYyNFFWQ3lPbFc0T1ZPe1BFXDJlfDJ7T0ZLNE9GU3lPaT8/')">
                </div>

                <!-- Product Content -->
                <div class="px-5 flex flex-col flex-grow min-h-[9rem]">
                    <div class="min-h-[3.5rem] flex justify-between m-auto relative">
                        <div id="title-2" class="font-bold text-base mb-2 overflow-hidden line-clamp-2 cursor-pointer text-gray-800"
                             onclick="toggleTitle(2)">
                            Frubiase Sport Ausdauer 440 G
                        </div>

                        
                        <a href="/Frubiase-Sport-Ausdauer-440" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Frubiase-Sport-Ausdauer-440">
              <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
            </a>
                    </div>
                    <hr>
                    <div class="flex justify-between items-end relative mt-1">
                        <div id="description-2" class="text-gray-600 text-sm flex-grow line-clamp-3 cursor-pointer leading-relaxed"
                             onclick="toggleDescription(2)">
                            <span class="break-words">Produkteigenschaften: Bezeichnung: Nahrungsergänzungsmittel mit einer Zuckerart (Palatinose) und Süßungsmitteln Verwendung&#x2F;Anwendung&#x2F;Verzehrempfehlung: Einmal täglich 40 g (ca.2 gehäufte Esslöffel) in stillem Wasser unter Rühren auflösen und trinken. Wenn das Brausepulver in 500 ml Wasser aufgelöst wird, erhält man eine isotonische Lösung, die eine optimale Aufnahme gewährleistet. Nährwertdeklaration: Nährwerte pro 40 g pro 100 g Brennwert 514 kJ&#x2F;123 kcal 1286 kJ&#x2F;307 kcal Fett, davon 0 g 0 g o gesättigte Fettsäuren 0 g 0 g Kohlenhydrate, davon 26,0 g 65,1 g o Zucker 25,9 g 64,8 g Eiweiß 0 g 0 g Kochsalz 0 g 0 g Salz 0 g 0 g Nährstoffe pro 40 g %NRV* Palatinose 27,4 g ** Vitamin D3 5,0 μg 100% Vitamin B1 4,2 mg 380% Vitamin B2 4,8 mg 340% Niacin 54 mg (NE) 340% Pantothensäure 18 mg 300% Vitamin B6 6,0 mg 430% Folsäure 600 μg 300% Biotin 450 μg 900% Vitamin B12 3,0 μg 120% Vitamin C 180 mg 225% Vitamin E 30 mg (alpha-TE) 250% Calcium 500 mg 63% Kalium 500 mg 25% Magnesium 350 mg 93% Eisen 5,0 mg 36% Zink 5,0 mg 50% Jod 90 μg 60% * Referenzmenge für die tägliche Zufuhr gemäß EU-Verordnung 1169&#x2F;2011. ** Keine Angaben vorhanden. Zutaten: Isomaltulose* (Palatinose 68,45%), Säuerungsmittel Citronensäure, Kaliumhydrogenphosphat, Magnesiumhydroxidcarbonat, Calciumcarbonat, Säureregulator Trinatriumcitrat Dihydrat, Säureregulator Natriumhydrogencarbonat, L-Ascorbinsäure (Vitamin C), Aroma ( Limette), Nicotinamid (Niacin), DL-alpha-Tocopherylacetat (Vitamin E), Calcium-D-Pantothenat (Pantothensäure), Eisensulfat, Zinksulfat, Pyridoxinhydrochlorid (Vitamin B6), Riboflavin-5-Phosphat (Vitamin B2), Thiaminhydrochlorid (Vitamin B1), Süßstoff Natrium-Cyclamat, Pteroylmonoglutaminsäure (Folsäure), Biotin, Kaliumiodid, Cholecalciferol (Vitamin D3), Cyanocobalamin (Vitamin B12). * Isomaltulose ist eine Glucose -und Fruktosequelle. Allergene: keine Nettofüllmenge: 440 g Brausepulver Aufbewahrungsbedingungen: Kühl (ư°C bis ქ°C) und trocken lagern. Ursprungsland des Lebensmittels: Deutschland Anschrift des Herstellers: Stada Consumer Health Deutschland GmbH Stadastraße 2 - 18 61118 Bad Vilbel Weitere Hinweise: Das Produkt ist für Kinder unter 4 Jahren nicht geeignet. Nur in der Apotheke erhältlich. Die angegebene empfohlene tägliche Verzehrsmenge darf nicht überschritten werden. Nahrungsergänzungsmittel sind kein Ersatz für eine ausgewogene und abwechslungsreiche Ernährung und gesunde Lebensweise. Für kleine Kinder unzugänglich aufbewahren. Quelle: Angaben der Packungsbeilage Stand: 04&#x2F;2023</span>
                        </div>
                        <button onclick="toggleDescription(2)"
                                class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                aria-label="Toggle Description">
                            <i id="toggle-icon-2" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                            <span id="toggle-text-2" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                Mehr Anzeigen
              </span>
                        </button>
                    </div>
                </div>

                <!-- Product Footer -->
                <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                    <hr class="mb-1 border-gray-300">
                    <div class="mb-1">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3BmbkhGVUhcb1VYcXxOWExHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzNceFRvXFNmfEh0Y3BMdE5Xdm1QSTtSVkdLe1hWaktPSW53ZTI6dlBsXFhUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U21yVVtsTFNVbVhGZW1ycVRsak1Ub3JIWDNQWGVKanJUWXE1ZUlIWE9YWzdjM3J1ZVhcT1tublJUcFxcY0ZYdWZsQ3ljMmozTG8zclxGMjRRVkN5T2xXNE9WT3tQRVxyXEYyNFFWQ3lPbFc0T1ZPe1BFXDJlfDJ7T0ZLNE9GU3lPaT8/')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: onfy.de
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 18.44 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 4.49 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3BmbkhGVUhcb1VYcXxOWExHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzNceFRvXFNmfEh0Y3BMdE5Xdm1QSTtSVkdLe1hWaktPSW53ZTI6dlBsXFhUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U21yVVtsTFNVbVhGZW1ycVRsak1Ub3JIWDNQWGVKanJUWXE1ZUlIWE9YWzdjM3J1ZVhcT1tublJUcFxcY0ZYdWZsQ3ljMmozTG8zclxGMjRRVkN5T2xXNE9WT3tQRVxyXEYyNFFWQ3lPbFc0T1ZPe1BFXDJlfDJ7T0ZLNE9GU3lPaT8/')" type="button"
                                class="w-full bg-gradient-to-r from-yellow-400 to-amber-400 hover:from-yellow-300 hover:to-amber-300 rounded-full px-4 py-2.5 text-sm font-bold text-gray-900 shadow-md transition-all duration-300 hover:shadow-lg">
                            Weiter zum Produkt
                        </button>
                    </div>
                </div>
            </div>
        </li>
    </div>
</section>

            
        </div>
    </div>

    <div class="mb-10">
        <!-- Related Terms Section -->
<section class="w-full max-w-none px-6 py-6 lg:px-8 text-center text-white rounded-2xl shadow-xl my-6 mb-12 relative overflow-hidden border border-white/10" style="background-color: #56be64;">
    <h2 class="text-xl sm:text-2xl font-bold mb-6">
        Ähnliche Suchbegriffe für
        <span class="text-yellow-300">RNNR</span>
    </h2>

    <div id="related-terms" class="flex flex-wrap justify-center gap-3">
        
        
        <a href="/Ausdauer"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Ausdauer
        </a>
        
        <a href="/Verbessern"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Verbessern
        </a>
        
        <a href="/Steigern"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Steigern
        </a>
        
        <a href="/Training"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Training
        </a>
        
        <a href="/Kondition"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Kondition
        </a>
        
        <a href="/Fitness"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Fitness
        </a>
        
        <a href="/Intensität"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Intensität
        </a>
        
        <a href="/Erzielen"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Erzielen
        </a>
        
        <a href="/Ernährung"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Ernährung
        </a>
        
        <a href="/Trainieren"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Trainieren
        </a>
        
        
    </div>
</section>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        const chips = document.querySelectorAll('#related-terms .term-chip');
        const colors = [
            "#3B82F6", // Blue 500
            "#0EA5E9", // Sky 500
            "#10B981", // Emerald 500
            "#14B8A6", // Teal 500
            "#6366F1", // Indigo 500
            "#8B5CF6", // Violet 500
        ];
        chips.forEach(chip => {
            const color = colors[Math.floor(Math.random() * colors.length)];
            chip.style.backgroundColor = color;
            chip.style.color = "white"; // weiße Schrift für Eleganz
        });
    });
</script>


    </div>

    <h2 id="product-heading" class="text-2xl sm:text-3xl font-bold mb-3 mt-12 text-gray-800">
        Produkte zum Begriff RNNR:
    </h2>

    <hr class="my-3 border-gray-200 mb-8 bg-gradient-to-r from-transparent via-gray-300 to-transparent h-px border-0">

    <!-- Row 2: 4 Products -->
    <ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start mb-8">
        
            <section class="mb-8">
    <div id="product-content">
        <li class="bg-white/90 backdrop-blur-sm shadow-md rounded-xl m-1 flex flex-col transition-all duration-300 hover:-translate-y-1 hover:shadow-xl border border-gray-200/60 overflow-hidden group">
            <div id="product-1" class="flex flex-col rounded-xl overflow-hidden mx-4 md:mx-0">
                <form id="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMjZRWVhaZnxLNlcyM0pPb1s1W1dUVFcyVFJnV1c1WHxPN1U0WFhUMmZ3Z0hYWlxaSE9WbFhuT1c3eVxsVHxYNHpJZjNUVlBYZTZnV2k0V0c3cE9aRGNnblhvZW92OGZWZkpPR1xVZFhPNVNaRFhVbUhSZ0puTFA0enJWV1hYWnxYcVQyOzZZV0x4T1ZqaFRIcmNYWTczWEpcbFZGT3pmV1hMZkZbeWNGRFFjRlczT21QY1lYcXtjbXpaV0ZMfE5XNnlPWmpMZ1hXb2RZbm1SVlM2UFZXMlBWaTNRVmVvY1lTO1BGaTNQVlMzUUZXN1B7XDJlfDJ7T0ZLNE9GU3lPaT8&#x2F;">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Frubiase-Sport-Ausdauer-Pulver">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMjZRWVhaZnxLNlcyM0pPb1s1W1dUVFcyVFJnV1c1WHxPN1U0WFhUMmZ3Z0hYWlxaSE9WbFhuT1c3eVxsVHxYNHpJZjNUVlBYZTZnV2k0V0c3cE9aRGNnblhvZW92OGZWZkpPR1xVZFhPNVNaRFhVbUhSZ0puTFA0enJWV1hYWnxYcVQyOzZZV0x4T1ZqaFRIcmNYWTczWEpcbFZGT3pmV1hMZkZbeWNGRFFjRlczT21QY1lYcXtjbXpaV0ZMfE5XNnlPWmpMZ1hXb2RZbm1SVlM2UFZXMlBWaTNRVmVvY1lTO1BGaTNQVlMzUUZXN1B7XDJlfDJ7T0ZLNE9GU3lPaT8&#x2F;">
                </form>

                <!-- Product Image -->
                <div class="overflow-hidden bg-gray-50">
                    <img class="w-full cursor-pointer min-h-[15rem] object-cover transition-transform duration-300 group-hover:scale-103"
                         src="https://cdn.billiger.com/dynimg/IhE01Xl6Vdv7IP6JCtVoOCXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdb89V-dhhgT6hIho0n-_HQGUARP5G1ijID2a-guHDWKwutSHuOttJi4/4855458597_large.webp"
                         alt="Frubiase Sport Ausdauer Pulver für Sportgetränke"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMjZRWVhaZnxLNlcyM0pPb1s1W1dUVFcyVFJnV1c1WHxPN1U0WFhUMmZ3Z0hYWlxaSE9WbFhuT1c3eVxsVHxYNHpJZjNUVlBYZTZnV2k0V0c3cE9aRGNnblhvZW92OGZWZkpPR1xVZFhPNVNaRFhVbUhSZ0puTFA0enJWV1hYWnxYcVQyOzZZV0x4T1ZqaFRIcmNYWTczWEpcbFZGT3pmV1hMZkZbeWNGRFFjRlczT21QY1lYcXtjbXpaV0ZMfE5XNnlPWmpMZ1hXb2RZbm1SVlM2UFZXMlBWaTNRVmVvY1lTO1BGaTNQVlMzUUZXN1B7XDJlfDJ7T0ZLNE9GU3lPaT8/')">
                </div>

                <!-- Product Content -->
                <div class="px-5 flex flex-col flex-grow min-h-[9rem]">
                    <div class="min-h-[3.5rem] flex justify-between m-auto relative">
                        <div id="title-1" class="font-bold text-base mb-2 overflow-hidden line-clamp-2 cursor-pointer text-gray-800"
                             onclick="toggleTitle(1)">
                            Frubiase Sport Ausdauer Pulver für Sportgetränke
                        </div>

                        
                        <a href="/Frubiase-Sport-Ausdauer-Pulver" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Frubiase-Sport-Ausdauer-Pulver">
              <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
            </a>
                    </div>
                    <hr>
                    <div class="flex justify-between items-end relative mt-1">
                        <div id="description-1" class="text-gray-600 text-sm flex-grow line-clamp-3 cursor-pointer leading-relaxed"
                             onclick="toggleDescription(1)">
                            <span class="break-words">Anwendungsgebiet von Frubiase Sport Ausdauer Pulver für Sportgetränke UNTERSTÜTZT AUSDAUERSPORTLER BEI LANGEN AUSDAUEREINHEITEN frubiase® SPORT AUSDAUER enthält neben der ausgewählten Kombination aus Mineralstoffen, Vitaminen und Spurenelementen das einzigartige Kohlenhydrat Palatinose. Dadurch steigt der Blutzuckerspiegel nach der Einnahme weniger stark an als beim Verzehr von zuckerhaltigen Getränken, sondern bleibt über einen längeren Zeitraum stabil – ein großer Vorteil für ambitionierte Ausdauersportler.Gezielt kombinierte und genau dosierte Mineralstoffe, Vitamine und Spurenelementefrubiase® SPORT Pulver mit PalatinoseTM zur Unterstützung bei langen Ausdauereinheitenfrubiase® SPORT AUSDAUER ist laktose- und glutenfrei.In Zusammenarbeit mit der Deutschen Sporthochschule Köln entwickeltSchon mit einer Portion (40 g) des frubiase® SPORT AUSDAUER Brausepulvers mit frischem Limettengeschmack vor oder während des Sports können ambitionierte Ausdauersportler den Körper mit allen wichtigen Nährstoffen versorgen und gleichzeitig den Blutzuckerspiegel während Training und Wettkampf stabil halten.Frubiase Sport Ausdauer Pulver für Sportgetränke ist ein Nahrungsergänzungsmittel mit einer Zuckerart (Palatinose) und Süßungsmitteln. HÄUFIGE FRAGEN &amp; ANTWORTEN Wie ist die Zusammensetzung von frubiase® SPORT AUSDAUER? PalatinoseTM (Isomaltulose*), Säuerungsmittel Citronensäure, Kaliumhydrogenphosphat, Magnesiumhydroxidcarbonat, Calciumcarbonat, Säureregulator Tri-Natriumcitrat Dihydrat, Säureregulator Natriumhydrogencarbonat, L-Ascorbinsäure (Vitamin C), natürliches Aroma, Nicotinamid (Niacin), DL-α-Tocopherylacetat (Vitamin E), Calcium-D-Pantothenat (Pantothensäure), Eisensulfat, Zinksulfat, Pyridoxinhydrochlorid (Vitamin B6), Riboflavin‘5-phosphat (Vitamin B2), Thiaminhydrochlorid (Vitamin B1), Süßstoff Natrium-Cyclamat, Pteroylmonoglutaminsäure (Folsäure), Biotin, Kaliumiodid, Cholecalciferol (Vitamin D3), Cyanoc</span>
                        </div>
                        <button onclick="toggleDescription(1)"
                                class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                aria-label="Toggle Description">
                            <i id="toggle-icon-1" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                            <span id="toggle-text-1" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                Mehr Anzeigen
              </span>
                        </button>
                    </div>
                </div>

                <!-- Product Footer -->
                <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                    <hr class="mb-1 border-gray-300">
                    <div class="mb-1">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMjZRWVhaZnxLNlcyM0pPb1s1W1dUVFcyVFJnV1c1WHxPN1U0WFhUMmZ3Z0hYWlxaSE9WbFhuT1c3eVxsVHxYNHpJZjNUVlBYZTZnV2k0V0c3cE9aRGNnblhvZW92OGZWZkpPR1xVZFhPNVNaRFhVbUhSZ0puTFA0enJWV1hYWnxYcVQyOzZZV0x4T1ZqaFRIcmNYWTczWEpcbFZGT3pmV1hMZkZbeWNGRFFjRlczT21QY1lYcXtjbXpaV0ZMfE5XNnlPWmpMZ1hXb2RZbm1SVlM2UFZXMlBWaTNRVmVvY1lTO1BGaTNQVlMzUUZXN1B7XDJlfDJ7T0ZLNE9GU3lPaT8/')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: apodiscounter.de
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 17.46 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 2.99 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMjZRWVhaZnxLNlcyM0pPb1s1W1dUVFcyVFJnV1c1WHxPN1U0WFhUMmZ3Z0hYWlxaSE9WbFhuT1c3eVxsVHxYNHpJZjNUVlBYZTZnV2k0V0c3cE9aRGNnblhvZW92OGZWZkpPR1xVZFhPNVNaRFhVbUhSZ0puTFA0enJWV1hYWnxYcVQyOzZZV0x4T1ZqaFRIcmNYWTczWEpcbFZGT3pmV1hMZkZbeWNGRFFjRlczT21QY1lYcXtjbXpaV0ZMfE5XNnlPWmpMZ1hXb2RZbm1SVlM2UFZXMlBWaTNRVmVvY1lTO1BGaTNQVlMzUUZXN1B7XDJlfDJ7T0ZLNE9GU3lPaT8/')" type="button"
                                class="w-full bg-gradient-to-r from-yellow-400 to-amber-400 hover:from-yellow-300 hover:to-amber-300 rounded-full px-4 py-2.5 text-sm font-bold text-gray-900 shadow-md transition-all duration-300 hover:shadow-lg">
                            Weiter zum Produkt
                        </button>
                    </div>
                </div>
            </div>
        </li>
    </div>
</section>

        
            <section class="mb-8">
    <div id="product-content">
        <li class="bg-white/90 backdrop-blur-sm shadow-md rounded-xl m-1 flex flex-col transition-all duration-300 hover:-translate-y-1 hover:shadow-xl border border-gray-200/60 overflow-hidden group">
            <div id="product-2" class="flex flex-col rounded-xl overflow-hidden mx-4 md:mx-0">
                <form id="Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFFWSG1QWVBuW1UyNVxWUGxOVlRvW3xTdlFWS3xbezJ6UEZPeVBWVzVRVmk2XElTb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Bewegung,-Training,-Leistung-und">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFFWSG1QWVBuW1UyNVxWUGxOVlRvW3xTdlFWS3xbezJ6UEZPeVBWVzVRVmk2XElTb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=">
                </form>

                <!-- Product Image -->
                <div class="overflow-hidden bg-gray-50">
                    <img class="w-full cursor-pointer min-h-[15rem] object-cover transition-transform duration-300 group-hover:scale-103"
                         src="https://cdn.adindex.com/oimg/391d5cea-7e3c-4fc4-923c-1430557988dd"
                         alt="Bewegung, Training, Leistung und Gesundheit, Fachbücher von Michael Krüger, Arne Güllich"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFFWSG1QWVBuW1UyNVxWUGxOVlRvW3xTdlFWS3xbezJ6UEZPeVBWVzVRVmk2XElTb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')">
                </div>

                <!-- Product Content -->
                <div class="px-5 flex flex-col flex-grow min-h-[9rem]">
                    <div class="min-h-[3.5rem] flex justify-between m-auto relative">
                        <div id="title-2" class="font-bold text-base mb-2 overflow-hidden line-clamp-2 cursor-pointer text-gray-800"
                             onclick="toggleTitle(2)">
                            Bewegung, Training, Leistung und Gesundheit, Fachbücher von Michael Krüger, Arne Güllich
                        </div>

                        
                        <a href="/Bewegung-Training-Leistung-und" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Bewegung-Training-Leistung-und">
              <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
            </a>
                    </div>
                    <hr>
                    <div class="flex justify-between items-end relative mt-1">
                        <div id="description-2" class="text-gray-600 text-sm flex-grow line-clamp-3 cursor-pointer leading-relaxed"
                             onclick="toggleDescription(2)">
                            <span class="break-words">Dieses Handbuch bietet einen kompletten Überblick über die zentralen medizinischen, bewegungs- und trainingswissenschaftlichen Themen im Sport. Es richtet sich an das breite Publikum der Fachleute, Lehrenden und Wissenschaftler in Sport, Sportwissenschaft und den Gesundheitsberufen. Hier können Sie sich kompakt und kompetent über den Stand der Wissenschaft informieren. Das Handbuch ersetzt bisherige Lexika und Handbücher zum Sport. Die Texte sind verständlich formuliert und anschaulich aufbereitet. Die über 50 Kapitel in diesem Band geben Ihnen den aktuellsten wissenschaftlichen Stand über motorische Entwicklung, Bewegungslernen und -steuerung, Biomechanik, Physiologie, Gesundheits- und Leistungsdiagnostik sowie Anpassungen an sportliches Training. Zudem erhalten Sie Hinweise auf die wichtigste nationale und internationale Forschungsliteratur. Die Herausgeber: Arne Güllich ist Professor für Sportwissenschaft und leitet das Fachgebiet Sportwissenschaft an der TU Kaiserslautern. Er forscht in den Bereichen Jugendsport, Talententwicklung, Training und Förderstrukturen. Güllich hat zuvor im Deutschen Olympischen Sportbund als Leiter der Stabsstelle Grundsatzfragen gearbeitet. Praxiserfahrungen hat er als Trainer vom Jugendbereich bis zu den Olympischen Spielen gesammelt. Michael Krüger ist Professor für Sportwissenschaft an der Westfälischen Wilhelms-Universität zu Münster. Seine Forschungsschwerpunkte liegen im Bereich der Sportpädagogik und -geschichte, der wissenschaftstheoretischen Grundlagen der Sportwissenschaft, der olympischen Geschichte und Erziehung sowie von ethischen und pädagogischen Fragen des Sports. Er ist Verfasser und Herausgeber zahlreicher wissenschaftlicher Arbeiten zum Sport sowie mehrerer Lehr- und Handbücher zur Sportwissenschaft und Sportpädagogik.</span>
                        </div>
                        <button onclick="toggleDescription(2)"
                                class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                aria-label="Toggle Description">
                            <i id="toggle-icon-2" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                            <span id="toggle-text-2" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                Mehr Anzeigen
              </span>
                        </button>
                    </div>
                </div>

                <!-- Product Footer -->
                <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                    <hr class="mb-1 border-gray-300">
                    <div class="mb-1">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFFWSG1QWVBuW1UyNVxWUGxOVlRvW3xTdlFWS3xbezJ6UEZPeVBWVzVRVmk2XElTb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: Galaxus.de
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 139.99 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 0 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFFWSG1QWVBuW1UyNVxWUGxOVlRvW3xTdlFWS3xbezJ6UEZPeVBWVzVRVmk2XElTb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')" type="button"
                                class="w-full bg-gradient-to-r from-yellow-400 to-amber-400 hover:from-yellow-300 hover:to-amber-300 rounded-full px-4 py-2.5 text-sm font-bold text-gray-900 shadow-md transition-all duration-300 hover:shadow-lg">
                            Weiter zum Produkt
                        </button>
                    </div>
                </div>
            </div>
        </li>
    </div>
</section>

        
            <section class="mb-8">
    <div id="product-content">
        <li class="bg-white/90 backdrop-blur-sm shadow-md rounded-xl m-1 flex flex-col transition-all duration-300 hover:-translate-y-1 hover:shadow-xl border border-gray-200/60 overflow-hidden group">
            <div id="product-3" class="flex flex-col rounded-xl overflow-hidden mx-4 md:mx-0">
                <form id="Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYza1A0T3pcVm15UVUyNU98amtOVlRuUEZDdltZSGpQRTI3W1ZTM1xZVzZRRkhuUEZLb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Persen-Verlag-Ausdauer-und">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYza1A0T3pcVm15UVUyNU98amtOVlRuUEZDdltZSGpQRTI3W1ZTM1xZVzZRRkhuUEZLb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=">
                </form>

                <!-- Product Image -->
                <div class="overflow-hidden bg-gray-50">
                    <img class="w-full cursor-pointer min-h-[15rem] object-cover transition-transform duration-300 group-hover:scale-103"
                         src="https://cdn.adindex.com/oimg/b7c1e909-738b-4e40-aaa4-9a45ee881e42"
                         alt="Persen Verlag Ausdauer und Training"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYza1A0T3pcVm15UVUyNU98amtOVlRuUEZDdltZSGpQRTI3W1ZTM1xZVzZRRkhuUEZLb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')">
                </div>

                <!-- Product Content -->
                <div class="px-5 flex flex-col flex-grow min-h-[9rem]">
                    <div class="min-h-[3.5rem] flex justify-between m-auto relative">
                        <div id="title-3" class="font-bold text-base mb-2 overflow-hidden line-clamp-2 cursor-pointer text-gray-800"
                             onclick="toggleTitle(3)">
                            Persen Verlag Ausdauer und Training
                        </div>

                        
                        <a href="/Persen-Verlag-Ausdauer-und" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Persen-Verlag-Ausdauer-und">
              <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
            </a>
                    </div>
                    <hr>
                    <div class="flex justify-between items-end relative mt-1">
                        <div id="description-3" class="text-gray-600 text-sm flex-grow line-clamp-3 cursor-pointer leading-relaxed"
                             onclick="toggleDescription(3)">
                            <span class="break-words">Schnelle und ausdauernde Leistungen im Wasser bedingen ein gezieltes Feilen an Technik und Kondition. Die Schüler erarbeiten dazu in dieser Unterrichtseinheit vier Themenbereiche: den Start, die Atemtechnik, die Wende und die Erstellung eines eigenen Trainingsplans zur Schulung der Ausdauerleistung. Dieses Gesamtpaket soll jedem Schüler individuell seinen persönlichen Erfolg ermöglichen im Rahmen der Leitfrage, zu deren Beantwortung die einzelnen Materialien beitragen. Die Schüler werden erfahren, dass alle vier Faktoren zu einer Verbesserung der eigenen Schwimmleistung führen und dafür ein guter Trainingsplan absolut notwendig ist. Abgerundet werden die Materialien durch didaktische Vorbemerkungen, Lehrerhinweise und Lösungen.</span>
                        </div>
                        <button onclick="toggleDescription(3)"
                                class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                aria-label="Toggle Description">
                            <i id="toggle-icon-3" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                            <span id="toggle-text-3" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                Mehr Anzeigen
              </span>
                        </button>
                    </div>
                </div>

                <!-- Product Footer -->
                <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                    <hr class="mb-1 border-gray-300">
                    <div class="mb-1">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYza1A0T3pcVm15UVUyNU98amtOVlRuUEZDdltZSGpQRTI3W1ZTM1xZVzZRRkhuUEZLb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: Lehrerwelt.de
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 10.99 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 0 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYza1A0T3pcVm15UVUyNU98amtOVlRuUEZDdltZSGpQRTI3W1ZTM1xZVzZRRkhuUEZLb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')" type="button"
                                class="w-full bg-gradient-to-r from-yellow-400 to-amber-400 hover:from-yellow-300 hover:to-amber-300 rounded-full px-4 py-2.5 text-sm font-bold text-gray-900 shadow-md transition-all duration-300 hover:shadow-lg">
                            Weiter zum Produkt
                        </button>
                    </div>
                </div>
            </div>
        </li>
    </div>
</section>

        
            <section class="mb-8">
    <div id="product-content">
        <li class="bg-white/90 backdrop-blur-sm shadow-md rounded-xl m-1 flex flex-col transition-all duration-300 hover:-translate-y-1 hover:shadow-xl border border-gray-200/60 overflow-hidden group">
            <div id="product-4" class="flex flex-col rounded-xl overflow-hidden mx-4 md:mx-0">
                <form id="Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFxJT3lbfG5uUEUzak9sW3lOVlM3UUlHdlFWU3pPRTNrUUZEbVt8bXxRRk80W1ZXb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Stark-Verlag-STARK-Sport">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFxJT3lbfG5uUEUzak9sW3lOVlM3UUlHdlFWU3pPRTNrUUZEbVt8bXxRRk80W1ZXb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=">
                </form>

                <!-- Product Image -->
                <div class="overflow-hidden bg-gray-50">
                    <img class="w-full cursor-pointer min-h-[15rem] object-cover transition-transform duration-300 group-hover:scale-103"
                         src="https://cdn.adindex.com/oimg/3dc0c9e4-a260-498a-9410-b80dc93836a5"
                         alt="Stark Verlag STARK Sport - Abitur-Training - Trainingslehre und Sport und Gesundheit"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFxJT3lbfG5uUEUzak9sW3lOVlM3UUlHdlFWU3pPRTNrUUZEbVt8bXxRRk80W1ZXb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')">
                </div>

                <!-- Product Content -->
                <div class="px-5 flex flex-col flex-grow min-h-[9rem]">
                    <div class="min-h-[3.5rem] flex justify-between m-auto relative">
                        <div id="title-4" class="font-bold text-base mb-2 overflow-hidden line-clamp-2 cursor-pointer text-gray-800"
                             onclick="toggleTitle(4)">
                            Stark Verlag STARK Sport - Abitur-Training - Trainingslehre und Sport und Gesundheit
                        </div>

                        
                        <a href="/Stark-Verlag-STARK-Sport" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Stark-Verlag-STARK-Sport">
              <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
            </a>
                    </div>
                    <hr>
                    <div class="flex justify-between items-end relative mt-1">
                        <div id="description-4" class="text-gray-600 text-sm flex-grow line-clamp-3 cursor-pointer leading-relaxed"
                             onclick="toggleDescription(4)">
                            <span class="break-words">Sport - Abitur-Training - Trainingslehre und Sport und Gesundheit Das optimale Training der Themenbereiche Trainingslehre und Sport und Gesundheit. Sporttheorie in der Oberstufe leicht gemacht! Gut verständliche und ausführliche Darstellung der Themen biologisch-medizinische Grundlagen, Training, Trainingsarten, Sport und Gesundheit (Gesundheitsmodelle, Doping) Zur gezielten Vorbereitung auf Klausuren und das schriftliche Sport-Abitur Mit anschaulichen Abbildungen, Diagrammen, erläuternden Beispielen und übersichtlichen Tabellen Passende Übungsaufgaben mit leicht verständlichen Lösungen Übersichtliche Zusammenfassung am Ende eines Kapitels</span>
                        </div>
                        <button onclick="toggleDescription(4)"
                                class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                aria-label="Toggle Description">
                            <i id="toggle-icon-4" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                            <span id="toggle-text-4" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                Mehr Anzeigen
              </span>
                        </button>
                    </div>
                </div>

                <!-- Product Footer -->
                <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                    <hr class="mb-1 border-gray-300">
                    <div class="mb-1">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFxJT3lbfG5uUEUzak9sW3lOVlM3UUlHdlFWU3pPRTNrUUZEbVt8bXxRRk80W1ZXb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: Lehrerwelt.de
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 23.95 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 3.95 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFxJT3lbfG5uUEUzak9sW3lOVlM3UUlHdlFWU3pPRTNrUUZEbVt8bXxRRk80W1ZXb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')" type="button"
                                class="w-full bg-gradient-to-r from-yellow-400 to-amber-400 hover:from-yellow-300 hover:to-amber-300 rounded-full px-4 py-2.5 text-sm font-bold text-gray-900 shadow-md transition-all duration-300 hover:shadow-lg">
                            Weiter zum Produkt
                        </button>
                    </div>
                </div>
            </div>
        </li>
    </div>
</section>

        
    </ul>

    <!-- Row 3: 4 FAQs -->
    <ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start mb-8">
        
            <section class="">
    <div id="faq-content">
        <li class="faq-item p-4 rounded-xl flex flex-col justify-between transition-all duration-300 w-full bg-white/80 backdrop-blur-sm border border-gray-200/60 shadow-md hover:shadow-lg">
            <h3 class="font-bold bg-gray-100 p-3 rounded-lg text-lg cursor-pointer transition-all duration-200 hover:bg-gray-200"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Wie kann man seine Kondition und Ausdauer durch regelmäßiges Training verbessern?
            </h3>

            <div class="faq-answer-wrapper relative pb-5">
                <p class="faq-answer text-gray-600 text-sm mt-2 transition-all duration-300 cursor-pointer w-full leading-relaxed"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    Durch regelmäßiges Ausdauertraining wie Laufen, Schwimmen oder Radfahren kann die Kondition verbessert werden. Intervalltraining und Steigerung der Trainingsintensität helfen dabei, die Ausdauer zu steigern. Eine ausgewogene Ernährung und ausreichend Regeneration sind ebenfalls wichtig für die Verbesserung von Kondition und Ausdauer.
                    <span class="relative -top-[6px] text-[0.55em] opacity-40 font-normal select-none ml-1 inline-block">**</span>

                </p>

                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                        Mehr Anzeigen
                    </span>
                </button>
            </div>

            

            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center mt-3 pt-3 border-t border-gray-100">
                
                
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Laufen" class="block">
                                Laufen
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Schwimmen" class="block">
                                Schwimmen
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Radfahren" class="block">
                                Radfahren
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Intervalltraining" class="block">
                                Intervalltraining
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Ernährung" class="block">
                                Ernährung
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Regeneration" class="block">
                                Regeneration
                            </a>
                        </div>
                    
                
            </div>
        </li>
    </div>
</section>

<!-- Pills einfärben -->
<script>
    document.addEventListener("DOMContentLoaded", () => {
        const colors = [
            "bg-blue-500 text-white hover:bg-blue-600",
            "bg-indigo-500 text-white hover:bg-indigo-600",
            "bg-violet-500 text-white hover:bg-violet-600",
            "bg-pink-500 text-white hover:bg-pink-600",
            "bg-rose-500 text-white hover:bg-rose-600",
            "bg-emerald-500 text-white hover:bg-emerald-600",
            "bg-teal-500 text-white hover:bg-teal-600",
            "bg-cyan-500 text-white hover:bg-cyan-600"
        ];

        const pills = document.querySelectorAll(".keyword-pill");
        pills.forEach((pill, index) => {
            const colorClass = colors[index % colors.length];
            pill.className += " " + colorClass;
        });
    });
</script>

        
            <section class="">
    <div id="faq-content">
        <li class="faq-item p-4 rounded-xl flex flex-col justify-between transition-all duration-300 w-full bg-white/80 backdrop-blur-sm border border-gray-200/60 shadow-md hover:shadow-lg">
            <h3 class="font-bold bg-gray-100 p-3 rounded-lg text-lg cursor-pointer transition-all duration-200 hover:bg-gray-200"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Wie kann ich meine Ausdauer und Fitness durch regelmäßiges Joggen verbessern?
            </h3>

            <div class="faq-answer-wrapper relative pb-5">
                <p class="faq-answer text-gray-600 text-sm mt-2 transition-all duration-300 cursor-pointer w-full leading-relaxed"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    1. Steigere allmählich die Dauer und Intensität deiner Joggingeinheiten, um deine Ausdauer zu verbessern.
2. Ergänze dein Training mit Kraftübungen, um deine Fitness insgesamt zu steigern.
3. Achte auf ausreichende Regeneration und eine gesunde Ernährung, um optimale Ergebnisse zu erzielen.
                    <span class="relative -top-[6px] text-[0.55em] opacity-40 font-normal select-none ml-1 inline-block">**</span>

                </p>

                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                        Mehr Anzeigen
                    </span>
                </button>
            </div>

            

            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center mt-3 pt-3 border-t border-gray-100">
                
                
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Ausdauer" class="block">
                                Ausdauer
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Fitness" class="block">
                                Fitness
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Joggen" class="block">
                                Joggen
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Intensität" class="block">
                                Intensität
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Kraftübungen" class="block">
                                Kraftübungen
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Regeneration" class="block">
                                Regeneration
                            </a>
                        </div>
                    
                
            </div>
        </li>
    </div>
</section>

<!-- Pills einfärben -->
<script>
    document.addEventListener("DOMContentLoaded", () => {
        const colors = [
            "bg-blue-500 text-white hover:bg-blue-600",
            "bg-indigo-500 text-white hover:bg-indigo-600",
            "bg-violet-500 text-white hover:bg-violet-600",
            "bg-pink-500 text-white hover:bg-pink-600",
            "bg-rose-500 text-white hover:bg-rose-600",
            "bg-emerald-500 text-white hover:bg-emerald-600",
            "bg-teal-500 text-white hover:bg-teal-600",
            "bg-cyan-500 text-white hover:bg-cyan-600"
        ];

        const pills = document.querySelectorAll(".keyword-pill");
        pills.forEach((pill, index) => {
            const colorClass = colors[index % colors.length];
            pill.className += " " + colorClass;
        });
    });
</script>

        
            <section class="">
    <div id="faq-content">
        <li class="faq-item p-4 rounded-xl flex flex-col justify-between transition-all duration-300 w-full bg-white/80 backdrop-blur-sm border border-gray-200/60 shadow-md hover:shadow-lg">
            <h3 class="font-bold bg-gray-100 p-3 rounded-lg text-lg cursor-pointer transition-all duration-200 hover:bg-gray-200"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Wie kann man die Ausdauer beim Training steigern, um langfristige Fortschritte in den Bereichen Fitness, Ausdauer und Gesundheit zu erzielen?
            </h3>

            <div class="faq-answer-wrapper relative pb-5">
                <p class="faq-answer text-gray-600 text-sm mt-2 transition-all duration-300 cursor-pointer w-full leading-relaxed"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    Um die Ausdauer beim Training zu steigern, ist es wichtig, regelmäßig zu trainieren und langsam die Intensität zu erhöhen, um den Körper allmählich an höhere Belastungen zu gewöhnen. Zudem ist es hilfreich, verschiedene Trainingsmethoden wie Intervalltraining, Langstreckenläufe und Cross-Training zu kombinieren, um den gesamten Körper zu trainieren und die Ausdauer zu verbessern. Eine ausgewogene Ernährung, ausreichend Schlaf und die Vermeidung von übermäßigem Stress tragen ebenfalls dazu bei, die Ausdauer zu steigern und langfristige Fortschritte zu erzielen. Schließlich ist es wichtig, sich realistische Ziele zu setzen und motiviert zu bleiben, um kontinuierlich an der Verbesserung der Ausdauer zu arbeiten.
                    <span class="relative -top-[6px] text-[0.55em] opacity-40 font-normal select-none ml-1 inline-block">**</span>

                </p>

                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                        Mehr Anzeigen
                    </span>
                </button>
            </div>

            

            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center mt-3 pt-3 border-t border-gray-100">
                
                
                    <div style="min-height: 0px;"></div>
                
            </div>
        </li>
    </div>
</section>

<!-- Pills einfärben -->
<script>
    document.addEventListener("DOMContentLoaded", () => {
        const colors = [
            "bg-blue-500 text-white hover:bg-blue-600",
            "bg-indigo-500 text-white hover:bg-indigo-600",
            "bg-violet-500 text-white hover:bg-violet-600",
            "bg-pink-500 text-white hover:bg-pink-600",
            "bg-rose-500 text-white hover:bg-rose-600",
            "bg-emerald-500 text-white hover:bg-emerald-600",
            "bg-teal-500 text-white hover:bg-teal-600",
            "bg-cyan-500 text-white hover:bg-cyan-600"
        ];

        const pills = document.querySelectorAll(".keyword-pill");
        pills.forEach((pill, index) => {
            const colorClass = colors[index % colors.length];
            pill.className += " " + colorClass;
        });
    });
</script>

        
            <section class="">
    <div id="faq-content">
        <li class="faq-item p-4 rounded-xl flex flex-col justify-between transition-all duration-300 w-full bg-white/80 backdrop-blur-sm border border-gray-200/60 shadow-md hover:shadow-lg">
            <h3 class="font-bold bg-gray-100 p-3 rounded-lg text-lg cursor-pointer transition-all duration-200 hover:bg-gray-200"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Wie kann man die Ausdauer beim Training steigern, um langfristige Fortschritte in den Bereichen Fitness, Ausdauer und Gesundheit zu erzielen?
            </h3>

            <div class="faq-answer-wrapper relative pb-5">
                <p class="faq-answer text-gray-600 text-sm mt-2 transition-all duration-300 cursor-pointer w-full leading-relaxed"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    Um die Ausdauer beim Training zu steigern, ist es wichtig, regelmäßig zu trainieren und langsam die Intensität und Dauer der Übungen zu erhöhen. Ein abwechslungsreiches Training, das verschiedene Formen von Ausdauerübungen wie Laufen, Schwimmen, Radfahren und Intervalltraining umfasst, kann ebenfalls helfen, die Ausdauer zu verbessern. Eine ausgewogene Ernährung, ausreichend Schlaf und die Vermeidung von übermäßigem Stress sind ebenfalls wichtige Faktoren, um die Ausdauer zu steigern und langfristige Fortschritte in den Bereichen Fitness, Ausdauer und Gesundheit zu erzielen. Zudem ist es hilfreich, sich realistische Ziele zu setzen und sich selbst zu motivieren, um kontinuierlich an der Steigerung der Aus
                    <span class="relative -top-[6px] text-[0.55em] opacity-40 font-normal select-none ml-1 inline-block">**</span>

                </p>

                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                        Mehr Anzeigen
                    </span>
                </button>
            </div>

            

            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center mt-3 pt-3 border-t border-gray-100">
                
                
                    <div style="min-height: 0px;"></div>
                
            </div>
        </li>
    </div>
</section>

<!-- Pills einfärben -->
<script>
    document.addEventListener("DOMContentLoaded", () => {
        const colors = [
            "bg-blue-500 text-white hover:bg-blue-600",
            "bg-indigo-500 text-white hover:bg-indigo-600",
            "bg-violet-500 text-white hover:bg-violet-600",
            "bg-pink-500 text-white hover:bg-pink-600",
            "bg-rose-500 text-white hover:bg-rose-600",
            "bg-emerald-500 text-white hover:bg-emerald-600",
            "bg-teal-500 text-white hover:bg-teal-600",
            "bg-cyan-500 text-white hover:bg-cyan-600"
        ];

        const pills = document.querySelectorAll(".keyword-pill");
        pills.forEach((pill, index) => {
            const colorClass = colors[index % colors.length];
            pill.className += " " + colorClass;
        });
    });
</script>

        
    </ul>

    <!-- Row 4: 2 Products (left 50% in grid) + 2 FAQs (right 50% stacked) -->
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
        <!-- Left side: 2 Products in 2-column grid -->
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
            
                <section class="mb-8">
    <div id="product-content">
        <li class="bg-white/90 backdrop-blur-sm shadow-md rounded-xl m-1 flex flex-col transition-all duration-300 hover:-translate-y-1 hover:shadow-xl border border-gray-200/60 overflow-hidden group">
            <div id="product-1" class="flex flex-col rounded-xl overflow-hidden mx-4 md:mx-0">
                <form id="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7OzJjSW52ZFlXdmZJbnVkRTNrXFpmblw1WHdcezMzZG9TdmVKUDdbNGpyZTRQcVxVM3BcWlAzZG9UcVxZbjJOWlx4ZGszdGNZN21cWkx3TlpYd1xFM3NmWWZuZG9UdWNZUHFcWTYxZlpUdlo1UHhmWkxsXFYzeWZZTHVjWlBxXFpLb2ZaVHZaNDNuXEluM2RWM3Rma1wzZkkzaFs0SHZlSUhyXDQ2O1xJSDJbWVxuXFlTPw==">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Bewegung-und-psychische-Gesundheit">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7OzJjSW52ZFlXdmZJbnVkRTNrXFpmblw1WHdcezMzZG9TdmVKUDdbNGpyZTRQcVxVM3BcWlAzZG9UcVxZbjJOWlx4ZGszdGNZN21cWkx3TlpYd1xFM3NmWWZuZG9UdWNZUHFcWTYxZlpUdlo1UHhmWkxsXFYzeWZZTHVjWlBxXFpLb2ZaVHZaNDNuXEluM2RWM3Rma1wzZkkzaFs0SHZlSUhyXDQ2O1xJSDJbWVxuXFlTPw==">
                </form>

                <!-- Product Image -->
                <div class="overflow-hidden bg-gray-50">
                    <img class="w-full cursor-pointer min-h-[15rem] object-cover transition-transform duration-300 group-hover:scale-103"
                         src="https://media.averdo.com/picture/images_shop/B00/000/000/B00000000524833.jpg"
                         alt="Bewegung und psychische Gesundheit von Kindern und Jugendlichen (Thimme, Till)"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7OzJjSW52ZFlXdmZJbnVkRTNrXFpmblw1WHdcezMzZG9TdmVKUDdbNGpyZTRQcVxVM3BcWlAzZG9UcVxZbjJOWlx4ZGszdGNZN21cWkx3TlpYd1xFM3NmWWZuZG9UdWNZUHFcWTYxZlpUdlo1UHhmWkxsXFYzeWZZTHVjWlBxXFpLb2ZaVHZaNDNuXEluM2RWM3Rma1wzZkkzaFs0SHZlSUhyXDQ2O1xJSDJbWVxuXFlTPw==')">
                </div>

                <!-- Product Content -->
                <div class="px-5 flex flex-col flex-grow min-h-[9rem]">
                    <div class="min-h-[3.5rem] flex justify-between m-auto relative">
                        <div id="title-1" class="font-bold text-base mb-2 overflow-hidden line-clamp-2 cursor-pointer text-gray-800"
                             onclick="toggleTitle(1)">
                            Bewegung und psychische Gesundheit von Kindern und Jugendlichen (Thimme, Till)
                        </div>

                        
                        <a href="/Bewegung-und-psychische-Gesundheit" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Bewegung-und-psychische-Gesundheit">
              <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
            </a>
                    </div>
                    <hr>
                    <div class="flex justify-between items-end relative mt-1">
                        <div id="description-1" class="text-gray-600 text-sm flex-grow line-clamp-3 cursor-pointer leading-relaxed"
                             onclick="toggleDescription(1)">
                            <span class="break-words">Bewegung und psychische Gesundheit von Kindern und Jugendlichen , Grundlagen - Störungsbilder - Therapie , Scheinwerferblenden &amp; -gitter &gt; Karosserie &amp; Exterieur Styling , Erscheinungsjahr: 20210118, Produktform: Kartoniert, Beilage: kartoniert, Autoren: Thimme, Till, Seitenzahl&#x2F;Blattzahl: 476, Abbildungen: mit zahlreichen Abbildungen und Tabellen, Keyword: &quot;Bewegungstherapie; Akrobatik; Angststörungen Kinder und Jugendliche; Anorexie; Asperger Kind &quot;; Autismus Kind; Autismus-Spektrum-Störungen; BWT; Bewegung Jugendliche; Bewegung Kinder; Bewegung Kinder und Jugendliche; Bewegung und Gesundheit; Depression Jugendlicher; Depressionen bei Kindern; Depressive Störungen Kinder und Jugendliche; Erlebnispädagogik; Essstörungen Kinder und Jugendliche; Hyperkinetische Störungen; KJP; Kampfsport Kinder und Jugendliche; Kinder- und Jugendlichenpsychiatrie; Kinderängste; Magersucht; Resilienz; Salutogenese; Schizophrenie Kinder und Jugendliche; Sport Kinder; Sport in Förderschulen; Störungen des Sozialverhaltens Kinder und Jugendliche, Fachschema: Soziologie &#x2F; Familie, Jugend, Alter~Entwicklungspsychologie~Psychologie &#x2F; Entwicklung~Biopsychologie~Psychologie &#x2F; Biopsychologie~Medizin &#x2F; Sportmedizin~Sportmedizin, Fachkategorie: Altersgruppen: Jugendliche~Entwicklungspsychologie~Biopsychologie, Physiologische Psychologie, Neuropsychologie~Sportmedizin, Sportverletzungen, Warengruppe: HC&#x2F;Angewandte Psychologie, Fachkategorie: Altersgruppen: Kinder, Thema: Verstehen, Text Sprache: ger, UNSPSC: 49019900, Warenverzeichnis für die Außenhandelsstatistik: 49019900, Verlag: SCHATTAUER, Verlag: SCHATTAUER, Verlag: Schattauer, Länge: 238, Breite: 162, Höhe: 40, Gewicht: 994, Produktform: Klappenbroschur, Genre: Geisteswissenschaften&#x2F;Kunst&#x2F;Musik, Genre: Geisteswissenschaften&#x2F;Kunst&#x2F;Musik, Herkunftsland: DEUTSCHLAND (DE), Katalog: deutschsprachige Titel, Katalog: Gesamtkatalog, Katalog: Lagerartikel, Book on Demand, ausgew. Medienartikel, Relevanz: 0004, Tendenz: 0, Unterkatalog: AK, Unterkatalog: Bücher, Unterkatalog: Hardcover, Unterkatalog: Lagerartikel, WolkenId: 2345539</span>
                        </div>
                        <button onclick="toggleDescription(1)"
                                class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                aria-label="Toggle Description">
                            <i id="toggle-icon-1" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                            <span id="toggle-text-1" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                Mehr Anzeigen
              </span>
                        </button>
                    </div>
                </div>

                <!-- Product Footer -->
                <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                    <hr class="mb-1 border-gray-300">
                    <div class="mb-1">
                        <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7OzJjSW52ZFlXdmZJbnVkRTNrXFpmblw1WHdcezMzZG9TdmVKUDdbNGpyZTRQcVxVM3BcWlAzZG9UcVxZbjJOWlx4ZGszdGNZN21cWkx3TlpYd1xFM3NmWWZuZG9UdWNZUHFcWTYxZlpUdlo1UHhmWkxsXFYzeWZZTHVjWlBxXFpLb2ZaVHZaNDNuXEluM2RWM3Rma1wzZkkzaFs0SHZlSUhyXDQ2O1xJSDJbWVxuXFlTPw==')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: Averdo
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 58.00 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 0 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7OzJjSW52ZFlXdmZJbnVkRTNrXFpmblw1WHdcezMzZG9TdmVKUDdbNGpyZTRQcVxVM3BcWlAzZG9UcVxZbjJOWlx4ZGszdGNZN21cWkx3TlpYd1xFM3NmWWZuZG9UdWNZUHFcWTYxZlpUdlo1UHhmWkxsXFYzeWZZTHVjWlBxXFpLb2ZaVHZaNDNuXEluM2RWM3Rma1wzZkkzaFs0SHZlSUhyXDQ2O1xJSDJbWVxuXFlTPw==')" type="button"
                                class="w-full bg-gradient-to-r from-yellow-400 to-amber-400 hover:from-yellow-300 hover:to-amber-300 rounded-full px-4 py-2.5 text-sm font-bold text-gray-900 shadow-md transition-all duration-300 hover:shadow-lg">
                            Weiter zum Produkt
                        </button>
                    </div>
                </div>
            </div>
        </li>
    </div>
</section>

            
                <section class="mb-8">
    <div id="product-content">
        <li class="bg-white/90 backdrop-blur-sm shadow-md rounded-xl m-1 flex flex-col transition-all duration-300 hover:-translate-y-1 hover:shadow-xl border border-gray-200/60 overflow-hidden group">
            <div id="product-2" class="flex flex-col rounded-xl overflow-hidden mx-4 md:mx-0">
                <form id="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3RWMzozXFluTmYzTHpcSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZqUFhvM3xQSTNZVzNPNlBaQ3pPWER0UEhXNVtYanhQSHJyT0hpM1ZJdlFUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U2xUSU9HemtVVzdXWHBMc1daVDdWRlw2WUdLemN8UHdUbVRaUzNcVFVXSFBOVlg0V1pqd1RWVHFWbkQ3ZEpxfGNXWHBmNG5qTG8zclxGMntPRlcyUVZTe1FGTzVMb25tUlZLeVBWUzdQRks2T3xlb2ZKTztPbEN7UGxDMk9GSz8=">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="frubiase-SPORT-AUSDAUER-440">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3RWMzozXFluTmYzTHpcSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZqUFhvM3xQSTNZVzNPNlBaQ3pPWER0UEhXNVtYanhQSHJyT0hpM1ZJdlFUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U2xUSU9HemtVVzdXWHBMc1daVDdWRlw2WUdLemN8UHdUbVRaUzNcVFVXSFBOVlg0V1pqd1RWVHFWbkQ3ZEpxfGNXWHBmNG5qTG8zclxGMntPRlcyUVZTe1FGTzVMb25tUlZLeVBWUzdQRks2T3xlb2ZKTztPbEN7UGxDMk9GSz8=">
                </form>

                <!-- Product Image -->
                <div class="overflow-hidden bg-gray-50">
                    <img class="w-full cursor-pointer min-h-[15rem] object-cover transition-transform duration-300 group-hover:scale-103"
                         src="https://cdn.billiger.com/dynimg/o4N5GDbuyfy7PnvvTgPbZOXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdaosAmNbkfm3W1T0hmRkxuhNHjsiETHefCRf59ZSZxEeP9SGzGGD528/2054942837_large.webp"
                         alt="frubiase SPORT AUSDAUER 440 g Pulver"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3RWMzozXFluTmYzTHpcSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZqUFhvM3xQSTNZVzNPNlBaQ3pPWER0UEhXNVtYanhQSHJyT0hpM1ZJdlFUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U2xUSU9HemtVVzdXWHBMc1daVDdWRlw2WUdLemN8UHdUbVRaUzNcVFVXSFBOVlg0V1pqd1RWVHFWbkQ3ZEpxfGNXWHBmNG5qTG8zclxGMntPRlcyUVZTe1FGTzVMb25tUlZLeVBWUzdQRks2T3xlb2ZKTztPbEN7UGxDMk9GSz8=')">
                </div>

                <!-- Product Content -->
                <div class="px-5 flex flex-col flex-grow min-h-[9rem]">
                    <div class="min-h-[3.5rem] flex justify-between m-auto relative">
                        <div id="title-2" class="font-bold text-base mb-2 overflow-hidden line-clamp-2 cursor-pointer text-gray-800"
                             onclick="toggleTitle(2)">
                            frubiase SPORT AUSDAUER 440 g Pulver
                        </div>

                        
                        <a href="/frubiase-SPORT-AUSDAUER-440" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="frubiase-SPORT-AUSDAUER-440">
              <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
            </a>
                    </div>
                    <hr>
                    <div class="flex justify-between items-end relative mt-1">
                        <div id="description-2" class="text-gray-600 text-sm flex-grow line-clamp-3 cursor-pointer leading-relaxed"
                             onclick="toggleDescription(2)">
                            <span class="break-words">Nahrungsergänzungsmittel mit hochdosierten Mineralstoffen, Vitaminen und Spurenelementen. ?	Brausepulver für ein isotonisches Getränk mit Limettengeschmack ?	Ideale Unterstützung für sportlich aktive Menschen ?	Qualität von STADA, zuverlässiger und vertrauenswürdiger Partner für Gesundheit und Wohlbefinden seit mehr als 125 Jahren UNTERSTÜTZT AUSDAUERSPORTLER BEI LANGEN AUSDAUEREINHEITEN frubiase SPORT AUSDAUER enthält neben der ausgewählten Kombination aus Mineralstoffen, Vitaminen und Spurenelementen das einzigartige Kohlenhydrat Palatinose. Dadurch steigt der Blutzuckerspiegel nach der Einnahme weniger stark an als beim Verzehr von zuckerhaltigen Getränken, sondern bleibt über einen längeren Zeitraum stabil ? ein großer Vorteil für ambitionierte Ausdauersportler. GUT ZU WISSEN ?	Gezielt kombinierte und genau dosierte Mineralstoffe, Vitamine und Spurenelemente ?	frubiase SPORT Pulver mit Palatinose? zur Unterstützung bei langen Ausdauereinheiten ?	frubiase SPORT AUSDAUER ist laktose- und glutenfrei. ?	In Zusammenarbeit mit der Deutschen Sporthochschule Köln entwickelt WEITERFÜHRENDE INFORMATIONEN Schon mit einer Portion (40 g) des frubiase SPORT AUSDAUER Brausepulvers mit frischem Limettengeschmack vor oder während des Sports können ambitionierte Ausdauersportler den Körper mit allen wichtigen Nährstoffen versorgen und gleichzeitig den Blutzuckerspiegel während Training und Wettkampf stabil halten. ANWENDUNGSEMPFEHLUNG 1 x täglich 40 g auflösen und trinken. In 500 ml Wasser aufgelöst ergibt das eine isotonische Lösung, die optimale Aufnahme gewährleistet. HÄUFIGE FRAGEN &amp; ANTWORTEN Wie ist die Zusammensetzung von frubiase SPORT AUSDAUER? Palatinose? (Isomaltulose*), Säuerungsmittel Citronensäure, Kaliumhydrogenphosphat, Magnesiumhydroxidcarbonat, Calciumcarbonat, Säureregulator Tri-Natriumcitrat Dihydrat, Säureregulator Natriumhydrogencarbonat, L-Ascorbinsäure (Vitamin C), natürliches Aroma, Nicotinamid (Niacin), DL-?-Tocopherylacetat (Vitamin E), Calcium-D-Pantothenat (Pantothensäure), Eisensulfat, Zinksulfat, Pyridoxinhydrochlorid (Vitamin B6), Riboflavin?5-phosphat (Vitamin B2), Thiaminhydrochlorid (Vitamin B1), Süßstoff Natrium-Cyclamat, Pteroylmonoglutaminsäure (Folsäure), Biotin, Kaliumiodid, Cholecalciferol (Vitamin D3), Cyanocobalamin (Vitamin B12). Was gibt es bei der Einnahme von frubiase SPORT AUSDAUER zu beachten? frubiase SPORT AUSDAUER ist hochdosiert. Die angegebene tägliche Verzehrmenge von 40 g pro Tag darf nicht überschritten werden. Kann bei übermäßigem Verzehr abführend wirken. Nahrungsergänzungsmittel sollten nicht als Ersatz für eine ausgewogene und abwechslungsreiche Ernährung sowie eine gesunde Lebensweise verwendet werden. INHALTSSTOFFE: frubiase SPORT AUSDAUER enthält folgende Mineralstoffe, Vitamine und Spurenelemente: Vitamin D3, Vitamin B1, Vitamin B2, Niacin (NE), Pantothensäure, Vitamin B6, Folsäure, Biotin, Vitamin B12, Vitamin C, Vitamin E (?-TE), Calcium, Kalium, Magnesium, Eisen, Zink, Jod</span>
                        </div>
                        <button onclick="toggleDescription(2)"
                                class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                aria-label="Toggle Description">
                            <i id="toggle-icon-2" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                            <span id="toggle-text-2" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                Mehr Anzeigen
              </span>
                        </button>
                    </div>
                </div>

                <!-- Product Footer -->
                <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                    <hr class="mb-1 border-gray-300">
                    <div class="mb-1">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3RWMzozXFluTmYzTHpcSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZqUFhvM3xQSTNZVzNPNlBaQ3pPWER0UEhXNVtYanhQSHJyT0hpM1ZJdlFUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U2xUSU9HemtVVzdXWHBMc1daVDdWRlw2WUdLemN8UHdUbVRaUzNcVFVXSFBOVlg0V1pqd1RWVHFWbkQ3ZEpxfGNXWHBmNG5qTG8zclxGMntPRlcyUVZTe1FGTzVMb25tUlZLeVBWUzdQRks2T3xlb2ZKTztPbEN7UGxDMk9GSz8=')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: Aliva Apotheke
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 21.99 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 4.95 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3RWMzozXFluTmYzTHpcSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZqUFhvM3xQSTNZVzNPNlBaQ3pPWER0UEhXNVtYanhQSHJyT0hpM1ZJdlFUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U2xUSU9HemtVVzdXWHBMc1daVDdWRlw2WUdLemN8UHdUbVRaUzNcVFVXSFBOVlg0V1pqd1RWVHFWbkQ3ZEpxfGNXWHBmNG5qTG8zclxGMntPRlcyUVZTe1FGTzVMb25tUlZLeVBWUzdQRks2T3xlb2ZKTztPbEN7UGxDMk9GSz8=')" type="button"
                                class="w-full bg-gradient-to-r from-yellow-400 to-amber-400 hover:from-yellow-300 hover:to-amber-300 rounded-full px-4 py-2.5 text-sm font-bold text-gray-900 shadow-md transition-all duration-300 hover:shadow-lg">
                            Weiter zum Produkt
                        </button>
                    </div>
                </div>
            </div>
        </li>
    </div>
</section>

            
        </div>

        <!-- Right side: 2 FAQs stacked -->
        <div class="space-y-6">
            
                <section class="">
    <div id="faq-content">
        <li class="faq-item p-4 rounded-xl flex flex-col justify-between transition-all duration-300 w-full bg-white/80 backdrop-blur-sm border border-gray-200/60 shadow-md hover:shadow-lg">
            <h3 class="font-bold bg-gray-100 p-3 rounded-lg text-lg cursor-pointer transition-all duration-200 hover:bg-gray-200"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Wie kann man das Crosstrainer-Training optimal gestalten, um Kondition und Ausdauer zu verbessern?
            </h3>

            <div class="faq-answer-wrapper relative pb-5">
                <p class="faq-answer text-gray-600 text-sm mt-2 transition-all duration-300 cursor-pointer w-full leading-relaxed"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    Um das Crosstrainer-Training optimal zu gestalten, sollte man regelmäßig trainieren, mindestens 3-4 Mal pro Woche. Es ist wichtig, die Intensität und Dauer des Trainings langsam zu steigern, um Fortschritte zu erzielen. Zudem sollte man abwechslungsreiche Workouts durchführen, um verschiedene Muskelgruppen zu trainieren und die Motivation hoch zu halten.
                    <span class="relative -top-[6px] text-[0.55em] opacity-40 font-normal select-none ml-1 inline-block">**</span>

                </p>

                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                        Mehr Anzeigen
                    </span>
                </button>
            </div>

            

            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center mt-3 pt-3 border-t border-gray-100">
                
                
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Regelmäßigkeit" class="block">
                                Regelmäßigkeit
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Intensität" class="block">
                                Intensität
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Abwechslung" class="block">
                                Abwechslung
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Muskelgruppen" class="block">
                                Muskelgruppen
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Fortschritte" class="block">
                                Fortschritte
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Motivation" class="block">
                                Motivation
                            </a>
                        </div>
                    
                
            </div>
        </li>
    </div>
</section>

<!-- Pills einfärben -->
<script>
    document.addEventListener("DOMContentLoaded", () => {
        const colors = [
            "bg-blue-500 text-white hover:bg-blue-600",
            "bg-indigo-500 text-white hover:bg-indigo-600",
            "bg-violet-500 text-white hover:bg-violet-600",
            "bg-pink-500 text-white hover:bg-pink-600",
            "bg-rose-500 text-white hover:bg-rose-600",
            "bg-emerald-500 text-white hover:bg-emerald-600",
            "bg-teal-500 text-white hover:bg-teal-600",
            "bg-cyan-500 text-white hover:bg-cyan-600"
        ];

        const pills = document.querySelectorAll(".keyword-pill");
        pills.forEach((pill, index) => {
            const colorClass = colors[index % colors.length];
            pill.className += " " + colorClass;
        });
    });
</script>

            
                <section class="">
    <div id="faq-content">
        <li class="faq-item p-4 rounded-xl flex flex-col justify-between transition-all duration-300 w-full bg-white/80 backdrop-blur-sm border border-gray-200/60 shadow-md hover:shadow-lg">
            <h3 class="font-bold bg-gray-100 p-3 rounded-lg text-lg cursor-pointer transition-all duration-200 hover:bg-gray-200"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Wie kann ich meine Kondition verbessern, um meine Ausdauer beim Sport zu steigern?
            </h3>

            <div class="faq-answer-wrapper relative pb-5">
                <p class="faq-answer text-gray-600 text-sm mt-2 transition-all duration-300 cursor-pointer w-full leading-relaxed"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    1. Regelmäßiges Ausdauertraining wie Laufen, Radfahren oder Schwimmen hilft, die Kondition zu verbessern.
2. Intervalltraining, bei dem kurze intensive Belastungsphasen mit Erholungsphasen abwechseln, ist besonders effektiv.
3. Eine ausgewogene Ernährung, ausreichend Schlaf und genügend Regeneration sind ebenfalls wichtig für eine gesteigerte Ausdauer.
                    <span class="relative -top-[6px] text-[0.55em] opacity-40 font-normal select-none ml-1 inline-block">**</span>

                </p>

                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                        Mehr Anzeigen
                    </span>
                </button>
            </div>

            

            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center mt-3 pt-3 border-t border-gray-100">
                
                
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Ausdauertraining" class="block">
                                Ausdauertraining
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Intervalle" class="block">
                                Intervalle
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Ernährung" class="block">
                                Ernährung
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Schlaf" class="block">
                                Schlaf
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Regeneration" class="block">
                                Regeneration
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Sport" class="block">
                                Sport
                            </a>
                        </div>
                    
                
            </div>
        </li>
    </div>
</section>

<!-- Pills einfärben -->
<script>
    document.addEventListener("DOMContentLoaded", () => {
        const colors = [
            "bg-blue-500 text-white hover:bg-blue-600",
            "bg-indigo-500 text-white hover:bg-indigo-600",
            "bg-violet-500 text-white hover:bg-violet-600",
            "bg-pink-500 text-white hover:bg-pink-600",
            "bg-rose-500 text-white hover:bg-rose-600",
            "bg-emerald-500 text-white hover:bg-emerald-600",
            "bg-teal-500 text-white hover:bg-teal-600",
            "bg-cyan-500 text-white hover:bg-cyan-600"
        ];

        const pills = document.querySelectorAll(".keyword-pill");
        pills.forEach((pill, index) => {
            const colorClass = colors[index % colors.length];
            pill.className += " " + colorClass;
        });
    });
</script>

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

<!-- SUBPAGE LAYOUT (Products first, FAQs collapsed) -->
<div id="subpage-layout" class="hidden">
    <h2 id="product-heading-subpage" class="text-2xl sm:text-3xl font-bold mb-3 mt-12 text-gray-800">
        Produkte zum Begriff RNNR:
    </h2>

    <hr class="my-3 border-gray-200 mb-8 bg-gradient-to-r from-transparent via-gray-300 to-transparent h-px border-0">

    <ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start mb-8">
        
            <section class="mb-8">
    <div id="product-content">
        <li class="bg-white/90 backdrop-blur-sm shadow-md rounded-xl m-1 flex flex-col transition-all duration-300 hover:-translate-y-1 hover:shadow-xl border border-gray-200/60 overflow-hidden group">
            <div id="product-1" class="flex flex-col rounded-xl overflow-hidden mx-4 md:mx-0">
                <form id="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMzNmb0w0ZTRMR1Q1XHBlWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlXMmVvS3lZblhcVVk7NU9ZZTVaNGpZZDI3S1hZMzZYWXl7ZUZmWmVITzVVMm0yY2xQc1A0blpUb3k1ZFhuTlRJam5mSlx1VDJXN2NWbjZmbFd6ZFpIdVM0aldUNG40ZFZcbFgycjdnSkw2Z0dMVGZabjRcSkRjVUlQSVN8TGtbMkdvZFlubVJWW3tPfEMyUVZpNU9GVzJRRVxyXEYyNE9sT3lQRm02UHxDM1BGaW9mSk87T2xDe1BsQzJPRks&#x2F;">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Frubiase-Sport-Ausdauer">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMzNmb0w0ZTRMR1Q1XHBlWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlXMmVvS3lZblhcVVk7NU9ZZTVaNGpZZDI3S1hZMzZYWXl7ZUZmWmVITzVVMm0yY2xQc1A0blpUb3k1ZFhuTlRJam5mSlx1VDJXN2NWbjZmbFd6ZFpIdVM0aldUNG40ZFZcbFgycjdnSkw2Z0dMVGZabjRcSkRjVUlQSVN8TGtbMkdvZFlubVJWW3tPfEMyUVZpNU9GVzJRRVxyXEYyNE9sT3lQRm02UHxDM1BGaW9mSk87T2xDe1BsQzJPRks&#x2F;">
                </form>

                <!-- Product Image -->
                <div class="overflow-hidden bg-gray-50">
                    <img class="w-full cursor-pointer min-h-[15rem] object-cover transition-transform duration-300 group-hover:scale-103"
                         src="https://cdn.billiger.com/dynimg/dlTIwVnsmx9zyZKx8qK-ZWXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdTxBe7Oxl_A0_sARv0mHKhv0CgGnhjjVl5OGpPYmbTzxrvlR6vFafps/623049870548_large.webp"
                         alt="Frubiase Sport Ausdauer"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMzNmb0w0ZTRMR1Q1XHBlWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlXMmVvS3lZblhcVVk7NU9ZZTVaNGpZZDI3S1hZMzZYWXl7ZUZmWmVITzVVMm0yY2xQc1A0blpUb3k1ZFhuTlRJam5mSlx1VDJXN2NWbjZmbFd6ZFpIdVM0aldUNG40ZFZcbFgycjdnSkw2Z0dMVGZabjRcSkRjVUlQSVN8TGtbMkdvZFlubVJWW3tPfEMyUVZpNU9GVzJRRVxyXEYyNE9sT3lQRm02UHxDM1BGaW9mSk87T2xDe1BsQzJPRks/')">
                </div>

                <!-- Product Content -->
                <div class="px-5 flex flex-col flex-grow min-h-[9rem]">
                    <div class="min-h-[3.5rem] flex justify-between m-auto relative">
                        <div id="title-1" class="font-bold text-base mb-2 overflow-hidden line-clamp-2 cursor-pointer text-gray-800"
                             onclick="toggleTitle(1)">
                            Frubiase Sport Ausdauer
                        </div>

                        
                        <a href="/Frubiase-Sport-Ausdauer" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Frubiase-Sport-Ausdauer">
              <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
            </a>
                    </div>
                    <hr>
                    <div class="flex justify-between items-end relative mt-1">
                        <div id="description-1" class="text-gray-600 text-sm flex-grow line-clamp-3 cursor-pointer leading-relaxed"
                             onclick="toggleDescription(1)">
                            <span class="break-words">Frubiase Sport Ausdauer Pulver 440 g - von STADA Consumer Health Deutschland GmbH - Kategorie: Powerdrinks - versandkostenfrei</span>
                        </div>
                        <button onclick="toggleDescription(1)"
                                class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                aria-label="Toggle Description">
                            <i id="toggle-icon-1" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                            <span id="toggle-text-1" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                Mehr Anzeigen
              </span>
                        </button>
                    </div>
                </div>

                <!-- Product Footer -->
                <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                    <hr class="mb-1 border-gray-300">
                    <div class="mb-1">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMzNmb0w0ZTRMR1Q1XHBlWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlXMmVvS3lZblhcVVk7NU9ZZTVaNGpZZDI3S1hZMzZYWXl7ZUZmWmVITzVVMm0yY2xQc1A0blpUb3k1ZFhuTlRJam5mSlx1VDJXN2NWbjZmbFd6ZFpIdVM0aldUNG40ZFZcbFgycjdnSkw2Z0dMVGZabjRcSkRjVUlQSVN8TGtbMkdvZFlubVJWW3tPfEMyUVZpNU9GVzJRRVxyXEYyNE9sT3lQRm02UHxDM1BGaW9mSk87T2xDe1BsQzJPRks/')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: healthii
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 20.99 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 2.90 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMzNmb0w0ZTRMR1Q1XHBlWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlXMmVvS3lZblhcVVk7NU9ZZTVaNGpZZDI3S1hZMzZYWXl7ZUZmWmVITzVVMm0yY2xQc1A0blpUb3k1ZFhuTlRJam5mSlx1VDJXN2NWbjZmbFd6ZFpIdVM0aldUNG40ZFZcbFgycjdnSkw2Z0dMVGZabjRcSkRjVUlQSVN8TGtbMkdvZFlubVJWW3tPfEMyUVZpNU9GVzJRRVxyXEYyNE9sT3lQRm02UHxDM1BGaW9mSk87T2xDe1BsQzJPRks/')" type="button"
                                class="w-full bg-gradient-to-r from-yellow-400 to-amber-400 hover:from-yellow-300 hover:to-amber-300 rounded-full px-4 py-2.5 text-sm font-bold text-gray-900 shadow-md transition-all duration-300 hover:shadow-lg">
                            Weiter zum Produkt
                        </button>
                    </div>
                </div>
            </div>
        </li>
    </div>
</section>

        
            <section class="mb-8">
    <div id="product-content">
        <li class="bg-white/90 backdrop-blur-sm shadow-md rounded-xl m-1 flex flex-col transition-all duration-300 hover:-translate-y-1 hover:shadow-xl border border-gray-200/60 overflow-hidden group">
            <div id="product-2" class="flex flex-col rounded-xl overflow-hidden mx-4 md:mx-0">
                <form id="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3BmbkhGVUhcb1VYcXxOWExHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzNceFRvXFNmfEh0Y3BMdE5Xdm1QSTtSVkdLe1hWaktPSW53ZTI6dlBsXFhUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U21yVVtsTFNVbVhGZW1ycVRsak1Ub3JIWDNQWGVKanJUWXE1ZUlIWE9YWzdjM3J1ZVhcT1tublJUcFxcY0ZYdWZsQ3ljMmozTG8zclxGMjRRVkN5T2xXNE9WT3tQRVxyXEYyNFFWQ3lPbFc0T1ZPe1BFXDJlfDJ7T0ZLNE9GU3lPaT8&#x2F;">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Frubiase-Sport-Ausdauer-440">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3BmbkhGVUhcb1VYcXxOWExHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzNceFRvXFNmfEh0Y3BMdE5Xdm1QSTtSVkdLe1hWaktPSW53ZTI6dlBsXFhUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U21yVVtsTFNVbVhGZW1ycVRsak1Ub3JIWDNQWGVKanJUWXE1ZUlIWE9YWzdjM3J1ZVhcT1tublJUcFxcY0ZYdWZsQ3ljMmozTG8zclxGMjRRVkN5T2xXNE9WT3tQRVxyXEYyNFFWQ3lPbFc0T1ZPe1BFXDJlfDJ7T0ZLNE9GU3lPaT8&#x2F;">
                </form>

                <!-- Product Image -->
                <div class="overflow-hidden bg-gray-50">
                    <img class="w-full cursor-pointer min-h-[15rem] object-cover transition-transform duration-300 group-hover:scale-103"
                         src="https://cdn.billiger.com/dynimg/QYMEwS_ocnp-LVCPTH6juqXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdW6uS3504o3JH_Y6oJtzbv_cKAYAxfUfTMl5UPGZ3TGWXlz63jQM3yI/69002561324_large.webp"
                         alt="Frubiase Sport Ausdauer 440 G"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3BmbkhGVUhcb1VYcXxOWExHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzNceFRvXFNmfEh0Y3BMdE5Xdm1QSTtSVkdLe1hWaktPSW53ZTI6dlBsXFhUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U21yVVtsTFNVbVhGZW1ycVRsak1Ub3JIWDNQWGVKanJUWXE1ZUlIWE9YWzdjM3J1ZVhcT1tublJUcFxcY0ZYdWZsQ3ljMmozTG8zclxGMjRRVkN5T2xXNE9WT3tQRVxyXEYyNFFWQ3lPbFc0T1ZPe1BFXDJlfDJ7T0ZLNE9GU3lPaT8/')">
                </div>

                <!-- Product Content -->
                <div class="px-5 flex flex-col flex-grow min-h-[9rem]">
                    <div class="min-h-[3.5rem] flex justify-between m-auto relative">
                        <div id="title-2" class="font-bold text-base mb-2 overflow-hidden line-clamp-2 cursor-pointer text-gray-800"
                             onclick="toggleTitle(2)">
                            Frubiase Sport Ausdauer 440 G
                        </div>

                        
                        <a href="/Frubiase-Sport-Ausdauer-440" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Frubiase-Sport-Ausdauer-440">
              <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
            </a>
                    </div>
                    <hr>
                    <div class="flex justify-between items-end relative mt-1">
                        <div id="description-2" class="text-gray-600 text-sm flex-grow line-clamp-3 cursor-pointer leading-relaxed"
                             onclick="toggleDescription(2)">
                            <span class="break-words">Produkteigenschaften: Bezeichnung: Nahrungsergänzungsmittel mit einer Zuckerart (Palatinose) und Süßungsmitteln Verwendung&#x2F;Anwendung&#x2F;Verzehrempfehlung: Einmal täglich 40 g (ca.2 gehäufte Esslöffel) in stillem Wasser unter Rühren auflösen und trinken. Wenn das Brausepulver in 500 ml Wasser aufgelöst wird, erhält man eine isotonische Lösung, die eine optimale Aufnahme gewährleistet. Nährwertdeklaration: Nährwerte pro 40 g pro 100 g Brennwert 514 kJ&#x2F;123 kcal 1286 kJ&#x2F;307 kcal Fett, davon 0 g 0 g o gesättigte Fettsäuren 0 g 0 g Kohlenhydrate, davon 26,0 g 65,1 g o Zucker 25,9 g 64,8 g Eiweiß 0 g 0 g Kochsalz 0 g 0 g Salz 0 g 0 g Nährstoffe pro 40 g %NRV* Palatinose 27,4 g ** Vitamin D3 5,0 μg 100% Vitamin B1 4,2 mg 380% Vitamin B2 4,8 mg 340% Niacin 54 mg (NE) 340% Pantothensäure 18 mg 300% Vitamin B6 6,0 mg 430% Folsäure 600 μg 300% Biotin 450 μg 900% Vitamin B12 3,0 μg 120% Vitamin C 180 mg 225% Vitamin E 30 mg (alpha-TE) 250% Calcium 500 mg 63% Kalium 500 mg 25% Magnesium 350 mg 93% Eisen 5,0 mg 36% Zink 5,0 mg 50% Jod 90 μg 60% * Referenzmenge für die tägliche Zufuhr gemäß EU-Verordnung 1169&#x2F;2011. ** Keine Angaben vorhanden. Zutaten: Isomaltulose* (Palatinose 68,45%), Säuerungsmittel Citronensäure, Kaliumhydrogenphosphat, Magnesiumhydroxidcarbonat, Calciumcarbonat, Säureregulator Trinatriumcitrat Dihydrat, Säureregulator Natriumhydrogencarbonat, L-Ascorbinsäure (Vitamin C), Aroma ( Limette), Nicotinamid (Niacin), DL-alpha-Tocopherylacetat (Vitamin E), Calcium-D-Pantothenat (Pantothensäure), Eisensulfat, Zinksulfat, Pyridoxinhydrochlorid (Vitamin B6), Riboflavin-5-Phosphat (Vitamin B2), Thiaminhydrochlorid (Vitamin B1), Süßstoff Natrium-Cyclamat, Pteroylmonoglutaminsäure (Folsäure), Biotin, Kaliumiodid, Cholecalciferol (Vitamin D3), Cyanocobalamin (Vitamin B12). * Isomaltulose ist eine Glucose -und Fruktosequelle. Allergene: keine Nettofüllmenge: 440 g Brausepulver Aufbewahrungsbedingungen: Kühl (ư°C bis ქ°C) und trocken lagern. Ursprungsland des Lebensmittels: Deutschland Anschrift des Herstellers: Stada Consumer Health Deutschland GmbH Stadastraße 2 - 18 61118 Bad Vilbel Weitere Hinweise: Das Produkt ist für Kinder unter 4 Jahren nicht geeignet. Nur in der Apotheke erhältlich. Die angegebene empfohlene tägliche Verzehrsmenge darf nicht überschritten werden. Nahrungsergänzungsmittel sind kein Ersatz für eine ausgewogene und abwechslungsreiche Ernährung und gesunde Lebensweise. Für kleine Kinder unzugänglich aufbewahren. Quelle: Angaben der Packungsbeilage Stand: 04&#x2F;2023</span>
                        </div>
                        <button onclick="toggleDescription(2)"
                                class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                aria-label="Toggle Description">
                            <i id="toggle-icon-2" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                            <span id="toggle-text-2" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                Mehr Anzeigen
              </span>
                        </button>
                    </div>
                </div>

                <!-- Product Footer -->
                <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                    <hr class="mb-1 border-gray-300">
                    <div class="mb-1">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3BmbkhGVUhcb1VYcXxOWExHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzNceFRvXFNmfEh0Y3BMdE5Xdm1QSTtSVkdLe1hWaktPSW53ZTI6dlBsXFhUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U21yVVtsTFNVbVhGZW1ycVRsak1Ub3JIWDNQWGVKanJUWXE1ZUlIWE9YWzdjM3J1ZVhcT1tublJUcFxcY0ZYdWZsQ3ljMmozTG8zclxGMjRRVkN5T2xXNE9WT3tQRVxyXEYyNFFWQ3lPbFc0T1ZPe1BFXDJlfDJ7T0ZLNE9GU3lPaT8/')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: onfy.de
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 18.44 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 4.49 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3BmbkhGVUhcb1VYcXxOWExHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzNceFRvXFNmfEh0Y3BMdE5Xdm1QSTtSVkdLe1hWaktPSW53ZTI6dlBsXFhUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U21yVVtsTFNVbVhGZW1ycVRsak1Ub3JIWDNQWGVKanJUWXE1ZUlIWE9YWzdjM3J1ZVhcT1tublJUcFxcY0ZYdWZsQ3ljMmozTG8zclxGMjRRVkN5T2xXNE9WT3tQRVxyXEYyNFFWQ3lPbFc0T1ZPe1BFXDJlfDJ7T0ZLNE9GU3lPaT8/')" type="button"
                                class="w-full bg-gradient-to-r from-yellow-400 to-amber-400 hover:from-yellow-300 hover:to-amber-300 rounded-full px-4 py-2.5 text-sm font-bold text-gray-900 shadow-md transition-all duration-300 hover:shadow-lg">
                            Weiter zum Produkt
                        </button>
                    </div>
                </div>
            </div>
        </li>
    </div>
</section>

        
            <section class="mb-8">
    <div id="product-content">
        <li class="bg-white/90 backdrop-blur-sm shadow-md rounded-xl m-1 flex flex-col transition-all duration-300 hover:-translate-y-1 hover:shadow-xl border border-gray-200/60 overflow-hidden group">
            <div id="product-3" class="flex flex-col rounded-xl overflow-hidden mx-4 md:mx-0">
                <form id="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMjZRWVhaZnxLNlcyM0pPb1s1W1dUVFcyVFJnV1c1WHxPN1U0WFhUMmZ3Z0hYWlxaSE9WbFhuT1c3eVxsVHxYNHpJZjNUVlBYZTZnV2k0V0c3cE9aRGNnblhvZW92OGZWZkpPR1xVZFhPNVNaRFhVbUhSZ0puTFA0enJWV1hYWnxYcVQyOzZZV0x4T1ZqaFRIcmNYWTczWEpcbFZGT3pmV1hMZkZbeWNGRFFjRlczT21QY1lYcXtjbXpaV0ZMfE5XNnlPWmpMZ1hXb2RZbm1SVlM2UFZXMlBWaTNRVmVvY1lTO1BGaTNQVlMzUUZXN1B7XDJlfDJ7T0ZLNE9GU3lPaT8&#x2F;">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Frubiase-Sport-Ausdauer-Pulver">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMjZRWVhaZnxLNlcyM0pPb1s1W1dUVFcyVFJnV1c1WHxPN1U0WFhUMmZ3Z0hYWlxaSE9WbFhuT1c3eVxsVHxYNHpJZjNUVlBYZTZnV2k0V0c3cE9aRGNnblhvZW92OGZWZkpPR1xVZFhPNVNaRFhVbUhSZ0puTFA0enJWV1hYWnxYcVQyOzZZV0x4T1ZqaFRIcmNYWTczWEpcbFZGT3pmV1hMZkZbeWNGRFFjRlczT21QY1lYcXtjbXpaV0ZMfE5XNnlPWmpMZ1hXb2RZbm1SVlM2UFZXMlBWaTNRVmVvY1lTO1BGaTNQVlMzUUZXN1B7XDJlfDJ7T0ZLNE9GU3lPaT8&#x2F;">
                </form>

                <!-- Product Image -->
                <div class="overflow-hidden bg-gray-50">
                    <img class="w-full cursor-pointer min-h-[15rem] object-cover transition-transform duration-300 group-hover:scale-103"
                         src="https://cdn.billiger.com/dynimg/IhE01Xl6Vdv7IP6JCtVoOCXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdb89V-dhhgT6hIho0n-_HQGUARP5G1ijID2a-guHDWKwutSHuOttJi4/4855458597_large.webp"
                         alt="Frubiase Sport Ausdauer Pulver für Sportgetränke"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMjZRWVhaZnxLNlcyM0pPb1s1W1dUVFcyVFJnV1c1WHxPN1U0WFhUMmZ3Z0hYWlxaSE9WbFhuT1c3eVxsVHxYNHpJZjNUVlBYZTZnV2k0V0c3cE9aRGNnblhvZW92OGZWZkpPR1xVZFhPNVNaRFhVbUhSZ0puTFA0enJWV1hYWnxYcVQyOzZZV0x4T1ZqaFRIcmNYWTczWEpcbFZGT3pmV1hMZkZbeWNGRFFjRlczT21QY1lYcXtjbXpaV0ZMfE5XNnlPWmpMZ1hXb2RZbm1SVlM2UFZXMlBWaTNRVmVvY1lTO1BGaTNQVlMzUUZXN1B7XDJlfDJ7T0ZLNE9GU3lPaT8/')">
                </div>

                <!-- Product Content -->
                <div class="px-5 flex flex-col flex-grow min-h-[9rem]">
                    <div class="min-h-[3.5rem] flex justify-between m-auto relative">
                        <div id="title-3" class="font-bold text-base mb-2 overflow-hidden line-clamp-2 cursor-pointer text-gray-800"
                             onclick="toggleTitle(3)">
                            Frubiase Sport Ausdauer Pulver für Sportgetränke
                        </div>

                        
                        <a href="/Frubiase-Sport-Ausdauer-Pulver" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Frubiase-Sport-Ausdauer-Pulver">
              <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
            </a>
                    </div>
                    <hr>
                    <div class="flex justify-between items-end relative mt-1">
                        <div id="description-3" class="text-gray-600 text-sm flex-grow line-clamp-3 cursor-pointer leading-relaxed"
                             onclick="toggleDescription(3)">
                            <span class="break-words">Anwendungsgebiet von Frubiase Sport Ausdauer Pulver für Sportgetränke UNTERSTÜTZT AUSDAUERSPORTLER BEI LANGEN AUSDAUEREINHEITEN frubiase® SPORT AUSDAUER enthält neben der ausgewählten Kombination aus Mineralstoffen, Vitaminen und Spurenelementen das einzigartige Kohlenhydrat Palatinose. Dadurch steigt der Blutzuckerspiegel nach der Einnahme weniger stark an als beim Verzehr von zuckerhaltigen Getränken, sondern bleibt über einen längeren Zeitraum stabil – ein großer Vorteil für ambitionierte Ausdauersportler.Gezielt kombinierte und genau dosierte Mineralstoffe, Vitamine und Spurenelementefrubiase® SPORT Pulver mit PalatinoseTM zur Unterstützung bei langen Ausdauereinheitenfrubiase® SPORT AUSDAUER ist laktose- und glutenfrei.In Zusammenarbeit mit der Deutschen Sporthochschule Köln entwickeltSchon mit einer Portion (40 g) des frubiase® SPORT AUSDAUER Brausepulvers mit frischem Limettengeschmack vor oder während des Sports können ambitionierte Ausdauersportler den Körper mit allen wichtigen Nährstoffen versorgen und gleichzeitig den Blutzuckerspiegel während Training und Wettkampf stabil halten.Frubiase Sport Ausdauer Pulver für Sportgetränke ist ein Nahrungsergänzungsmittel mit einer Zuckerart (Palatinose) und Süßungsmitteln. HÄUFIGE FRAGEN &amp; ANTWORTEN Wie ist die Zusammensetzung von frubiase® SPORT AUSDAUER? PalatinoseTM (Isomaltulose*), Säuerungsmittel Citronensäure, Kaliumhydrogenphosphat, Magnesiumhydroxidcarbonat, Calciumcarbonat, Säureregulator Tri-Natriumcitrat Dihydrat, Säureregulator Natriumhydrogencarbonat, L-Ascorbinsäure (Vitamin C), natürliches Aroma, Nicotinamid (Niacin), DL-α-Tocopherylacetat (Vitamin E), Calcium-D-Pantothenat (Pantothensäure), Eisensulfat, Zinksulfat, Pyridoxinhydrochlorid (Vitamin B6), Riboflavin‘5-phosphat (Vitamin B2), Thiaminhydrochlorid (Vitamin B1), Süßstoff Natrium-Cyclamat, Pteroylmonoglutaminsäure (Folsäure), Biotin, Kaliumiodid, Cholecalciferol (Vitamin D3), Cyanoc</span>
                        </div>
                        <button onclick="toggleDescription(3)"
                                class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                aria-label="Toggle Description">
                            <i id="toggle-icon-3" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                            <span id="toggle-text-3" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                Mehr Anzeigen
              </span>
                        </button>
                    </div>
                </div>

                <!-- Product Footer -->
                <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                    <hr class="mb-1 border-gray-300">
                    <div class="mb-1">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMjZRWVhaZnxLNlcyM0pPb1s1W1dUVFcyVFJnV1c1WHxPN1U0WFhUMmZ3Z0hYWlxaSE9WbFhuT1c3eVxsVHxYNHpJZjNUVlBYZTZnV2k0V0c3cE9aRGNnblhvZW92OGZWZkpPR1xVZFhPNVNaRFhVbUhSZ0puTFA0enJWV1hYWnxYcVQyOzZZV0x4T1ZqaFRIcmNYWTczWEpcbFZGT3pmV1hMZkZbeWNGRFFjRlczT21QY1lYcXtjbXpaV0ZMfE5XNnlPWmpMZ1hXb2RZbm1SVlM2UFZXMlBWaTNRVmVvY1lTO1BGaTNQVlMzUUZXN1B7XDJlfDJ7T0ZLNE9GU3lPaT8/')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: apodiscounter.de
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 17.46 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 2.99 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMjZRWVhaZnxLNlcyM0pPb1s1W1dUVFcyVFJnV1c1WHxPN1U0WFhUMmZ3Z0hYWlxaSE9WbFhuT1c3eVxsVHxYNHpJZjNUVlBYZTZnV2k0V0c3cE9aRGNnblhvZW92OGZWZkpPR1xVZFhPNVNaRFhVbUhSZ0puTFA0enJWV1hYWnxYcVQyOzZZV0x4T1ZqaFRIcmNYWTczWEpcbFZGT3pmV1hMZkZbeWNGRFFjRlczT21QY1lYcXtjbXpaV0ZMfE5XNnlPWmpMZ1hXb2RZbm1SVlM2UFZXMlBWaTNRVmVvY1lTO1BGaTNQVlMzUUZXN1B7XDJlfDJ7T0ZLNE9GU3lPaT8/')" type="button"
                                class="w-full bg-gradient-to-r from-yellow-400 to-amber-400 hover:from-yellow-300 hover:to-amber-300 rounded-full px-4 py-2.5 text-sm font-bold text-gray-900 shadow-md transition-all duration-300 hover:shadow-lg">
                            Weiter zum Produkt
                        </button>
                    </div>
                </div>
            </div>
        </li>
    </div>
</section>

        
            <section class="mb-8">
    <div id="product-content">
        <li class="bg-white/90 backdrop-blur-sm shadow-md rounded-xl m-1 flex flex-col transition-all duration-300 hover:-translate-y-1 hover:shadow-xl border border-gray-200/60 overflow-hidden group">
            <div id="product-4" class="flex flex-col rounded-xl overflow-hidden mx-4 md:mx-0">
                <form id="Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFFWSG1QWVBuW1UyNVxWUGxOVlRvW3xTdlFWS3xbezJ6UEZPeVBWVzVRVmk2XElTb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Bewegung,-Training,-Leistung-und">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFFWSG1QWVBuW1UyNVxWUGxOVlRvW3xTdlFWS3xbezJ6UEZPeVBWVzVRVmk2XElTb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=">
                </form>

                <!-- Product Image -->
                <div class="overflow-hidden bg-gray-50">
                    <img class="w-full cursor-pointer min-h-[15rem] object-cover transition-transform duration-300 group-hover:scale-103"
                         src="https://cdn.adindex.com/oimg/391d5cea-7e3c-4fc4-923c-1430557988dd"
                         alt="Bewegung, Training, Leistung und Gesundheit, Fachbücher von Michael Krüger, Arne Güllich"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFFWSG1QWVBuW1UyNVxWUGxOVlRvW3xTdlFWS3xbezJ6UEZPeVBWVzVRVmk2XElTb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')">
                </div>

                <!-- Product Content -->
                <div class="px-5 flex flex-col flex-grow min-h-[9rem]">
                    <div class="min-h-[3.5rem] flex justify-between m-auto relative">
                        <div id="title-4" class="font-bold text-base mb-2 overflow-hidden line-clamp-2 cursor-pointer text-gray-800"
                             onclick="toggleTitle(4)">
                            Bewegung, Training, Leistung und Gesundheit, Fachbücher von Michael Krüger, Arne Güllich
                        </div>

                        
                        <a href="/Bewegung-Training-Leistung-und" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Bewegung-Training-Leistung-und">
              <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
            </a>
                    </div>
                    <hr>
                    <div class="flex justify-between items-end relative mt-1">
                        <div id="description-4" class="text-gray-600 text-sm flex-grow line-clamp-3 cursor-pointer leading-relaxed"
                             onclick="toggleDescription(4)">
                            <span class="break-words">Dieses Handbuch bietet einen kompletten Überblick über die zentralen medizinischen, bewegungs- und trainingswissenschaftlichen Themen im Sport. Es richtet sich an das breite Publikum der Fachleute, Lehrenden und Wissenschaftler in Sport, Sportwissenschaft und den Gesundheitsberufen. Hier können Sie sich kompakt und kompetent über den Stand der Wissenschaft informieren. Das Handbuch ersetzt bisherige Lexika und Handbücher zum Sport. Die Texte sind verständlich formuliert und anschaulich aufbereitet. Die über 50 Kapitel in diesem Band geben Ihnen den aktuellsten wissenschaftlichen Stand über motorische Entwicklung, Bewegungslernen und -steuerung, Biomechanik, Physiologie, Gesundheits- und Leistungsdiagnostik sowie Anpassungen an sportliches Training. Zudem erhalten Sie Hinweise auf die wichtigste nationale und internationale Forschungsliteratur. Die Herausgeber: Arne Güllich ist Professor für Sportwissenschaft und leitet das Fachgebiet Sportwissenschaft an der TU Kaiserslautern. Er forscht in den Bereichen Jugendsport, Talententwicklung, Training und Förderstrukturen. Güllich hat zuvor im Deutschen Olympischen Sportbund als Leiter der Stabsstelle Grundsatzfragen gearbeitet. Praxiserfahrungen hat er als Trainer vom Jugendbereich bis zu den Olympischen Spielen gesammelt. Michael Krüger ist Professor für Sportwissenschaft an der Westfälischen Wilhelms-Universität zu Münster. Seine Forschungsschwerpunkte liegen im Bereich der Sportpädagogik und -geschichte, der wissenschaftstheoretischen Grundlagen der Sportwissenschaft, der olympischen Geschichte und Erziehung sowie von ethischen und pädagogischen Fragen des Sports. Er ist Verfasser und Herausgeber zahlreicher wissenschaftlicher Arbeiten zum Sport sowie mehrerer Lehr- und Handbücher zur Sportwissenschaft und Sportpädagogik.</span>
                        </div>
                        <button onclick="toggleDescription(4)"
                                class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                aria-label="Toggle Description">
                            <i id="toggle-icon-4" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                            <span id="toggle-text-4" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                Mehr Anzeigen
              </span>
                        </button>
                    </div>
                </div>

                <!-- Product Footer -->
                <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                    <hr class="mb-1 border-gray-300">
                    <div class="mb-1">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFFWSG1QWVBuW1UyNVxWUGxOVlRvW3xTdlFWS3xbezJ6UEZPeVBWVzVRVmk2XElTb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: Galaxus.de
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 139.99 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 0 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFFWSG1QWVBuW1UyNVxWUGxOVlRvW3xTdlFWS3xbezJ6UEZPeVBWVzVRVmk2XElTb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')" type="button"
                                class="w-full bg-gradient-to-r from-yellow-400 to-amber-400 hover:from-yellow-300 hover:to-amber-300 rounded-full px-4 py-2.5 text-sm font-bold text-gray-900 shadow-md transition-all duration-300 hover:shadow-lg">
                            Weiter zum Produkt
                        </button>
                    </div>
                </div>
            </div>
        </li>
    </div>
</section>

        
    </ul>

    <ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start">
        
            <section class="">
    <div id="faq-content">
        <li class="faq-item p-4 rounded-xl flex flex-col justify-between transition-all duration-300 w-full bg-white/80 backdrop-blur-sm border border-gray-200/60 shadow-md hover:shadow-lg">
            <h3 class="font-bold bg-gray-100 p-3 rounded-lg text-lg cursor-pointer transition-all duration-200 hover:bg-gray-200"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Wie kann ich meine Ausdauer und Kondition beim Joggen effektiv verbessern?
            </h3>

            <div class="faq-answer-wrapper relative pb-5">
                <p class="faq-answer text-gray-600 text-sm mt-2 transition-all duration-300 cursor-pointer w-full leading-relaxed"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    1. Steigere langsam die Dauer und Intensität deiner Joggingeinheiten, um deine Ausdauer zu verbessern.
2. Integriere Intervalltraining und Bergläufe in dein Training, um deine Kondition zu steigern.
3. Achte auf eine ausgewogene Ernährung, ausreichend Regeneration und genug Schlaf, um deine Leistungsfähigkeit zu optimieren.
                    <span class="relative -top-[6px] text-[0.55em] opacity-40 font-normal select-none ml-1 inline-block">**</span>

                </p>

                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                        Mehr Anzeigen
                    </span>
                </button>
            </div>

            

            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center mt-3 pt-3 border-t border-gray-100">
                
                
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Training" class="block">
                                Training
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Ernährung" class="block">
                                Ernährung
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Regeneration" class="block">
                                Regeneration
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Intensität" class="block">
                                Intensität
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Schlaf" class="block">
                                Schlaf
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Bergläufe" class="block">
                                Bergläufe
                            </a>
                        </div>
                    
                
            </div>
        </li>
    </div>
</section>

<!-- Pills einfärben -->
<script>
    document.addEventListener("DOMContentLoaded", () => {
        const colors = [
            "bg-blue-500 text-white hover:bg-blue-600",
            "bg-indigo-500 text-white hover:bg-indigo-600",
            "bg-violet-500 text-white hover:bg-violet-600",
            "bg-pink-500 text-white hover:bg-pink-600",
            "bg-rose-500 text-white hover:bg-rose-600",
            "bg-emerald-500 text-white hover:bg-emerald-600",
            "bg-teal-500 text-white hover:bg-teal-600",
            "bg-cyan-500 text-white hover:bg-cyan-600"
        ];

        const pills = document.querySelectorAll(".keyword-pill");
        pills.forEach((pill, index) => {
            const colorClass = colors[index % colors.length];
            pill.className += " " + colorClass;
        });
    });
</script>

        
            <section class="">
    <div id="faq-content">
        <li class="faq-item p-4 rounded-xl flex flex-col justify-between transition-all duration-300 w-full bg-white/80 backdrop-blur-sm border border-gray-200/60 shadow-md hover:shadow-lg">
            <h3 class="font-bold bg-gray-100 p-3 rounded-lg text-lg cursor-pointer transition-all duration-200 hover:bg-gray-200"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Wie kann man das Joggen effektiv in sein Training integrieren, um die Ausdauer und Fitness zu verbessern?
            </h3>

            <div class="faq-answer-wrapper relative pb-5">
                <p class="faq-answer text-gray-600 text-sm mt-2 transition-all duration-300 cursor-pointer w-full leading-relaxed"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    Joggen regelmäßig in den Trainingsplan einbauen, idealerweise 2-3 Mal pro Woche. Langsam starten und die Intensität und Dauer langsam steigern, um Überlastungen zu vermeiden. Abwechslung durch Intervallläufe oder Bergläufe einbauen, um die Ausdauer und Fitness effektiv zu verbessern.
                    <span class="relative -top-[6px] text-[0.55em] opacity-40 font-normal select-none ml-1 inline-block">**</span>

                </p>

                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                        Mehr Anzeigen
                    </span>
                </button>
            </div>

            

            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center mt-3 pt-3 border-t border-gray-100">
                
                
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Joggen" class="block">
                                Joggen
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Training" class="block">
                                Training
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Ausdauer" class="block">
                                Ausdauer
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Fitness" class="block">
                                Fitness
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Intervallläufe" class="block">
                                Intervallläufe
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Bergläufe" class="block">
                                Bergläufe
                            </a>
                        </div>
                    
                
            </div>
        </li>
    </div>
</section>

<!-- Pills einfärben -->
<script>
    document.addEventListener("DOMContentLoaded", () => {
        const colors = [
            "bg-blue-500 text-white hover:bg-blue-600",
            "bg-indigo-500 text-white hover:bg-indigo-600",
            "bg-violet-500 text-white hover:bg-violet-600",
            "bg-pink-500 text-white hover:bg-pink-600",
            "bg-rose-500 text-white hover:bg-rose-600",
            "bg-emerald-500 text-white hover:bg-emerald-600",
            "bg-teal-500 text-white hover:bg-teal-600",
            "bg-cyan-500 text-white hover:bg-cyan-600"
        ];

        const pills = document.querySelectorAll(".keyword-pill");
        pills.forEach((pill, index) => {
            const colorClass = colors[index % colors.length];
            pill.className += " " + colorClass;
        });
    });
</script>

        
            <section class="">
    <div id="faq-content">
        <li class="faq-item p-4 rounded-xl flex flex-col justify-between transition-all duration-300 w-full bg-white/80 backdrop-blur-sm border border-gray-200/60 shadow-md hover:shadow-lg">
            <h3 class="font-bold bg-gray-100 p-3 rounded-lg text-lg cursor-pointer transition-all duration-200 hover:bg-gray-200"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Wie kann man seine Kondition und Ausdauer durch regelmäßiges Training verbessern?
            </h3>

            <div class="faq-answer-wrapper relative pb-5">
                <p class="faq-answer text-gray-600 text-sm mt-2 transition-all duration-300 cursor-pointer w-full leading-relaxed"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    Durch regelmäßiges Ausdauertraining wie Laufen, Schwimmen oder Radfahren kann die Kondition verbessert werden. Intervalltraining und Steigerung der Trainingsintensität helfen dabei, die Ausdauer zu steigern. Eine ausgewogene Ernährung und ausreichend Regeneration sind ebenfalls wichtig für die Verbesserung von Kondition und Ausdauer.
                    <span class="relative -top-[6px] text-[0.55em] opacity-40 font-normal select-none ml-1 inline-block">**</span>

                </p>

                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                        Mehr Anzeigen
                    </span>
                </button>
            </div>

            

            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center mt-3 pt-3 border-t border-gray-100">
                
                
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Laufen" class="block">
                                Laufen
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Schwimmen" class="block">
                                Schwimmen
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Radfahren" class="block">
                                Radfahren
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Intervalltraining" class="block">
                                Intervalltraining
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Ernährung" class="block">
                                Ernährung
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Regeneration" class="block">
                                Regeneration
                            </a>
                        </div>
                    
                
            </div>
        </li>
    </div>
</section>

<!-- Pills einfärben -->
<script>
    document.addEventListener("DOMContentLoaded", () => {
        const colors = [
            "bg-blue-500 text-white hover:bg-blue-600",
            "bg-indigo-500 text-white hover:bg-indigo-600",
            "bg-violet-500 text-white hover:bg-violet-600",
            "bg-pink-500 text-white hover:bg-pink-600",
            "bg-rose-500 text-white hover:bg-rose-600",
            "bg-emerald-500 text-white hover:bg-emerald-600",
            "bg-teal-500 text-white hover:bg-teal-600",
            "bg-cyan-500 text-white hover:bg-cyan-600"
        ];

        const pills = document.querySelectorAll(".keyword-pill");
        pills.forEach((pill, index) => {
            const colorClass = colors[index % colors.length];
            pill.className += " " + colorClass;
        });
    });
</script>

        
            <section class="">
    <div id="faq-content">
        <li class="faq-item p-4 rounded-xl flex flex-col justify-between transition-all duration-300 w-full bg-white/80 backdrop-blur-sm border border-gray-200/60 shadow-md hover:shadow-lg">
            <h3 class="font-bold bg-gray-100 p-3 rounded-lg text-lg cursor-pointer transition-all duration-200 hover:bg-gray-200"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Wie kann ich meine Ausdauer und Fitness durch regelmäßiges Joggen verbessern?
            </h3>

            <div class="faq-answer-wrapper relative pb-5">
                <p class="faq-answer text-gray-600 text-sm mt-2 transition-all duration-300 cursor-pointer w-full leading-relaxed"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    1. Steigere allmählich die Dauer und Intensität deiner Joggingeinheiten, um deine Ausdauer zu verbessern.
2. Ergänze dein Training mit Kraftübungen, um deine Fitness insgesamt zu steigern.
3. Achte auf ausreichende Regeneration und eine gesunde Ernährung, um optimale Ergebnisse zu erzielen.
                    <span class="relative -top-[6px] text-[0.55em] opacity-40 font-normal select-none ml-1 inline-block">**</span>

                </p>

                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                        Mehr Anzeigen
                    </span>
                </button>
            </div>

            

            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center mt-3 pt-3 border-t border-gray-100">
                
                
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Ausdauer" class="block">
                                Ausdauer
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Fitness" class="block">
                                Fitness
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Joggen" class="block">
                                Joggen
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Intensität" class="block">
                                Intensität
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Kraftübungen" class="block">
                                Kraftübungen
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Regeneration" class="block">
                                Regeneration
                            </a>
                        </div>
                    
                
            </div>
        </li>
    </div>
</section>

<!-- Pills einfärben -->
<script>
    document.addEventListener("DOMContentLoaded", () => {
        const colors = [
            "bg-blue-500 text-white hover:bg-blue-600",
            "bg-indigo-500 text-white hover:bg-indigo-600",
            "bg-violet-500 text-white hover:bg-violet-600",
            "bg-pink-500 text-white hover:bg-pink-600",
            "bg-rose-500 text-white hover:bg-rose-600",
            "bg-emerald-500 text-white hover:bg-emerald-600",
            "bg-teal-500 text-white hover:bg-teal-600",
            "bg-cyan-500 text-white hover:bg-cyan-600"
        ];

        const pills = document.querySelectorAll(".keyword-pill");
        pills.forEach((pill, index) => {
            const colorClass = colors[index % colors.length];
            pill.className += " " + colorClass;
        });
    });
</script>

        
    </ul>

    <div class="mb-10">
        <!-- Related Terms Section -->
<section class="w-full max-w-none px-6 py-6 lg:px-8 text-center text-white rounded-2xl shadow-xl my-6 mb-12 relative overflow-hidden border border-white/10" style="background-color: #56be64;">
    <h2 class="text-xl sm:text-2xl font-bold mb-6">
        Ähnliche Suchbegriffe für
        <span class="text-yellow-300">RNNR</span>
    </h2>

    <div id="related-terms" class="flex flex-wrap justify-center gap-3">
        
        
        <a href="/Ausdauer"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Ausdauer
        </a>
        
        <a href="/Verbessern"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Verbessern
        </a>
        
        <a href="/Steigern"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Steigern
        </a>
        
        <a href="/Training"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Training
        </a>
        
        <a href="/Kondition"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Kondition
        </a>
        
        <a href="/Fitness"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Fitness
        </a>
        
        <a href="/Intensität"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Intensität
        </a>
        
        <a href="/Erzielen"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Erzielen
        </a>
        
        <a href="/Ernährung"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Ernährung
        </a>
        
        <a href="/Trainieren"
           class="term-chip inline-block rounded-full px-5 py-2 text-sm font-semibold text-white shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 hover:scale-105 border border-white/20 bg-white/10 hover:bg-white/20">
            Trainieren
        </a>
        
        
    </div>
</section>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        const chips = document.querySelectorAll('#related-terms .term-chip');
        const colors = [
            "#3B82F6", // Blue 500
            "#0EA5E9", // Sky 500
            "#10B981", // Emerald 500
            "#14B8A6", // Teal 500
            "#6366F1", // Indigo 500
            "#8B5CF6", // Violet 500
        ];
        chips.forEach(chip => {
            const color = colors[Math.floor(Math.random() * colors.length)];
            chip.style.backgroundColor = color;
            chip.style.color = "white"; // weiße Schrift für Eleganz
        });
    });
</script>


    </div>

    <ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start mb-8">
        
            <section class="mb-8">
    <div id="product-content">
        <li class="bg-white/90 backdrop-blur-sm shadow-md rounded-xl m-1 flex flex-col transition-all duration-300 hover:-translate-y-1 hover:shadow-xl border border-gray-200/60 overflow-hidden group">
            <div id="product-1" class="flex flex-col rounded-xl overflow-hidden mx-4 md:mx-0">
                <form id="Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYza1A0T3pcVm15UVUyNU98amtOVlRuUEZDdltZSGpQRTI3W1ZTM1xZVzZRRkhuUEZLb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Persen-Verlag-Ausdauer-und">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYza1A0T3pcVm15UVUyNU98amtOVlRuUEZDdltZSGpQRTI3W1ZTM1xZVzZRRkhuUEZLb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=">
                </form>

                <!-- Product Image -->
                <div class="overflow-hidden bg-gray-50">
                    <img class="w-full cursor-pointer min-h-[15rem] object-cover transition-transform duration-300 group-hover:scale-103"
                         src="https://cdn.adindex.com/oimg/b7c1e909-738b-4e40-aaa4-9a45ee881e42"
                         alt="Persen Verlag Ausdauer und Training"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYza1A0T3pcVm15UVUyNU98amtOVlRuUEZDdltZSGpQRTI3W1ZTM1xZVzZRRkhuUEZLb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')">
                </div>

                <!-- Product Content -->
                <div class="px-5 flex flex-col flex-grow min-h-[9rem]">
                    <div class="min-h-[3.5rem] flex justify-between m-auto relative">
                        <div id="title-1" class="font-bold text-base mb-2 overflow-hidden line-clamp-2 cursor-pointer text-gray-800"
                             onclick="toggleTitle(1)">
                            Persen Verlag Ausdauer und Training
                        </div>

                        
                        <a href="/Persen-Verlag-Ausdauer-und" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Persen-Verlag-Ausdauer-und">
              <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
            </a>
                    </div>
                    <hr>
                    <div class="flex justify-between items-end relative mt-1">
                        <div id="description-1" class="text-gray-600 text-sm flex-grow line-clamp-3 cursor-pointer leading-relaxed"
                             onclick="toggleDescription(1)">
                            <span class="break-words">Schnelle und ausdauernde Leistungen im Wasser bedingen ein gezieltes Feilen an Technik und Kondition. Die Schüler erarbeiten dazu in dieser Unterrichtseinheit vier Themenbereiche: den Start, die Atemtechnik, die Wende und die Erstellung eines eigenen Trainingsplans zur Schulung der Ausdauerleistung. Dieses Gesamtpaket soll jedem Schüler individuell seinen persönlichen Erfolg ermöglichen im Rahmen der Leitfrage, zu deren Beantwortung die einzelnen Materialien beitragen. Die Schüler werden erfahren, dass alle vier Faktoren zu einer Verbesserung der eigenen Schwimmleistung führen und dafür ein guter Trainingsplan absolut notwendig ist. Abgerundet werden die Materialien durch didaktische Vorbemerkungen, Lehrerhinweise und Lösungen.</span>
                        </div>
                        <button onclick="toggleDescription(1)"
                                class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                aria-label="Toggle Description">
                            <i id="toggle-icon-1" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                            <span id="toggle-text-1" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                Mehr Anzeigen
              </span>
                        </button>
                    </div>
                </div>

                <!-- Product Footer -->
                <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                    <hr class="mb-1 border-gray-300">
                    <div class="mb-1">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYza1A0T3pcVm15UVUyNU98amtOVlRuUEZDdltZSGpQRTI3W1ZTM1xZVzZRRkhuUEZLb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: Lehrerwelt.de
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 10.99 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 0 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYza1A0T3pcVm15UVUyNU98amtOVlRuUEZDdltZSGpQRTI3W1ZTM1xZVzZRRkhuUEZLb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')" type="button"
                                class="w-full bg-gradient-to-r from-yellow-400 to-amber-400 hover:from-yellow-300 hover:to-amber-300 rounded-full px-4 py-2.5 text-sm font-bold text-gray-900 shadow-md transition-all duration-300 hover:shadow-lg">
                            Weiter zum Produkt
                        </button>
                    </div>
                </div>
            </div>
        </li>
    </div>
</section>

        
            <section class="mb-8">
    <div id="product-content">
        <li class="bg-white/90 backdrop-blur-sm shadow-md rounded-xl m-1 flex flex-col transition-all duration-300 hover:-translate-y-1 hover:shadow-xl border border-gray-200/60 overflow-hidden group">
            <div id="product-2" class="flex flex-col rounded-xl overflow-hidden mx-4 md:mx-0">
                <form id="Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFxJT3lbfG5uUEUzak9sW3lOVlM3UUlHdlFWU3pPRTNrUUZEbVt8bXxRRk80W1ZXb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Stark-Verlag-STARK-Sport">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFxJT3lbfG5uUEUzak9sW3lOVlM3UUlHdlFWU3pPRTNrUUZEbVt8bXxRRk80W1ZXb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=">
                </form>

                <!-- Product Image -->
                <div class="overflow-hidden bg-gray-50">
                    <img class="w-full cursor-pointer min-h-[15rem] object-cover transition-transform duration-300 group-hover:scale-103"
                         src="https://cdn.adindex.com/oimg/3dc0c9e4-a260-498a-9410-b80dc93836a5"
                         alt="Stark Verlag STARK Sport - Abitur-Training - Trainingslehre und Sport und Gesundheit"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFxJT3lbfG5uUEUzak9sW3lOVlM3UUlHdlFWU3pPRTNrUUZEbVt8bXxRRk80W1ZXb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')">
                </div>

                <!-- Product Content -->
                <div class="px-5 flex flex-col flex-grow min-h-[9rem]">
                    <div class="min-h-[3.5rem] flex justify-between m-auto relative">
                        <div id="title-2" class="font-bold text-base mb-2 overflow-hidden line-clamp-2 cursor-pointer text-gray-800"
                             onclick="toggleTitle(2)">
                            Stark Verlag STARK Sport - Abitur-Training - Trainingslehre und Sport und Gesundheit
                        </div>

                        
                        <a href="/Stark-Verlag-STARK-Sport" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Stark-Verlag-STARK-Sport">
              <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
            </a>
                    </div>
                    <hr>
                    <div class="flex justify-between items-end relative mt-1">
                        <div id="description-2" class="text-gray-600 text-sm flex-grow line-clamp-3 cursor-pointer leading-relaxed"
                             onclick="toggleDescription(2)">
                            <span class="break-words">Sport - Abitur-Training - Trainingslehre und Sport und Gesundheit Das optimale Training der Themenbereiche Trainingslehre und Sport und Gesundheit. Sporttheorie in der Oberstufe leicht gemacht! Gut verständliche und ausführliche Darstellung der Themen biologisch-medizinische Grundlagen, Training, Trainingsarten, Sport und Gesundheit (Gesundheitsmodelle, Doping) Zur gezielten Vorbereitung auf Klausuren und das schriftliche Sport-Abitur Mit anschaulichen Abbildungen, Diagrammen, erläuternden Beispielen und übersichtlichen Tabellen Passende Übungsaufgaben mit leicht verständlichen Lösungen Übersichtliche Zusammenfassung am Ende eines Kapitels</span>
                        </div>
                        <button onclick="toggleDescription(2)"
                                class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                aria-label="Toggle Description">
                            <i id="toggle-icon-2" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                            <span id="toggle-text-2" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                Mehr Anzeigen
              </span>
                        </button>
                    </div>
                </div>

                <!-- Product Footer -->
                <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                    <hr class="mb-1 border-gray-300">
                    <div class="mb-1">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFxJT3lbfG5uUEUzak9sW3lOVlM3UUlHdlFWU3pPRTNrUUZEbVt8bXxRRk80W1ZXb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: Lehrerwelt.de
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 23.95 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 3.95 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYyfFxJT3lbfG5uUEUzak9sW3lOVlM3UUlHdlFWU3pPRTNrUUZEbVt8bXxRRk80W1ZXb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')" type="button"
                                class="w-full bg-gradient-to-r from-yellow-400 to-amber-400 hover:from-yellow-300 hover:to-amber-300 rounded-full px-4 py-2.5 text-sm font-bold text-gray-900 shadow-md transition-all duration-300 hover:shadow-lg">
                            Weiter zum Produkt
                        </button>
                    </div>
                </div>
            </div>
        </li>
    </div>
</section>

        
            <section class="mb-8">
    <div id="product-content">
        <li class="bg-white/90 backdrop-blur-sm shadow-md rounded-xl m-1 flex flex-col transition-all duration-300 hover:-translate-y-1 hover:shadow-xl border border-gray-200/60 overflow-hidden group">
            <div id="product-3" class="flex flex-col rounded-xl overflow-hidden mx-4 md:mx-0">
                <form id="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7OzJjSW52ZFlXdmZJbnVkRTNrXFpmblw1WHdcezMzZG9TdmVKUDdbNGpyZTRQcVxVM3BcWlAzZG9UcVxZbjJOWlx4ZGszdGNZN21cWkx3TlpYd1xFM3NmWWZuZG9UdWNZUHFcWTYxZlpUdlo1UHhmWkxsXFYzeWZZTHVjWlBxXFpLb2ZaVHZaNDNuXEluM2RWM3Rma1wzZkkzaFs0SHZlSUhyXDQ2O1xJSDJbWVxuXFlTPw==">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Bewegung-und-psychische-Gesundheit">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7OzJjSW52ZFlXdmZJbnVkRTNrXFpmblw1WHdcezMzZG9TdmVKUDdbNGpyZTRQcVxVM3BcWlAzZG9UcVxZbjJOWlx4ZGszdGNZN21cWkx3TlpYd1xFM3NmWWZuZG9UdWNZUHFcWTYxZlpUdlo1UHhmWkxsXFYzeWZZTHVjWlBxXFpLb2ZaVHZaNDNuXEluM2RWM3Rma1wzZkkzaFs0SHZlSUhyXDQ2O1xJSDJbWVxuXFlTPw==">
                </form>

                <!-- Product Image -->
                <div class="overflow-hidden bg-gray-50">
                    <img class="w-full cursor-pointer min-h-[15rem] object-cover transition-transform duration-300 group-hover:scale-103"
                         src="https://media.averdo.com/picture/images_shop/B00/000/000/B00000000524833.jpg"
                         alt="Bewegung und psychische Gesundheit von Kindern und Jugendlichen (Thimme, Till)"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7OzJjSW52ZFlXdmZJbnVkRTNrXFpmblw1WHdcezMzZG9TdmVKUDdbNGpyZTRQcVxVM3BcWlAzZG9UcVxZbjJOWlx4ZGszdGNZN21cWkx3TlpYd1xFM3NmWWZuZG9UdWNZUHFcWTYxZlpUdlo1UHhmWkxsXFYzeWZZTHVjWlBxXFpLb2ZaVHZaNDNuXEluM2RWM3Rma1wzZkkzaFs0SHZlSUhyXDQ2O1xJSDJbWVxuXFlTPw==')">
                </div>

                <!-- Product Content -->
                <div class="px-5 flex flex-col flex-grow min-h-[9rem]">
                    <div class="min-h-[3.5rem] flex justify-between m-auto relative">
                        <div id="title-3" class="font-bold text-base mb-2 overflow-hidden line-clamp-2 cursor-pointer text-gray-800"
                             onclick="toggleTitle(3)">
                            Bewegung und psychische Gesundheit von Kindern und Jugendlichen (Thimme, Till)
                        </div>

                        
                        <a href="/Bewegung-und-psychische-Gesundheit" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Bewegung-und-psychische-Gesundheit">
              <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
            </a>
                    </div>
                    <hr>
                    <div class="flex justify-between items-end relative mt-1">
                        <div id="description-3" class="text-gray-600 text-sm flex-grow line-clamp-3 cursor-pointer leading-relaxed"
                             onclick="toggleDescription(3)">
                            <span class="break-words">Bewegung und psychische Gesundheit von Kindern und Jugendlichen , Grundlagen - Störungsbilder - Therapie , Scheinwerferblenden &amp; -gitter &gt; Karosserie &amp; Exterieur Styling , Erscheinungsjahr: 20210118, Produktform: Kartoniert, Beilage: kartoniert, Autoren: Thimme, Till, Seitenzahl&#x2F;Blattzahl: 476, Abbildungen: mit zahlreichen Abbildungen und Tabellen, Keyword: &quot;Bewegungstherapie; Akrobatik; Angststörungen Kinder und Jugendliche; Anorexie; Asperger Kind &quot;; Autismus Kind; Autismus-Spektrum-Störungen; BWT; Bewegung Jugendliche; Bewegung Kinder; Bewegung Kinder und Jugendliche; Bewegung und Gesundheit; Depression Jugendlicher; Depressionen bei Kindern; Depressive Störungen Kinder und Jugendliche; Erlebnispädagogik; Essstörungen Kinder und Jugendliche; Hyperkinetische Störungen; KJP; Kampfsport Kinder und Jugendliche; Kinder- und Jugendlichenpsychiatrie; Kinderängste; Magersucht; Resilienz; Salutogenese; Schizophrenie Kinder und Jugendliche; Sport Kinder; Sport in Förderschulen; Störungen des Sozialverhaltens Kinder und Jugendliche, Fachschema: Soziologie &#x2F; Familie, Jugend, Alter~Entwicklungspsychologie~Psychologie &#x2F; Entwicklung~Biopsychologie~Psychologie &#x2F; Biopsychologie~Medizin &#x2F; Sportmedizin~Sportmedizin, Fachkategorie: Altersgruppen: Jugendliche~Entwicklungspsychologie~Biopsychologie, Physiologische Psychologie, Neuropsychologie~Sportmedizin, Sportverletzungen, Warengruppe: HC&#x2F;Angewandte Psychologie, Fachkategorie: Altersgruppen: Kinder, Thema: Verstehen, Text Sprache: ger, UNSPSC: 49019900, Warenverzeichnis für die Außenhandelsstatistik: 49019900, Verlag: SCHATTAUER, Verlag: SCHATTAUER, Verlag: Schattauer, Länge: 238, Breite: 162, Höhe: 40, Gewicht: 994, Produktform: Klappenbroschur, Genre: Geisteswissenschaften&#x2F;Kunst&#x2F;Musik, Genre: Geisteswissenschaften&#x2F;Kunst&#x2F;Musik, Herkunftsland: DEUTSCHLAND (DE), Katalog: deutschsprachige Titel, Katalog: Gesamtkatalog, Katalog: Lagerartikel, Book on Demand, ausgew. Medienartikel, Relevanz: 0004, Tendenz: 0, Unterkatalog: AK, Unterkatalog: Bücher, Unterkatalog: Hardcover, Unterkatalog: Lagerartikel, WolkenId: 2345539</span>
                        </div>
                        <button onclick="toggleDescription(3)"
                                class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                aria-label="Toggle Description">
                            <i id="toggle-icon-3" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                            <span id="toggle-text-3" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                Mehr Anzeigen
              </span>
                        </button>
                    </div>
                </div>

                <!-- Product Footer -->
                <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                    <hr class="mb-1 border-gray-300">
                    <div class="mb-1">
                        <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7OzJjSW52ZFlXdmZJbnVkRTNrXFpmblw1WHdcezMzZG9TdmVKUDdbNGpyZTRQcVxVM3BcWlAzZG9UcVxZbjJOWlx4ZGszdGNZN21cWkx3TlpYd1xFM3NmWWZuZG9UdWNZUHFcWTYxZlpUdlo1UHhmWkxsXFYzeWZZTHVjWlBxXFpLb2ZaVHZaNDNuXEluM2RWM3Rma1wzZkkzaFs0SHZlSUhyXDQ2O1xJSDJbWVxuXFlTPw==')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: Averdo
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 58.00 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 0 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7OzJjSW52ZFlXdmZJbnVkRTNrXFpmblw1WHdcezMzZG9TdmVKUDdbNGpyZTRQcVxVM3BcWlAzZG9UcVxZbjJOWlx4ZGszdGNZN21cWkx3TlpYd1xFM3NmWWZuZG9UdWNZUHFcWTYxZlpUdlo1UHhmWkxsXFYzeWZZTHVjWlBxXFpLb2ZaVHZaNDNuXEluM2RWM3Rma1wzZkkzaFs0SHZlSUhyXDQ2O1xJSDJbWVxuXFlTPw==')" type="button"
                                class="w-full bg-gradient-to-r from-yellow-400 to-amber-400 hover:from-yellow-300 hover:to-amber-300 rounded-full px-4 py-2.5 text-sm font-bold text-gray-900 shadow-md transition-all duration-300 hover:shadow-lg">
                            Weiter zum Produkt
                        </button>
                    </div>
                </div>
            </div>
        </li>
    </div>
</section>

        
            <section class="mb-8">
    <div id="product-content">
        <li class="bg-white/90 backdrop-blur-sm shadow-md rounded-xl m-1 flex flex-col transition-all duration-300 hover:-translate-y-1 hover:shadow-xl border border-gray-200/60 overflow-hidden group">
            <div id="product-4" class="flex flex-col rounded-xl overflow-hidden mx-4 md:mx-0">
                <form id="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3RWMzozXFluTmYzTHpcSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZqUFhvM3xQSTNZVzNPNlBaQ3pPWER0UEhXNVtYanhQSHJyT0hpM1ZJdlFUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U2xUSU9HemtVVzdXWHBMc1daVDdWRlw2WUdLemN8UHdUbVRaUzNcVFVXSFBOVlg0V1pqd1RWVHFWbkQ3ZEpxfGNXWHBmNG5qTG8zclxGMntPRlcyUVZTe1FGTzVMb25tUlZLeVBWUzdQRks2T3xlb2ZKTztPbEN7UGxDMk9GSz8=">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="frubiase-SPORT-AUSDAUER-440">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3RWMzozXFluTmYzTHpcSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZqUFhvM3xQSTNZVzNPNlBaQ3pPWER0UEhXNVtYanhQSHJyT0hpM1ZJdlFUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U2xUSU9HemtVVzdXWHBMc1daVDdWRlw2WUdLemN8UHdUbVRaUzNcVFVXSFBOVlg0V1pqd1RWVHFWbkQ3ZEpxfGNXWHBmNG5qTG8zclxGMntPRlcyUVZTe1FGTzVMb25tUlZLeVBWUzdQRks2T3xlb2ZKTztPbEN7UGxDMk9GSz8=">
                </form>

                <!-- Product Image -->
                <div class="overflow-hidden bg-gray-50">
                    <img class="w-full cursor-pointer min-h-[15rem] object-cover transition-transform duration-300 group-hover:scale-103"
                         src="https://cdn.billiger.com/dynimg/o4N5GDbuyfy7PnvvTgPbZOXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdaosAmNbkfm3W1T0hmRkxuhNHjsiETHefCRf59ZSZxEeP9SGzGGD528/2054942837_large.webp"
                         alt="frubiase SPORT AUSDAUER 440 g Pulver"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3RWMzozXFluTmYzTHpcSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZqUFhvM3xQSTNZVzNPNlBaQ3pPWER0UEhXNVtYanhQSHJyT0hpM1ZJdlFUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U2xUSU9HemtVVzdXWHBMc1daVDdWRlw2WUdLemN8UHdUbVRaUzNcVFVXSFBOVlg0V1pqd1RWVHFWbkQ3ZEpxfGNXWHBmNG5qTG8zclxGMntPRlcyUVZTe1FGTzVMb25tUlZLeVBWUzdQRks2T3xlb2ZKTztPbEN7UGxDMk9GSz8=')">
                </div>

                <!-- Product Content -->
                <div class="px-5 flex flex-col flex-grow min-h-[9rem]">
                    <div class="min-h-[3.5rem] flex justify-between m-auto relative">
                        <div id="title-4" class="font-bold text-base mb-2 overflow-hidden line-clamp-2 cursor-pointer text-gray-800"
                             onclick="toggleTitle(4)">
                            frubiase SPORT AUSDAUER 440 g Pulver
                        </div>

                        
                        <a href="/frubiase-SPORT-AUSDAUER-440" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="frubiase-SPORT-AUSDAUER-440">
              <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
            </a>
                    </div>
                    <hr>
                    <div class="flex justify-between items-end relative mt-1">
                        <div id="description-4" class="text-gray-600 text-sm flex-grow line-clamp-3 cursor-pointer leading-relaxed"
                             onclick="toggleDescription(4)">
                            <span class="break-words">Nahrungsergänzungsmittel mit hochdosierten Mineralstoffen, Vitaminen und Spurenelementen. ?	Brausepulver für ein isotonisches Getränk mit Limettengeschmack ?	Ideale Unterstützung für sportlich aktive Menschen ?	Qualität von STADA, zuverlässiger und vertrauenswürdiger Partner für Gesundheit und Wohlbefinden seit mehr als 125 Jahren UNTERSTÜTZT AUSDAUERSPORTLER BEI LANGEN AUSDAUEREINHEITEN frubiase SPORT AUSDAUER enthält neben der ausgewählten Kombination aus Mineralstoffen, Vitaminen und Spurenelementen das einzigartige Kohlenhydrat Palatinose. Dadurch steigt der Blutzuckerspiegel nach der Einnahme weniger stark an als beim Verzehr von zuckerhaltigen Getränken, sondern bleibt über einen längeren Zeitraum stabil ? ein großer Vorteil für ambitionierte Ausdauersportler. GUT ZU WISSEN ?	Gezielt kombinierte und genau dosierte Mineralstoffe, Vitamine und Spurenelemente ?	frubiase SPORT Pulver mit Palatinose? zur Unterstützung bei langen Ausdauereinheiten ?	frubiase SPORT AUSDAUER ist laktose- und glutenfrei. ?	In Zusammenarbeit mit der Deutschen Sporthochschule Köln entwickelt WEITERFÜHRENDE INFORMATIONEN Schon mit einer Portion (40 g) des frubiase SPORT AUSDAUER Brausepulvers mit frischem Limettengeschmack vor oder während des Sports können ambitionierte Ausdauersportler den Körper mit allen wichtigen Nährstoffen versorgen und gleichzeitig den Blutzuckerspiegel während Training und Wettkampf stabil halten. ANWENDUNGSEMPFEHLUNG 1 x täglich 40 g auflösen und trinken. In 500 ml Wasser aufgelöst ergibt das eine isotonische Lösung, die optimale Aufnahme gewährleistet. HÄUFIGE FRAGEN &amp; ANTWORTEN Wie ist die Zusammensetzung von frubiase SPORT AUSDAUER? Palatinose? (Isomaltulose*), Säuerungsmittel Citronensäure, Kaliumhydrogenphosphat, Magnesiumhydroxidcarbonat, Calciumcarbonat, Säureregulator Tri-Natriumcitrat Dihydrat, Säureregulator Natriumhydrogencarbonat, L-Ascorbinsäure (Vitamin C), natürliches Aroma, Nicotinamid (Niacin), DL-?-Tocopherylacetat (Vitamin E), Calcium-D-Pantothenat (Pantothensäure), Eisensulfat, Zinksulfat, Pyridoxinhydrochlorid (Vitamin B6), Riboflavin?5-phosphat (Vitamin B2), Thiaminhydrochlorid (Vitamin B1), Süßstoff Natrium-Cyclamat, Pteroylmonoglutaminsäure (Folsäure), Biotin, Kaliumiodid, Cholecalciferol (Vitamin D3), Cyanocobalamin (Vitamin B12). Was gibt es bei der Einnahme von frubiase SPORT AUSDAUER zu beachten? frubiase SPORT AUSDAUER ist hochdosiert. Die angegebene tägliche Verzehrmenge von 40 g pro Tag darf nicht überschritten werden. Kann bei übermäßigem Verzehr abführend wirken. Nahrungsergänzungsmittel sollten nicht als Ersatz für eine ausgewogene und abwechslungsreiche Ernährung sowie eine gesunde Lebensweise verwendet werden. INHALTSSTOFFE: frubiase SPORT AUSDAUER enthält folgende Mineralstoffe, Vitamine und Spurenelemente: Vitamin D3, Vitamin B1, Vitamin B2, Niacin (NE), Pantothensäure, Vitamin B6, Folsäure, Biotin, Vitamin B12, Vitamin C, Vitamin E (?-TE), Calcium, Kalium, Magnesium, Eisen, Zink, Jod</span>
                        </div>
                        <button onclick="toggleDescription(4)"
                                class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                aria-label="Toggle Description">
                            <i id="toggle-icon-4" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                            <span id="toggle-text-4" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                Mehr Anzeigen
              </span>
                        </button>
                    </div>
                </div>

                <!-- Product Footer -->
                <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                    <hr class="mb-1 border-gray-300">
                    <div class="mb-1">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3RWMzozXFluTmYzTHpcSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZqUFhvM3xQSTNZVzNPNlBaQ3pPWER0UEhXNVtYanhQSHJyT0hpM1ZJdlFUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U2xUSU9HemtVVzdXWHBMc1daVDdWRlw2WUdLemN8UHdUbVRaUzNcVFVXSFBOVlg0V1pqd1RWVHFWbkQ3ZEpxfGNXWHBmNG5qTG8zclxGMntPRlcyUVZTe1FGTzVMb25tUlZLeVBWUzdQRks2T3xlb2ZKTztPbEN7UGxDMk9GSz8=')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: Aliva Apotheke
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 21.99 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 4.95 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3RWMzozXFluTmYzTHpcSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZqUFhvM3xQSTNZVzNPNlBaQ3pPWER0UEhXNVtYanhQSHJyT0hpM1ZJdlFUbXZvZUlHMmVXclVWWm5UW3BYc2NwVERXWVx0U2xUSU9HemtVVzdXWHBMc1daVDdWRlw2WUdLemN8UHdUbVRaUzNcVFVXSFBOVlg0V1pqd1RWVHFWbkQ3ZEpxfGNXWHBmNG5qTG8zclxGMntPRlcyUVZTe1FGTzVMb25tUlZLeVBWUzdQRks2T3xlb2ZKTztPbEN7UGxDMk9GSz8=')" type="button"
                                class="w-full bg-gradient-to-r from-yellow-400 to-amber-400 hover:from-yellow-300 hover:to-amber-300 rounded-full px-4 py-2.5 text-sm font-bold text-gray-900 shadow-md transition-all duration-300 hover:shadow-lg">
                            Weiter zum Produkt
                        </button>
                    </div>
                </div>
            </div>
        </li>
    </div>
</section>

        
    </ul>

    <ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start">
        
            <section class="">
    <div id="faq-content">
        <li class="faq-item p-4 rounded-xl flex flex-col justify-between transition-all duration-300 w-full bg-white/80 backdrop-blur-sm border border-gray-200/60 shadow-md hover:shadow-lg">
            <h3 class="font-bold bg-gray-100 p-3 rounded-lg text-lg cursor-pointer transition-all duration-200 hover:bg-gray-200"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Wie kann man die Ausdauer beim Training steigern, um langfristige Fortschritte in den Bereichen Fitness, Ausdauer und Gesundheit zu erzielen?
            </h3>

            <div class="faq-answer-wrapper relative pb-5">
                <p class="faq-answer text-gray-600 text-sm mt-2 transition-all duration-300 cursor-pointer w-full leading-relaxed"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    Um die Ausdauer beim Training zu steigern, ist es wichtig, regelmäßig zu trainieren und langsam die Intensität zu erhöhen, um den Körper allmählich an höhere Belastungen zu gewöhnen. Zudem ist es hilfreich, verschiedene Trainingsmethoden wie Intervalltraining, Langstreckenläufe und Cross-Training zu kombinieren, um den gesamten Körper zu trainieren und die Ausdauer zu verbessern. Eine ausgewogene Ernährung, ausreichend Schlaf und die Vermeidung von übermäßigem Stress tragen ebenfalls dazu bei, die Ausdauer zu steigern und langfristige Fortschritte zu erzielen. Schließlich ist es wichtig, sich realistische Ziele zu setzen und motiviert zu bleiben, um kontinuierlich an der Verbesserung der Ausdauer zu arbeiten.
                    <span class="relative -top-[6px] text-[0.55em] opacity-40 font-normal select-none ml-1 inline-block">**</span>

                </p>

                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                        Mehr Anzeigen
                    </span>
                </button>
            </div>

            

            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center mt-3 pt-3 border-t border-gray-100">
                
                
                    <div style="min-height: 0px;"></div>
                
            </div>
        </li>
    </div>
</section>

<!-- Pills einfärben -->
<script>
    document.addEventListener("DOMContentLoaded", () => {
        const colors = [
            "bg-blue-500 text-white hover:bg-blue-600",
            "bg-indigo-500 text-white hover:bg-indigo-600",
            "bg-violet-500 text-white hover:bg-violet-600",
            "bg-pink-500 text-white hover:bg-pink-600",
            "bg-rose-500 text-white hover:bg-rose-600",
            "bg-emerald-500 text-white hover:bg-emerald-600",
            "bg-teal-500 text-white hover:bg-teal-600",
            "bg-cyan-500 text-white hover:bg-cyan-600"
        ];

        const pills = document.querySelectorAll(".keyword-pill");
        pills.forEach((pill, index) => {
            const colorClass = colors[index % colors.length];
            pill.className += " " + colorClass;
        });
    });
</script>

        
            <section class="">
    <div id="faq-content">
        <li class="faq-item p-4 rounded-xl flex flex-col justify-between transition-all duration-300 w-full bg-white/80 backdrop-blur-sm border border-gray-200/60 shadow-md hover:shadow-lg">
            <h3 class="font-bold bg-gray-100 p-3 rounded-lg text-lg cursor-pointer transition-all duration-200 hover:bg-gray-200"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Wie kann man die Ausdauer beim Training steigern, um langfristige Fortschritte in den Bereichen Fitness, Ausdauer und Gesundheit zu erzielen?
            </h3>

            <div class="faq-answer-wrapper relative pb-5">
                <p class="faq-answer text-gray-600 text-sm mt-2 transition-all duration-300 cursor-pointer w-full leading-relaxed"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    Um die Ausdauer beim Training zu steigern, ist es wichtig, regelmäßig zu trainieren und langsam die Intensität und Dauer der Übungen zu erhöhen. Ein abwechslungsreiches Training, das verschiedene Formen von Ausdauerübungen wie Laufen, Schwimmen, Radfahren und Intervalltraining umfasst, kann ebenfalls helfen, die Ausdauer zu verbessern. Eine ausgewogene Ernährung, ausreichend Schlaf und die Vermeidung von übermäßigem Stress sind ebenfalls wichtige Faktoren, um die Ausdauer zu steigern und langfristige Fortschritte in den Bereichen Fitness, Ausdauer und Gesundheit zu erzielen. Zudem ist es hilfreich, sich realistische Ziele zu setzen und sich selbst zu motivieren, um kontinuierlich an der Steigerung der Aus
                    <span class="relative -top-[6px] text-[0.55em] opacity-40 font-normal select-none ml-1 inline-block">**</span>

                </p>

                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                        Mehr Anzeigen
                    </span>
                </button>
            </div>

            

            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center mt-3 pt-3 border-t border-gray-100">
                
                
                    <div style="min-height: 0px;"></div>
                
            </div>
        </li>
    </div>
</section>

<!-- Pills einfärben -->
<script>
    document.addEventListener("DOMContentLoaded", () => {
        const colors = [
            "bg-blue-500 text-white hover:bg-blue-600",
            "bg-indigo-500 text-white hover:bg-indigo-600",
            "bg-violet-500 text-white hover:bg-violet-600",
            "bg-pink-500 text-white hover:bg-pink-600",
            "bg-rose-500 text-white hover:bg-rose-600",
            "bg-emerald-500 text-white hover:bg-emerald-600",
            "bg-teal-500 text-white hover:bg-teal-600",
            "bg-cyan-500 text-white hover:bg-cyan-600"
        ];

        const pills = document.querySelectorAll(".keyword-pill");
        pills.forEach((pill, index) => {
            const colorClass = colors[index % colors.length];
            pill.className += " " + colorClass;
        });
    });
</script>

        
            <section class="">
    <div id="faq-content">
        <li class="faq-item p-4 rounded-xl flex flex-col justify-between transition-all duration-300 w-full bg-white/80 backdrop-blur-sm border border-gray-200/60 shadow-md hover:shadow-lg">
            <h3 class="font-bold bg-gray-100 p-3 rounded-lg text-lg cursor-pointer transition-all duration-200 hover:bg-gray-200"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Wie kann man das Crosstrainer-Training optimal gestalten, um Kondition und Ausdauer zu verbessern?
            </h3>

            <div class="faq-answer-wrapper relative pb-5">
                <p class="faq-answer text-gray-600 text-sm mt-2 transition-all duration-300 cursor-pointer w-full leading-relaxed"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    Um das Crosstrainer-Training optimal zu gestalten, sollte man regelmäßig trainieren, mindestens 3-4 Mal pro Woche. Es ist wichtig, die Intensität und Dauer des Trainings langsam zu steigern, um Fortschritte zu erzielen. Zudem sollte man abwechslungsreiche Workouts durchführen, um verschiedene Muskelgruppen zu trainieren und die Motivation hoch zu halten.
                    <span class="relative -top-[6px] text-[0.55em] opacity-40 font-normal select-none ml-1 inline-block">**</span>

                </p>

                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                        Mehr Anzeigen
                    </span>
                </button>
            </div>

            

            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center mt-3 pt-3 border-t border-gray-100">
                
                
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Regelmäßigkeit" class="block">
                                Regelmäßigkeit
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Intensität" class="block">
                                Intensität
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Abwechslung" class="block">
                                Abwechslung
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Muskelgruppen" class="block">
                                Muskelgruppen
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Fortschritte" class="block">
                                Fortschritte
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Motivation" class="block">
                                Motivation
                            </a>
                        </div>
                    
                
            </div>
        </li>
    </div>
</section>

<!-- Pills einfärben -->
<script>
    document.addEventListener("DOMContentLoaded", () => {
        const colors = [
            "bg-blue-500 text-white hover:bg-blue-600",
            "bg-indigo-500 text-white hover:bg-indigo-600",
            "bg-violet-500 text-white hover:bg-violet-600",
            "bg-pink-500 text-white hover:bg-pink-600",
            "bg-rose-500 text-white hover:bg-rose-600",
            "bg-emerald-500 text-white hover:bg-emerald-600",
            "bg-teal-500 text-white hover:bg-teal-600",
            "bg-cyan-500 text-white hover:bg-cyan-600"
        ];

        const pills = document.querySelectorAll(".keyword-pill");
        pills.forEach((pill, index) => {
            const colorClass = colors[index % colors.length];
            pill.className += " " + colorClass;
        });
    });
</script>

        
            <section class="">
    <div id="faq-content">
        <li class="faq-item p-4 rounded-xl flex flex-col justify-between transition-all duration-300 w-full bg-white/80 backdrop-blur-sm border border-gray-200/60 shadow-md hover:shadow-lg">
            <h3 class="font-bold bg-gray-100 p-3 rounded-lg text-lg cursor-pointer transition-all duration-200 hover:bg-gray-200"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Wie kann ich meine Kondition verbessern, um meine Ausdauer beim Sport zu steigern?
            </h3>

            <div class="faq-answer-wrapper relative pb-5">
                <p class="faq-answer text-gray-600 text-sm mt-2 transition-all duration-300 cursor-pointer w-full leading-relaxed"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    1. Regelmäßiges Ausdauertraining wie Laufen, Radfahren oder Schwimmen hilft, die Kondition zu verbessern.
2. Intervalltraining, bei dem kurze intensive Belastungsphasen mit Erholungsphasen abwechseln, ist besonders effektiv.
3. Eine ausgewogene Ernährung, ausreichend Schlaf und genügend Regeneration sind ebenfalls wichtig für eine gesteigerte Ausdauer.
                    <span class="relative -top-[6px] text-[0.55em] opacity-40 font-normal select-none ml-1 inline-block">**</span>

                </p>

                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                        Mehr Anzeigen
                    </span>
                </button>
            </div>

            

            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center mt-3 pt-3 border-t border-gray-100">
                
                
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Ausdauertraining" class="block">
                                Ausdauertraining
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Intervalle" class="block">
                                Intervalle
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Ernährung" class="block">
                                Ernährung
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Schlaf" class="block">
                                Schlaf
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Regeneration" class="block">
                                Regeneration
                            </a>
                        </div>
                    
                        <div class="keyword-pill inline-block rounded-full px-4 py-1.5 m-1 text-xs font-medium shadow-sm transition-all duration-200 hover:scale-105 hover:shadow-md cursor-pointer">
                            <a href="/Sport" class="block">
                                Sport
                            </a>
                        </div>
                    
                
            </div>
        </li>
    </div>
</section>

<!-- Pills einfärben -->
<script>
    document.addEventListener("DOMContentLoaded", () => {
        const colors = [
            "bg-blue-500 text-white hover:bg-blue-600",
            "bg-indigo-500 text-white hover:bg-indigo-600",
            "bg-violet-500 text-white hover:bg-violet-600",
            "bg-pink-500 text-white hover:bg-pink-600",
            "bg-rose-500 text-white hover:bg-rose-600",
            "bg-emerald-500 text-white hover:bg-emerald-600",
            "bg-teal-500 text-white hover:bg-teal-600",
            "bg-cyan-500 text-white hover:bg-cyan-600"
        ];

        const pills = document.querySelectorAll(".keyword-pill");
        pills.forEach((pill, index) => {
            const colorClass = colors[index % colors.length];
            pill.className += " " + colorClass;
        });
    });
</script>

        
    </ul>
</div>

<div class="mb-10 text-center items-center justify-center">
    
</div>

<script>
    /* ---------------------------
       Show correct layout based on page
    ---------------------------- */
    (function() {
        const isMainPage =
            window.location.pathname === '/' ||
            window.location.pathname === '/index.html';

        if (isMainPage) {
            document.getElementById('main-page-layout').classList.remove('hidden');
        } else {
            document.getElementById('subpage-layout').classList.remove('hidden');
        }
    })();
</script>

<script>
    /* ---------------------------
       Werbung nur auf Main Page
    ---------------------------- */
    document.addEventListener('DOMContentLoaded', function () {
        const ad = document.getElementById('ad-banner');
        if (!ad) return;

        const isMainPage =
            window.location.pathname === '/' ||
            window.location.pathname === '/index.html';

        if (!isMainPage) {
            ad.style.display = 'none';
        }
    });
</script>

<script>
    /* ---------------------------
       Überschrift bereinigen
    ---------------------------- */
    const heading = document.getElementById("product-heading");
    const headingSubpage = document.getElementById("product-heading-subpage");

    if (heading) {
        let headingText = heading.textContent;
        headingText = headingText.replace(/-/g, ' ');
        heading.textContent = headingText;
    }

    if (headingSubpage) {
        let headingText = headingSubpage.textContent;
        headingText = headingText.replace(/-/g, ' ');
        headingSubpage.textContent = headingText;
    }
</script>

<script>
    /* ---------------------------
       Navigation + FAQ Logik
    ---------------------------- */

    function handleTitleClick(title) {
        const cleanTitle = title
            .replace(/[^\p{L}\p{N}\s-]/gu, '')
            .replace(/\s+/g, ' ')
            .split(' ').slice(0, 4).join(' ')
            .replace(/\s+/g, '-')
            .replace(/-{2,}/g, '-')
            .replace(/^-+|-+$/g, '');
        const url = '/' + cleanTitle;
        window.location.href = url;
    }

    // OLD toggleDescription - now replaced by event-driven approach
    function toggleDescription(index) {
        // This function is kept for backwards compatibility but should not be used
        // The new approach uses event listeners without IDs
        console.warn('toggleDescription called - this should be handled by event listeners');
    }

    function toggleTitle(index) {
        const title = document.getElementById('title-' + index);
        title.classList.toggle('line-clamp-2');
    }

    function submitForm(formId) {
        const form = document.getElementById(formId);
        const suspiciousUserAgents = ['bot', 'crawl', 'slurp', 'spider', 'curl', 'wget', 'python'];
        const userAgent = navigator.userAgent.toLowerCase();
        const isSuspicious = suspiciousUserAgents.some(suspect => userAgent.includes(suspect));
        const honeypot = form.querySelector('[name="q"]').value.length > 0;

        if (!honeypot && !isSuspicious) {
            event.preventDefault();
            const formData = new FormData(form);
            const queryString = new URLSearchParams(formData).toString();
            const urlWithParams = `/clickout?${queryString}`;
            let newWindow = window.open('', '_blank');

            fetch(urlWithParams, {
                method: 'GET',
                headers: {
                    'X-Requested-With': 'XMLHttpRequest',
                    'Accept': 'application/json',
                }
            })
                .then(response => response.json())
                .then(data => {
                    if (data.clickOutUrl) {
                        newWindow.location = data.clickOutUrl;
                    } else {
                        newWindow.close();
                        alert('Unable to open the requested link.');
                    }
                })
                .catch(error => {
                    console.error('Fetch error:', error);
                    newWindow.close();
                });
        } else {
            alert('Suspicious activity detected or bot activity suspected.');
        }
    }

    function truncateText(element, length) {
        const fullText = element.textContent.trim();
        const truncateLength = parseInt(length, 10);
        if (fullText.length > truncateLength) {
            element.dataset.fullText = fullText;
            element.textContent = fullText.substring(0, truncateLength) + '...';
            return true;
        }
        return false;
    }

    function toggleTextForProduct(descElement, buttonElement) {
        const isTruncated = descElement.textContent.endsWith('...');

        // Find the icon and text within the button
        const icon = buttonElement.querySelector('i[id^="toggle-icon-"]');
        const text = buttonElement.querySelector('span[id^="toggle-text-"]');

        if (isTruncated) {
            // Expand
            descElement.textContent = descElement.dataset.fullText;
            descElement.classList.remove('line-clamp-3');
            if (icon) {
                icon.classList.remove('fa-up-right-and-down-left-from-center');
                icon.classList.add('fa-down-left-and-up-right-to-center');
            }
            if (text) {
                text.textContent = "Weniger Anzeigen";
            }
        } else {
            // Collapse
            const truncateLength = 180; // Default truncate length for products
            descElement.textContent = descElement.dataset.fullText.substring(0, truncateLength) + '...';
            descElement.classList.add('line-clamp-3');
            if (icon) {
                icon.classList.remove('fa-down-left-and-up-right-to-center');
                icon.classList.add('fa-up-right-and-down-left-from-center');
            }
            if (text) {
                text.textContent = "Mehr Anzeigen";
            }
        }
    }

    function toggleText(element, relatedContainer, sourceText, button) {
        const isTruncated = element.textContent.endsWith('...');
        const icon = button.querySelector('i');
        const text = button.querySelector('span');

        if (isTruncated) {
            element.textContent = element.dataset.fullText;
            if (sourceText) sourceText.classList.remove('hidden');
            icon.classList.remove('fa-up-right-and-down-left-from-center');
            icon.classList.add('fa-down-left-and-up-right-to-center');
            text.textContent = "Weniger Anzeigen";
        } else {
            const truncateLength = parseInt(element.dataset.truncateLength, 10);
            element.textContent = element.textContent.substring(0, truncateLength) + '...';
            if (sourceText) sourceText.classList.add('hidden');
            icon.classList.remove('fa-down-left-and-up-right-to-center');
            icon.classList.add('fa-up-right-and-down-left-from-center');
            text.textContent = "Mehr Anzeigen";
        }

        if (relatedContainer) {
            relatedContainer.classList.toggle('hidden');
        }
    }

    document.addEventListener('DOMContentLoaded', function () {
        // Check if on main page
        const isMainPage =
            window.location.pathname === '/' ||
            window.location.pathname === '/index.html';

        /* -------- FAQs -------- */
        document.querySelectorAll('.faq-item').forEach((item, index) => {
            const answer = item.querySelector('.faq-answer');
            const sourceText = item.querySelector('.source-text');
            const relatedContainer = item.querySelector('.related-terms');
            const toggleButton = item.querySelector('button[aria-label="Toggle Description"]');

            const wasTruncated = truncateText(answer, answer.dataset.truncateLength);

            if (relatedContainer) relatedContainer.classList.add('hidden');
            if (sourceText) sourceText.classList.add('hidden');

            // On main page, auto-expand ALL FAQs and hide toggle button
            if (isMainPage && wasTruncated) {
                answer.textContent = answer.dataset.fullText;
                if (sourceText) sourceText.classList.remove('hidden');
                if (relatedContainer) relatedContainer.classList.remove('hidden');
                if (toggleButton) toggleButton.style.display = 'none';
                answer.style.cursor = 'default';
            } else if (wasTruncated) {
                // Not on main page - normal behavior with toggle
                if (toggleButton) {
                    toggleButton.addEventListener('click', function () {
                        toggleText(answer, relatedContainer, sourceText, toggleButton);
                    });
                }

                answer.style.cursor = 'pointer';
                answer.addEventListener('click', function () {
                    toggleText(answer, relatedContainer, sourceText, toggleButton);
                });
            } else {
                if (toggleButton) toggleButton.style.display = 'none';
                answer.style.cursor = 'default';
            }

            if (relatedContainer) {
                relatedContainer.querySelectorAll('a').forEach(link => {
                    link.addEventListener('click', function (event) {
                        event.preventDefault();
                        let cleanedTerm = link.textContent.trim().replace(/\s+/g, '-');
                        window.location.href = `/${cleanedTerm}`;
                    });
                });
            }
        });

        /* -------- Products - NEW APPROACH -------- */
        // Find all product containers by their structure
        document.querySelectorAll('#product-content').forEach((productSection) => {
            const productLi = productSection.querySelector('li');
            if (!productLi) return;

            // Find description and button within THIS specific product
            const description = productLi.querySelector('[id^="description-"]');
            const toggleButton = productLi.querySelector('button[aria-label="Toggle Description"]');

            if (!description) return;

            // Store the full text before truncation
            const fullText = description.textContent.trim();
            description.dataset.fullText = fullText;

            // Truncate if needed
            const truncateLength = 180;
            let wasTruncated = false;
            if (fullText.length > truncateLength) {
                description.textContent = fullText.substring(0, truncateLength) + '...';
                wasTruncated = true;
            }

            if (wasTruncated) {
                // Remove inline onclick to prevent conflicts
                description.removeAttribute('onclick');
                if (toggleButton) toggleButton.removeAttribute('onclick');

                // Add event listener to button
                if (toggleButton) {
                    toggleButton.addEventListener('click', function (event) {
                        event.preventDefault();
                        event.stopPropagation();
                        toggleTextForProduct(description, toggleButton);
                    });
                }

                // Add event listener to description
                description.style.cursor = 'pointer';
                description.addEventListener('click', function (event) {
                    event.preventDefault();
                    toggleTextForProduct(description, toggleButton);
                });
            } else {
                if (toggleButton) toggleButton.style.display = 'none';
                description.style.cursor = 'default';
            }
        });
    });
</script>

            <p class="mb-4 text-[11px] text-center text-gray-500 leading-relaxed max-w-4xl mx-auto">
                * Alle Preise verstehen sich inklusive der gesetzlichen Mehrwertsteuer und ggf. zuzüglich Versandkosten. Die Angebotsinformationen basieren auf den Angaben des jeweiligen Shops und werden über automatisierte Prozesse aktualisiert. Eine Aktualisierung in Echtzeit findet nicht statt, so dass es im Einzelfall zu Abweichungen kommen kann.
                ** Hinweis: Teile dieses Inhalts wurden von KI erstellt.
            </p>
        </div>
    </main>
</div>

<!-- Taboola Below Article Widget -->
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mb-8">
    <div id="taboola-below-article-thumbnails"></div>
    <script type="text/javascript">
        window._taboola = window._taboola || [];
        _taboola.push({
            mode: 'alternating-thumbnails-a',
            container: 'taboola-below-article-thumbnails',
            placement: 'Below Article Thumbnails',
            target_type: 'mix'
        });
    </script>
</div>

<footer class="bg-gray-900/95 backdrop-blur-md text-white py-6 border-t border-white/10">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <p class="text-gray-300">&copy; <span id="year"></span> rnnr.de - <a href="/info/impressum" class="hover:text-white transition-colors duration-200 underline-offset-2 hover:underline">Impressum</a></p>
    </div>
</footer>

<script>
    document.getElementById("year").textContent = new Date().getFullYear();
    const DISMISSED_KEY = "popupDismissed";
    let popupShown = sessionStorage.getItem('popupShown') === 'true';
    let newTabOpened = false;
    let throttle = false;
    let armed = true;
    let hasShown = false;

    document.addEventListener('DOMContentLoaded', function () {
        const popupElement = document.querySelector('#buyDomainPopUp');
        if (popupElement) {
            const exitPopup = () => {
                popupElement.classList.add('hidden');
                sessionStorage.setItem(DISMISSED_KEY, 'true');
            };

            document.querySelector('#close_domain_popup').addEventListener('click', exitPopup);

            function onMouseOut(e) {
                if (throttle || !armed || hasShown || popupShown) return;
                const y = e.clientY;
                const to = e.relatedTarget || e.toElement;
                const leavingWindow = !to && (y <= 0);
                if (leavingWindow) {
                    throttle = true;
                    setTimeout(() => throttle = false, 400);
                    popupElement.classList.remove('hidden');
                    sessionStorage.setItem('popupShown', 'true');
                    hasShown = true;
                }
            }
            document.addEventListener('mouseout', onMouseOut);

            // ESC schließt Popup
            document.addEventListener('keydown', function (event) {
                if (event.key === 'Escape') {
                    exitPopup();
                }
            });
        }

        // --- URL für Popup-Link dynamisch setzen ---
        const country = "de";
        const navLast = "RNNR";

        function makeSlug(text) {
            const basic = text.trim().toLowerCase().replace(/\s+/g, "-");
            try {
                // Browser wandelt Unicode → xn-- (Punycode)
                return new URL("http://" + basic).hostname;
            } catch {
                return basic;
            }
        }

        const slug = makeSlug(navLast);
        const link = document.getElementById("popupLink");
        if (link) {
            link.href = `https://www.shopping.eu/${country}/${slug}.html`;
        }

        // Bot detection + Logging
        window.userHasInteracted = false;
        document.addEventListener('mousemove', () => window.userHasInteracted = true);
        document.addEventListener('keydown', () => window.userHasInteracted = true);

        fetch('/domLoaded', { method: 'GET' }).catch(console.error);
        setTimeout(function () {
            if (!isBot()) {
                fetch('/windowInt', { method: 'GET' }).catch(console.error);
            }
        }, 3000);
    });

    // Bot detection
    function isBot() {
        const suspiciousUserAgents = [
            'bot','crawl','slurp','spider','curl','wget','python',
            'scanner','automation','robot','scraper','httpclient'
        ];
        const userAgent = navigator.userAgent.toLowerCase();
        if (suspiciousUserAgents.some(suspect => userAgent.includes(suspect))) {
            return true;
        }
        if (!window.userHasInteracted) {
            return true;
        }
        return false;
    }

    // Tab-Wechsel erkennen
    document.addEventListener('visibilitychange', function () {
        if (document.visibilityState === 'hidden') {
            newTabOpened = true;
        } else {
            setTimeout(() => newTabOpened = false, 100);
        }
    });

    // Mail Funktion
    function sendEmail() {
        const unicodeDomain = 'rnnr.de';
        const subject = `Kaufanfrage für die Domain ${unicodeDomain}`;
        const body = `Guten Tag,

ich interessiere mich für den Kauf der Domain ${unicodeDomain}.\n\nMit freundlichen Grüßen`;
        const mailtoLink = `mailto:domain@kv-gmbh.de?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
        window.location.href = mailtoLink;
    }
</script>
<!-- Taboola Flush -->
<script type="text/javascript">
    window._taboola = window._taboola || [];
    _taboola.push({flush: true});
</script>
</body>
</html>
