<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>autos-cars.de - Fahrzeug, Automobil, Kfz, Pkw, Wagen, Kraftfahrzeug, Autos Cars</title>
    <!-- Tailwind CSS Link -->
    <link href="&#x2F;css&#x2F;app.1b33864d1132e952dfac7807dd6f1393.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: #3b8756;">
    <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_5.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">
                        autos-cars.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="/Fahrzeug" class="block text-base font-medium py-2.5 px-3 rounded-lg hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Fahrzeug
        </a>
        
        
        <a href="/Automobil" class="block text-base font-medium py-2.5 px-3 rounded-lg hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Automobil
        </a>
        
        
        <a href="/Kfz" class="block text-base font-medium py-2.5 px-3 rounded-lg hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Kfz
        </a>
        
        
        <a href="/Pkw" class="block text-base font-medium py-2.5 px-3 rounded-lg hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Pkw
        </a>
        
        
        <a href="/Wagen" class="block text-base font-medium py-2.5 px-3 rounded-lg hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Wagen
        </a>
        
        
        <a href="/Kraftfahrzeug" class="block text-base font-medium py-2.5 px-3 rounded-lg hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Kraftfahrzeug
        </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="/Fahrzeug" class="text-sm font-medium px-3 py-1.5 rounded-full hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Fahrzeug
        </a>
        
        
        <a href="/Automobil" class="text-sm font-medium px-3 py-1.5 rounded-full hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Automobil
        </a>
        
        
        <a href="/Kfz" class="text-sm font-medium px-3 py-1.5 rounded-full hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Kfz
        </a>
        
        
        <a href="/Pkw" class="text-sm font-medium px-3 py-1.5 rounded-full hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Pkw
        </a>
        
        
        <a href="/Wagen" class="text-sm font-medium px-3 py-1.5 rounded-full hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Wagen
        </a>
        
        
        <a href="/Kraftfahrzeug" class="text-sm font-medium px-3 py-1.5 rounded-full hover:bg-white/10 transition-all duration-200" style="color: #000000;">
            Kraftfahrzeug
        </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: #3b8756;">

    <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>autos-cars.de</span>
            kaufen?
        </h2>
        <p class="mt-5 text-base sm:text-lg leading-relaxed text-white/90">
            Wir ziehen mit dem Projekt
            <strong>autos-cars.de</strong> um.<br>
            Sind Sie am Kauf der Domain
            <strong>autos-cars.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: #3b8756;">

    <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">autos-cars.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)">
                Findet ihr auch Concept Cars und futuristische Autos hässlich?
            </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)">
                    Als KI habe ich keine persönlichen Vorlieben oder Meinungen. Die Wahrnehmung von Concept Cars und futuristischen Autos ist subjektiv und kann von Person zu Person unterschiedlich sein. Einige mögen den futuristischen und innovativen Stil, während andere ihn als unattraktiv empfinden.
                    <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 sehen Autos aus, die wie Muscle Cars aussehen?
            </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)">
                    Muscle Cars zeichnen sich durch ihr kraftvolles und aggressives Design aus. Sie haben oft eine lange Motorhaube, eine niedrige und breite Karosserie, große Räder und eine sportliche Optik. Typische Merkmale sind auch eine markante Frontpartie mit Lufteinlässen und eine Doppelauspuffanlage.
                    <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>

            
        </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="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVlN6UFZlfFBsT3pQRldvY1lTO1BGRzNQfE80T3xHMlBVXDJlfDJ7T0ZLNE9GU3lPaT8&#x2F;">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="House-Doctor---Xmas">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVlN6UFZlfFBsT3pQRldvY1lTO1BGRzNQfE80T3xHMlBVXDJlfDJ7T0ZLNE9GU3lPaT8&#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/QWZl4RhYCX4bR5b0YqLrguXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdZqkPfblsezm645tcyWZMg6R9G2R0gC-084Ei-O-6dGfwm3-55e-TWo/4157363145_large.webp"
                         alt="House Doctor - Xmas Cars Deko-Autos, 12,5 cm &#x2F; rot"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVlN6UFZlfFBsT3pQRldvY1lTO1BGRzNQfE80T3xHMlBVXDJlfDJ7T0ZLNE9GU3lPaT8/')">
                </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)">
                            House Doctor - Xmas Cars Deko-Autos, 12,5 cm &#x2F; rot
                        </div>

                        
                        <a href="/House-Doctor---Xmas" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="House-Doctor---Xmas">
              <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">House Doctor - Xmas Cars Deko-Autos, 12,5 cm &#x2F; rot: Mit den kleinen Xmas Cars Deko-Autos von House Doctor wird jeder sofort in Weihnachtsstimmung versetzt. Das dekorative Auto im Retro-Look setzt in der Adventszeit festliche Akzente in jedem Wohnbereich.</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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVlN6UFZlfFBsT3pQRldvY1lTO1BGRzNQfE80T3xHMlBVXDJlfDJ7T0ZLNE9GU3lPaT8/')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: connox
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 20.95 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 5.94 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVlN6UFZlfFBsT3pQRldvY1lTO1BGRzNQfE80T3xHMlBVXDJlfDJ7T0ZLNE9GU3lPaT8/')" 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="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVk83UEZDNU9WVzNPbG17UVVcclxGMnxRVlN5UHxHM1BWSzdPbG1vZkpPO09sQ3tQbEMyT0ZLPw==">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="House-Doctor---Xmas">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVk83UEZDNU9WVzNPbG17UVVcclxGMnxRVlN5UHxHM1BWSzdPbG1vZkpPO09sQ3tQbEMyT0ZLPw==">
                </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/J1h9ZSydEbGVkKleG4nYfWXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdQk6szWNTq46GkASR5MxmOhO13xKikioyFMORXyejIWf8KRxp3I5pYQ/394071552929_large.webp"
                         alt="House Doctor - Xmas Cars Deko-Autos, 12,5 cm, gold"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVk83UEZDNU9WVzNPbG17UVVcclxGMnxRVlN5UHxHM1BWSzdPbG1vZkpPO09sQ3tQbEMyT0ZLPw==')">
                </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)">
                            House Doctor - Xmas Cars Deko-Autos, 12,5 cm, gold
                        </div>

                        
                        <a href="/House-Doctor---Xmas" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="House-Doctor---Xmas">
              <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">House Doctor - Xmas Cars Deko-Autos, 12,5 cm, gold: Mit den kleinen Xmas Cars Deko-Autos von House Doctor wird jeder sofort in Weihnachtsstimmung versetzt. Das dekorative Auto im Retro-Look setzt in der Adventszeit festliche Akzente in jedem Wohnbereich.</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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVk83UEZDNU9WVzNPbG17UVVcclxGMnxRVlN5UHxHM1BWSzdPbG1vZkpPO09sQ3tQbEMyT0ZLPw==')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: connox
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 20.95 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 5.94 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVk83UEZDNU9WVzNPbG17UVVcclxGMnxRVlN5UHxHM1BWSzdPbG1vZkpPO09sQ3tQbEMyT0ZLPw==')" 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: #3b8756;">
    <h2 class="text-xl sm:text-2xl font-bold mb-6">
        Ähnliche Suchbegriffe für
        <span class="text-yellow-300">Autos Cars</span>
    </h2>

    <div id="related-terms" class="flex flex-wrap justify-center gap-3">
        
        
        <a href="/Cars"
           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">
            Cars
        </a>
        
        <a href="/Autos"
           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">
            Autos
        </a>
        
        <a href="/Dass"
           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">
            Dass
        </a>
        
        <a href="/Muscle"
           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">
            Muscle
        </a>
        
        <a href="/Leistung"
           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">
            Leistung
        </a>
        
        <a href="/Große"
           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">
            Große
        </a>
        
        <a href="/Europa"
           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">
            Europa
        </a>
        
        <a href="/Lange"
           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">
            Lange
        </a>
        
        <a href="/Typische"
           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">
            Typische
        </a>
        
        <a href="/Hubraum"
           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">
            Hubraum
        </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 Autos Cars:
    </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="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1xTbXJyW203e1MyZlZXWGpZVzQzN2ZWVFdXMkxTVFppdmNIRFhWWFhbVzJ5M1taRExkM25cT3xISVhZN0VcMmpcVW5yVGZsQ3ZVWUxsU28zTlhWXEpUbEg0WG83c1o1XFljcEc2XGxTeWdtWFRVSEt7UVhPeWNuUFFYSlM1T0pUe2ZIZlJlMlgzZTI7RlFITHtPb1MyZ0hUSVhwUHlbNVBKU3xuNGNWalJWSTszZkltNk9aUHJmV2V5TG8zclxGMjRRRlt6T2xHM09sRzNQRltvY1lTO1BsaTRPVkt6UFZLelBWUzRMcFR8UlZLeU9sW3lQRkN7">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Cars-3-Charakter-Autos:-Dexter">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1xTbXJyW203e1MyZlZXWGpZVzQzN2ZWVFdXMkxTVFppdmNIRFhWWFhbVzJ5M1taRExkM25cT3xISVhZN0VcMmpcVW5yVGZsQ3ZVWUxsU28zTlhWXEpUbEg0WG83c1o1XFljcEc2XGxTeWdtWFRVSEt7UVhPeWNuUFFYSlM1T0pUe2ZIZlJlMlgzZTI7RlFITHtPb1MyZ0hUSVhwUHlbNVBKU3xuNGNWalJWSTszZkltNk9aUHJmV2V5TG8zclxGMjRRRlt6T2xHM09sRzNQRltvY1lTO1BsaTRPVkt6UFZLelBWUzRMcFR8UlZLeU9sW3lQRkN7">
                </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/YX9jbbcl3dTnhfmH8JMO4KXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdaYRqwP-cdQQUKwXuMUkwUcvly_O5BtClNqjv1VjIZFAVh-Egtqjv7o/686121521546_large.webp"
                         alt="Cars 3 Charakter-Autos: Dexter Hoover mit karierter Flagge"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1xTbXJyW203e1MyZlZXWGpZVzQzN2ZWVFdXMkxTVFppdmNIRFhWWFhbVzJ5M1taRExkM25cT3xISVhZN0VcMmpcVW5yVGZsQ3ZVWUxsU28zTlhWXEpUbEg0WG83c1o1XFljcEc2XGxTeWdtWFRVSEt7UVhPeWNuUFFYSlM1T0pUe2ZIZlJlMlgzZTI7RlFITHtPb1MyZ0hUSVhwUHlbNVBKU3xuNGNWalJWSTszZkltNk9aUHJmV2V5TG8zclxGMjRRRlt6T2xHM09sRzNQRltvY1lTO1BsaTRPVkt6UFZLelBWUzRMcFR8UlZLeU9sW3lQRkN7')">
                </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)">
                            Cars 3 Charakter-Autos: Dexter Hoover mit karierter Flagge
                        </div>

                        
                        <a href="/Cars-3-Charakter-Autos-Dexter" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Cars-3-Charakter-Autos-Dexter">
              <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">Tauche ein in die Welt von Cars mit Dexter Hoover, dem offiziellen Streckenrichter des Piston Cup – inklusive kariertem Flaggenzeichen! Das Set Cars 3 Charakter-Fahrzeuge: Dexter Hoover – mit karierter Flagge ist für Fans der Disney·Pixar Cars Filme gemacht. Die Figur ist der offizielle Aufseher der Rennen. Seine Aufgabe ist es, den Start und das Ziel anzuzeigen. Das Auto ist ein Modell im Maßstab 1:55 mit vielen liebevollen Details. Die Karosserie besteht aus Metall. Es kommt mit Kunststoffrädern und Kunststoff-Zubehörteilen. Das Fahrzeug trägt die aus den Filmen bekannte blau-gelbe „OFFICIAL” Piston Cup Lackierung. Das Gesicht, die Augen und das Lächeln erinnern originalgetreu an den Charakter. Zum Set gehört außerdem eine separate schwarz-weiß karierte Flagge . Damit lassen sich Start- und Zieleinläufe immer wieder nachspielen. Kinder können die spannendsten Momente der Piston Cup-Rennen nachstellen. In Kombination mit anderen Cars-Fahrzeugen lassen sich komplette Rennläufe organisieren. Die Größe des Fahrzeugs ist ideal für kleine Kinderhände. Es kann geschoben und gerollt werden und hat frei laufende Räder. Durch den robusten Metallkörper hält es dem täglichen Spiel gut stand. Auch für Sammler ist es dank der detailreichen Lackierung ein besonderes Stück. Gehört offiziell zur 1:55 Cars-Reihe von Mattel. Produkteigenschaften: Cars 3 Dexter Hoover Charakter-Fahrzeug Maßstab 1:55 Metallkarosserie, Kunststoffräder und Zubehörteile Separate karierte Flagge als Zubehör Filmtreue, detailreiche Lackierung und Logos Piston Cup „OFFICIAL“-Design Freilaufende Räder, leicht rollbar Teil der sammelbaren Mattel Cars Serie Empfohlenes Alter: ab 3 Jahren Verpackungsgröße: 14 x 4,5 x 7 cm</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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1xTbXJyW203e1MyZlZXWGpZVzQzN2ZWVFdXMkxTVFppdmNIRFhWWFhbVzJ5M1taRExkM25cT3xISVhZN0VcMmpcVW5yVGZsQ3ZVWUxsU28zTlhWXEpUbEg0WG83c1o1XFljcEc2XGxTeWdtWFRVSEt7UVhPeWNuUFFYSlM1T0pUe2ZIZlJlMlgzZTI7RlFITHtPb1MyZ0hUSVhwUHlbNVBKU3xuNGNWalJWSTszZkltNk9aUHJmV2V5TG8zclxGMjRRRlt6T2xHM09sRzNQRltvY1lTO1BsaTRPVkt6UFZLelBWUzRMcFR8UlZLeU9sW3lQRkN7')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: Tullitoys
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 11.49 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 5.99 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1xTbXJyW203e1MyZlZXWGpZVzQzN2ZWVFdXMkxTVFppdmNIRFhWWFhbVzJ5M1taRExkM25cT3xISVhZN0VcMmpcVW5yVGZsQ3ZVWUxsU28zTlhWXEpUbEg0WG83c1o1XFljcEc2XGxTeWdtWFRVSEt7UVhPeWNuUFFYSlM1T0pUe2ZIZlJlMlgzZTI7RlFITHtPb1MyZ0hUSVhwUHlbNVBKU3xuNGNWalJWSTszZkltNk9aUHJmV2V5TG8zclxGMjRRRlt6T2xHM09sRzNQRltvY1lTO1BsaTRPVkt6UFZLelBWUzRMcFR8UlZLeU9sW3lQRkN7')" 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="Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYye080XGxbfFRvW1UyfFBsaXlOVlRuXFZtdltWSzNcVTI1T2xHfFB8VzVRRmZtXFZpb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Embleme-für-Autos-&#x2F;">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYye080XGxbfFRvW1UyfFBsaXlOVlRuXFZtdltWSzNcVTI1T2xHfFB8VzVRRmZtXFZpb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=">
                </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/23fcc4fa-3680-4ee9-a25e-721375787de8"
                         alt="Embleme für Autos &#x2F; Ständer Auto Motorhaube EmblemforZinklegierung &#x2F; Kunststoff Automobil"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYye080XGxbfFRvW1UyfFBsaXlOVlRuXFZtdltWSzNcVTI1T2xHfFB8VzVRRmZtXFZpb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')">
                </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)">
                            Embleme für Autos &#x2F; Ständer Auto Motorhaube EmblemforZinklegierung &#x2F; Kunststoff Automobil
                        </div>

                        
                        <a href="/Embleme-für-Autos-Ständer" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Embleme-für-Autos-Ständer">
              <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">Kategorie:Ständer,Embleme für Autos; Dekorationstyp:Auto Motorhaube Emblem; Anlass:Automobil; Material:Zinklegierung,Kunststoff; Artikel Maße:83; Versandgewicht:0.03; Paket Abmessungen:831; Nettogewicht:0,02; Kotierung:12&#x2F;14&#x2F;2022;...</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('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYye080XGxbfFRvW1UyfFBsaXlOVlRuXFZtdltWSzNcVTI1T2xHfFB8VzVRRmZtXFZpb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: Lightinthebox.com&#x2F;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*: 4.4 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYye080XGxbfFRvW1UyfFBsaXlOVlRuXFZtdltWSzNcVTI1T2xHfFB8VzVRRmZtXFZpb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')" 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="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3BbWlhrW1pUOE5ZSHdcSkxuW1pPdlxwTGpkcHJ4ZTRufFs0am5OWUgzZkk7fFI1WDJkWDt8ZDVYe1s0VztlSlhrZElufGNJWHtMcFgyZFg7dlxZVHJmWTI7YzVbb2ZaVHZaNFBqZFpEamNZZndSWVRqZklIb1xZWG0=">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Gaubatz,-Andreas:-Französische-Autos">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3BbWlhrW1pUOE5ZSHdcSkxuW1pPdlxwTGpkcHJ4ZTRufFs0am5OWUgzZkk7fFI1WDJkWDt8ZDVYe1s0VztlSlhrZElufGNJWHtMcFgyZFg7dlxZVHJmWTI7YzVbb2ZaVHZaNFBqZFpEamNZZndSWVRqZklIb1xZWG0=">
                </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/B00000000523095.jpg"
                         alt="Gaubatz, Andreas: Französische Autos"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3BbWlhrW1pUOE5ZSHdcSkxuW1pPdlxwTGpkcHJ4ZTRufFs0am5OWUgzZkk7fFI1WDJkWDt8ZDVYe1s0VztlSlhrZElufGNJWHtMcFgyZFg7dlxZVHJmWTI7YzVbb2ZaVHZaNFBqZFpEamNZZndSWVRqZklIb1xZWG0=')">
                </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)">
                            Gaubatz, Andreas: Französische Autos
                        </div>

                        
                        <a href="/Gaubatz-Andreas-Französische-Autos" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Gaubatz-Andreas-Französische-Autos">
              <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">Französische Autos , In Frankreich versteht man es, das Leben zu genießen - und diese Lebensart auf Autos zu übertragen. Wie sonst kann man die Existenz der automobilen Göttin Citroën DS oder der Sänfte Renault 16 erklären? Die Liebe zum Automobil brachte in der Grande Nation unzählige Klein- und Kleinsthersteller hervor. Andreas Gaubatz und Stefan Müller richten den Blick auf 55 Jahre Automobilbau in Frankreich. Im Hauptteil widmen sich die Autoren den »großen Vier« Citroën, Peugeot, Renault und Simca - abgerundet mit informativen Tabellen und einer tollen Bildauswahl. Begleiten Sie den französischen Automobilbau von der Mangelwirtschaft der Nachkriegszeit bis zum Millennium. , Service &amp; Reparaturanleitungen &gt; Anleitungen &amp; Handbücher</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('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3BbWlhrW1pUOE5ZSHdcSkxuW1pPdlxwTGpkcHJ4ZTRufFs0am5OWUgzZkk7fFI1WDJkWDt8ZDVYe1s0VztlSlhrZElufGNJWHtMcFgyZFg7dlxZVHJmWTI7YzVbb2ZaVHZaNFBqZFpEamNZZndSWVRqZklIb1xZWG0=')" 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: 69.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('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3BbWlhrW1pUOE5ZSHdcSkxuW1pPdlxwTGpkcHJ4ZTRufFs0am5OWUgzZkk7fFI1WDJkWDt8ZDVYe1s0VztlSlhrZElufGNJWHtMcFgyZFg7dlxZVHJmWTI7YzVbb2ZaVHZaNFBqZFpEamNZZndSWVRqZklIb1xZWG0=')" 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="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3pVWFRGVlZLN098TDZkNVx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNLNlBwanBYV3ZUVkZUM09ZZTVaNGpZZDI3S1hZdnRPNUhQVEpQdWNIalxbV20yY2xQc1A0blpUb3pWY29pMlUySFZnV2U3WG1He1VYWFhWWDtXY29MY1RYRFZjWmUzTldqNVZJallcbFR8Z2xUT1xXalBlSkRJXDJua2MyN0VYNDZ5ZlpcW1gySExVM1RzZlk7SWVJXFJWb3pqY1g7a1RXdlRYWmZ2UFlcWlx7XHZjWVM7UEZHM1B8UzNPRm0zT2tcclxGMjJPVlc1UEZXeVFWV3tMcFR8UlZLeU9sW3lQRkN7">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Sovie-HOME-Tischläufer-Cars">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3pVWFRGVlZLN098TDZkNVx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNLNlBwanBYV3ZUVkZUM09ZZTVaNGpZZDI3S1hZdnRPNUhQVEpQdWNIalxbV20yY2xQc1A0blpUb3pWY29pMlUySFZnV2U3WG1He1VYWFhWWDtXY29MY1RYRFZjWmUzTldqNVZJallcbFR8Z2xUT1xXalBlSkRJXDJua2MyN0VYNDZ5ZlpcW1gySExVM1RzZlk7SWVJXFJWb3pqY1g7a1RXdlRYWmZ2UFlcWlx7XHZjWVM7UEZHM1B8UzNPRm0zT2tcclxGMjJPVlc1UEZXeVFWV3tMcFR8UlZLeU9sW3lQRkN7">
                </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/Pej-Qs6tm55EuJqMATKmKWXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdZ581Z07cyDGeOzLXSZ5ygdK51F4X02hEwNnp5uJxG19Xlz63jQM3yI/4157450952_large.webp"
                         alt="Sovie HOME Tischläufer Cars aus Linclass® Airlaid 40 cm x 4,80 m, 1 Stück - Autos Kinder Party"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3pVWFRGVlZLN098TDZkNVx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNLNlBwanBYV3ZUVkZUM09ZZTVaNGpZZDI3S1hZdnRPNUhQVEpQdWNIalxbV20yY2xQc1A0blpUb3pWY29pMlUySFZnV2U3WG1He1VYWFhWWDtXY29MY1RYRFZjWmUzTldqNVZJallcbFR8Z2xUT1xXalBlSkRJXDJua2MyN0VYNDZ5ZlpcW1gySExVM1RzZlk7SWVJXFJWb3pqY1g7a1RXdlRYWmZ2UFlcWlx7XHZjWVM7UEZHM1B8UzNPRm0zT2tcclxGMjJPVlc1UEZXeVFWV3tMcFR8UlZLeU9sW3lQRkN7')">
                </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)">
                            Sovie HOME Tischläufer Cars aus Linclass® Airlaid 40 cm x 4,80 m, 1 Stück - Autos Kinder Party
                        </div>

                        
                        <a href="/Sovie-HOME-Tischläufer-Cars" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Sovie-HOME-Tischläufer-Cars">
              <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"> Bunte Autos tummeln sich im Allover-Druck auf unserem Design CARS. Das fröhliche Kindermotiv passt ideal zu unserem Design SMILIE und kann auch mit unseren unifarbigen Tischprodukten kombiniert werden.Sie sind nicht nur praktisch, sondern auch ungemein dekorativ – Tischläufer von SOVIE® sind aus stoffähnlichem Linclass®-Airlaid gefertigt und lassen sich durch die praktische Perforation ganz ohne Hilfsmittel kürzen. Tischläufer der Marke SOVIE® aus dem Hause Mank sind in großer Designauswahl erhältlich und verwandeln jeden Tisch in ein festlich gedecktes Refugium. Ob quer oder mittig platziert, in dezenten Farbtönen oder im bunten Frühlingslook – Tischläufer von SOVIE® setzen Akzente! Dieser Tischläufer hat alle 30cm eine Perforierung für eine saubere und einfache Kürzung des Tischtuchs in Tête-à-Tête oder als Tischset. (s. Foto) </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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3pVWFRGVlZLN098TDZkNVx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNLNlBwanBYV3ZUVkZUM09ZZTVaNGpZZDI3S1hZdnRPNUhQVEpQdWNIalxbV20yY2xQc1A0blpUb3pWY29pMlUySFZnV2U3WG1He1VYWFhWWDtXY29MY1RYRFZjWmUzTldqNVZJallcbFR8Z2xUT1xXalBlSkRJXDJua2MyN0VYNDZ5ZlpcW1gySExVM1RzZlk7SWVJXFJWb3pqY1g7a1RXdlRYWmZ2UFlcWlx7XHZjWVM7UEZHM1B8UzNPRm0zT2tcclxGMjJPVlc1UEZXeVFWV3tMcFR8UlZLeU9sW3lQRkN7')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: Metro.de
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 7.40 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 0.00 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3pVWFRGVlZLN098TDZkNVx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNLNlBwanBYV3ZUVkZUM09ZZTVaNGpZZDI3S1hZdnRPNUhQVEpQdWNIalxbV20yY2xQc1A0blpUb3pWY29pMlUySFZnV2U3WG1He1VYWFhWWDtXY29MY1RYRFZjWmUzTldqNVZJallcbFR8Z2xUT1xXalBlSkRJXDJua2MyN0VYNDZ5ZlpcW1gySExVM1RzZlk7SWVJXFJWb3pqY1g7a1RXdlRYWmZ2UFlcWlx7XHZjWVM7UEZHM1B8UzNPRm0zT2tcclxGMjJPVlc1UEZXeVFWV3tMcFR8UlZLeU9sW3lQRkN7')" 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 sehen Autos aus, die wie Muscle Cars aussehen?
            </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)">
                    Muscle Cars zeichnen sich durch ihre kraftvolle und muskulöse Optik aus. Sie haben oft eine lange Motorhaube, breite Kotflügel und eine niedrige, aggressive Silhouette. Typische Merkmale sind auch große Lufteinlässe, Spoiler und auffällige Lackierungen.
                    <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)">
                Werden die Deutschen bald diese niedlichen Autos, Kei Cars, fahren?
            </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)">
                    Es ist unwahrscheinlich, dass Kei Cars in naher Zukunft in Deutschland weit verbreitet sein werden. Diese Art von Fahrzeugen ist speziell für den japanischen Markt konzipiert und erfüllt dort bestimmte Vorschriften und Anforderungen. In Deutschland gibt es bereits eine große Auswahl an Fahrzeugen, die den Bedürfnissen und Vorlieben der Verbraucher entsprechen.
                    <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 hoch ist die Chance für japanische Kei-Cars, also Mini-Autos, in Europa?
            </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)">
                    Die Chance für japanische Kei-Cars in Europa ist relativ gering. Aufgrund ihrer geringen Größe und Leistung erfüllen sie oft nicht die europäischen Sicherheits- und Umweltstandards. Darüber hinaus gibt es in Europa bereits eine Vielzahl von Kleinwagen, die den Bedürfnissen der europäischen Verbraucher besser entsprechen.
                    <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)">
                Warum haben US-amerikanische PKW-Muscle Cars viel Hubraum, aber wenig Leistung?
            </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)">
                    US-amerikanische Muscle Cars haben oft einen großen Hubraum, um eine hohe Leistung zu erzielen. Allerdings kann es sein, dass sie aufgrund von Einschränkungen bei der Abgasreinigung und der Kraftstoffeffizienz weniger Leistung haben als erwartet. Zudem kann die Art der Leistungsentwicklung, wie beispielsweise ein hohes Drehmoment bei niedrigen Drehzahlen, dazu führen, dass die Spitzenleistung nicht so hoch ist wie bei anderen Fahrzeugtypen.
                    <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="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMnZXSDtPT3xQcldwWEZZWGpZVzQzN2ZWVFdXMkxQZm9YT1VIRGtmcFx0UzRqNFRuUGtaM1AyUUpMSlNwUzRbWEhSW2xqNFhHblZaMmpzW29UUWRHakhQb1R0XDJQNWVZVExmNEwyVjRcSFBYXHdPb1RSWGxmMlRJdkpcb3o4Y1lQRWZZO3tjSUhJZTI7WmZuTHVOWVRbTlhuRFQ1TzJMbzNyXEYyfE98UzRPRlc3T1ZlelBWT29jWVM7T3xPMlBsQzNRVkc1T1ZXfExwVHxSVkt5T2xbeVBGQ3s=">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Cars-1-+-Cars">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMnZXSDtPT3xQcldwWEZZWGpZVzQzN2ZWVFdXMkxQZm9YT1VIRGtmcFx0UzRqNFRuUGtaM1AyUUpMSlNwUzRbWEhSW2xqNFhHblZaMmpzW29UUWRHakhQb1R0XDJQNWVZVExmNEwyVjRcSFBYXHdPb1RSWGxmMlRJdkpcb3o4Y1lQRWZZO3tjSUhJZTI7WmZuTHVOWVRbTlhuRFQ1TzJMbzNyXEYyfE98UzRPRlc3T1ZlelBWT29jWVM7T3xPMlBsQzNRVkc1T1ZXfExwVHxSVkt5T2xbeVBGQ3s=">
                </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/9QJX-wB5eJWG8jnc-X3wuCXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdZf00t8ugVJVM55k6ckexLJdcE_mUeblaFEVOYPZ1fIJcCt2ez6_Rqs/334605917153_large.webp"
                         alt="Cars 1 + Cars 2 + Cars 3  [3 DVDs]"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMnZXSDtPT3xQcldwWEZZWGpZVzQzN2ZWVFdXMkxQZm9YT1VIRGtmcFx0UzRqNFRuUGtaM1AyUUpMSlNwUzRbWEhSW2xqNFhHblZaMmpzW29UUWRHakhQb1R0XDJQNWVZVExmNEwyVjRcSFBYXHdPb1RSWGxmMlRJdkpcb3o4Y1lQRWZZO3tjSUhJZTI7WmZuTHVOWVRbTlhuRFQ1TzJMbzNyXEYyfE98UzRPRlc3T1ZlelBWT29jWVM7T3xPMlBsQzNRVkc1T1ZXfExwVHxSVkt5T2xbeVBGQ3s=')">
                </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)">
                            Cars 1 + Cars 2 + Cars 3  [3 DVDs]
                        </div>

                        
                        <a href="/Cars-1-Cars-2" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Cars-1-Cars-2">
              <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">&quot;Cars&quot;Um zum besten Rennauto aller Zeiten aufzusteigen muss Lightning McQueen nur noch in einem einzigen Rennen siegen. Also macht er sich von der Ostküste der USA auf den Weg zu seinem letzten Rennen nach Kalifornien. Durch ein Missgeschick landet er jedoch im verschlafenen Städtchen Radiator Springs, abseits der Route 66. Als er aus Versehen die Orts-Straße beschädigt, findet er sich plötzlich im Gefängnis wieder. McQueen wird dazu verurteilt, die Straße eigenhändig zu reparieren. In der Zwischenzeit macht das Rennauto jedoch Bekanntschaft mit Leuten wie dem schnellsten Rückwärtsfahrer der Welt, einem italienischen Schuhverkäufer und einem verliebten Porsche. Durch die harte Arbeit und seine neuen Freunde lernt McQueen die Langsamkeit zu schätzen und den Weg als Ziel zu sehen. Dank McQueen lässt sich das Renn-Hauptquartier in Radiator Springs nieder und verleiht dem einst verschlafenen Ort neuen Glanz.Laufzeit: 112 MinutenProduktionsjahr: 2006Regie: John LasseterTonformat: DD5.1 Deutsch, Englisch;Untertitel: Deutsch, Englisch, Türkisch; Bonus: Kurzfilm &quot;Die Einmannband&quot;, Kurzfilm &quot;Hook und das Geisterlicht&quot;, Inspiration für Cars, Zusätzliche Szenen; &quot;Cars 2&quot;Lightning McQueen nimmt mit seinem verbundenen Kumpan Mater die Reise über den Ozean nach Japan und Europa auf sich, um erstmals beim Grand Prix um den Weltmeistertitel anzutreten. Doch schnell rückt in den Hintergrund, wer tatsächlich den stärksten Motor besitzt und am schnellsten beschleunigt, denn Lightning und Mater werden für eine Spionagemission ausgewählt und müssen sich nun auch noch als Geheimagenten beweisen. Vor allem Mater rückt in den Mittelpunkt des Interesses, muss er doch vor den Augen der Welt schwerwiegende Entscheidungen treffen.Laufzeit: 102 MinutenProduktionsjahr: 2011Regie: John Lasseter, Brad LewisTonformat: DD5.1. Eutsch, Englisch, TürkischUntertitel: Deutsch, Englisch, Englisch für Hörgeschädigte, TürkischBonus: Kurzfilm &quot;Hook hebt ab&quot;, Toy Story Toons: Urlaub auf Hawaii&quot;Cars 3 - Evolution&quot;Ein Gang höher und noch schneller... für Lightning McQueen geht es nie schnell genug. Doch das reicht diesmal nicht! Denn die neue Generation von aufgetunten, aerodynamischen und hochentwickelten Rennwägen, sorgt für ordentlich Chaos und Unruhe im Rennzirkus. Vor allem der raffinierte und unschlagbare Jackson Storm, setzt Lightning gewaltig unter Druck. Ob er noch das Zeug hat um in Zukunft ganz vorne mitzumischen? Aufgeben war jedenfalls für Lightning noch nie eine Option. Aber steht nun möglicherweise doch sein letztes Rennen seiner Karriere an?Laufzeit: 98 MinutenProduktionsjahr: 2017Regie: Brian FeeTonformat: DD5.1 Deutsch, Englisch, Kroatisch, SlowenischUntertitel: Deutsch, Englisch für HörgeschädigteBonus: Kurzfilm L.O.UMiss Fritters Rennsportschule, Audiokommentar;</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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMnZXSDtPT3xQcldwWEZZWGpZVzQzN2ZWVFdXMkxQZm9YT1VIRGtmcFx0UzRqNFRuUGtaM1AyUUpMSlNwUzRbWEhSW2xqNFhHblZaMmpzW29UUWRHakhQb1R0XDJQNWVZVExmNEwyVjRcSFBYXHdPb1RSWGxmMlRJdkpcb3o4Y1lQRWZZO3tjSUhJZTI7WmZuTHVOWVRbTlhuRFQ1TzJMbzNyXEYyfE98UzRPRlc3T1ZlelBWT29jWVM7T3xPMlBsQzNRVkc1T1ZXfExwVHxSVkt5T2xbeVBGQ3s=')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: mueller.de
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 13.99 € |
            </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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMnZXSDtPT3xQcldwWEZZWGpZVzQzN2ZWVFdXMkxQZm9YT1VIRGtmcFx0UzRqNFRuUGtaM1AyUUpMSlNwUzRbWEhSW2xqNFhHblZaMmpzW29UUWRHakhQb1R0XDJQNWVZVExmNEwyVjRcSFBYXHdPb1RSWGxmMlRJdkpcb3o4Y1lQRWZZO3tjSUhJZTI7WmZuTHVOWVRbTlhuRFQ1TzJMbzNyXEYyfE98UzRPRlc3T1ZlelBWT29jWVM7T3xPMlBsQzNRVkc1T1ZXfExwVHxSVkt5T2xbeVBGQ3s=')" 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="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1RcbGZcVHBIaFxGUFFjbkxHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzRHNFFaXE1XVTNTZUlQWk5Xdm1QSTtSVkdLe1hWbktPMjNRVDNER1dZN3dYbXZvZUlHMmVXclVWWm40XEc7VFRHakdURzZ5XEhQdVZHVE9cWnI0WHBuVFBYSEZmVkxtVll5NVxJanZVR0xzZVhHelBZNzhYMjNoZHxLNFlITzRjSEdvZFlubVJWS3lQfEN8UFZXM1FWTzVQa1xyXEYye09GZXlPfFczUFZtfFB8W29mSk87T2xDe1BsQzJPRks&#x2F;">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Profitool-Activ-Foam-for">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1RcbGZcVHBIaFxGUFFjbkxHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzRHNFFaXE1XVTNTZUlQWk5Xdm1QSTtSVkdLe1hWbktPMjNRVDNER1dZN3dYbXZvZUlHMmVXclVWWm40XEc7VFRHakdURzZ5XEhQdVZHVE9cWnI0WHBuVFBYSEZmVkxtVll5NVxJanZVR0xzZVhHelBZNzhYMjNoZHxLNFlITzRjSEdvZFlubVJWS3lQfEN8UFZXM1FWTzVQa1xyXEYye09GZXlPfFczUFZtfFB8W29mSk87T2xDe1BsQzJPRks&#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/zNp4D0o1OMo7vYkdLBiJOqXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdaENorktJNGrljxI0lciy_RXzG39kXHTLLRYS9jgO7jBaxfOg9A3Ck0/207035559376_large.webp"
                         alt="Profitool Activ Foam for Cars Aktivschaum Shampoo PKW 5 kg"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1RcbGZcVHBIaFxGUFFjbkxHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzRHNFFaXE1XVTNTZUlQWk5Xdm1QSTtSVkdLe1hWbktPMjNRVDNER1dZN3dYbXZvZUlHMmVXclVWWm40XEc7VFRHakdURzZ5XEhQdVZHVE9cWnI0WHBuVFBYSEZmVkxtVll5NVxJanZVR0xzZVhHelBZNzhYMjNoZHxLNFlITzRjSEdvZFlubVJWS3lQfEN8UFZXM1FWTzVQa1xyXEYye09GZXlPfFczUFZtfFB8W29mSk87T2xDe1BsQzJPRks/')">
                </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)">
                            Profitool Activ Foam for Cars Aktivschaum Shampoo PKW 5 kg
                        </div>

                        
                        <a href="/Profitool-Activ-Foam-for" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Profitool-Activ-Foam-for">
              <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">Profitool Active Foam for Cars Profitool Active Foam ist ein besonders stark reinigender Aktivschaum für starke Verschmutzungen.Bestens geeignet für die Reinigung von PKW. Für den Einsatz in Waschanlagen und Hochdruckreinigern. Inhalt:5 kg</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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1RcbGZcVHBIaFxGUFFjbkxHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzRHNFFaXE1XVTNTZUlQWk5Xdm1QSTtSVkdLe1hWbktPMjNRVDNER1dZN3dYbXZvZUlHMmVXclVWWm40XEc7VFRHakdURzZ5XEhQdVZHVE9cWnI0WHBuVFBYSEZmVkxtVll5NVxJanZVR0xzZVhHelBZNzhYMjNoZHxLNFlITzRjSEdvZFlubVJWS3lQfEN8UFZXM1FWTzVQa1xyXEYye09GZXlPfFczUFZtfFB8W29mSk87T2xDe1BsQzJPRks/')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: preisteufel.at
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 18.50 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 4.99 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1RcbGZcVHBIaFxGUFFjbkxHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzRHNFFaXE1XVTNTZUlQWk5Xdm1QSTtSVkdLe1hWbktPMjNRVDNER1dZN3dYbXZvZUlHMmVXclVWWm40XEc7VFRHakdURzZ5XEhQdVZHVE9cWnI0WHBuVFBYSEZmVkxtVll5NVxJanZVR0xzZVhHelBZNzhYMjNoZHxLNFlITzRjSEdvZFlubVJWS3lQfEN8UFZXM1FWTzVQa1xyXEYye09GZXlPfFczUFZtfFB8W29mSk87T2xDe1BsQzJPRks/')" 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)">
                Was ist die Bedeutung des Liedes &quot;Speeding Cars&quot; von Walking on Cars?
            </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)">
                    Das Lied &quot;Speeding Cars&quot; von Walking on Cars handelt von der Sehnsucht nach Freiheit und dem Wunsch, dem Alltag zu entfliehen. Es drückt die Vorstellung aus, dass das Leben wie ein rasendes Auto ist, das uns manchmal überwältigt und wir uns danach sehnen, dem Tempo zu entkommen und die Kontrolle zurückzugewinnen. Es ist eine metaphorische Darstellung der Suche nach einem Ausweg aus den Herausforderungen des Lebens.
                    <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)">
                Kommt Cars 4 noch?
            </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)">
                    Es gibt derzeit keine offizielle Bestätigung für einen vierten Teil der Cars-Filmreihe. Es ist jedoch möglich, dass in Zukunft ein weiterer Film veröffentlicht wird, da die vorherigen Filme kommerziell erfolgreich waren. Fans müssen jedoch auf offizielle Ankündigungen von Disney und Pixar warten, um sicher zu sein.
                    <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>

            
        </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 Autos Cars:
    </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="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVlN6UFZlfFBsT3pQRldvY1lTO1BGRzNQfE80T3xHMlBVXDJlfDJ7T0ZLNE9GU3lPaT8&#x2F;">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="House-Doctor---Xmas">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVlN6UFZlfFBsT3pQRldvY1lTO1BGRzNQfE80T3xHMlBVXDJlfDJ7T0ZLNE9GU3lPaT8&#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/QWZl4RhYCX4bR5b0YqLrguXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdZqkPfblsezm645tcyWZMg6R9G2R0gC-084Ei-O-6dGfwm3-55e-TWo/4157363145_large.webp"
                         alt="House Doctor - Xmas Cars Deko-Autos, 12,5 cm &#x2F; rot"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVlN6UFZlfFBsT3pQRldvY1lTO1BGRzNQfE80T3xHMlBVXDJlfDJ7T0ZLNE9GU3lPaT8/')">
                </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)">
                            House Doctor - Xmas Cars Deko-Autos, 12,5 cm &#x2F; rot
                        </div>

                        
                        <a href="/House-Doctor---Xmas" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="House-Doctor---Xmas">
              <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">House Doctor - Xmas Cars Deko-Autos, 12,5 cm &#x2F; rot: Mit den kleinen Xmas Cars Deko-Autos von House Doctor wird jeder sofort in Weihnachtsstimmung versetzt. Das dekorative Auto im Retro-Look setzt in der Adventszeit festliche Akzente in jedem Wohnbereich.</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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVlN6UFZlfFBsT3pQRldvY1lTO1BGRzNQfE80T3xHMlBVXDJlfDJ7T0ZLNE9GU3lPaT8/')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: connox
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 20.95 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 5.94 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVlN6UFZlfFBsT3pQRldvY1lTO1BGRzNQfE80T3xHMlBVXDJlfDJ7T0ZLNE9GU3lPaT8/')" 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="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVk83UEZDNU9WVzNPbG17UVVcclxGMnxRVlN5UHxHM1BWSzdPbG1vZkpPO09sQ3tQbEMyT0ZLPw==">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="House-Doctor---Xmas">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVk83UEZDNU9WVzNPbG17UVVcclxGMnxRVlN5UHxHM1BWSzdPbG1vZkpPO09sQ3tQbEMyT0ZLPw==">
                </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/J1h9ZSydEbGVkKleG4nYfWXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdQk6szWNTq46GkASR5MxmOhO13xKikioyFMORXyejIWf8KRxp3I5pYQ/394071552929_large.webp"
                         alt="House Doctor - Xmas Cars Deko-Autos, 12,5 cm, gold"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVk83UEZDNU9WVzNPbG17UVVcclxGMnxRVlN5UHxHM1BWSzdPbG1vZkpPO09sQ3tQbEMyT0ZLPw==')">
                </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)">
                            House Doctor - Xmas Cars Deko-Autos, 12,5 cm, gold
                        </div>

                        
                        <a href="/House-Doctor---Xmas" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="House-Doctor---Xmas">
              <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">House Doctor - Xmas Cars Deko-Autos, 12,5 cm, gold: Mit den kleinen Xmas Cars Deko-Autos von House Doctor wird jeder sofort in Weihnachtsstimmung versetzt. Das dekorative Auto im Retro-Look setzt in der Adventszeit festliche Akzente in jedem Wohnbereich.</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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVk83UEZDNU9WVzNPbG17UVVcclxGMnxRVlN5UHxHM1BWSzdPbG1vZkpPO09sQ3tQbEMyT0ZLPw==')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: connox
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 20.95 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 5.94 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3hURkhrVTRQeE5WVFRYSFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVZQUFBwaXZlWmp6W1hmW1BaQ3pPWER0UEhXNVtYWFlVSlhST1k6M1xYalNQSXZjVTVENVszbkxQNFRtWW83c1NXbndTbzdzUEk6M1lGanJkRkRKVHBUV05aW3pXSXp6V1pQW1B8UzZPSkhjTzVucltYO1JkNVxsXEdXfFUyNzZkSnJJXDJcXGZvUFdRSlAyVTVuVFM0UDJVWG51YzJXb2RZbm1SVk83UEZDNU9WVzNPbG17UVVcclxGMnxRVlN5UHxHM1BWSzdPbG1vZkpPO09sQ3tQbEMyT0ZLPw==')" 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="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1xTbXJyW203e1MyZlZXWGpZVzQzN2ZWVFdXMkxTVFppdmNIRFhWWFhbVzJ5M1taRExkM25cT3xISVhZN0VcMmpcVW5yVGZsQ3ZVWUxsU28zTlhWXEpUbEg0WG83c1o1XFljcEc2XGxTeWdtWFRVSEt7UVhPeWNuUFFYSlM1T0pUe2ZIZlJlMlgzZTI7RlFITHtPb1MyZ0hUSVhwUHlbNVBKU3xuNGNWalJWSTszZkltNk9aUHJmV2V5TG8zclxGMjRRRlt6T2xHM09sRzNQRltvY1lTO1BsaTRPVkt6UFZLelBWUzRMcFR8UlZLeU9sW3lQRkN7">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Cars-3-Charakter-Autos:-Dexter">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1xTbXJyW203e1MyZlZXWGpZVzQzN2ZWVFdXMkxTVFppdmNIRFhWWFhbVzJ5M1taRExkM25cT3xISVhZN0VcMmpcVW5yVGZsQ3ZVWUxsU28zTlhWXEpUbEg0WG83c1o1XFljcEc2XGxTeWdtWFRVSEt7UVhPeWNuUFFYSlM1T0pUe2ZIZlJlMlgzZTI7RlFITHtPb1MyZ0hUSVhwUHlbNVBKU3xuNGNWalJWSTszZkltNk9aUHJmV2V5TG8zclxGMjRRRlt6T2xHM09sRzNQRltvY1lTO1BsaTRPVkt6UFZLelBWUzRMcFR8UlZLeU9sW3lQRkN7">
                </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/YX9jbbcl3dTnhfmH8JMO4KXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdaYRqwP-cdQQUKwXuMUkwUcvly_O5BtClNqjv1VjIZFAVh-Egtqjv7o/686121521546_large.webp"
                         alt="Cars 3 Charakter-Autos: Dexter Hoover mit karierter Flagge"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1xTbXJyW203e1MyZlZXWGpZVzQzN2ZWVFdXMkxTVFppdmNIRFhWWFhbVzJ5M1taRExkM25cT3xISVhZN0VcMmpcVW5yVGZsQ3ZVWUxsU28zTlhWXEpUbEg0WG83c1o1XFljcEc2XGxTeWdtWFRVSEt7UVhPeWNuUFFYSlM1T0pUe2ZIZlJlMlgzZTI7RlFITHtPb1MyZ0hUSVhwUHlbNVBKU3xuNGNWalJWSTszZkltNk9aUHJmV2V5TG8zclxGMjRRRlt6T2xHM09sRzNQRltvY1lTO1BsaTRPVkt6UFZLelBWUzRMcFR8UlZLeU9sW3lQRkN7')">
                </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)">
                            Cars 3 Charakter-Autos: Dexter Hoover mit karierter Flagge
                        </div>

                        
                        <a href="/Cars-3-Charakter-Autos-Dexter" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Cars-3-Charakter-Autos-Dexter">
              <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">Tauche ein in die Welt von Cars mit Dexter Hoover, dem offiziellen Streckenrichter des Piston Cup – inklusive kariertem Flaggenzeichen! Das Set Cars 3 Charakter-Fahrzeuge: Dexter Hoover – mit karierter Flagge ist für Fans der Disney·Pixar Cars Filme gemacht. Die Figur ist der offizielle Aufseher der Rennen. Seine Aufgabe ist es, den Start und das Ziel anzuzeigen. Das Auto ist ein Modell im Maßstab 1:55 mit vielen liebevollen Details. Die Karosserie besteht aus Metall. Es kommt mit Kunststoffrädern und Kunststoff-Zubehörteilen. Das Fahrzeug trägt die aus den Filmen bekannte blau-gelbe „OFFICIAL” Piston Cup Lackierung. Das Gesicht, die Augen und das Lächeln erinnern originalgetreu an den Charakter. Zum Set gehört außerdem eine separate schwarz-weiß karierte Flagge . Damit lassen sich Start- und Zieleinläufe immer wieder nachspielen. Kinder können die spannendsten Momente der Piston Cup-Rennen nachstellen. In Kombination mit anderen Cars-Fahrzeugen lassen sich komplette Rennläufe organisieren. Die Größe des Fahrzeugs ist ideal für kleine Kinderhände. Es kann geschoben und gerollt werden und hat frei laufende Räder. Durch den robusten Metallkörper hält es dem täglichen Spiel gut stand. Auch für Sammler ist es dank der detailreichen Lackierung ein besonderes Stück. Gehört offiziell zur 1:55 Cars-Reihe von Mattel. Produkteigenschaften: Cars 3 Dexter Hoover Charakter-Fahrzeug Maßstab 1:55 Metallkarosserie, Kunststoffräder und Zubehörteile Separate karierte Flagge als Zubehör Filmtreue, detailreiche Lackierung und Logos Piston Cup „OFFICIAL“-Design Freilaufende Räder, leicht rollbar Teil der sammelbaren Mattel Cars Serie Empfohlenes Alter: ab 3 Jahren Verpackungsgröße: 14 x 4,5 x 7 cm</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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1xTbXJyW203e1MyZlZXWGpZVzQzN2ZWVFdXMkxTVFppdmNIRFhWWFhbVzJ5M1taRExkM25cT3xISVhZN0VcMmpcVW5yVGZsQ3ZVWUxsU28zTlhWXEpUbEg0WG83c1o1XFljcEc2XGxTeWdtWFRVSEt7UVhPeWNuUFFYSlM1T0pUe2ZIZlJlMlgzZTI7RlFITHtPb1MyZ0hUSVhwUHlbNVBKU3xuNGNWalJWSTszZkltNk9aUHJmV2V5TG8zclxGMjRRRlt6T2xHM09sRzNQRltvY1lTO1BsaTRPVkt6UFZLelBWUzRMcFR8UlZLeU9sW3lQRkN7')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: Tullitoys
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 11.49 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 5.99 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1xTbXJyW203e1MyZlZXWGpZVzQzN2ZWVFdXMkxTVFppdmNIRFhWWFhbVzJ5M1taRExkM25cT3xISVhZN0VcMmpcVW5yVGZsQ3ZVWUxsU28zTlhWXEpUbEg0WG83c1o1XFljcEc2XGxTeWdtWFRVSEt7UVhPeWNuUFFYSlM1T0pUe2ZIZlJlMlgzZTI7RlFITHtPb1MyZ0hUSVhwUHlbNVBKU3xuNGNWalJWSTszZkltNk9aUHJmV2V5TG8zclxGMjRRRlt6T2xHM09sRzNQRltvY1lTO1BsaTRPVkt6UFZLelBWUzRMcFR8UlZLeU9sW3lQRkN7')" 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="Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYye080XGxbfFRvW1UyfFBsaXlOVlRuXFZtdltWSzNcVTI1T2xHfFB8VzVRRmZtXFZpb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Embleme-für-Autos-&#x2F;">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYye080XGxbfFRvW1UyfFBsaXlOVlRuXFZtdltWSzNcVTI1T2xHfFB8VzVRRmZtXFZpb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=">
                </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/23fcc4fa-3680-4ee9-a25e-721375787de8"
                         alt="Embleme für Autos &#x2F; Ständer Auto Motorhaube EmblemforZinklegierung &#x2F; Kunststoff Automobil"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYye080XGxbfFRvW1UyfFBsaXlOVlRuXFZtdltWSzNcVTI1T2xHfFB8VzVRRmZtXFZpb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')">
                </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)">
                            Embleme für Autos &#x2F; Ständer Auto Motorhaube EmblemforZinklegierung &#x2F; Kunststoff Automobil
                        </div>

                        
                        <a href="/Embleme-für-Autos-Ständer" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Embleme-für-Autos-Ständer">
              <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">Kategorie:Ständer,Embleme für Autos; Dekorationstyp:Auto Motorhaube Emblem; Anlass:Automobil; Material:Zinklegierung,Kunststoff; Artikel Maße:83; Versandgewicht:0.03; Paket Abmessungen:831; Nettogewicht:0,02; Kotierung:12&#x2F;14&#x2F;2022;...</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('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYye080XGxbfFRvW1UyfFBsaXlOVlRuXFZtdltWSzNcVTI1T2xHfFB8VzVRRmZtXFZpb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: Lightinthebox.com&#x2F;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*: 4.4 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztqZUltd1tZVHJkb1RuZ0U3bGQ0MnhmbEt4ZW9YbWNaTG5bNVN4ZUpMeFxKWGxmRjtyXEYye080XGxbfFRvW1UyfFBsaXlOVlRuXFZtdltWSzNcVTI1T2xHfFB8VzVRRmZtXFZpb1tZVHxlSUhsXFdubVJadmpcSlB5W1lQblVZVDs=')" 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)">
                Findet ihr auch Concept Cars und futuristische Autos hässlich?
            </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)">
                    Als KI habe ich keine persönlichen Vorlieben oder Meinungen. Die Wahrnehmung von Concept Cars und futuristischen Autos ist subjektiv und kann von Person zu Person unterschiedlich sein. Einige mögen den futuristischen und innovativen Stil, während andere ihn als unattraktiv empfinden.
                    <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 sehen Autos aus, die wie Muscle Cars aussehen?
            </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)">
                    Muscle Cars zeichnen sich durch ihr kraftvolles und aggressives Design aus. Sie haben oft eine lange Motorhaube, eine niedrige und breite Karosserie, große Räder und eine sportliche Optik. Typische Merkmale sind auch eine markante Frontpartie mit Lufteinlässen und eine Doppelauspuffanlage.
                    <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 sehen Autos aus, die wie Muscle Cars aussehen?
            </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)">
                    Muscle Cars zeichnen sich durch ihre kraftvolle und muskulöse Optik aus. Sie haben oft eine lange Motorhaube, breite Kotflügel und eine niedrige, aggressive Silhouette. Typische Merkmale sind auch große Lufteinlässe, Spoiler und auffällige Lackierungen.
                    <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)">
                Werden die Deutschen bald diese niedlichen Autos, Kei Cars, fahren?
            </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)">
                    Es ist unwahrscheinlich, dass Kei Cars in naher Zukunft in Deutschland weit verbreitet sein werden. Diese Art von Fahrzeugen ist speziell für den japanischen Markt konzipiert und erfüllt dort bestimmte Vorschriften und Anforderungen. In Deutschland gibt es bereits eine große Auswahl an Fahrzeugen, die den Bedürfnissen und Vorlieben der Verbraucher entsprechen.
                    <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>

    <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: #3b8756;">
    <h2 class="text-xl sm:text-2xl font-bold mb-6">
        Ähnliche Suchbegriffe für
        <span class="text-yellow-300">Autos Cars</span>
    </h2>

    <div id="related-terms" class="flex flex-wrap justify-center gap-3">
        
        
        <a href="/Cars"
           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">
            Cars
        </a>
        
        <a href="/Autos"
           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">
            Autos
        </a>
        
        <a href="/Dass"
           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">
            Dass
        </a>
        
        <a href="/Muscle"
           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">
            Muscle
        </a>
        
        <a href="/Leistung"
           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">
            Leistung
        </a>
        
        <a href="/Große"
           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">
            Große
        </a>
        
        <a href="/Europa"
           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">
            Europa
        </a>
        
        <a href="/Lange"
           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">
            Lange
        </a>
        
        <a href="/Typische"
           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">
            Typische
        </a>
        
        <a href="/Hubraum"
           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">
            Hubraum
        </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="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3BbWlhrW1pUOE5ZSHdcSkxuW1pPdlxwTGpkcHJ4ZTRufFs0am5OWUgzZkk7fFI1WDJkWDt8ZDVYe1s0VztlSlhrZElufGNJWHtMcFgyZFg7dlxZVHJmWTI7YzVbb2ZaVHZaNFBqZFpEamNZZndSWVRqZklIb1xZWG0=">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Gaubatz,-Andreas:-Französische-Autos">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3BbWlhrW1pUOE5ZSHdcSkxuW1pPdlxwTGpkcHJ4ZTRufFs0am5OWUgzZkk7fFI1WDJkWDt8ZDVYe1s0VztlSlhrZElufGNJWHtMcFgyZFg7dlxZVHJmWTI7YzVbb2ZaVHZaNFBqZFpEamNZZndSWVRqZklIb1xZWG0=">
                </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/B00000000523095.jpg"
                         alt="Gaubatz, Andreas: Französische Autos"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3BbWlhrW1pUOE5ZSHdcSkxuW1pPdlxwTGpkcHJ4ZTRufFs0am5OWUgzZkk7fFI1WDJkWDt8ZDVYe1s0VztlSlhrZElufGNJWHtMcFgyZFg7dlxZVHJmWTI7YzVbb2ZaVHZaNFBqZFpEamNZZndSWVRqZklIb1xZWG0=')">
                </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)">
                            Gaubatz, Andreas: Französische Autos
                        </div>

                        
                        <a href="/Gaubatz-Andreas-Französische-Autos" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Gaubatz-Andreas-Französische-Autos">
              <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">Französische Autos , In Frankreich versteht man es, das Leben zu genießen - und diese Lebensart auf Autos zu übertragen. Wie sonst kann man die Existenz der automobilen Göttin Citroën DS oder der Sänfte Renault 16 erklären? Die Liebe zum Automobil brachte in der Grande Nation unzählige Klein- und Kleinsthersteller hervor. Andreas Gaubatz und Stefan Müller richten den Blick auf 55 Jahre Automobilbau in Frankreich. Im Hauptteil widmen sich die Autoren den »großen Vier« Citroën, Peugeot, Renault und Simca - abgerundet mit informativen Tabellen und einer tollen Bildauswahl. Begleiten Sie den französischen Automobilbau von der Mangelwirtschaft der Nachkriegszeit bis zum Millennium. , Service &amp; Reparaturanleitungen &gt; Anleitungen &amp; Handbücher</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('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3BbWlhrW1pUOE5ZSHdcSkxuW1pPdlxwTGpkcHJ4ZTRufFs0am5OWUgzZkk7fFI1WDJkWDt8ZDVYe1s0VztlSlhrZElufGNJWHtMcFgyZFg7dlxZVHJmWTI7YzVbb2ZaVHZaNFBqZFpEamNZZndSWVRqZklIb1xZWG0=')" 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: 69.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('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3BbWlhrW1pUOE5ZSHdcSkxuW1pPdlxwTGpkcHJ4ZTRufFs0am5OWUgzZkk7fFI1WDJkWDt8ZDVYe1s0VztlSlhrZElufGNJWHtMcFgyZFg7dlxZVHJmWTI7YzVbb2ZaVHZaNFBqZFpEamNZZndSWVRqZklIb1xZWG0=')" 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="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3pVWFRGVlZLN098TDZkNVx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNLNlBwanBYV3ZUVkZUM09ZZTVaNGpZZDI3S1hZdnRPNUhQVEpQdWNIalxbV20yY2xQc1A0blpUb3pWY29pMlUySFZnV2U3WG1He1VYWFhWWDtXY29MY1RYRFZjWmUzTldqNVZJallcbFR8Z2xUT1xXalBlSkRJXDJua2MyN0VYNDZ5ZlpcW1gySExVM1RzZlk7SWVJXFJWb3pqY1g7a1RXdlRYWmZ2UFlcWlx7XHZjWVM7UEZHM1B8UzNPRm0zT2tcclxGMjJPVlc1UEZXeVFWV3tMcFR8UlZLeU9sW3lQRkN7">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Sovie-HOME-Tischläufer-Cars">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3pVWFRGVlZLN098TDZkNVx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNLNlBwanBYV3ZUVkZUM09ZZTVaNGpZZDI3S1hZdnRPNUhQVEpQdWNIalxbV20yY2xQc1A0blpUb3pWY29pMlUySFZnV2U3WG1He1VYWFhWWDtXY29MY1RYRFZjWmUzTldqNVZJallcbFR8Z2xUT1xXalBlSkRJXDJua2MyN0VYNDZ5ZlpcW1gySExVM1RzZlk7SWVJXFJWb3pqY1g7a1RXdlRYWmZ2UFlcWlx7XHZjWVM7UEZHM1B8UzNPRm0zT2tcclxGMjJPVlc1UEZXeVFWV3tMcFR8UlZLeU9sW3lQRkN7">
                </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/Pej-Qs6tm55EuJqMATKmKWXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdZ581Z07cyDGeOzLXSZ5ygdK51F4X02hEwNnp5uJxG19Xlz63jQM3yI/4157450952_large.webp"
                         alt="Sovie HOME Tischläufer Cars aus Linclass® Airlaid 40 cm x 4,80 m, 1 Stück - Autos Kinder Party"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3pVWFRGVlZLN098TDZkNVx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNLNlBwanBYV3ZUVkZUM09ZZTVaNGpZZDI3S1hZdnRPNUhQVEpQdWNIalxbV20yY2xQc1A0blpUb3pWY29pMlUySFZnV2U3WG1He1VYWFhWWDtXY29MY1RYRFZjWmUzTldqNVZJallcbFR8Z2xUT1xXalBlSkRJXDJua2MyN0VYNDZ5ZlpcW1gySExVM1RzZlk7SWVJXFJWb3pqY1g7a1RXdlRYWmZ2UFlcWlx7XHZjWVM7UEZHM1B8UzNPRm0zT2tcclxGMjJPVlc1UEZXeVFWV3tMcFR8UlZLeU9sW3lQRkN7')">
                </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)">
                            Sovie HOME Tischläufer Cars aus Linclass® Airlaid 40 cm x 4,80 m, 1 Stück - Autos Kinder Party
                        </div>

                        
                        <a href="/Sovie-HOME-Tischläufer-Cars" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Sovie-HOME-Tischläufer-Cars">
              <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"> Bunte Autos tummeln sich im Allover-Druck auf unserem Design CARS. Das fröhliche Kindermotiv passt ideal zu unserem Design SMILIE und kann auch mit unseren unifarbigen Tischprodukten kombiniert werden.Sie sind nicht nur praktisch, sondern auch ungemein dekorativ – Tischläufer von SOVIE® sind aus stoffähnlichem Linclass®-Airlaid gefertigt und lassen sich durch die praktische Perforation ganz ohne Hilfsmittel kürzen. Tischläufer der Marke SOVIE® aus dem Hause Mank sind in großer Designauswahl erhältlich und verwandeln jeden Tisch in ein festlich gedecktes Refugium. Ob quer oder mittig platziert, in dezenten Farbtönen oder im bunten Frühlingslook – Tischläufer von SOVIE® setzen Akzente! Dieser Tischläufer hat alle 30cm eine Perforierung für eine saubere und einfache Kürzung des Tischtuchs in Tête-à-Tête oder als Tischset. (s. Foto) </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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3pVWFRGVlZLN098TDZkNVx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNLNlBwanBYV3ZUVkZUM09ZZTVaNGpZZDI3S1hZdnRPNUhQVEpQdWNIalxbV20yY2xQc1A0blpUb3pWY29pMlUySFZnV2U3WG1He1VYWFhWWDtXY29MY1RYRFZjWmUzTldqNVZJallcbFR8Z2xUT1xXalBlSkRJXDJua2MyN0VYNDZ5ZlpcW1gySExVM1RzZlk7SWVJXFJWb3pqY1g7a1RXdlRYWmZ2UFlcWlx7XHZjWVM7UEZHM1B8UzNPRm0zT2tcclxGMjJPVlc1UEZXeVFWV3tMcFR8UlZLeU9sW3lQRkN7')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: Metro.de
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 7.40 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 0.00 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3pVWFRGVlZLN098TDZkNVx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNLNlBwanBYV3ZUVkZUM09ZZTVaNGpZZDI3S1hZdnRPNUhQVEpQdWNIalxbV20yY2xQc1A0blpUb3pWY29pMlUySFZnV2U3WG1He1VYWFhWWDtXY29MY1RYRFZjWmUzTldqNVZJallcbFR8Z2xUT1xXalBlSkRJXDJua2MyN0VYNDZ5ZlpcW1gySExVM1RzZlk7SWVJXFJWb3pqY1g7a1RXdlRYWmZ2UFlcWlx7XHZjWVM7UEZHM1B8UzNPRm0zT2tcclxGMjJPVlc1UEZXeVFWV3tMcFR8UlZLeU9sW3lQRkN7')" 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="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMnZXSDtPT3xQcldwWEZZWGpZVzQzN2ZWVFdXMkxQZm9YT1VIRGtmcFx0UzRqNFRuUGtaM1AyUUpMSlNwUzRbWEhSW2xqNFhHblZaMmpzW29UUWRHakhQb1R0XDJQNWVZVExmNEwyVjRcSFBYXHdPb1RSWGxmMlRJdkpcb3o4Y1lQRWZZO3tjSUhJZTI7WmZuTHVOWVRbTlhuRFQ1TzJMbzNyXEYyfE98UzRPRlc3T1ZlelBWT29jWVM7T3xPMlBsQzNRVkc1T1ZXfExwVHxSVkt5T2xbeVBGQ3s=">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Cars-1-+-Cars">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMnZXSDtPT3xQcldwWEZZWGpZVzQzN2ZWVFdXMkxQZm9YT1VIRGtmcFx0UzRqNFRuUGtaM1AyUUpMSlNwUzRbWEhSW2xqNFhHblZaMmpzW29UUWRHakhQb1R0XDJQNWVZVExmNEwyVjRcSFBYXHdPb1RSWGxmMlRJdkpcb3o4Y1lQRWZZO3tjSUhJZTI7WmZuTHVOWVRbTlhuRFQ1TzJMbzNyXEYyfE98UzRPRlc3T1ZlelBWT29jWVM7T3xPMlBsQzNRVkc1T1ZXfExwVHxSVkt5T2xbeVBGQ3s=">
                </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/9QJX-wB5eJWG8jnc-X3wuCXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdZf00t8ugVJVM55k6ckexLJdcE_mUeblaFEVOYPZ1fIJcCt2ez6_Rqs/334605917153_large.webp"
                         alt="Cars 1 + Cars 2 + Cars 3  [3 DVDs]"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMnZXSDtPT3xQcldwWEZZWGpZVzQzN2ZWVFdXMkxQZm9YT1VIRGtmcFx0UzRqNFRuUGtaM1AyUUpMSlNwUzRbWEhSW2xqNFhHblZaMmpzW29UUWRHakhQb1R0XDJQNWVZVExmNEwyVjRcSFBYXHdPb1RSWGxmMlRJdkpcb3o4Y1lQRWZZO3tjSUhJZTI7WmZuTHVOWVRbTlhuRFQ1TzJMbzNyXEYyfE98UzRPRlc3T1ZlelBWT29jWVM7T3xPMlBsQzNRVkc1T1ZXfExwVHxSVkt5T2xbeVBGQ3s=')">
                </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)">
                            Cars 1 + Cars 2 + Cars 3  [3 DVDs]
                        </div>

                        
                        <a href="/Cars-1-Cars-2" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Cars-1-Cars-2">
              <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">&quot;Cars&quot;Um zum besten Rennauto aller Zeiten aufzusteigen muss Lightning McQueen nur noch in einem einzigen Rennen siegen. Also macht er sich von der Ostküste der USA auf den Weg zu seinem letzten Rennen nach Kalifornien. Durch ein Missgeschick landet er jedoch im verschlafenen Städtchen Radiator Springs, abseits der Route 66. Als er aus Versehen die Orts-Straße beschädigt, findet er sich plötzlich im Gefängnis wieder. McQueen wird dazu verurteilt, die Straße eigenhändig zu reparieren. In der Zwischenzeit macht das Rennauto jedoch Bekanntschaft mit Leuten wie dem schnellsten Rückwärtsfahrer der Welt, einem italienischen Schuhverkäufer und einem verliebten Porsche. Durch die harte Arbeit und seine neuen Freunde lernt McQueen die Langsamkeit zu schätzen und den Weg als Ziel zu sehen. Dank McQueen lässt sich das Renn-Hauptquartier in Radiator Springs nieder und verleiht dem einst verschlafenen Ort neuen Glanz.Laufzeit: 112 MinutenProduktionsjahr: 2006Regie: John LasseterTonformat: DD5.1 Deutsch, Englisch;Untertitel: Deutsch, Englisch, Türkisch; Bonus: Kurzfilm &quot;Die Einmannband&quot;, Kurzfilm &quot;Hook und das Geisterlicht&quot;, Inspiration für Cars, Zusätzliche Szenen; &quot;Cars 2&quot;Lightning McQueen nimmt mit seinem verbundenen Kumpan Mater die Reise über den Ozean nach Japan und Europa auf sich, um erstmals beim Grand Prix um den Weltmeistertitel anzutreten. Doch schnell rückt in den Hintergrund, wer tatsächlich den stärksten Motor besitzt und am schnellsten beschleunigt, denn Lightning und Mater werden für eine Spionagemission ausgewählt und müssen sich nun auch noch als Geheimagenten beweisen. Vor allem Mater rückt in den Mittelpunkt des Interesses, muss er doch vor den Augen der Welt schwerwiegende Entscheidungen treffen.Laufzeit: 102 MinutenProduktionsjahr: 2011Regie: John Lasseter, Brad LewisTonformat: DD5.1. Eutsch, Englisch, TürkischUntertitel: Deutsch, Englisch, Englisch für Hörgeschädigte, TürkischBonus: Kurzfilm &quot;Hook hebt ab&quot;, Toy Story Toons: Urlaub auf Hawaii&quot;Cars 3 - Evolution&quot;Ein Gang höher und noch schneller... für Lightning McQueen geht es nie schnell genug. Doch das reicht diesmal nicht! Denn die neue Generation von aufgetunten, aerodynamischen und hochentwickelten Rennwägen, sorgt für ordentlich Chaos und Unruhe im Rennzirkus. Vor allem der raffinierte und unschlagbare Jackson Storm, setzt Lightning gewaltig unter Druck. Ob er noch das Zeug hat um in Zukunft ganz vorne mitzumischen? Aufgeben war jedenfalls für Lightning noch nie eine Option. Aber steht nun möglicherweise doch sein letztes Rennen seiner Karriere an?Laufzeit: 98 MinutenProduktionsjahr: 2017Regie: Brian FeeTonformat: DD5.1 Deutsch, Englisch, Kroatisch, SlowenischUntertitel: Deutsch, Englisch für HörgeschädigteBonus: Kurzfilm L.O.UMiss Fritters Rennsportschule, Audiokommentar;</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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMnZXSDtPT3xQcldwWEZZWGpZVzQzN2ZWVFdXMkxQZm9YT1VIRGtmcFx0UzRqNFRuUGtaM1AyUUpMSlNwUzRbWEhSW2xqNFhHblZaMmpzW29UUWRHakhQb1R0XDJQNWVZVExmNEwyVjRcSFBYXHdPb1RSWGxmMlRJdkpcb3o4Y1lQRWZZO3tjSUhJZTI7WmZuTHVOWVRbTlhuRFQ1TzJMbzNyXEYyfE98UzRPRlc3T1ZlelBWT29jWVM7T3xPMlBsQzNRVkc1T1ZXfExwVHxSVkt5T2xbeVBGQ3s=')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: mueller.de
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 13.99 € |
            </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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMnZXSDtPT3xQcldwWEZZWGpZVzQzN2ZWVFdXMkxQZm9YT1VIRGtmcFx0UzRqNFRuUGtaM1AyUUpMSlNwUzRbWEhSW2xqNFhHblZaMmpzW29UUWRHakhQb1R0XDJQNWVZVExmNEwyVjRcSFBYXHdPb1RSWGxmMlRJdkpcb3o4Y1lQRWZZO3tjSUhJZTI7WmZuTHVOWVRbTlhuRFQ1TzJMbzNyXEYyfE98UzRPRlc3T1ZlelBWT29jWVM7T3xPMlBsQzNRVkc1T1ZXfExwVHxSVkt5T2xbeVBGQ3s=')" 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="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1RcbGZcVHBIaFxGUFFjbkxHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzRHNFFaXE1XVTNTZUlQWk5Xdm1QSTtSVkdLe1hWbktPMjNRVDNER1dZN3dYbXZvZUlHMmVXclVWWm40XEc7VFRHakdURzZ5XEhQdVZHVE9cWnI0WHBuVFBYSEZmVkxtVll5NVxJanZVR0xzZVhHelBZNzhYMjNoZHxLNFlITzRjSEdvZFlubVJWS3lQfEN8UFZXM1FWTzVQa1xyXEYye09GZXlPfFczUFZtfFB8W29mSk87T2xDe1BsQzJPRks&#x2F;">
                    <input type="hidden" name="q">
                    <input type="hidden" name="search" value="Profitool-Activ-Foam-for">
                    <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1RcbGZcVHBIaFxGUFFjbkxHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzRHNFFaXE1XVTNTZUlQWk5Xdm1QSTtSVkdLe1hWbktPMjNRVDNER1dZN3dYbXZvZUlHMmVXclVWWm40XEc7VFRHakdURzZ5XEhQdVZHVE9cWnI0WHBuVFBYSEZmVkxtVll5NVxJanZVR0xzZVhHelBZNzhYMjNoZHxLNFlITzRjSEdvZFlubVJWS3lQfEN8UFZXM1FWTzVQa1xyXEYye09GZXlPfFczUFZtfFB8W29mSk87T2xDe1BsQzJPRks&#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/zNp4D0o1OMo7vYkdLBiJOqXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdaENorktJNGrljxI0lciy_RXzG39kXHTLLRYS9jgO7jBaxfOg9A3Ck0/207035559376_large.webp"
                         alt="Profitool Activ Foam for Cars Aktivschaum Shampoo PKW 5 kg"
                         onerror="this.onerror=null;this.src='/logos/photo_missing.png';"
                         onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1RcbGZcVHBIaFxGUFFjbkxHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzRHNFFaXE1XVTNTZUlQWk5Xdm1QSTtSVkdLe1hWbktPMjNRVDNER1dZN3dYbXZvZUlHMmVXclVWWm40XEc7VFRHakdURzZ5XEhQdVZHVE9cWnI0WHBuVFBYSEZmVkxtVll5NVxJanZVR0xzZVhHelBZNzhYMjNoZHxLNFlITzRjSEdvZFlubVJWS3lQfEN8UFZXM1FWTzVQa1xyXEYye09GZXlPfFczUFZtfFB8W29mSk87T2xDe1BsQzJPRks/')">
                </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)">
                            Profitool Activ Foam for Cars Aktivschaum Shampoo PKW 5 kg
                        </div>

                        
                        <a href="/Profitool-Activ-Foam-for" class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                              title="Profitool-Activ-Foam-for">
              <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">Profitool Active Foam for Cars Profitool Active Foam ist ein besonders stark reinigender Aktivschaum für starke Verschmutzungen.Bestens geeignet für die Reinigung von PKW. Für den Einsatz in Waschanlagen und Hochdruckreinigern. Inhalt:5 kg</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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1RcbGZcVHBIaFxGUFFjbkxHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzRHNFFaXE1XVTNTZUlQWk5Xdm1QSTtSVkdLe1hWbktPMjNRVDNER1dZN3dYbXZvZUlHMmVXclVWWm40XEc7VFRHakdURzZ5XEhQdVZHVE9cWnI0WHBuVFBYSEZmVkxtVll5NVxJanZVR0xzZVhHelBZNzhYMjNoZHxLNFlITzRjSEdvZFlubVJWS3lQfEN8UFZXM1FWTzVQa1xyXEYye09GZXlPfFczUFZtfFB8W29mSk87T2xDe1BsQzJPRks/')" type="button"
                                class="text-xs text-gray-400" aria-label="Product Shop Button">
                            Anbieter: preisteufel.at
                        </button>
                    </div>
                    <div class="w-full max-w-xs overflow-hidden">
            <span class="text-md font-bold text-gray-700 truncate">
              Preis: 18.50 € |
            </span>
                        <span class="text-sm text-gray-700 truncate">
              Versand*: 4.99 €
            </span>
                    </div>
                    <div class="mt-2 mb-3 w-full">
                        <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1RcbGZcVHBIaFxGUFFjbkxHVlpMSFhYbnxWezN1WHBTNFgzckRlRk98WzRHNFFaXE1XVTNTZUlQWk5Xdm1QSTtSVkdLe1hWbktPMjNRVDNER1dZN3dYbXZvZUlHMmVXclVWWm40XEc7VFRHakdURzZ5XEhQdVZHVE9cWnI0WHBuVFBYSEZmVkxtVll5NVxJanZVR0xzZVhHelBZNzhYMjNoZHxLNFlITzRjSEdvZFlubVJWS3lQfEN8UFZXM1FWTzVQa1xyXEYye09GZXlPfFczUFZtfFB8W29mSk87T2xDe1BsQzJPRks/')" 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 hoch ist die Chance für japanische Kei-Cars, also Mini-Autos, in Europa?
            </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)">
                    Die Chance für japanische Kei-Cars in Europa ist relativ gering. Aufgrund ihrer geringen Größe und Leistung erfüllen sie oft nicht die europäischen Sicherheits- und Umweltstandards. Darüber hinaus gibt es in Europa bereits eine Vielzahl von Kleinwagen, die den Bedürfnissen der europäischen Verbraucher besser entsprechen.
                    <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)">
                Warum haben US-amerikanische PKW-Muscle Cars viel Hubraum, aber wenig Leistung?
            </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)">
                    US-amerikanische Muscle Cars haben oft einen großen Hubraum, um eine hohe Leistung zu erzielen. Allerdings kann es sein, dass sie aufgrund von Einschränkungen bei der Abgasreinigung und der Kraftstoffeffizienz weniger Leistung haben als erwartet. Zudem kann die Art der Leistungsentwicklung, wie beispielsweise ein hohes Drehmoment bei niedrigen Drehzahlen, dazu führen, dass die Spitzenleistung nicht so hoch ist wie bei anderen Fahrzeugtypen.
                    <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)">
                Was ist die Bedeutung des Liedes &quot;Speeding Cars&quot; von Walking on Cars?
            </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)">
                    Das Lied &quot;Speeding Cars&quot; von Walking on Cars handelt von der Sehnsucht nach Freiheit und dem Wunsch, dem Alltag zu entfliehen. Es drückt die Vorstellung aus, dass das Leben wie ein rasendes Auto ist, das uns manchmal überwältigt und wir uns danach sehnen, dem Tempo zu entkommen und die Kontrolle zurückzugewinnen. Es ist eine metaphorische Darstellung der Suche nach einem Ausweg aus den Herausforderungen des Lebens.
                    <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)">
                Kommt Cars 4 noch?
            </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)">
                    Es gibt derzeit keine offizielle Bestätigung für einen vierten Teil der Cars-Filmreihe. Es ist jedoch möglich, dass in Zukunft ein weiterer Film veröffentlicht wird, da die vorherigen Filme kommerziell erfolgreich waren. Fans müssen jedoch auf offizielle Ankündigungen von Disney und Pixar warten, um sicher zu sein.
                    <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>
</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> autos-cars.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 = "Autos Cars";

        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 = 'autos-cars.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>
