CINXE.COM
bezirkssportwart.de - Sportverband, Sportstrategie, Sportförderung, Sportkoordination, Sportorganisation, Sportentwicklung, Bezirkssportwart
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>bezirkssportwart.de - Sportverband, Sportstrategie, Sportförderung, Sportkoordination, Sportorganisation, Sportentwicklung, Bezirkssportwart</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_5.png" alt="Domain Logo" class="block h-12 w-auto"> <span class="ml-2 text-xl font-bold md:text-2xl text-white"> bezirkssportwart.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="/Sportverband" class="block text-base font-medium py-2" style="color: #FFFFFF;"> Sportverband </a> <a href="/Sportstrategie" class="block text-base font-medium py-2" style="color: #FFFFFF;"> Sportstrategie </a> <a href="/Sportförderung" class="block text-base font-medium py-2" style="color: #FFFFFF;"> Sportförderung </a> <a href="/Sportkoordination" class="block text-base font-medium py-2" style="color: #FFFFFF;"> Sportkoordination </a> <a href="/Sportorganisation" class="block text-base font-medium py-2" style="color: #FFFFFF;"> Sportorganisation </a> <a href="/Sportentwicklung" class="block text-base font-medium py-2" style="color: #FFFFFF;"> Sportentwicklung </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="/Sportverband" class="text-ms xs:text-sm" style="color: #FFFFFF;"> Sportverband </a> <a href="/Sportstrategie" class="text-ms xs:text-sm" style="color: #FFFFFF;"> Sportstrategie </a> <a href="/Sportförderung" class="text-ms xs:text-sm" style="color: #FFFFFF;"> Sportförderung </a> <a href="/Sportkoordination" class="text-ms xs:text-sm" style="color: #FFFFFF;"> Sportkoordination </a> <a href="/Sportorganisation" class="text-ms xs:text-sm" style="color: #FFFFFF;"> Sportorganisation </a> <a href="/Sportentwicklung" class="text-ms xs:text-sm" style="color: #FFFFFF;"> Sportentwicklung </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/Bezirkssportwart.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 bezirkssportwart.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>bezirkssportwart.de</strong> um. Sind Sie am Kauf der Domain <strong>bezirkssportwart.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 Bezirkssportwart:</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="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3xlSTt7ZkkzamRvSHBcWTNuZHBTMWZaVHZaNVB4ZlpMbFxWM3lmWUx1Y1pQcVxaS29mWlR2WjQzblxJbjNkVjN0ZmtcM2ZJM2hbNEh2ZUlIclw0NjtcSUgyW1lcblxZUz8="> <input type="hidden" name="q"> <input type="hidden" name="search" value="Sportmanagement"> <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3xlSTt7ZkkzamRvSHBcWTNuZHBTMWZaVHZaNVB4ZlpMbFxWM3lmWUx1Y1pQcVxaS29mWlR2WjQzblxJbjNkVjN0ZmtcM2ZJM2hbNEh2ZUlIclw0NjtcSUgyW1lcblxZUz8="> </form> <img class="w-full cursor-pointer min-h-[15rem]" src="https://media.averdo.com/picture/images_shop/B00/000/000/B00000000363649.jpg" alt="Sportmanagement" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3xlSTt7ZkkzamRvSHBcWTNuZHBTMWZaVHZaNVB4ZlpMbFxWM3lmWUx1Y1pQcVxaS29mWlR2WjQzblxJbjNkVjN0ZmtcM2ZJM2hbNEh2ZUlIclw0NjtcSUgyW1lcblxZUz8=')"> <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)"> Sportmanagement </div> <span class="absolute bottom-0 mt-1 -right-6 mr-2 group" title="Sportmanagement" onclick="handleTitleClick('Sportmanagement')"> <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">Sportmanagement , Dieses anwendungsorientierte Lehrbuch vermittelt die Grundlagen des Sportmanagements. Es beschreibt die wichtigsten theoretischen Inhalte der unterschiedlichen Teilbereiche des Sportmanagements sowie die Umsetzung anhand einer Vielzahl an Praxisbeispielen und realen Fallstudien aus der Management-Praxis. - Grundlagen und Entwicklung des Sportmanagements - Vereins-, Verbands- und Sportanlagenmanagement - Organisation und Personalmanagement - Vermarktung und Kommunikation - Finanzen, Finanzierung und Recht - Zukunftstrends im Sportmanagement - Studierende erhalten theoretisches Know-how zu den wichtigsten Grundlagen des Sportmanagements sowie die Management- und Handlungskompetenz, die den entscheidenden Wettbewerbsvorsprung für eine Tätigkeit im Sportmanagement ermöglichen. Insofern stellt dieses Buch nicht nur den idealen Begleiter für Studienanfänger dar, sondern unterstützt auch Master-Studierende und Absolventen bei ihrer täglichen Arbeit. Alle weiteren Sportmanagement-Interessierten erhalten einen fundierten und praxisorientierten Überblick über diese dynamische und sich rasant weiterentwickelnde Disziplin. Christian Quirling ist Professor für Sportrecht an der Hochschule für angewandtes Management und Rechtsanwalt. Florian Kainz ist Geschäftsführer der Hochschule für angewandtes Management und Direktor des Instituts für Fußballmanagement. Tobias Haupt ist Professor für Sportmanagement und Social-Media-Marketing im Sport an der Hochschule für angewandtes Management. , Bücher > Bücher & Zeitschriften , Erscheinungsjahr: 20170821, Produktform: Kartoniert, Redaktion: Quirling, Christian~Kainz, Florian~Haupt, Tobias, Abbildungen: mit zahlreichen Abbildungen, Keyword: Vereinsmanagement; Personalmanagement; Kommunikation; Sportrecht; Finanzierung; Sportverein, Fachschema: Management / Sport~Sportmanagement~Sportverein - Sportverband~Verein / Sportverein, Fachkategorie: Sportmanagement und Sporteinrichtungen~Sportmannschaften und Vereine, Bildungszweck: für die Hochschule, Thema: Optimieren, Warengruppe: HC/Wirtschaft/Management, Fachkategorie: Projektmanagement, Thema: Verstehen, Text Sprache: ger, Seitenanzahl: XII, Seitenanzahl: 342, UNSPSC: 49019900, Warenverzeichnis für die Außenhandelsstatistik: 49019900, Verlag: Vahlen Franz GmbH, Verlag: Vahlen Franz GmbH, Verlag: Vahlen, Franz, Länge: 240, Breite: 161, Höhe: 25, Gewicht: 633, Produktform: Kartoniert, Genre: Sozialwissenschaften/Recht/Wirtschaft, Genre: Sozialwissenschaften/Recht/Wirtschaft, Herkunftsland: DEUTSCHLAND (DE), Katalog: deutschsprachige Titel, Katalog: Gesamtkatalog, Katalog: Lagerartikel, Book on Demand, ausgew. Medienartikel, Relevanz: 0004, Tendenz: -1, Unterkatalog: AK, Unterkatalog: Bücher, Unterkatalog: Hardcover, Unterkatalog: Lagerartikel, WolkenId: 1703409</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('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3xlSTt7ZkkzamRvSHBcWTNuZHBTMWZaVHZaNVB4ZlpMbFxWM3lmWUx1Y1pQcVxaS29mWlR2WjQzblxJbjNkVjN0ZmtcM2ZJM2hbNEh2ZUlIclw0NjtcSUgyW1lcblxZUz8=')" 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: 29.80 € |</span> <span class="text-sm text-gray-700 truncate">Versand*: 0 €</span> </div> <div class="mt-2 mb-2"> <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taXG5lb1R4Tm9QeGRVO3llbzttZllQMmV7O3xlSTt7ZkkzamRvSHBcWTNuZHBTMWZaVHZaNVB4ZlpMbFxWM3lmWUx1Y1pQcVxaS29mWlR2WjQzblxJbjNkVjN0ZmtcM2ZJM2hbNEh2ZUlIclw0NjtcSUgyW1lcblxZUz8=')" 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)"> Was sind die wichtigsten Faktoren beim Sportmanagement, um den langfristigen Erfolg eines Teams oder einer Sportorganisation zu sichern? </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 wichtigsten Faktoren beim Sportmanagement sind eine klare strategische Ausrichtung, eine effektive Führung und ein professionelles Teammanagement. Langfristiger Erfolg wird durch eine gute Finanzplanung, eine starke Markenbildung und eine kontinuierliche Weiterentwicklung der Infrastruktur sichergestellt. Zudem ist eine enge Zusammenarbeit mit Sponsoren, Partnern und Fans entscheidend für den langfristigen Erfolg einer Sportorganisation. </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="/Strategie" class="text-md xs:text-sm text-center text-white"> Strategie </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Führung" class="text-md xs:text-sm text-center text-white"> Führung </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Teammanagement" class="text-md xs:text-sm text-center text-white"> Teammanagement </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Finanzplanung" class="text-md xs:text-sm text-center text-white"> Finanzplanung </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Markenbildung" class="text-md xs:text-sm text-center text-white"> Markenbildung </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Zusammenarbeit" class="text-md xs:text-sm text-center text-white"> Zusammenarbeit </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)"> Ist BWL mit Schwerpunkt Sportmanagement dasselbe wie Sportmanagement? </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)"> Nein, BWL mit Schwerpunkt Sportmanagement ist nicht dasselbe wie Sportmanagement. BWL mit Schwerpunkt Sportmanagement beinhaltet die Grundlagen der Betriebswirtschaftslehre mit einem Fokus auf die Anwendung im Bereich des Sportmanagements. Sportmanagement hingegen konzentriert sich ausschließlich auf die spezifischen Aspekte des Managements im Sportbereich. </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)"> Was bedeutet Sportmanagement? </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)"> Sportmanagement bezeichnet die Organisation, Planung und Verwaltung von sportbezogenen Aktivitäten und Veranstaltungen. Es umfasst die Bereiche Marketing, Finanzen, Personalmanagement und Eventmanagement im Sportbereich. Sportmanager sind dafür verantwortlich, dass Sportveranstaltungen reibungslos ablaufen und die wirtschaftlichen Interessen der beteiligten Parteien gewahrt werden. Sie müssen sowohl über Fachkenntnisse im Sportbereich als auch über betriebswirtschaftliches Know-how verfügen. </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)"> Was sind die Schlüsselfaktoren für eine erfolgreiche Sportstrategie? </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 Schlüsselfaktoren für eine erfolgreiche Sportstrategie sind eine klare Zielsetzung, eine effektive Planung und Umsetzung sowie kontinuierliche Überwachung und Anpassung. Es ist wichtig, die Ressourcen optimal zu nutzen, die richtigen Maßnahmen zu ergreifen und auf Veränderungen im Umfeld flexibel zu reagieren. Eine starke Führung, motivierte Mitarbeiter und ein gutes Teamwork sind ebenfalls entscheidend für den Erfolg einer Sportstrategie. </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="/Zielsetzung" class="text-md xs:text-sm text-center text-white"> Zielsetzung </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Planung" class="text-md xs:text-sm text-center text-white"> Planung </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Überwachung" class="text-md xs:text-sm text-center text-white"> Überwachung </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Anpassung" class="text-md xs:text-sm text-center text-white"> Anpassung </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Ressourcen" class="text-md xs:text-sm text-center text-white"> Ressourcen </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Teamwork" class="text-md xs:text-sm text-center text-white"> Teamwork </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 Bezirkssportwart:</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="/Sportmanagement" class="text-md xs:text-sm text-center text-white"> Sportmanagement </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Sportstrategie" class="text-md xs:text-sm text-center text-white"> Sportstrategie </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Erfolg" class="text-md xs:text-sm text-center text-white"> Erfolg </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Wichtigsten" class="text-md xs:text-sm text-center text-white"> Wichtigsten </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Interessen" class="text-md xs:text-sm text-center text-white"> Interessen </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Schwerpunkt" class="text-md xs:text-sm text-center text-white"> Schwerpunkt </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Sportbereich" class="text-md xs:text-sm text-center text-white"> Sportbereich </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Bereich" class="text-md xs:text-sm text-center text-white"> Bereich </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Führung" class="text-md xs:text-sm text-center text-white"> Führung </a> </div> <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Entscheidend" class="text-md xs:text-sm text-center text-white"> Entscheidend </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"> </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)"> Was sind die wichtigsten Elemente einer erfolgreichen Sportstrategie? </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 wichtigsten Elemente einer erfolgreichen Sportstrategie sind klare Ziele und Visionen, eine fundierte Analyse der eigenen Stärken und Schwächen sowie eine effektive Umsetzung und kontinuierliche Anpassung der Strategie. Zudem ist eine starke Führung und ein motiviertes Team entscheidend für den Erfolg einer Sportstrategie. Eine gute Kommunikation und Zusammenarbeit mit allen Beteiligten, wie Spielern, Trainern, Sponsoren und Fans, ist ebenfalls von großer Bedeutung. </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="/Ziele" class="text-md xs:text-sm text-center text-white"> Ziele </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Analyse" class="text-md xs:text-sm text-center text-white"> Analyse </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Umsetzung" class="text-md xs:text-sm text-center text-white"> Umsetzung </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Führung" class="text-md xs:text-sm text-center text-white"> Führung </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Team" class="text-md xs:text-sm text-center text-white"> Team </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Kommunikation" class="text-md xs:text-sm text-center text-white"> Kommunikation </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 sind die Berufsaussichten im Sportmanagement? </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 Berufsaussichten im Sportmanagement sind generell gut, da der Sportsektor ein wachsender Markt ist. Es gibt eine Vielzahl von Karrieremöglichkeiten in Bereichen wie Sportvereinen, Sportagenturen, Sportmarketing und Eventmanagement. Allerdings ist der Wettbewerb um Stellen in diesem Bereich oft hoch, daher ist es wichtig, über relevante Erfahrungen und Qualifikationen zu verfügen. </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)"> Was kann ich mit Sportmanagement machen? </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)"> Mit einem Abschluss in Sportmanagement hast du die Möglichkeit, in verschiedenen Bereichen der Sportbranche zu arbeiten. Du könntest beispielsweise in Sportvereinen, Fitnessstudios, Sportagenturen, Sportartikelherstellern oder Sportevents tätig werden. Zu deinen möglichen Aufgaben könnten die Organisation von Events, das Management von Sportteams oder die Vermarktung von Sportlern gehören. Zudem könntest du auch im Bereich Sporttourismus oder Sportmarketing arbeiten. </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="/Karriere" class="text-md xs:text-sm text-center text-white"> Karriere </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Events" class="text-md xs:text-sm text-center text-white"> Events </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Marketing" class="text-md xs:text-sm text-center text-white"> Marketing </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Vereine" class="text-md xs:text-sm text-center text-white"> Vereine </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Sponsoring" class="text-md xs:text-sm text-center text-white"> Sponsoring </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Fitness" class="text-md xs:text-sm text-center text-white"> Fitness </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Organisation" class="text-md xs:text-sm text-center text-white"> Organisation </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Kommunikation" class="text-md xs:text-sm text-center text-white"> Kommunikation </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Strategie" class="text-md xs:text-sm text-center text-white"> Strategie </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Gesundheit" class="text-md xs:text-sm text-center text-white"> Gesundheit </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)"> Sollte man Sportmanagement oder Sportwissenschaft studieren? </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 Wahl zwischen Sportmanagement und Sportwissenschaft hängt von den persönlichen Interessen und Karrierezielen ab. Sportmanagement konzentriert sich auf die betriebswirtschaftlichen Aspekte der Sportbranche und bereitet auf eine Karriere in der Sportindustrie vor. Sportwissenschaft hingegen befasst sich mit den wissenschaftlichen und sportlichen Aspekten des Sports und bietet Möglichkeiten in den Bereichen Training, Coaching oder Forschung. Es ist wichtig, die eigenen Stärken und Interessen zu berücksichtigen, um die richtige Entscheidung zu treffen. </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="/Sportmanagement" class="text-md xs:text-sm text-center text-white"> Sportmanagement </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Sportwissenschaft" class="text-md xs:text-sm text-center text-white"> Sportwissenschaft </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Karriere" class="text-md xs:text-sm text-center text-white"> Karriere </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Interessen" class="text-md xs:text-sm text-center text-white"> Interessen </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Perspektiven" class="text-md xs:text-sm text-center text-white"> Perspektiven </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Praxisbezug" class="text-md xs:text-sm text-center text-white"> Praxisbezug </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Theorie" class="text-md xs:text-sm text-center text-white"> Theorie </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Berufschancen" class="text-md xs:text-sm text-center text-white"> Berufschancen </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Leidenschaft" class="text-md xs:text-sm text-center text-white"> Leidenschaft </a> </div> <div class="keyword-pill text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;"> <a href="/Entscheidungshilfe" class="text-md xs:text-sm text-center text-white"> Entscheidungshilfe </a> </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 bezirkssportwart.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 = 'bezirkssportwart.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>