CINXE.COM
heuhotel.de - Urlaub, Landschaft, Familie, Bauernhof, Erholung, Natur, Heuhotel
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>heuhotel.de - Urlaub, Landschaft, Familie, Bauernhof, Erholung, Natur, Heuhotel</title> <!-- Tailwind CSS Link --> <link href="/css/app.45790cae62999d01ec974d435da5d446.css" rel="stylesheet"> <!-- Optionally include Font Awesome from a CDN --> <script src="/js/htmx.min.js" defer></script> </head> <body class="font-sans text-gray-900 antialiased bg-blu"> <div class="min-h-screen"> <!-- Static Navigation --> <nav class="bg-white shadow-md" style="background-color: #406eb2;"> <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-16"> <!-- Logo and Title --> <div class="flex-grow flex justify-start"> <a href="/" class="flex items-center"> <img src="/logos/logo_7.png" alt="Domain Logo" class="block h-12 w-auto"> <span class="ml-2 text-xl font-bold md:text-2xl text-white"> heuhotel.de </span> </a> </div> <!-- Hamburger Button (Mobile) --> <div class="sm:hidden flex items-center"> <button id="hamburger" class="text-white focus:outline-none"> <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 px-4 pl-10 bg-gray-200 focus:outline-none focus:ring focus:border-blue-300"> <i class="fas fa-search text-gray-500 absolute left-3 top-1/2 transform -translate-y-1/2"></i> </div> <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full ml-2 focus:outline-none focus:ring focus:border-blue-300"> 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 px-4 pl-10 bg-gray-200 focus:outline-none focus:ring focus:border-blue-300"> <i class="fas fa-search text-gray-500 absolute left-3 top-1/2 transform -translate-y-1/2"></i> </div> <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full ml-2 focus:outline-none focus:ring focus:border-blue-300"> Suchen </button> </form> </div> </div> <!-- Dropdown Menu for Mobile --> <div id="mobileMenu" class="sm:hidden hidden flex-col space-y-2 py-2 px-4 bg-gray-100" style="background-color: #b5ff6a;"> <a href="/Urlaub" class="block text-base font-medium py-2" style="color: #000000;"> Urlaub </a> <a href="/Landschaft" class="block text-base font-medium py-2" style="color: #000000;"> Landschaft </a> <a href="/Familie" class="block text-base font-medium py-2" style="color: #000000;"> Familie </a> <a href="/Bauernhof" class="block text-base font-medium py-2" style="color: #000000;"> Bauernhof </a> <a href="/Erholung" class="block text-base font-medium py-2" style="color: #000000;"> Erholung </a> <a href="/Natur" class="block text-base font-medium py-2" style="color: #000000;"> Natur </a> </div> <!-- Navigation Links (Desktop View) --> <div class="hidden sm:flex justify-center space-x-8 py-2 max-w-full overflow-x-hidden" style="background-color: #b5ff6a;"> <a href="/Urlaub" class="text-ms xs:text-sm" style="color: #000000;"> Urlaub </a> <a href="/Landschaft" class="text-ms xs:text-sm" style="color: #000000;"> Landschaft </a> <a href="/Familie" class="text-ms xs:text-sm" style="color: #000000;"> Familie </a> <a href="/Bauernhof" class="text-ms xs:text-sm" style="color: #000000;"> Bauernhof </a> <a href="/Erholung" class="text-ms xs:text-sm" style="color: #000000;"> Erholung </a> <a href="/Natur" class="text-ms xs:text-sm" style="color: #000000;"> Natur </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> <!-- Page Content --> <main id="main-content" class="py-6 overflow-x-hidden"> <div class="max-w-[1300px] mx-auto px-4 sm:px-6 lg:px-8 mb-1"> <div id="buyDomainPopUp" class="fixed inset-0 bg-gray-600 bg-opacity-75 flex items-center justify-center hidden z-50"> <div class="newsletter bg-white p-6 rounded-lg shadow-lg relative"> <span class="close absolute top-2 right-2 cursor-pointer text-gray-600 text-2xl" id="close_domain_popup">×</span> <h4 class="font-bold text-lg mb-3">Nicht das Gesuchte gefunden? </h4> <a href="https://www.shopping.eu/int/Heuhotel.html" target="_blank" class="mt-4 mb-3 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"> Weiter zu Shopping.eu </a> <h5 class="mt-4 mb-2 font-bold text-lg">Oder besteht Interesse am Kauf dieser Domain?</h5> <p> Bitte eine E-Mail an: <span onclick="sendEmail()" class="underline text-blue-800 font-bold">domain@kv-gmbh.de</span> </p> </div> </div> <!-- Expandable Banner --> <div id="expandableBanner" class="bg-blue-200 text-blue-900 text-center p-4 rounded-lg cursor-pointer mb-12 mt-4 mx-4 sm:mx-0"> <span class="font-bold text-[20px]">Domain heuhotel.de kaufen?</span> <div id="bannerContent" class="hidden mt-2 bg-blue-100 p-2 rounded"> <span class="font-normal">Wir ziehen mit dem Projekt <strong>heuhotel.de</strong> um. Sind Sie am Kauf der Domain <strong>heuhotel.de</strong> interessiert?<br>Schicken Sie uns bitte eine Email an</span> <span onclick="sendEmail()" class="underline text-blue-800 font-bold">domain@kv-gmbh.de</span> <span class="font-normal">oder rufen uns an: 0541-76012653.</span> </div> </div> <h2 id="product-heading" class="text-2xl font-semibold mb-2">Produkt zum Begriff Heuhotel:</h2> <hr class="my-2 border-gray-300 mb-8"> <!-- include only the first 4 items of the product_item , its an array --> <ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start"> <section class="mb-8"> <div id="product-content"> <li class="bg-white shadow-lg rounded-md m-1 flex flex-col"> <div id="product-1" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0"> <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZDeU9WTzZPVm0yUEVcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw=="> <input type="hidden" name="q"> <input type="hidden" name="search" value="Urlaub-am-Bauernhof-Grabenhofer"> <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZDeU9WTzZPVm0yUEVcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw=="> </form> <img class="w-full cursor-pointer min-h-[15rem]" src="https://images2.productserve.com/?w=200&h=200&bg=white&trim=5&t=letterbox&url=ssl%3Aimgcy.trivago.com%2Fc_lfill%2Cd_dummy.jpeg%2Cf_auto%2Ch_320%2Cq_auto%2Cw_400%2Fhotelier-images%2F6f%2Fc2%2F4af567ab7addb2234a1053bd4f4e50a84c65822a19203054e9d459800cd9&feedId=97585&k=f59a6092aaab277749d93cb6d2e8b1b863189593" alt="Urlaub am Bauernhof Grabenhofer" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZDeU9WTzZPVm0yUEVcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw==')"> <div class="px-6 flex flex-col flex-grow min-h-[9rem]"> <div class="min-h-[4rem] flex justify-between m-auto relative"> <div id="title-1" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(1)"> Urlaub am Bauernhof Grabenhofer </div> <span class="absolute bottom-0 mt-1 -right-6 mr-2 group" title="Urlaub-am-Bauernhof-Grabenhofer" onclick="handleTitleClick('Urlaub am Bauernhof Grabenhofer')"> <i class="fas fa-search text-blue-500 hover:text-blue-700"></i> </span> </div> <hr> <div class="flex justify-between items-end relative mt-1"> <div id="description-1" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer" onclick="toggleDescription(1)"> <span class="break-words"></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> <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('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZDeU9WTzZPVm0yUEVcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw==')" type="button" class="text-xs text-gray-400" aria-label="Product Shop Button">Anbieter: Trivago DE </button> </div> <div class="w-full max-w-xs overflow-hidden"> <span class="text-md font-bold text-gray-700 truncate">Preis: 180 € |</span> <span class="text-sm text-gray-700 truncate">Versand*: 0.00 €</span> </div> <div class="mt-2 mb-2"> <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZDeU9WTzZPVm0yUEVcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw==')" type="button" class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white" aria-label="Product Shop Button">Weiter zum Produkt </button> </div> </div> </div> </li> </div> </section> <section class="mb-8"> <div id="product-content"> <li class="bg-white shadow-lg rounded-md m-1 flex flex-col"> <div id="product-2" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0"> <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHelB8ZXtQfFczUGtcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw=="> <input type="hidden" name="q"> <input type="hidden" name="search" value="Teutenhofer-Urlaub-Auf-Dem"> <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHelB8ZXtQfFczUGtcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw=="> </form> <img class="w-full cursor-pointer min-h-[15rem]" src="https://images2.productserve.com/?w=200&h=200&bg=white&trim=5&t=letterbox&url=ssl%3Aimgcy.trivago.com%2Fc_lfill%2Cd_dummy.jpeg%2Cf_auto%2Ch_320%2Cq_auto%2Cw_400%2Fpartner-images%2F50%2F41%2Fefeac39dd87b1a1a578443ba4b956acc13e3e31c9d9a98847f1ef292623d&feedId=97585&k=a4c84796322dfe3017ca5cf5c8ab4ca7cd5ebf6d" alt="Teutenhofer Urlaub Auf Dem Bauernhof" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHelB8ZXtQfFczUGtcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw==')"> <div class="px-6 flex flex-col flex-grow min-h-[9rem]"> <div class="min-h-[4rem] flex justify-between m-auto relative"> <div id="title-2" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(2)"> Teutenhofer Urlaub Auf Dem Bauernhof </div> <span class="absolute bottom-0 mt-1 -right-6 mr-2 group" title="Teutenhofer-Urlaub-Auf-Dem" onclick="handleTitleClick('Teutenhofer Urlaub Auf Dem Bauernhof')"> <i class="fas fa-search text-blue-500 hover:text-blue-700"></i> </span> </div> <hr> <div class="flex justify-between items-end relative mt-1"> <div id="description-2" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer" onclick="toggleDescription(2)"> <span class="break-words"></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> <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('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHelB8ZXtQfFczUGtcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw==')" type="button" class="text-xs text-gray-400" aria-label="Product Shop Button">Anbieter: Trivago DE </button> </div> <div class="w-full max-w-xs overflow-hidden"> <span class="text-md font-bold text-gray-700 truncate">Preis: 498 € |</span> <span class="text-sm text-gray-700 truncate">Versand*: 0.00 €</span> </div> <div class="mt-2 mb-2"> <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHelB8ZXtQfFczUGtcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw==')" type="button" class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white" aria-label="Product Shop Button">Weiter zum Produkt </button> </div> </div> </div> </li> </div> </section> <section class="mb-8"> <div id="product-content"> <li class="bg-white shadow-lg rounded-md m-1 flex flex-col"> <div id="product-3" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0"> <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ7UFZbNVB8RzdPVlM0T3tcalJWRzRQVmkyUEZtb2RWMnpRRm16T2k/Pw=="> <input type="hidden" name="q"> <input type="hidden" name="search" value="Urlaub-mit-der-ganzen"> <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ7UFZbNVB8RzdPVlM0T3tcalJWRzRQVmkyUEZtb2RWMnpRRm16T2k/Pw=="> </form> <img class="w-full cursor-pointer min-h-[15rem]" src="https://images2.productserve.com/?w=200&h=200&bg=white&trim=5&t=letterbox&url=ssl%3Adata.verwoehnwochenende.de%2Fhotels_images%2Fphoenix-hotel-hotel-aussenansicht-81870-thumb-1920x9999-m.jpeg&feedId=39765&k=622962a62803892f274b67933cd9497dfee54247" alt="Urlaub mit der ganzen Familie" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ7UFZbNVB8RzdPVlM0T3tcalJWRzRQVmkyUEZtb2RWMnpRRm16T2k/Pw==')"> <div class="px-6 flex flex-col flex-grow min-h-[9rem]"> <div class="min-h-[4rem] flex justify-between m-auto relative"> <div id="title-3" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(3)"> Urlaub mit der ganzen Familie </div> <span class="absolute bottom-0 mt-1 -right-6 mr-2 group" title="Urlaub-mit-der-ganzen" onclick="handleTitleClick('Urlaub mit der ganzen Familie')"> <i class="fas fa-search text-blue-500 hover:text-blue-700"></i> </span> </div> <hr> <div class="flex justify-between items-end relative mt-1"> <div id="description-3" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer" onclick="toggleDescription(3)"> <span class="break-words">Freuen Sie sich auf wunderschöne Urlaubstage im PHÖNIX Hotel in Bergneustadt für die ganze Familie. Enthaltene Leistungen: 2 x Übernachtung im komfortablen Zimmer inkl. Frühstück, 2 x Abendessen in Form eines 3 Gang-Auswahlmenü oder in Buffetform, Kostenfreie Nutzung des Schwimmbades und der Sauna, Kostenfreie Parkplätze direkt am Hotel, Kostenfreie W-Lan Nutzung</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> <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('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ7UFZbNVB8RzdPVlM0T3tcalJWRzRQVmkyUEZtb2RWMnpRRm16T2k/Pw==')" type="button" class="text-xs text-gray-400" aria-label="Product Shop Button">Anbieter: Verwoehnwochenende.de DE </button> </div> <div class="w-full max-w-xs overflow-hidden"> <span class="text-md font-bold text-gray-700 truncate">Preis: 169.00 € |</span> <span class="text-sm text-gray-700 truncate">Versand*: 0 €</span> </div> <div class="mt-2 mb-2"> <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ7UFZbNVB8RzdPVlM0T3tcalJWRzRQVmkyUEZtb2RWMnpRRm16T2k/Pw==')" type="button" class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white" aria-label="Product Shop Button">Weiter zum Produkt </button> </div> </div> </div> </li> </div> </section> <section class="mb-8"> <div id="product-content"> <li class="bg-white shadow-lg rounded-md m-1 flex flex-col"> <div id="product-4" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0"> <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHelB8V3xQbFN8UHtcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw=="> <input type="hidden" name="q"> <input type="hidden" name="search" value="Cafe-Wastelbauerhof---Urlaub"> <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHelB8V3xQbFN8UHtcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw=="> </form> <img class="w-full cursor-pointer min-h-[15rem]" src="https://images2.productserve.com/?w=200&h=200&bg=white&trim=5&t=letterbox&url=ssl%3Aimgcy.trivago.com%2Fc_lfill%2Cd_dummy.jpeg%2Cf_auto%2Ch_320%2Cq_auto%2Cw_400%2Fhotelier-images%2F54%2Fb4%2Fc192f554a0139233a6cec947580ac8d4e465a5680ed3e35d73013e28cb80&feedId=97585&k=0f21c2d122ea1f73c50a95164e01c8112243dc2c" alt="Cafe Wastelbauerhof - Urlaub auf dem Bauernhof" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHelB8V3xQbFN8UHtcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw==')"> <div class="px-6 flex flex-col flex-grow min-h-[9rem]"> <div class="min-h-[4rem] flex justify-between m-auto relative"> <div id="title-4" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(4)"> Cafe Wastelbauerhof - Urlaub auf dem Bauernhof </div> <span class="absolute bottom-0 mt-1 -right-6 mr-2 group" title="Cafe-Wastelbauerhof---Urlaub" onclick="handleTitleClick('Cafe Wastelbauerhof - Urlaub auf dem Bauernhof')"> <i class="fas fa-search text-blue-500 hover:text-blue-700"></i> </span> </div> <hr> <div class="flex justify-between items-end relative mt-1"> <div id="description-4" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer" onclick="toggleDescription(4)"> <span class="break-words"></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> <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('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHelB8V3xQbFN8UHtcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw==')" type="button" class="text-xs text-gray-400" aria-label="Product Shop Button">Anbieter: Trivago DE </button> </div> <div class="w-full max-w-xs overflow-hidden"> <span class="text-md font-bold text-gray-700 truncate">Preis: 127 € |</span> <span class="text-sm text-gray-700 truncate">Versand*: 0.00 €</span> </div> <div class="mt-2 mb-2"> <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHelB8V3xQbFN8UHtcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw==')" type="button" class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white" aria-label="Product Shop Button">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="mb-8"> <div id="faq-content"> <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0"> <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer" data-truncate-length="50" onclick="toggleQuestion(event)"> Ist Urlaub Stress oder Erholung? </h3> <div class="faq-answer-wrapper relative pb-6"> <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full" data-truncate-length="180" onclick="toggleAnswer(event)"> Urlaub kann sowohl Stress als auch Erholung sein, je nachdem wie man ihn gestaltet. Wenn man sich zu viele Aktivitäten vornimmt oder ständig erreichbar bleibt, kann der Urlaub stressig werden. Wenn man jedoch bewusst entspannt, sich Zeit für sich selbst nimmt und sich von Alltagsverpflichtungen löst, kann der Urlaub eine wertvolle Erholungszeit sein. </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 class="source-text hidden text-sm text-gray-700 font-bold mt-2"> Quelle: KI generiert von FAQ.de </div> <div id="related-terms" class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4"> <div style="min-height: 0px;"></div> </div> </li> </div> </section> <section class="mb-8"> <div id="faq-content"> <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0"> <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer" data-truncate-length="50" onclick="toggleQuestion(event)"> Wie lange hält die Erholung nach dem Urlaub an? </h3> <div class="faq-answer-wrapper relative pb-6"> <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full" data-truncate-length="180" onclick="toggleAnswer(event)"> Die Dauer der Erholung nach dem Urlaub kann von Person zu Person variieren. Einige Menschen fühlen sich direkt nach ihrer Rückkehr erholt und energiegeladen, während andere möglicherweise länger brauchen, um sich wieder einzuleben. Die Erholung hängt auch davon ab, wie stressig der Urlaub war und wie gut man sich währenddessen entspannen konnte. Es ist wichtig, sich bewusst Zeit für die Erholung zu nehmen und sich nach und nach wieder in den Alltag einzufinden, um die positiven Effekte des Urlaubs möglichst lange zu bewahren. Letztendlich kann die Erholung nach dem Urlaub Wochen oder sogar Monate anhalten, je nachdem, wie gut man es schafft, die Erholung in den Alltag zu integrieren. </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 class="source-text hidden text-sm text-gray-700 font-bold mt-2"> Quelle: KI generiert von FAQ.de </div> <div id="related-terms" class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4"> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Dauer" class="text-md xs:text-sm text-center text-white"> Dauer </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Erholung" class="text-md xs:text-sm text-center text-white"> Erholung </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Urlaub" class="text-md xs:text-sm text-center text-white"> Urlaub </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Nachwirkung" class="text-md xs:text-sm text-center text-white"> Nachwirkung </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Entspannung" class="text-md xs:text-sm text-center text-white"> Entspannung </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Regeneration" class="text-md xs:text-sm text-center text-white"> Regeneration </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Alltag" class="text-md xs:text-sm text-center text-white"> Alltag </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Energie" class="text-md xs:text-sm text-center text-white"> Energie </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Auszeit" class="text-md xs:text-sm text-center text-white"> Auszeit </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Ruhe" class="text-md xs:text-sm text-center text-white"> Ruhe </a> </div> </div> </li> </div> </section> <section class="mb-8"> <div id="faq-content"> <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0"> <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer" data-truncate-length="50" onclick="toggleQuestion(event)"> Was meint ihr, ich habe keine Erholung im Urlaub? </h3> <div class="faq-answer-wrapper relative pb-6"> <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full" data-truncate-length="180" onclick="toggleAnswer(event)"> Es tut mir leid zu hören, dass du keine Erholung im Urlaub hattest. Es könnte verschiedene Gründe dafür geben, wie zum Beispiel Stress, unerwartete Ereignisse oder eine unpassende Urlaubsplanung. Es könnte hilfreich sein, eine Auszeit zu nehmen und herauszufinden, was dir wirklich Erholung bringt, um in Zukunft einen erholsameren Urlaub zu haben. </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 class="source-text hidden text-sm text-gray-700 font-bold mt-2"> Quelle: KI generiert von FAQ.de </div> <div id="related-terms" class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4"> <div style="min-height: 0px;"></div> </div> </li> </div> </section> <section class="mb-8"> <div id="faq-content"> <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0"> <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer" data-truncate-length="50" onclick="toggleQuestion(event)"> Wie lange hält die Erholung nach einem Urlaub maximal an? </h3> <div class="faq-answer-wrapper relative pb-6"> <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full" data-truncate-length="180" onclick="toggleAnswer(event)"> Die Dauer der Erholung nach einem Urlaub kann von Person zu Person variieren. Einige Menschen fühlen sich möglicherweise sofort nach ihrer Rückkehr erholt, während andere möglicherweise einige Tage oder sogar Wochen brauchen, um sich vollständig zu erholen. Die maximale Dauer der Erholung hängt auch von der Länge und Intensität des Urlaubs sowie von der individuellen Stressbelastung vor dem Urlaub ab. Es ist wichtig, nach dem Urlaub bewusst auf die Erhaltung der Erholung zu achten, indem man gesunde Gewohnheiten beibehält und regelmäßig Pausen einplant. Letztendlich kann die Erholung nach einem Urlaub langfristig anhalten, wenn man sich regelmäßig Zeit für Entspannung und Erholung nimmt. </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 class="source-text hidden text-sm text-gray-700 font-bold mt-2"> Quelle: KI generiert von FAQ.de </div> <div id="related-terms" class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4"> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Erholung" class="text-md xs:text-sm text-center text-white"> Erholung </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Urlaub" class="text-md xs:text-sm text-center text-white"> Urlaub </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Dauer" class="text-md xs:text-sm text-center text-white"> Dauer </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Maximale" class="text-md xs:text-sm text-center text-white"> Maximale </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Zeit" class="text-md xs:text-sm text-center text-white"> Zeit </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Entspannung" class="text-md xs:text-sm text-center text-white"> Entspannung </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Regeneration" class="text-md xs:text-sm text-center text-white"> Regeneration </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Nachhaltigkeit" class="text-md xs:text-sm text-center text-white"> Nachhaltigkeit </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Wirkung" class="text-md xs:text-sm text-center text-white"> Wirkung </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Auszeit" class="text-md xs:text-sm text-center text-white"> Auszeit </a> </div> </div> </li> </div> </section> </ul> <div class="mb-10"> <!-- Related Terms Section --> <section class="p-3 shadow rounded-lg my-4 bg-blue-100"> <h2 class="text-2xl font-semibold mb-2 text-center bg-blue-100">Ähnliche Suchbegriffe für Heuhotel:</h2> <hr class="w-full border-t-2 border-gray-400"> <div id="related-terms" class="flex flex-wrap justify-center text-center p-4 bg-blue-100"> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Urlaub" class="text-md xs:text-sm text-center text-white"> Urlaub </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Erholung" class="text-md xs:text-sm text-center text-white"> Erholung </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Familie" class="text-md xs:text-sm text-center text-white"> Familie </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Aktivitäten" class="text-md xs:text-sm text-center text-white"> Aktivitäten </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Zeit" class="text-md xs:text-sm text-center text-white"> Zeit </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Bauernhof" class="text-md xs:text-sm text-center text-white"> Bauernhof </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Person" class="text-md xs:text-sm text-center text-white"> Person </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Hund" class="text-md xs:text-sm text-center text-white"> Hund </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Hof" class="text-md xs:text-sm text-center text-white"> Hof </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Stress" class="text-md xs:text-sm text-center text-white"> Stress </a> </div> </div> </section> <script> document.addEventListener('DOMContentLoaded', function () { const tags = document.querySelectorAll('#related-terms div'); tags.forEach(tag => { const r = Math.floor(Math.random() * 201); const g = Math.floor(Math.random() * 201); const b = Math.floor(Math.random() * 201); tag.style.backgroundColor = `rgba(${r}, ${g}, ${b}, 1)`; }); }); </script> </div> <ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start"> <section class="mb-8"> <div id="product-content"> <li class="bg-white shadow-lg rounded-md m-1 flex flex-col"> <div id="product-1" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0"> <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHelB8ZTJQbGV5T0VcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw=="> <input type="hidden" name="q"> <input type="hidden" name="search" value="Zur-Waldhufe---Ruhe"> <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHelB8ZTJQbGV5T0VcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw=="> </form> <img class="w-full cursor-pointer min-h-[15rem]" src="https://images2.productserve.com/?w=200&h=200&bg=white&trim=5&t=letterbox&url=ssl%3Aimgcy.trivago.com%2Fc_lfill%2Cd_dummy.jpeg%2Cf_auto%2Ch_320%2Cq_auto%2Cw_400%2Fpartner-images%2F54%2F47%2Fc232d4437c5f78bd2ea0f96dfc73385e079e24ebf97df0637c8588647045&feedId=97585&k=1b73a96fca23a2c3112428cbca51142c06c53da7" alt="Zur Waldhufe - Ruhe Und Erholung Für Die Ganze Familie" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHelB8ZTJQbGV5T0VcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw==')"> <div class="px-6 flex flex-col flex-grow min-h-[9rem]"> <div class="min-h-[4rem] flex justify-between m-auto relative"> <div id="title-1" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(1)"> Zur Waldhufe - Ruhe Und Erholung Für Die Ganze Familie </div> <span class="absolute bottom-0 mt-1 -right-6 mr-2 group" title="Zur-Waldhufe---Ruhe" onclick="handleTitleClick('Zur Waldhufe - Ruhe Und Erholung Für Die Ganze Familie')"> <i class="fas fa-search text-blue-500 hover:text-blue-700"></i> </span> </div> <hr> <div class="flex justify-between items-end relative mt-1"> <div id="description-1" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer" onclick="toggleDescription(1)"> <span class="break-words"></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> <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('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHelB8ZTJQbGV5T0VcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw==')" type="button" class="text-xs text-gray-400" aria-label="Product Shop Button">Anbieter: Trivago DE </button> </div> <div class="w-full max-w-xs overflow-hidden"> <span class="text-md font-bold text-gray-700 truncate">Preis: 107 € |</span> <span class="text-sm text-gray-700 truncate">Versand*: 0.00 €</span> </div> <div class="mt-2 mb-2"> <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHelB8ZTJQbGV5T0VcalJWRzRQVmkyUEZtb2RWMnpPRlc3T2xPPw==')" type="button" class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white" aria-label="Product Shop Button">Weiter zum Produkt </button> </div> </div> </div> </li> </div> </section> <section class="mb-8"> <div id="product-content"> <li class="bg-white shadow-lg rounded-md m-1 flex flex-col"> <div id="product-2" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0"> <form id="Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0RncEgzZm9Ldlo1cjZcSlx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDRcdVxtcnhPR1QyVkk3Y1BuTHZVWlA0ZEZqT1FIWFBcbTdwT20zVGdXOjVlV20yY2xQc1A0blpUb3p8Y0lMN1ZZSHhRSlxvWEZcXFhsSDZOWXZ4ZTRyNk81Q3xmSUxbY3BETlVXTG5mSGo4Z1lucVtWQzdYWTdzZm1cM1FHbk5YWXp8ZFZUeGRYZldmSHJIT3BccGV8ZlBjRkM1V25QelRtN3FXM2k1TzJ2eVNVXHZjWVM7T3xDek9sQ3pPVm01T1ZLb2NZUztPfEN6T2xDek9WbTVPVktvZkpPO09sQ3tQVkN7T1ZPPw=="> <input type="hidden" name="q"> <input type="hidden" name="search" value="OSTHEIMER-10021-Großvater-aus"> <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0RncEgzZm9Ldlo1cjZcSlx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDRcdVxtcnhPR1QyVkk3Y1BuTHZVWlA0ZEZqT1FIWFBcbTdwT20zVGdXOjVlV20yY2xQc1A0blpUb3p8Y0lMN1ZZSHhRSlxvWEZcXFhsSDZOWXZ4ZTRyNk81Q3xmSUxbY3BETlVXTG5mSGo4Z1lucVtWQzdYWTdzZm1cM1FHbk5YWXp8ZFZUeGRYZldmSHJIT3BccGV8ZlBjRkM1V25QelRtN3FXM2k1TzJ2eVNVXHZjWVM7T3xDek9sQ3pPVm01T1ZLb2NZUztPfEN6T2xDek9WbTVPVktvZkpPO09sQ3tQVkN7T1ZPPw=="> </form> <img class="w-full cursor-pointer min-h-[15rem]" src="https://cdn.billiger.com/dynimg/2_zr2b2jyCAkFcNzHLWfpWXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdVrknPZC_M6JeDa-3CKQDBwt4YvgbdBL6X3OKm3b7X6FmKGKhAzzbcs/30120119712_large.jpg" alt="OSTHEIMER 10021 Großvater aus Holz Höhe 14cm Familie & Bauernhof" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0RncEgzZm9Ldlo1cjZcSlx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDRcdVxtcnhPR1QyVkk3Y1BuTHZVWlA0ZEZqT1FIWFBcbTdwT20zVGdXOjVlV20yY2xQc1A0blpUb3p8Y0lMN1ZZSHhRSlxvWEZcXFhsSDZOWXZ4ZTRyNk81Q3xmSUxbY3BETlVXTG5mSGo4Z1lucVtWQzdYWTdzZm1cM1FHbk5YWXp8ZFZUeGRYZldmSHJIT3BccGV8ZlBjRkM1V25QelRtN3FXM2k1TzJ2eVNVXHZjWVM7T3xDek9sQ3pPVm01T1ZLb2NZUztPfEN6T2xDek9WbTVPVktvZkpPO09sQ3tQVkN7T1ZPPw==')"> <div class="px-6 flex flex-col flex-grow min-h-[9rem]"> <div class="min-h-[4rem] flex justify-between m-auto relative"> <div id="title-2" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(2)"> OSTHEIMER 10021 Großvater aus Holz Höhe 14cm Familie & Bauernhof </div> <span class="absolute bottom-0 mt-1 -right-6 mr-2 group" title="OSTHEIMER-10021-Großvater-aus" onclick="handleTitleClick('OSTHEIMER 10021 Großvater aus Holz Höhe 14cm Familie & Bauernhof')"> <i class="fas fa-search text-blue-500 hover:text-blue-700"></i> </span> </div> <hr> <div class="flex justify-between items-end relative mt-1"> <div id="description-2" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer" onclick="toggleDescription(2)"> <span class="break-words"> OSTHEIMER 10021 Großvater aus Holz Höhe 14cm Familie & Bauernhof Beschreibung: Ostheimer 10021 Großvater aus der Serie Familie und Bauernhof, Familie Ostheimer-Figuren werden aus heimischen Hölzern, in reiner Handarbeit, hier in Deutschland hergestellt. Mit jedem Produkt entsteht ein liebevoll gestaltetes Unikat, das Kinder in ein lebendiges, fantasievolles Spiel eintauchen lässt. Alle Materialien sind zertifiziert und garantieren nicht nur ein qualitativ hochwertiges Spielzeug, sondern auch geprüfte Sicherheit für ihr Kind. Empfohlen für Kinder ab 3 Jahren. Maße: Länge:5,5cm, Breite: 3cm Höhe: 14,0cm Holzart: Ahorn Hinweis zu den Bildern: Im Lieferumfang ist nur Artikel 10021, wie oben beschrieben, enthalten Die Bilder stellen nur einen Dekorationsvorschlag dar </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> <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('Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0RncEgzZm9Ldlo1cjZcSlx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDRcdVxtcnhPR1QyVkk3Y1BuTHZVWlA0ZEZqT1FIWFBcbTdwT20zVGdXOjVlV20yY2xQc1A0blpUb3p8Y0lMN1ZZSHhRSlxvWEZcXFhsSDZOWXZ4ZTRyNk81Q3xmSUxbY3BETlVXTG5mSGo4Z1lucVtWQzdYWTdzZm1cM1FHbk5YWXp8ZFZUeGRYZldmSHJIT3BccGV8ZlBjRkM1V25QelRtN3FXM2k1TzJ2eVNVXHZjWVM7T3xDek9sQ3pPVm01T1ZLb2NZUztPfEN6T2xDek9WbTVPVktvZkpPO09sQ3tQVkN7T1ZPPw==')" type="button" class="text-xs text-gray-400" aria-label="Product Shop Button">Anbieter: Fluid Online Shop </button> </div> <div class="w-full max-w-xs overflow-hidden"> <span class="text-md font-bold text-gray-700 truncate">Preis: 25.99 € |</span> <span class="text-sm text-gray-700 truncate">Versand*: 5.99 €</span> </div> <div class="mt-2 mb-2"> <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0RncEgzZm9Ldlo1cjZcSlx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDRcdVxtcnhPR1QyVkk3Y1BuTHZVWlA0ZEZqT1FIWFBcbTdwT20zVGdXOjVlV20yY2xQc1A0blpUb3p8Y0lMN1ZZSHhRSlxvWEZcXFhsSDZOWXZ4ZTRyNk81Q3xmSUxbY3BETlVXTG5mSGo4Z1lucVtWQzdYWTdzZm1cM1FHbk5YWXp8ZFZUeGRYZldmSHJIT3BccGV8ZlBjRkM1V25QelRtN3FXM2k1TzJ2eVNVXHZjWVM7T3xDek9sQ3pPVm01T1ZLb2NZUztPfEN6T2xDek9WbTVPVktvZkpPO09sQ3tQVkN7T1ZPPw==')" type="button" class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white" aria-label="Product Shop Button">Weiter zum Produkt </button> </div> </div> </div> </li> </div> </section> <section class="mb-8"> <div id="product-content"> <li class="bg-white shadow-lg rounded-md m-1 flex flex-col"> <div id="product-3" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0"> <form id="Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM25XbG4zVUd2Tk9IXEZVSlx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDRcdVxtcnhPR1QyVkk3Y1BuTHZVWlA0ZEZqT1FIWFBcbTdwT20zVGdXOjVlV20yY2xQc1A0blpUb3p8Y0lMN1ZZSHhRSlxvWEZcXFhsSDZOWXZ4ZTRyNk81Q3xmSUxbY3BETlVWZlhZRTNRW3BuS1tZbk1YWGpvUG5YWlhsVGpXRm57UEd6Umdtbm1WfERYZVlqV1lYWHVOVm43ZVhHb2RZbm1SVk81UVZTek9GUzRPRm16TG9ubVJWTzVRVlN6T0ZTNE9GbXpMcFR8UlZLeU9sV3lPbEd8"> <input type="hidden" name="q"> <input type="hidden" name="search" value="OSTHEIMER-10012-Mutter-aus"> <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM25XbG4zVUd2Tk9IXEZVSlx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDRcdVxtcnhPR1QyVkk3Y1BuTHZVWlA0ZEZqT1FIWFBcbTdwT20zVGdXOjVlV20yY2xQc1A0blpUb3p8Y0lMN1ZZSHhRSlxvWEZcXFhsSDZOWXZ4ZTRyNk81Q3xmSUxbY3BETlVWZlhZRTNRW3BuS1tZbk1YWGpvUG5YWlhsVGpXRm57UEd6Umdtbm1WfERYZVlqV1lYWHVOVm43ZVhHb2RZbm1SVk81UVZTek9GUzRPRm16TG9ubVJWTzVRVlN6T0ZTNE9GbXpMcFR8UlZLeU9sV3lPbEd8"> </form> <img class="w-full cursor-pointer min-h-[15rem]" src="https://cdn.billiger.com/dynimg/9-Oz4DSWYjEQAe0z9Ih5ViXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdZ89AypRMkXaPNHbECOzuAl5NZqgVKv_C0SSXIDSp7vf9W5e4kSACrg/37941046091_large.jpg" alt="OSTHEIMER 10012 Mutter aus Holz Höhe 14,5cm Familie & Bauernhof" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM25XbG4zVUd2Tk9IXEZVSlx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDRcdVxtcnhPR1QyVkk3Y1BuTHZVWlA0ZEZqT1FIWFBcbTdwT20zVGdXOjVlV20yY2xQc1A0blpUb3p8Y0lMN1ZZSHhRSlxvWEZcXFhsSDZOWXZ4ZTRyNk81Q3xmSUxbY3BETlVWZlhZRTNRW3BuS1tZbk1YWGpvUG5YWlhsVGpXRm57UEd6Umdtbm1WfERYZVlqV1lYWHVOVm43ZVhHb2RZbm1SVk81UVZTek9GUzRPRm16TG9ubVJWTzVRVlN6T0ZTNE9GbXpMcFR8UlZLeU9sV3lPbEd8')"> <div class="px-6 flex flex-col flex-grow min-h-[9rem]"> <div class="min-h-[4rem] flex justify-between m-auto relative"> <div id="title-3" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(3)"> OSTHEIMER 10012 Mutter aus Holz Höhe 14,5cm Familie & Bauernhof </div> <span class="absolute bottom-0 mt-1 -right-6 mr-2 group" title="OSTHEIMER-10012-Mutter-aus" onclick="handleTitleClick('OSTHEIMER 10012 Mutter aus Holz Höhe 14,5cm Familie & Bauernhof')"> <i class="fas fa-search text-blue-500 hover:text-blue-700"></i> </span> </div> <hr> <div class="flex justify-between items-end relative mt-1"> <div id="description-3" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer" onclick="toggleDescription(3)"> <span class="break-words"> OSTHEIMER 10012 Mutter aus Holz Höhe 14,5cm Familie & Bauernhof Beschreibung: Ostheimer 10012 Mutter aus der Serie Familie und Bauernhof, Familie Ostheimer-Figuren werden aus heimischen Hölzern, in reiner Handarbeit, hier in Deutschland hergestellt. Mit jedem Produkt entsteht ein liebevoll gestaltetes Unikat, das Kinder in ein lebendiges, fantasievolles Spiel eintauchen lässt. Alle Materialien sind zertifiziert und garantieren nicht nur ein qualitativ hochwertiges Spielzeug, sondern auch geprüfte Sicherheit für ihr Kind. Empfohlen für Kinder ab 3 Jahren. Maße: Länge: 5,0cm, Breite: 3,0cm Höhe: 14,5cm Holzart: Ahorn Hinweis zu den Bildern: Im Lieferumfang ist nur Artikel 10012, wie oben beschrieben, enthalten Die Bilder stellen nur einen Dekorationsvorschlag dar </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> <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('Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM25XbG4zVUd2Tk9IXEZVSlx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDRcdVxtcnhPR1QyVkk3Y1BuTHZVWlA0ZEZqT1FIWFBcbTdwT20zVGdXOjVlV20yY2xQc1A0blpUb3p8Y0lMN1ZZSHhRSlxvWEZcXFhsSDZOWXZ4ZTRyNk81Q3xmSUxbY3BETlVWZlhZRTNRW3BuS1tZbk1YWGpvUG5YWlhsVGpXRm57UEd6Umdtbm1WfERYZVlqV1lYWHVOVm43ZVhHb2RZbm1SVk81UVZTek9GUzRPRm16TG9ubVJWTzVRVlN6T0ZTNE9GbXpMcFR8UlZLeU9sV3lPbEd8')" type="button" class="text-xs text-gray-400" aria-label="Product Shop Button">Anbieter: Fluid Online Shop </button> </div> <div class="w-full max-w-xs overflow-hidden"> <span class="text-md font-bold text-gray-700 truncate">Preis: 25.99 € |</span> <span class="text-sm text-gray-700 truncate">Versand*: 5.99 €</span> </div> <div class="mt-2 mb-2"> <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM25XbG4zVUd2Tk9IXEZVSlx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDRcdVxtcnhPR1QyVkk3Y1BuTHZVWlA0ZEZqT1FIWFBcbTdwT20zVGdXOjVlV20yY2xQc1A0blpUb3p8Y0lMN1ZZSHhRSlxvWEZcXFhsSDZOWXZ4ZTRyNk81Q3xmSUxbY3BETlVWZlhZRTNRW3BuS1tZbk1YWGpvUG5YWlhsVGpXRm57UEd6Umdtbm1WfERYZVlqV1lYWHVOVm43ZVhHb2RZbm1SVk81UVZTek9GUzRPRm16TG9ubVJWTzVRVlN6T0ZTNE9GbXpMcFR8UlZLeU9sV3lPbEd8')" type="button" class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white" aria-label="Product Shop Button">Weiter zum Produkt </button> </div> </div> </div> </li> </div> </section> <section class="mb-8"> <div id="product-content"> <li class="bg-white shadow-lg rounded-md m-1 flex flex-col"> <div id="product-4" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0"> <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxLNU9GbTdRRlM0T3tcalJWRzRQVmkyUEZtb2RWMnpRRm16T2k/Pw=="> <input type="hidden" name="q"> <input type="hidden" name="search" value="Erholung-in-idyllischer-Landschaft"> <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxLNU9GbTdRRlM0T3tcalJWRzRQVmkyUEZtb2RWMnpRRm16T2k/Pw=="> </form> <img class="w-full cursor-pointer min-h-[15rem]" src="https://images2.productserve.com/?w=200&h=200&bg=white&trim=5&t=letterbox&url=ssl%3Adata.verwoehnwochenende.de%2Fhotels_images%2Fweinfass-chalet-fuer-6-15942-thumb-1920x9999-m.jpg&feedId=39765&k=48d93b82eec0d689e5539c8451dc4b0d8b450c8b" alt="Erholung in idyllischer Landschaft des Weinviertels | 2 Nächte" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxLNU9GbTdRRlM0T3tcalJWRzRQVmkyUEZtb2RWMnpRRm16T2k/Pw==')"> <div class="px-6 flex flex-col flex-grow min-h-[9rem]"> <div class="min-h-[4rem] flex justify-between m-auto relative"> <div id="title-4" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(4)"> Erholung in idyllischer Landschaft des Weinviertels | 2 Nächte </div> <span class="absolute bottom-0 mt-1 -right-6 mr-2 group" title="Erholung-in-idyllischer-Landschaft" onclick="handleTitleClick('Erholung in idyllischer Landschaft des Weinviertels | 2 Nächte')"> <i class="fas fa-search text-blue-500 hover:text-blue-700"></i> </span> </div> <hr> <div class="flex justify-between items-end relative mt-1"> <div id="description-4" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer" onclick="toggleDescription(4)"> <span class="break-words">Enthaltene Leistungen: 2 Übernachtungen, inkl. Terrasse oder Laube, inkl. Weinkeller mit Küssler-Weinen, inkl. Blick auf das Weingut & herrliche Weinberge, inkl. Parkplatz & W-LAN Nutzung, Tipp: Frühstück & Halbpension zubuchbar, Tipp: Winzerabend im Winzerhof Küssler</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> <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('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxLNU9GbTdRRlM0T3tcalJWRzRQVmkyUEZtb2RWMnpRRm16T2k/Pw==')" type="button" class="text-xs text-gray-400" aria-label="Product Shop Button">Anbieter: Verwoehnwochenende.de DE </button> </div> <div class="w-full max-w-xs overflow-hidden"> <span class="text-md font-bold text-gray-700 truncate">Preis: 90.00 € |</span> <span class="text-sm text-gray-700 truncate">Versand*: 0 €</span> </div> <div class="mt-2 mb-2"> <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxLNU9GbTdRRlM0T3tcalJWRzRQVmkyUEZtb2RWMnpRRm16T2k/Pw==')" type="button" class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white" aria-label="Product Shop Button">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="mb-8"> <div id="faq-content"> <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0"> <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer" data-truncate-length="50" onclick="toggleQuestion(event)"> Hat jemand einen guten Tipp für einen Urlaub auf dem Bauernhof mit Kindern? </h3> <div class="faq-answer-wrapper relative pb-6"> <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full" data-truncate-length="180" onclick="toggleAnswer(event)"> Ein guter Tipp für einen Urlaub auf dem Bauernhof mit Kindern ist es, nach einem Hof zu suchen, der spezielle Aktivitäten für Kinder anbietet, wie zum Beispiel das Füttern der Tiere, das Reiten oder das Melken von Kühen. Es ist auch wichtig, nach einem Hof zu suchen, der kinderfreundliche Unterkünfte und Einrichtungen wie Spielplätze oder einen Pool bietet. Schließlich kann es hilfreich sein, nach einem Hof in einer ländlichen Umgebung zu suchen, die auch andere Attraktionen in der Nähe hat, wie zum Beispiel Wanderwege oder Freizeitparks, um den Urlaub noch abwechslungsreicher zu gestalten. </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 class="source-text hidden text-sm text-gray-700 font-bold mt-2"> Quelle: KI generiert von FAQ.de </div> <div id="related-terms" class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4"> <div style="min-height: 0px;"></div> </div> </li> </div> </section> <section class="mb-8"> <div id="faq-content"> <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0"> <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer" data-truncate-length="50" onclick="toggleQuestion(event)"> Welche Sachen sollte ich für einen Urlaub auf dem Bauernhof mit Kind mitnehmen? </h3> <div class="faq-answer-wrapper relative pb-6"> <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full" data-truncate-length="180" onclick="toggleAnswer(event)"> Für einen Urlaub auf dem Bauernhof mit Kindern sollten Sie folgende Dinge mitnehmen: bequeme Kleidung und Schuhe, die schmutzig werden dürfen, Sonnenschutzmittel und Mückenschutz, wetterfeste Kleidung für alle Fälle, Spielzeug und Bücher für die Kinder, sowie eventuell eine Reiseapotheke für kleine Verletzungen oder Krankheiten. </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 class="source-text hidden text-sm text-gray-700 font-bold mt-2"> Quelle: KI generiert von FAQ.de </div> <div id="related-terms" class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4"> <div style="min-height: 0px;"></div> </div> </li> </div> </section> <section class="mb-8"> <div id="faq-content"> <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0"> <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer" data-truncate-length="50" onclick="toggleQuestion(event)"> Findet die Familie den Urlaub gefährlich? </h3> <div class="faq-answer-wrapper relative pb-6"> <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full" data-truncate-length="180" onclick="toggleAnswer(event)"> Das kann von Familie zu Familie unterschiedlich sein. Einige Familien könnten den Urlaub als gefährlich empfinden, wenn sie in ein Land reisen, das als unsicher gilt oder wenn sie Aktivitäten wie Extremsportarten oder Abenteuerreisen unternehmen. Andere Familien könnten jedoch keine Bedenken haben und den Urlaub als sicher betrachten. </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 class="source-text hidden text-sm text-gray-700 font-bold mt-2"> Quelle: KI generiert von FAQ.de </div> <div id="related-terms" class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4"> <div style="min-height: 0px;"></div> </div> </li> </div> </section> <section class="mb-8"> <div id="faq-content"> <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0"> <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer" data-truncate-length="50" onclick="toggleQuestion(event)"> Wie kann man einen stressfreien Urlaub mit Hund planen, der sowohl die Bedürfnisse des Haustiers als auch die Erholung der Familie berücksichtigt? </h3> <div class="faq-answer-wrapper relative pb-6"> <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full" data-truncate-length="180" onclick="toggleAnswer(event)"> Um einen stressfreien Urlaub mit Hund zu planen, ist es wichtig, im Voraus eine hundefreundliche Unterkunft zu finden, die genügend Platz und Auslaufmöglichkeiten bietet. Zudem sollte man sich über hundefreundliche Aktivitäten und Ausflugsziele in der Umgebung informieren, um gemeinsame Unternehmungen zu planen. Es ist ratsam, eine Liste mit den wichtigsten Utensilien für den Hund (Futter, Wasser, Spielzeug, etc.) zu erstellen und diese rechtzeitig zu packen. Während des Urlaubs ist es wichtig, regelmäßige Pausen für den Hund einzuplanen und auf seine Bedürfnisse zu achten, um sowohl für das Haustier als auch für die Familie eine entspannte Zeit zu gewährleisten. </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 class="source-text hidden text-sm text-gray-700 font-bold mt-2"> Quelle: KI generiert von FAQ.de </div> <div id="related-terms" class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4"> <div style="min-height: 0px;"></div> </div> </li> </div> </section> </ul> <div class="mb-10 text-center items-center justify-center"> </div> <script> const heading = document.getElementById("product-heading"); let headingText = heading.textContent; headingText = headingText.replace(/-/g, ' '); heading.textContent = headingText; </script> <script> // Function to handle title formatting and navigation function handleTitleClick(title) { const cleanTitle = title // Replace non-alphanumeric characters except spaces and hyphens .replace(/[^\p{L}\p{N}\s-]/gu, '') // Replace multiple spaces with a single space .replace(/\s+/g, ' ') // Split the title into words, take the first 4 words .split(' ').slice(0, 4).join(' ') // Replace spaces with hyphens .replace(/\s+/g, '-') // Replace multiple hyphens with a single hyphen .replace(/-{2,}/g, '-') // Trim leading or trailing hyphens .replace(/^-+|-+$/g, ''); const url = '/' + cleanTitle; window.location.href = url; // Navigate to the cleaned URL } // Toggle description visibility function toggleDescription(index) { const desc = document.getElementById('description-' + index); const icon = document.getElementById('toggle-icon-' + index); const text = document.getElementById('toggle-text-' + index); // Select the tooltip text span // Toggle line clamp class if (desc.classList.contains('line-clamp-3')) { desc.classList.remove('line-clamp-3'); 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 { desc.classList.add('line-clamp-3'); 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"; // Change tooltip back to "Show More" } } // Toggle title visibility function toggleTitle(index) { const title = document.getElementById('title-' + index); if (title.classList.contains('line-clamp-2')) { title.classList.remove('line-clamp-2'); } else { title.classList.add('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}`; // Fixed Line // New tab handling 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.'); } } // Functions for FAQ and Product items 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; // Indicate that truncation occurred } return false; // No truncation } 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'); // Show source-text when expanded } // Change icon and tooltip text to expanded state 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); if (element.textContent.length > truncateLength) { element.textContent = element.textContent.substring(0, truncateLength) + '...'; } if (sourceText) { sourceText.classList.add('hidden'); // Hide source-text when collapsed } // Change icon and tooltip text to collapsed state 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'); // Toggle related terms visibility } } document.addEventListener('DOMContentLoaded', function () { document.querySelectorAll('.faq-item').forEach(item => { 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); // Ensure relatedContainer and sourceText are hidden initially if (relatedContainer) relatedContainer.classList.add('hidden'); if (sourceText) sourceText.classList.add('hidden'); if (wasTruncated) { // Only add event listener if truncation occurred if (toggleButton) { toggleButton.addEventListener('click', function (event) { toggleText(answer, relatedContainer, sourceText, toggleButton); }); } // Make the answer text clickable answer.style.cursor = 'pointer'; answer.addEventListener('click', function (event) { toggleText(answer, relatedContainer, sourceText, toggleButton); }); } else { // Hide the toggle button and remove clickability if (toggleButton) toggleButton.style.display = 'none'; answer.style.cursor = 'default'; } // Add event listeners to keyword links to clean the URL if (relatedContainer) { relatedContainer.querySelectorAll('a').forEach(link => { link.addEventListener('click', function (event) { event.preventDefault(); // Prevent the default link behavior let cleanedTerm = link.textContent.trim().replace(/\s+/g, '-'); // Trim and replace spaces with hyphens window.location.href = `/${cleanedTerm}`; }); }); } }); // Similar setup for product descriptions document.querySelectorAll('.product-item').forEach(item => { const description = item.querySelector('.product-description'); const toggleButton = item.querySelector('button[aria-label="Toggle Description"]'); const wasTruncated = truncateText(description, description.dataset.truncateLength); if (wasTruncated) { // Only add event listener if truncation occurred if (toggleButton) { toggleButton.addEventListener('click', function (event) { toggleText(description, null, null, toggleButton); }); } // Make the description text clickable description.style.cursor = 'pointer'; description.addEventListener('click', function (event) { toggleText(description, null, null, toggleButton); }); } else { // Hide the toggle button and remove clickability if (toggleButton) toggleButton.style.display = 'none'; description.style.cursor = 'default'; } }); }); </script> <p class="mb-2 text-[11px] text-center"> * 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. <p> </div> </main> </div> <footer class="bg-gray-800 text-white py-4"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> <p>© 2024 heuhotel.de - <a href="/info/impressum">Impressum</a></p> </div> </footer> <script> // Function to determine if the user is a bot 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; } // Check for lack of human interaction if (!window.userHasInteracted) { return true; } return false; } let newTabOpened = false; let popupShown = sessionStorage.getItem('popupShown') === 'true'; document.addEventListener('DOMContentLoaded', function () { const popupElement = document.querySelector('#buyDomainPopUp'); if (popupElement) { const exitPopup = () => { popupElement.classList.add('hidden'); }; // Add event listener to close the popup document.querySelector('#close_domain_popup').addEventListener('click', exitPopup); // Open the popup when the user shows exit intent document.addEventListener('mouseleave', function (event) { if (!event.relatedTarget && !newTabOpened && !popupShown) { popupElement.classList.remove('hidden'); sessionStorage.setItem('popupShown', 'true'); popupShown = true; } }); // Close popup on Escape key document.addEventListener('keydown', function (event) { if (event.key === 'Escape') { exitPopup(); } }); } else { console.error('Popup element #buyDomainPopUp not found.'); } // Track user interactions window.userHasInteracted = false; document.addEventListener('mousemove', () => window.userHasInteracted = true); document.addEventListener('keydown', () => window.userHasInteracted = true); // Log page load route fetch('/domLoaded', { method: 'GET', headers: { 'Content-Type': 'application/json' } }).catch(error => console.error('Error logging visit:', error)); setTimeout(function () { // Only log visit if not detected as a bot after some time if (!isBot()) { fetch('/windowInt', { method: 'GET', headers: { 'Content-Type': 'application/json' } }).catch(error => console.error('Error logging visit:', error)); } }, 3000); // Time delay to allow for user interaction detection }); // Detect when a new tab is opened document.addEventListener('visibilitychange', function () { if (document.visibilityState === 'hidden') { newTabOpened = true; } else { setTimeout(() => { newTabOpened = false; }, 100); // Reset after short delay } }); // Handle expandable banner toggle document.getElementById('expandableBanner').addEventListener('click', function () { const bannerContent = document.getElementById('bannerContent'); bannerContent.classList.toggle('hidden'); }); function sendEmail() { const unicodeDomain = 'heuhotel.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> </body> </html>