CINXE.COM
Glücklich - stadionfan.de
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Glücklich - stadionfan.de</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: #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-16"> <!-- Logo and Title --> <div class="flex-grow flex justify-start"> <a href="/" class="flex items-center"> <img src="/logos/logo_4.png" alt="Domain Logo" class="block h-12 w-auto"> <span class="ml-2 text-xl font-bold md:text-2xl text-white"> stadionfan.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: #59cb82;"> <a href="/Emotionen" class="block text-base font-medium py-2" style="color: #FFFFFF;"> Emotionen </a> <a href="/Tribüne" class="block text-base font-medium py-2" style="color: #FFFFFF;"> Tribüne </a> <a href="/Zuschauer" class="block text-base font-medium py-2" style="color: #FFFFFF;"> Zuschauer </a> <a href="/Stimmung" class="block text-base font-medium py-2" style="color: #FFFFFF;"> Stimmung </a> <a href="/Anhänger" class="block text-base font-medium py-2" style="color: #FFFFFF;"> Anhänger </a> <a href="/Spiel" class="block text-base font-medium py-2" style="color: #FFFFFF;"> Spiel </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: #59cb82;"> <a href="/Emotionen" class="text-ms xs:text-sm" style="color: #FFFFFF;"> Emotionen </a> <a href="/Tribüne" class="text-ms xs:text-sm" style="color: #FFFFFF;"> Tribüne </a> <a href="/Zuschauer" class="text-ms xs:text-sm" style="color: #FFFFFF;"> Zuschauer </a> <a href="/Stimmung" class="text-ms xs:text-sm" style="color: #FFFFFF;"> Stimmung </a> <a href="/Anhänger" class="text-ms xs:text-sm" style="color: #FFFFFF;"> Anhänger </a> <a href="/Spiel" class="text-ms xs:text-sm" style="color: #FFFFFF;"> Spiel </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/Glücklich.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 stadionfan.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>stadionfan.de</strong> um. Sind Sie am Kauf der Domain <strong>stadionfan.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 Glücklich:</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="Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3tYV2Z0WElYTlNXWDZOWWZJXEluUFVaREZWWnJTUFhyY1M1RE9ZblRGZjNMSmdHdk1VRlhTZG07NVYzanpTWExIV1puV1g0MjRTbnF2VmxmdVxwRDZcR250VkluR2dsWGtVblxWWVZQUlR8akhTbm5UZEhQfFdJbTJkWkxZZFc7eFRHV3pjRkRZUzRQcloyN3BZRmpFZ3BuUGUydndTfGk3UzVIaGRWZnNPV2ZSW3ByY1BHekhQM0xTZ2xcblA1XGtQWWpsWDVlb2RZbm1SVk8zT0ZDfFBWU3pQRkM2UUVcclxGMnxQVkN5T3xXMk9WU3lRRmlvZkpPO09sQ3tQVkN8T2xlPw=="> <input type="hidden" name="q"> <input type="hidden" name="search" value="Getränkepulver-"Glücklich-Macher""> <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3tYV2Z0WElYTlNXWDZOWWZJXEluUFVaREZWWnJTUFhyY1M1RE9ZblRGZjNMSmdHdk1VRlhTZG07NVYzanpTWExIV1puV1g0MjRTbnF2VmxmdVxwRDZcR250VkluR2dsWGtVblxWWVZQUlR8akhTbm5UZEhQfFdJbTJkWkxZZFc7eFRHV3pjRkRZUzRQcloyN3BZRmpFZ3BuUGUydndTfGk3UzVIaGRWZnNPV2ZSW3ByY1BHekhQM0xTZ2xcblA1XGtQWWpsWDVlb2RZbm1SVk8zT0ZDfFBWU3pQRkM2UUVcclxGMnxQVkN5T3xXMk9WU3lRRmlvZkpPO09sQ3tQVkN8T2xlPw=="> </form> <img class="w-full cursor-pointer min-h-[15rem]" src="https://cdn.billiger.com/dynimg/O9vOmy-nGz30t1RLOmxzyiXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdYmNgp8LPHzPD13PMouew423ugE5qMbt6EgrkEs46R_1o2ehZbnxKj0/350035414088_large.webp" alt="Getränkepulver "Glücklich Macher"" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3tYV2Z0WElYTlNXWDZOWWZJXEluUFVaREZWWnJTUFhyY1M1RE9ZblRGZjNMSmdHdk1VRlhTZG07NVYzanpTWExIV1puV1g0MjRTbnF2VmxmdVxwRDZcR250VkluR2dsWGtVblxWWVZQUlR8akhTbm5UZEhQfFdJbTJkWkxZZFc7eFRHV3pjRkRZUzRQcloyN3BZRmpFZ3BuUGUydndTfGk3UzVIaGRWZnNPV2ZSW3ByY1BHekhQM0xTZ2xcblA1XGtQWWpsWDVlb2RZbm1SVk8zT0ZDfFBWU3pQRkM2UUVcclxGMnxQVkN5T3xXMk9WU3lRRmlvZkpPO09sQ3tQVkN8T2xlPw==')"> <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)"> Getränkepulver "Glücklich Macher" </div> <span class="absolute bottom-0 mt-1 -right-6 mr-2 group" title="Getränkepulver-"Glücklich-Macher"" onclick="handleTitleClick('Getränkepulver "Glücklich Macher"')"> <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">Mit dem Sweet Chai Zucker verleihst Du Deinen Getränken wie Tee, Kaffee oder Kakao eine zuckersüße und würzig leckere Note. Ein Mix aus schmackhaften Gewürzen, perfekt als Zugabe für Joghurt oder Gebäck. Einfach nach Geschmack dazugeben und genießen. Eignet sich hervorragend als Mitbringsel für klei...</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('Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3tYV2Z0WElYTlNXWDZOWWZJXEluUFVaREZWWnJTUFhyY1M1RE9ZblRGZjNMSmdHdk1VRlhTZG07NVYzanpTWExIV1puV1g0MjRTbnF2VmxmdVxwRDZcR250VkluR2dsWGtVblxWWVZQUlR8akhTbm5UZEhQfFdJbTJkWkxZZFc7eFRHV3pjRkRZUzRQcloyN3BZRmpFZ3BuUGUydndTfGk3UzVIaGRWZnNPV2ZSW3ByY1BHekhQM0xTZ2xcblA1XGtQWWpsWDVlb2RZbm1SVk8zT0ZDfFBWU3pQRkM2UUVcclxGMnxQVkN5T3xXMk9WU3lRRmlvZkpPO09sQ3tQVkN8T2xlPw==')" type="button" class="text-xs text-gray-400" aria-label="Product Shop Button">Anbieter: candle-dream.de </button> </div> <div class="w-full max-w-xs overflow-hidden"> <span class="text-md font-bold text-gray-700 truncate">Preis: 3.96 € |</span> <span class="text-sm text-gray-700 truncate">Versand*: 4.90 €</span> </div> <div class="mt-2 mb-2"> <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3tYV2Z0WElYTlNXWDZOWWZJXEluUFVaREZWWnJTUFhyY1M1RE9ZblRGZjNMSmdHdk1VRlhTZG07NVYzanpTWExIV1puV1g0MjRTbnF2VmxmdVxwRDZcR250VkluR2dsWGtVblxWWVZQUlR8akhTbm5UZEhQfFdJbTJkWkxZZFc7eFRHV3pjRkRZUzRQcloyN3BZRmpFZ3BuUGUydndTfGk3UzVIaGRWZnNPV2ZSW3ByY1BHekhQM0xTZ2xcblA1XGtQWWpsWDVlb2RZbm1SVk8zT0ZDfFBWU3pQRkM2UUVcclxGMnxQVkN5T3xXMk9WU3lRRmlvZkpPO09sQ3tQVkN8T2xlPw==')" 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="Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMjRccG5aZ0l6bmdWWFZmcFx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNyXFBtOzJYSW5IYzVqRVBuTHZVWlA0ZEZqT1FIZlBkcFREY1ZIV1hvT3tkNUMzXFhYTGZtcndYWTtjZFl2RWNJalRVWEhSVEkzfGdtUGhUV0s3YzRHNlZKcXlVNUt2W3BYU1hXUHtQb1hHWDRmVmVKXEVQbEhrWDRQcFNWXHpUR25SVldTe1dvSEtUV2pFTG8zclxGMnxQVm15T2xtfE98RzJRVm1vY1lTO098VzdPRks3T3xPelBGbTdMcFR8UlZLeU9sV3lPfEs1"> <input type="hidden" name="q"> <input type="hidden" name="search" value="Glücklich-und-zufrieden!"> <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMjRccG5aZ0l6bmdWWFZmcFx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNyXFBtOzJYSW5IYzVqRVBuTHZVWlA0ZEZqT1FIZlBkcFREY1ZIV1hvT3tkNUMzXFhYTGZtcndYWTtjZFl2RWNJalRVWEhSVEkzfGdtUGhUV0s3YzRHNlZKcXlVNUt2W3BYU1hXUHtQb1hHWDRmVmVKXEVQbEhrWDRQcFNWXHpUR25SVldTe1dvSEtUV2pFTG8zclxGMnxQVm15T2xtfE98RzJRVm1vY1lTO098VzdPRks3T3xPelBGbTdMcFR8UlZLeU9sV3lPfEs1"> </form> <img class="w-full cursor-pointer min-h-[15rem]" src="https://cdn.billiger.com/dynimg/ZhDymWfV3D4pp64UQ0U3OGXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdSlutgTXV5uPlxygpgseuSf0Uzb0n8n1GI_4lJT5ia7BrvlR6vFafps/359029331499_large.webp" alt="Glücklich und zufrieden!" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMjRccG5aZ0l6bmdWWFZmcFx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNyXFBtOzJYSW5IYzVqRVBuTHZVWlA0ZEZqT1FIZlBkcFREY1ZIV1hvT3tkNUMzXFhYTGZtcndYWTtjZFl2RWNJalRVWEhSVEkzfGdtUGhUV0s3YzRHNlZKcXlVNUt2W3BYU1hXUHtQb1hHWDRmVmVKXEVQbEhrWDRQcFNWXHpUR25SVldTe1dvSEtUV2pFTG8zclxGMnxQVm15T2xtfE98RzJRVm1vY1lTO098VzdPRks3T3xPelBGbTdMcFR8UlZLeU9sV3lPfEs1')"> <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)"> Glücklich und zufrieden! </div> <span class="absolute bottom-0 mt-1 -right-6 mr-2 group" title="Glücklich-und-zufrieden!" onclick="handleTitleClick('Glücklich und zufrieden!')"> <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">Ein Buch wie ein kleiner Glücksbringer: Im handlichen Format gibt es seinen Leserinnen und Lesern die Möglichkeit, den großen Gedanken Anselm Grüns und seiner Lebensphilosophie nachzuspüren. Der praktische Alltagsbegleiter widmet sich intensiv der Königsdisziplin Lebenskunst. Hübsch gestaltete Texte und ansprechende Mitmachteile mit spannenden Fragen, motivierenden Übungen und kreativen Eintragmöglichkeiten machen Lust darauf, sich selbst besser kennenzulernen – getreu dem Motto Anselm Grüns: »Nur wer barmherzig ist mit sich selbst, kann auch zu anderen gut sein«.</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('Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMjRccG5aZ0l6bmdWWFZmcFx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNyXFBtOzJYSW5IYzVqRVBuTHZVWlA0ZEZqT1FIZlBkcFREY1ZIV1hvT3tkNUMzXFhYTGZtcndYWTtjZFl2RWNJalRVWEhSVEkzfGdtUGhUV0s3YzRHNlZKcXlVNUt2W3BYU1hXUHtQb1hHWDRmVmVKXEVQbEhrWDRQcFNWXHpUR25SVldTe1dvSEtUV2pFTG8zclxGMnxQVm15T2xtfE98RzJRVm1vY1lTO098VzdPRks3T3xPelBGbTdMcFR8UlZLeU9sV3lPfEs1')" 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: 12.00 € |</span> <span class="text-sm text-gray-700 truncate">Versand*: 3.95 €</span> </div> <div class="mt-2 mb-2"> <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMjRccG5aZ0l6bmdWWFZmcFx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNyXFBtOzJYSW5IYzVqRVBuTHZVWlA0ZEZqT1FIZlBkcFREY1ZIV1hvT3tkNUMzXFhYTGZtcndYWTtjZFl2RWNJalRVWEhSVEkzfGdtUGhUV0s3YzRHNlZKcXlVNUt2W3BYU1hXUHtQb1hHWDRmVmVKXEVQbEhrWDRQcFNWXHpUR25SVldTe1dvSEtUV2pFTG8zclxGMnxQVm15T2xtfE98RzJRVm1vY1lTO098VzdPRks3T3xPelBGbTdMcFR8UlZLeU9sV3lPfEs1')" 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="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3xbNGo1W1k3cFxaS3ZcNHozWzR2dWNZUHFOWTdqWzRqcVtZejJjWWUxZlpUdlo1UHhmWkxsXFYzeWZZTHVjWlBxXFpLb2ZaVHZaNDNuXEluM2RWM3Rma1wzZkkzaFs0SHZlSUhyXDQ2O1xJSDJbWVxuXFlTPw=="> <input type="hidden" name="q"> <input type="hidden" name="search" value="Schwanger-Glücklich-Nachhaltig"> <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3xbNGo1W1k3cFxaS3ZcNHozWzR2dWNZUHFOWTdqWzRqcVtZejJjWWUxZlpUdlo1UHhmWkxsXFYzeWZZTHVjWlBxXFpLb2ZaVHZaNDNuXEluM2RWM3Rma1wzZkkzaFs0SHZlSUhyXDQ2O1xJSDJbWVxuXFlTPw=="> </form> <img class="w-full cursor-pointer min-h-[15rem]" src="https://media.averdo.com/picture/images_shop/B00/000/000/B00000000266293.jpg" alt="Schwanger Glücklich Nachhaltig" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3xbNGo1W1k3cFxaS3ZcNHozWzR2dWNZUHFOWTdqWzRqcVtZejJjWWUxZlpUdlo1UHhmWkxsXFYzeWZZTHVjWlBxXFpLb2ZaVHZaNDNuXEluM2RWM3Rma1wzZkkzaFs0SHZlSUhyXDQ2O1xJSDJbWVxuXFlTPw==')"> <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)"> Schwanger Glücklich Nachhaltig </div> <span class="absolute bottom-0 mt-1 -right-6 mr-2 group" title="Schwanger-Glücklich-Nachhaltig" onclick="handleTitleClick('Schwanger Glücklich Nachhaltig')"> <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">Schwanger Glücklich Nachhaltig , Das Rundum-Buch für werdende Eltern, die sich, der Umwelt und dem Nachwuchs von Anfang an den besten Start ermöglichen wollen: Von Ideen zur Ernährung während der Schwangerschaft bis zur fleischlosen, selbst gekochten Babynahrung. Von Tricks zu nachhaltiger Entspannung bis zu natürlich-sanften Pflegeprodukten für den Kinderpopo. Dazu viele Tipps, welche Ausstattung wirklich nötig ist und wie sie kosten- und umweltschonend besorgt werden kann. Mit alltagstauglichen Ideen, Rezepten und Anleitungen und dazu vielen Fotoillustrationen wird dieses Buch ein unverzichtbarer Begleiter für die spannenden, emotionalen und wunderschönen Monate vor und nach der Geburt! , Studium & Erwachsenenbildung > Fachbücher, Lernen & Nachschlagen , Erscheinungsjahr: 20230915, Produktform: Leinen, Redaktion: smarticular Verlag, Seitenzahl/Blattzahl: 176, Keyword: Babyausstattung; Babynahrung selber machen; Babypflege selber machen; Babyspielzeug; Babyspielzeug selber machen; Beikost; Beikost selber machen; DIY Schwangerschaft; Entspannung während der Schwangerschaft; Ernährung in der Schwangerschaft; Erstausstattung Baby; Geburtsvorbereitung; Kinderwagen; Körperpflege während der Schwangerschaft; Pflegeprodukte für Babys; Popocreme selber machen; Schwangerschaft; Schwangerschaftskleidung; Schwangerschaftskleidung selber nähen; Stillen; Stillprobleme; Windeln selber machen; Wochenbett; Wohlbefinden während der Schwangerschaft; gesunde Babynahrung; gesunde Beikost; nachhaltig schwanger; nachhaltige Windeln; vegan während der Schwangerschaft, Fachschema: Yoga~Massage~Nachhaltigkeit~Sustainable Development~Abnehmen~Diät / Schlankheitsdiät~Kochen / Schlankheitsküche~Schlank, Fachkategorie: Diät~Massage~Ratgeber: Schwangerschaft, Geburt und Babypflege~Praktische Ratschläge: Life Hacks / Praktische Tipps~Selbstversorgung und grünes Leben, Fachkategorie: Yoga, Text Sprache: ger, Verlag: smarticular Verlag, Verlag: smarticular, Länge: 212, Breite: 169, Höhe: 17, Gewicht: 476, Produktform: Gebunden, Genre: Sachbuch/Ratgeber, Genre: Sachbuch/Ratgeber, Herkunftsland: DEUTSCHLAND (DE), Katalog: deutschsprachige Titel, Katalog: Gesamtkatalog, Katalog: Kennzeichnung von Titeln mit einer Relevanz > 30, Katalog: Lagerartikel, Book on Demand, ausgew. Medienartikel, Relevanz: 0120, Tendenz: +1, Unterkatalog: AK, Unterkatalog: Bücher, Unterkatalog: Hardcover, Unterkatalog: Lagerartikel, WolkenId: 2942787</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('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3xbNGo1W1k3cFxaS3ZcNHozWzR2dWNZUHFOWTdqWzRqcVtZejJjWWUxZlpUdlo1UHhmWkxsXFYzeWZZTHVjWlBxXFpLb2ZaVHZaNDNuXEluM2RWM3Rma1wzZkkzaFs0SHZlSUhyXDQ2O1xJSDJbWVxuXFlTPw==')" 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: 22.95 € |</span> <span class="text-sm text-gray-700 truncate">Versand*: 0 €</span> </div> <div class="mt-2 mb-2"> <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3xbNGo1W1k3cFxaS3ZcNHozWzR2dWNZUHFOWTdqWzRqcVtZejJjWWUxZlpUdlo1UHhmWkxsXFYzeWZZTHVjWlBxXFpLb2ZaVHZaNDNuXEluM2RWM3Rma1wzZkkzaFs0SHZlSUhyXDQ2O1xJSDJbWVxuXFlTPw==')" 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="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3ZmWlRqZlpQa2VwWGxjSVd2Y0lIM2ZKUGpbNGpuTllmdWZZUHRkSW5sY0Y7M2ZJM2hlNDszZW9QblJaRDNbb3pyZTRqbmVrXDNmSTNoZFlYbWNaWHZSWXY0THBYMmRYO2xbWTN5W1lucGRsM21bWlRqXG9YblxDPz8="> <input type="hidden" name="q"> <input type="hidden" name="search" value="Mutausbrüche:-Hautsache-glücklich"> <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3ZmWlRqZlpQa2VwWGxjSVd2Y0lIM2ZKUGpbNGpuTllmdWZZUHRkSW5sY0Y7M2ZJM2hlNDszZW9QblJaRDNbb3pyZTRqbmVrXDNmSTNoZFlYbWNaWHZSWXY0THBYMmRYO2xbWTN5W1lucGRsM21bWlRqXG9YblxDPz8="> </form> <img class="w-full cursor-pointer min-h-[15rem]" src="https://media.averdo.com/picture/images_shop/B00/000/002/B00000002886689.jpg" alt="Mutausbrüche: Hautsache glücklich" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3ZmWlRqZlpQa2VwWGxjSVd2Y0lIM2ZKUGpbNGpuTllmdWZZUHRkSW5sY0Y7M2ZJM2hlNDszZW9QblJaRDNbb3pyZTRqbmVrXDNmSTNoZFlYbWNaWHZSWXY0THBYMmRYO2xbWTN5W1lucGRsM21bWlRqXG9YblxDPz8=')"> <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)"> Mutausbrüche: Hautsache glücklich </div> <span class="absolute bottom-0 mt-1 -right-6 mr-2 group" title="Mutausbrüche:-Hautsache-glücklich" onclick="handleTitleClick('Mutausbrüche: Hautsache glücklich')"> <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">Hautsache glücklich , Seit dem Absetzen der Pille leidet Toni unter extremen Hautproblemen, die sie verzweifelt in den Griff bekommen will. Nach Hausmittelchen, chemischen Keulen und 1001 ärztlichen Diagnosen teilt sie nun ihre Erfahrungen über medizinische Möglichkeiten; aber auch darüber, was die Akne emotional mit ihr macht in einer Gesellschaft, die so stark aufs Aussehen fixiert ist. Unterstützt von Expert*innen zeigt sie Möglichkeiten der Heilung für Haut und Herz, um das eigene Strahlen wiederzufinden. , Bücher > Bücher & Zeitschriften</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('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3ZmWlRqZlpQa2VwWGxjSVd2Y0lIM2ZKUGpbNGpuTllmdWZZUHRkSW5sY0Y7M2ZJM2hlNDszZW9QblJaRDNbb3pyZTRqbmVrXDNmSTNoZFlYbWNaWHZSWXY0THBYMmRYO2xbWTN5W1lucGRsM21bWlRqXG9YblxDPz8=')" 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: 19.90 € |</span> <span class="text-sm text-gray-700 truncate">Versand*: 0 €</span> </div> <div class="mt-2 mb-2"> <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3ZmWlRqZlpQa2VwWGxjSVd2Y0lIM2ZKUGpbNGpuTllmdWZZUHRkSW5sY0Y7M2ZJM2hlNDszZW9QblJaRDNbb3pyZTRqbmVrXDNmSTNoZFlYbWNaWHZSWXY0THBYMmRYO2xbWTN5W1lucGRsM21bWlRqXG9YblxDPz8=')" 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)"> Macht Fußball euch glücklich? </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)"> Als KI habe ich keine Gefühle, daher kann ich nicht sagen, ob Fußball mich glücklich macht. Aber für viele Menschen kann Fußball eine Quelle der Freude und des Glücks sein, da es ihnen ermöglicht, ihre Leidenschaft für das Spiel auszuleben, ihre Lieblingsteams anzufeuern und sich mit anderen Fans zu verbinden. </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)"> Macht Sport glücklich? </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)"> Sport kann dazu beitragen, Glückshormone wie Endorphine freizusetzen und das allgemeine Wohlbefinden zu steigern. Regelmäßige körperliche Aktivität kann auch Stress abbauen und das Selbstbewusstsein stärken, was zu einem insgesamt glücklicheren Lebensgefühl führen kann. Allerdings ist die Wirkung von Sport auf das Glücksempfinden individuell und kann von Person zu Person unterschiedlich 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)"> Macht Sport glücklich? </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)"> Ja, Sport kann glücklich machen, da körperliche Aktivität die Freisetzung von Endorphinen im Gehirn stimuliert, die als "Glückshormone" bekannt sind. Darüber hinaus kann regelmäßiger Sport das Selbstvertrauen und das Wohlbefinden steigern und Stress abbauen, was zu einem insgesamt glücklicheren Zustand führen kann. </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)"> Wird man glücklich, wenn man andere glücklich macht? </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 gibt keine allgemeingültige Antwort auf diese Frage, da Glück sehr subjektiv ist. Für viele Menschen kann es jedoch eine Quelle des Glücks sein, anderen zu helfen und ihr Glück zu fördern. Das Gefühl, gebraucht und geschätzt zu werden, kann zu einem positiven emotionalen Zustand führen. </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"> <!-- 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 Glücklich:</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="/Glücklich" class="text-md xs:text-sm text-center text-white"> Glücklich </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Sport" class="text-md xs:text-sm text-center text-white"> Sport </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Glück" class="text-md xs:text-sm text-center text-white"> Glück </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="/Menschen" class="text-md xs:text-sm text-center text-white"> Menschen </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Fußball" class="text-md xs:text-sm text-center text-white"> Fußball </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Führen" class="text-md xs:text-sm text-center text-white"> Führen </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 class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Freude" class="text-md xs:text-sm text-center text-white"> Freude </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Emotionen" class="text-md xs:text-sm text-center text-white"> Emotionen </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="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O25jWWZuZG9Me2Q0U3ZbNGp7Y1pQMmNZN25OWXZ1Y1kzaltvWDVmWlB8ZkUzcGRKWGxjNHpyWzRpMWZaVHZaNVB4ZlpMbFxWM3lmWUx1Y1pQcVxaS29mWlR2WjQzblxJbjNkVjN0ZmtcM2ZJM2hbNEh2ZUlIclw0NjtcSUgyW1lcblxZUz8="> <input type="hidden" name="q"> <input type="hidden" name="search" value="Klimabewusst-&-glücklich-(Eigenbrod,"> <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O25jWWZuZG9Me2Q0U3ZbNGp7Y1pQMmNZN25OWXZ1Y1kzaltvWDVmWlB8ZkUzcGRKWGxjNHpyWzRpMWZaVHZaNVB4ZlpMbFxWM3lmWUx1Y1pQcVxaS29mWlR2WjQzblxJbjNkVjN0ZmtcM2ZJM2hbNEh2ZUlIclw0NjtcSUgyW1lcblxZUz8="> </form> <img class="w-full cursor-pointer min-h-[15rem]" src="https://media.averdo.com/picture/images_shop/B00/000/000/B00000000240906.jpg" alt="Klimabewusst & glücklich (Eigenbrod, Christine)" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O25jWWZuZG9Me2Q0U3ZbNGp7Y1pQMmNZN25OWXZ1Y1kzaltvWDVmWlB8ZkUzcGRKWGxjNHpyWzRpMWZaVHZaNVB4ZlpMbFxWM3lmWUx1Y1pQcVxaS29mWlR2WjQzblxJbjNkVjN0ZmtcM2ZJM2hbNEh2ZUlIclw0NjtcSUgyW1lcblxZUz8=')"> <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)"> Klimabewusst & glücklich (Eigenbrod, Christine) </div> <span class="absolute bottom-0 mt-1 -right-6 mr-2 group" title="Klimabewusst-&-glücklich-(Eigenbrod," onclick="handleTitleClick('Klimabewusst & glücklich (Eigenbrod, Christine)')"> <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">Klimabewusst & glücklich , Nachhaltig leben - entspannt, einfach und effizient Was wir alles tun müssten, um unseren CO2-Ausstoß zu senken, ist den meisten von uns bekannt - zumindest theoretisch. Doch wie sollen wir all das im Alltag am besten umsetzen? Oft setzen wir an den falschen Stellen an, bekommen den Eindruck, nicht genug zu tun, und fühlen uns am Ende überfordert. Christine Eigenbrod zeigt, dass es auch anders geht: Wenn wir neue Ansätze und Perspektiven wählen, treffen wir klügere Entscheidungen und können neue Routinen etablieren. Das Schöne daran: Wir werden gleichzeitig zufriedener, weil dabei nicht nur unser CO2-Fußabdruck sinkt, sondern auch unser Stresspegel! , Studium & Erwachsenenbildung > Fachbücher, Lernen & Nachschlagen , Erscheinungsjahr: 20221103, Produktform: Kartoniert, Autoren: Eigenbrod, Christine, Seitenzahl/Blattzahl: 166, Keyword: Alltagshektik; CO2; Effizienz; Glück; Lebensqualität; Nachhaltigkeit; nachhaltige Lebensstile; nachhaltiges Handeln; plastikfrei leben, Fachschema: Nachhaltigkeit~Sustainable Development, Fachkategorie: Selbstversorgung und grünes Leben, Thema: Optimieren, Warengruppe: TB/Ratgeber/Sonstiges, Fachkategorie: Nachhaltigkeit, Thema: Orientieren, Text Sprache: ger, UNSPSC: 49019900, Warenverzeichnis für die Außenhandelsstatistik: 49019900, Verlag: Oekom Verlag GmbH, Verlag: Oekom Verlag GmbH, Verlag: oekom - Gesellschaft fr kologische Kommunikation mbH, Länge: 206, Breite: 145, Höhe: 13, Gewicht: 296, Produktform: Kartoniert, Genre: Sachbuch/Ratgeber, Genre: Sachbuch/Ratgeber, eBook EAN: 9783962389628, Herkunftsland: DEUTSCHLAND (DE), Katalog: deutschsprachige Titel, Katalog: Gesamtkatalog, Katalog: Lagerartikel, Book on Demand, ausgew. Medienartikel, Relevanz: 0004, Tendenz: 0, Unterkatalog: AK, Unterkatalog: Bücher, Unterkatalog: Lagerartikel, Unterkatalog: Taschenbuch, </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('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O25jWWZuZG9Me2Q0U3ZbNGp7Y1pQMmNZN25OWXZ1Y1kzaltvWDVmWlB8ZkUzcGRKWGxjNHpyWzRpMWZaVHZaNVB4ZlpMbFxWM3lmWUx1Y1pQcVxaS29mWlR2WjQzblxJbjNkVjN0ZmtcM2ZJM2hbNEh2ZUlIclw0NjtcSUgyW1lcblxZUz8=')" 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: 22.00 € |</span> <span class="text-sm text-gray-700 truncate">Versand*: 0 €</span> </div> <div class="mt-2 mb-2"> <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O25jWWZuZG9Me2Q0U3ZbNGp7Y1pQMmNZN25OWXZ1Y1kzaltvWDVmWlB8ZkUzcGRKWGxjNHpyWzRpMWZaVHZaNVB4ZlpMbFxWM3lmWUx1Y1pQcVxaS29mWlR2WjQzblxJbjNkVjN0ZmtcM2ZJM2hbNEh2ZUlIclw0NjtcSUgyW1lcblxZUz8=')" 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="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3FbWTN2Tllud1w0OnZlNG53ZG96eGV7M3BkSlhsYzR6cls0aTFmWlR2WjVQeGZaTGxcVjN5ZllMdWNaUHFcWktvZlpUdlo0M25cSW4zZFYzdGZrXDNmSTNoWzRIdmVJSHJcNDY7XElIMltZXG5cWVM/"> <input type="hidden" name="q"> <input type="hidden" name="search" value="Sinnlos-glücklich-(Hamm,-Ingo)"> <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3FbWTN2Tllud1w0OnZlNG53ZG96eGV7M3BkSlhsYzR6cls0aTFmWlR2WjVQeGZaTGxcVjN5ZllMdWNaUHFcWktvZlpUdlo0M25cSW4zZFYzdGZrXDNmSTNoWzRIdmVJSHJcNDY7XElIMltZXG5cWVM/"> </form> <img class="w-full cursor-pointer min-h-[15rem]" src="https://media.averdo.com/picture/images_shop/B00/000/000/B00000000363315.jpg" alt="Sinnlos glücklich (Hamm, Ingo)" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3FbWTN2Tllud1w0OnZlNG53ZG96eGV7M3BkSlhsYzR6cls0aTFmWlR2WjVQeGZaTGxcVjN5ZllMdWNaUHFcWktvZlpUdlo0M25cSW4zZFYzdGZrXDNmSTNoWzRIdmVJSHJcNDY7XElIMltZXG5cWVM/')"> <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)"> Sinnlos glücklich (Hamm, Ingo) </div> <span class="absolute bottom-0 mt-1 -right-6 mr-2 group" title="Sinnlos-glücklich-(Hamm,-Ingo)" onclick="handleTitleClick('Sinnlos glücklich (Hamm, Ingo)')"> <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">Sinnlos glücklich , Vorteile Unterhaltsames Sachbuch, fundierter Ratgeber Warum Sinngebung durch Unternehmen keinen Sinn macht, und wie man dennoch, ganz ohne Sinn, Erfüllung in der Arbeit findet. Zum Werk Das Arbeitsleben wandelt sich, und viele Menschen fühlen sich gefordert, nicht selten auch überfordert. Sie suchen dabei nach Sinn, suchen nach Antworten auf die Frage: Warum? Wieso macht man den Job eigentlich, in einem Unternehmen, das man nicht richtig kennt, dessen Chef man nicht mag, in einer Wirtschaft, die man nicht mehr versteht? Viele Unternehmen versprechen ihren Mitarbeitern viel guten Zweck und hehre Ziele, auf Neudeutsch "Purpose". Würden Sie nicht gerne etwa in einem Unternehmen arbeiten, das mit dem Glaubenssatz wirbt: "To inspire and nurture the human spirit"? Dann stellen Sie sich besser darauf ein, bei einer Kaffeehaus-Kette hinter dem Tresen zu stehen, statt heldenhaft den Hunger in Afrika zu bekämpfen. New-Work-Konzepte mit Sinn durch Arbeit, mit dem allgegenwärtigen "Why", versprechen viel, können aber wenig halten. Arbeit wird zur Ersatzreligion; Missions, Visions & Leitbilder wirken wie modernes Opium des arbeitenden Volks. Trotz neuer Freiheiten bleiben Unzufriedenheiten bestehen, und man jagt immer dem nächsten, besseren und vor allem sinnvolleren Job hinterher. Zielgruppe "(Young) Professionals", Generation X, Generation Y, 29-49 J. Typus: Karriere-Menschen auf Sinnsuche, in beruflicher Midlife-Crisis, die dem ganzen VUCA-Agilität-Purpose-Gerede auch kritisch gegenüberstehen. , Bücher > Bücher & Zeitschriften , Erscheinungsjahr: 202212, Produktform: Leinen, Autoren: Hamm, Ingo, Seitenzahl/Blattzahl: 259, Keyword: Sinn; Achtsamkeit; New Work; Motivation; Arbeitspsychologie, Fachschema: Ethik / Unternehmensethik~Unternehmensethik~Organisationstheorie~Genossenschaft~Beteiligung / Mitarbeiterbeteiligung~Mitarbeiterbeteiligung~Arbeitsschutz - ArbSchG~Business / Management~Management, Fachkategorie: Unternehmensethik und soziale Verantwortung, CSR~Organisationstheorie und -verhalten~Industrielle Beziehungen, Gewerkschaften, Arbeitsschutz~Management und Managementtechniken, Warengruppe: HC/Wirtschaft/Management, Fachkategorie: Arbeitnehmerbeteiligung und Genossenschaften, Thema: Optimieren, Text Sprache: ger, UNSPSC: 49019900, Warenverzeichnis für die Außenhandelsstatistik: 49019900, Verlag: Vahlen Franz GmbH, Verlag: Vahlen Franz GmbH, Verlag: Vahlen, Franz, GmbH, Verlag, Länge: 231, Breite: 149, Höhe: 21, Gewicht: 498, Produktform: Gebunden, Genre: Sozialwissenschaften/Recht/Wirtschaft, Genre: Sozialwissenschaften/Recht/Wirtschaft, Herkunftsland: DEUTSCHLAND (DE), Katalog: deutschsprachige Titel, Katalog: Gesamtkatalog, Katalog: Lagerartikel, Book on Demand, ausgew. Medienartikel, Relevanz: 0002, Tendenz: 0, Unterkatalog: AK, Unterkatalog: Bücher, Unterkatalog: Hardcover, Unterkatalog: Lagerartikel, </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('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3FbWTN2Tllud1w0OnZlNG53ZG96eGV7M3BkSlhsYzR6cls0aTFmWlR2WjVQeGZaTGxcVjN5ZllMdWNaUHFcWktvZlpUdlo0M25cSW4zZFYzdGZrXDNmSTNoWzRIdmVJSHJcNDY7XElIMltZXG5cWVM/')" 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: 26.90 € |</span> <span class="text-sm text-gray-700 truncate">Versand*: 0 €</span> </div> <div class="mt-2 mb-2"> <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3FbWTN2Tllud1w0OnZlNG53ZG96eGV7M3BkSlhsYzR6cls0aTFmWlR2WjVQeGZaTGxcVjN5ZllMdWNaUHFcWktvZlpUdlo0M25cSW4zZFYzdGZrXDNmSTNoWzRIdmVJSHJcNDY7XElIMltZXG5cWVM/')" 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="Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1pjbmZsY0ZqNmRGbXtncFx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNydVxuO2pWSU98W2xYVlBuTHZVWlA0ZEZqT1FIWElTWlg2ZUpEbFVKSG5kNUMzXFhYTGZtcndYWTtJWVl6dVg0WFlnWExXZWxPeVxuSDNTbmZOVFZcRFp8SFlXMlhRWDI3OE9GRFJjMkh3T3xtMmZtUFxmbnE2Y1llNlQzcnNlb2p0UzNyU2RXeXtbcEM3ZHBUN1xHenNQbVx6UG5tb2RZbm1SVk8zT0ZDfFBWU3pQRls3UVVcclxGMnxQVkN5T3xXMk9WUzRRVm1vZkpPO09sQ3tQVkN8T2xlPw=="> <input type="hidden" name="q"> <input type="hidden" name="search" value="Dose-Glücklich-Macher-Porzellan"> <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1pjbmZsY0ZqNmRGbXtncFx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNydVxuO2pWSU98W2xYVlBuTHZVWlA0ZEZqT1FIWElTWlg2ZUpEbFVKSG5kNUMzXFhYTGZtcndYWTtJWVl6dVg0WFlnWExXZWxPeVxuSDNTbmZOVFZcRFp8SFlXMlhRWDI3OE9GRFJjMkh3T3xtMmZtUFxmbnE2Y1llNlQzcnNlb2p0UzNyU2RXeXtbcEM3ZHBUN1xHenNQbVx6UG5tb2RZbm1SVk8zT0ZDfFBWU3pQRls3UVVcclxGMnxQVkN5T3xXMk9WUzRRVm1vZkpPO09sQ3tQVkN8T2xlPw=="> </form> <img class="w-full cursor-pointer min-h-[15rem]" src="https://cdn.billiger.com/dynimg/hOGgxcl4XgjrttjsX8NK_OXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdZQnOYI6EIZp83njr4K1sGy53r-WSUnnvW9aq7nNTGFPbWM2xxagF1A/350035414699_large.webp" alt="Dose Glücklich Macher Porzellan" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1pjbmZsY0ZqNmRGbXtncFx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNydVxuO2pWSU98W2xYVlBuTHZVWlA0ZEZqT1FIWElTWlg2ZUpEbFVKSG5kNUMzXFhYTGZtcndYWTtJWVl6dVg0WFlnWExXZWxPeVxuSDNTbmZOVFZcRFp8SFlXMlhRWDI3OE9GRFJjMkh3T3xtMmZtUFxmbnE2Y1llNlQzcnNlb2p0UzNyU2RXeXtbcEM3ZHBUN1xHenNQbVx6UG5tb2RZbm1SVk8zT0ZDfFBWU3pQRls3UVVcclxGMnxQVkN5T3xXMk9WUzRRVm1vZkpPO09sQ3tQVkN8T2xlPw==')"> <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)"> Dose Glücklich Macher Porzellan </div> <span class="absolute bottom-0 mt-1 -right-6 mr-2 group" title="Dose-Glücklich-Macher-Porzellan" onclick="handleTitleClick('Dose Glücklich Macher Porzellan')"> <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">Dose "Glücklich Macher" weiß aus Porzellan mit schwarzer Beschriftung und goldfarbenen Punkten, in Geschenkverpackung Farbe: weißHöhe: 5cmBreite: 8cmMaterial: Porzellan</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('Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1pjbmZsY0ZqNmRGbXtncFx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNydVxuO2pWSU98W2xYVlBuTHZVWlA0ZEZqT1FIWElTWlg2ZUpEbFVKSG5kNUMzXFhYTGZtcndYWTtJWVl6dVg0WFlnWExXZWxPeVxuSDNTbmZOVFZcRFp8SFlXMlhRWDI3OE9GRFJjMkh3T3xtMmZtUFxmbnE2Y1llNlQzcnNlb2p0UzNyU2RXeXtbcEM3ZHBUN1xHenNQbVx6UG5tb2RZbm1SVk8zT0ZDfFBWU3pQRls3UVVcclxGMnxQVkN5T3xXMk9WUzRRVm1vZkpPO09sQ3tQVkN8T2xlPw==')" type="button" class="text-xs text-gray-400" aria-label="Product Shop Button">Anbieter: candle-dream.de </button> </div> <div class="w-full max-w-xs overflow-hidden"> <span class="text-md font-bold text-gray-700 truncate">Preis: 10.36 € |</span> <span class="text-sm text-gray-700 truncate">Versand*: 4.90 €</span> </div> <div class="mt-2 mb-2"> <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM1pjbmZsY0ZqNmRGbXtncFx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNydVxuO2pWSU98W2xYVlBuTHZVWlA0ZEZqT1FIWElTWlg2ZUpEbFVKSG5kNUMzXFhYTGZtcndYWTtJWVl6dVg0WFlnWExXZWxPeVxuSDNTbmZOVFZcRFp8SFlXMlhRWDI3OE9GRFJjMkh3T3xtMmZtUFxmbnE2Y1llNlQzcnNlb2p0UzNyU2RXeXtbcEM3ZHBUN1xHenNQbVx6UG5tb2RZbm1SVk8zT0ZDfFBWU3pQRls3UVVcclxGMnxQVkN5T3xXMk9WUzRRVm1vZkpPO09sQ3tQVkN8T2xlPw==')" 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="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3Jmb25sTlpEamZZeXZlb1h8Zkl6eGV7M3BkSlhsYzR6cls0aTFmWlR2WjVQeGZaTGxcVjN5ZllMdWNaUHFcWktvZlpUdlo0M25cSW4zZFYzdGZrXDNmSTNoWzRIdmVJSHJcNDY7XElIMltZXG5cWVM/"> <input type="hidden" name="q"> <input type="hidden" name="search" value="Restlos-glücklich-(Ivic,-Paul)"> <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3Jmb25sTlpEamZZeXZlb1h8Zkl6eGV7M3BkSlhsYzR6cls0aTFmWlR2WjVQeGZaTGxcVjN5ZllMdWNaUHFcWktvZlpUdlo0M25cSW4zZFYzdGZrXDNmSTNoWzRIdmVJSHJcNDY7XElIMltZXG5cWVM/"> </form> <img class="w-full cursor-pointer min-h-[15rem]" src="https://media.averdo.com/picture/images_shop/B00/000/000/B00000000431815.jpg" alt="Restlos glücklich (Ivic, Paul)" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3Jmb25sTlpEamZZeXZlb1h8Zkl6eGV7M3BkSlhsYzR6cls0aTFmWlR2WjVQeGZaTGxcVjN5ZllMdWNaUHFcWktvZlpUdlo0M25cSW4zZFYzdGZrXDNmSTNoWzRIdmVJSHJcNDY7XElIMltZXG5cWVM/')"> <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)"> Restlos glücklich (Ivic, Paul) </div> <span class="absolute bottom-0 mt-1 -right-6 mr-2 group" title="Restlos-glücklich-(Ivic,-Paul)" onclick="handleTitleClick('Restlos glücklich (Ivic, Paul)')"> <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">Restlos glücklich , "Und plötzlich war er wieder da, dieser Moment, diese Empfindung von "echtem" Geschmack, der Duft von Frische, das Aroma eines Lebensmittels, das würdevoll, verantwortlich und mit Respekt hergestellt worden war." - Seit diesem persönlichen Erlebnis ist Paul Ivic einmal mehr davon überzeugt, dass sein Weg der richtige und einzig mögliche ist. Die vielen Jahre als Europas bester vegetarischer Koch beweisen seine Wertschätzung gegenüber Natur, Menschen, Tieren und Lebensmitteln. In diesem Buch stellt er uns einige seiner persönlichen PionierInnen vor, die genau seine Werte teilen: gelebte Kreislaufwirtschaft, Regionalität und Saisonalität. In seinen Rezepten werden auch die scheinbaren Nebendarsteller wie Wurzel, Blatt, Schale und Kern gefeiert und beweisen, dass nachhaltiger Genuss keinesfalls Verzicht bedeutet. Seine No-waste-Tricks ermöglichen uns, unsere persönliche Klimabilanz mit durchdachter Ernährung zu verbessern. Denn die Klimakrise hat längst auch unsere Küche erreicht. , Bücher > Bücher & Zeitschriften , Erscheinungsjahr: 20210104, Produktform: Leinen, Autoren: Ivic, Paul, Fotograph: Pertramer, Ingo, Seitenzahl/Blattzahl: 192, Abbildungen: ca. 100, Fachschema: Umwelt / Schutz, Umweltschutz~Kochen / vegetarisch, vegan~Artenschutz~Bedrohte Pflanzen u. Tiere~Naturschutz / Artenschutz~Rote Liste (biologisch), Fachkategorie: Vegetarische Küche, Thema: Orientieren, Warengruppe: HC/Themenkochbücher, Fachkategorie: Tier- und Umweltschutz, Thema: Entdecken, Text Sprache: ger, UNSPSC: 49019900, Warenverzeichnis für die Außenhandelsstatistik: 49019900, Verlag: Brandstätter Verlag, Verlag: Brandstätter Verlag, Verlag: Christian Brandsttter Verlag GmbH & Co KG, Länge: 244, Breite: 193, Höhe: 25, Gewicht: 835, Produktform: Gebunden, Genre: Sachbuch/Ratgeber, Genre: Sachbuch/Ratgeber, Herkunftsland: ÖSTERREICH (AT), Katalog: deutschsprachige Titel, Katalog: Gesamtkatalog, Katalog: Lagerartikel, Book on Demand, ausgew. Medienartikel, Relevanz: 0010, Tendenz: +1, Unterkatalog: AK, Unterkatalog: Bücher, Unterkatalog: Hardcover, Unterkatalog: Lagerartikel, WolkenId: 1905430</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('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3Jmb25sTlpEamZZeXZlb1h8Zkl6eGV7M3BkSlhsYzR6cls0aTFmWlR2WjVQeGZaTGxcVjN5ZllMdWNaUHFcWktvZlpUdlo0M25cSW4zZFYzdGZrXDNmSTNoWzRIdmVJSHJcNDY7XElIMltZXG5cWVM/')" 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: 32.00 € |</span> <span class="text-sm text-gray-700 truncate">Versand*: 0 €</span> </div> <div class="mt-2 mb-2"> <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3Jmb25sTlpEamZZeXZlb1h8Zkl6eGV7M3BkSlhsYzR6cls0aTFmWlR2WjVQeGZaTGxcVjN5ZllMdWNaUHFcWktvZlpUdlo0M25cSW4zZFYzdGZrXDNmSTNoWzRIdmVJSHJcNDY7XElIMltZXG5cWVM/')" 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)"> Bist du glücklich oder möchtest du glücklich werden? </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)"> Als KI habe ich keine Gefühle, daher kann ich nicht glücklich sein oder werden. Meine Aufgabe ist es, Informationen bereitzustellen und Fragen zu beantworten. </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)"> Macht euch die Fußball-WM oder EM auch irgendwie so glücklich? </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)"> Als KI habe ich keine Emotionen, daher kann ich nicht sagen, ob mich die Fußball-WM oder EM glücklich macht. Allerdings kann ich verstehen, dass viele Menschen Freude und Begeisterung für diese Veranstaltungen empfinden, da sie oft mit Gemeinschaft, Spannung und sportlichem Erfolg verbunden sind. </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 Musik oder Aktivitäten machen dich glücklich und verbessern deine Stimmung? </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)"> Ich höre gerne entspannende Musik, die mich zum Träumen bringt. Außerdem tanze ich gerne, um mich auszupowern und glücklich zu fühlen. Auch ein Spaziergang in der Natur oder Zeit mit meinen Liebsten hebt meine Stimmung. </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="/Musik" class="text-md xs:text-sm text-center text-white"> Musik </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Tanzen" class="text-md xs:text-sm text-center text-white"> Tanzen </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Natur" class="text-md xs:text-sm text-center text-white"> Natur </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Träumen" class="text-md xs:text-sm text-center text-white"> Träumen </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Glücklich" class="text-md xs:text-sm text-center text-white"> Glücklich </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Liebsten" class="text-md xs:text-sm text-center text-white"> Liebsten </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)"> Wie werdet ihr glücklich bzw. was macht euch glücklich? </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)"> Als KI habe ich keine eigenen Emotionen oder Bedürfnisse, daher kann ich nicht persönlich glücklich sein. Glück ist jedoch eine individuelle Erfahrung und kann von Person zu Person unterschiedlich sein. Einige Menschen finden Glück in zwischenmenschlichen Beziehungen, anderen in Erfolgen oder Erfahrungen, während wieder andere Glück in kleinen Alltagsmomenten finden. Es ist wichtig, herauszufinden, was einen selbst glücklich macht und danach zu streben. </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 stadionfan.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 = 'stadionfan.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>