1<!DOCTYPE html> 2<html lang="de-de" dir="ltr"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="author" content="Super User"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <meta name="description" content="Die Bundesarbeitsgemeinschaft Offene Kinder-und Jugendarbeit e. V. ist der bundesweite Zusammenschluss von mehr als 10.000 Einrichtungen der Offenen Kinder- un"> 8 <meta name="generator" content="Joomla! - Open Source Content Management"> 9 <title>Service</title> 10 <link href="/images/bag_fav.png" rel="icon" sizes="any"> 11 <link href="/images/bag.svg" rel="icon" type="image/svg+xml"> 12 <link href="/images/apple-touch-icon.png" rel="apple-touch-icon"> 13 <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon"> 14 15 <link href="/media/vendor/joomla-custom-elements/css/joomla-alert.min.css?0.4.1" rel="stylesheet"> 16 <link href="/plugins/system/gdpr/assets/css/cookieconsent.min.css?9a7e11" rel="stylesheet"> 17 <link href="/plugins/system/gdpr/assets/css/cookieconsentgooglecmp.min.css?9a7e11" rel="stylesheet"> 18 <link href="/plugins/system/gdpr/assets/css/cookieconsent.xtd.min.css?9a7e11" rel="stylesheet"> 19 <link href="/plugins/system/gdpr/assets/css/jquery.fancybox.min.css?9a7e11" rel="stylesheet"> 20 <link href="/media/system/css/joomla-fontawesome.min.css?5.0.43" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"> 21 <link href="/templates/yootheme/css/theme.9.css?1789317083" rel="stylesheet"> 22 <style>div.cc-window.cc-floating{max-width:32em}@media(max-width: 639px){div.cc-window.cc-floating:not(.cc-center){max-width: none}}div.cc-window, span.cc-cookie-settings-toggler, span.cc-cookie-domains-toggler{font-size:16px}div.cc-revoke{font-size:16px}div.cc-settings-label,span.cc-cookie-settings-toggle{font-size:14px}div.cc-window.cc-banner{padding:1em 1.8em}div.cc-window.cc-floating{padding:2em 1.8em}input.cc-cookie-checkbox+span:before, input.cc-cookie-checkbox+span:after{border-radius:1px}div.cc-center,div.cc-floating,div.cc-checkbox-container,div.gdpr-fancybox-container div.fancybox-content,ul.cc-cookie-category-list li,fieldset.cc-service-list-title legend{border-radius:10px}div.cc-window a.cc-btn,span.cc-cookie-settings-toggle{border-radius:5px}</style> 23 <style>a.cc-btn.cc-dismiss{display:none}</style> 24 <style>body,body.gdpr-prevent-scrolling{overflow:auto}div.cc-center{position:fixed;margin-top:0!important}</style> 25 <style>div.cc-checkboxes-container input.cc-cookie-checkbox+span,fieldset.cc-cookie-list-title .gdpr_cookie_switcher label.gdpr_onoffswitch-label{border-radius:15px}div.cc-checkboxes-container input.cc-cookie-checkbox+span::before{border-radius:10px;height:14px;bottom: 2px;width:14px}fieldset.cc-cookie-list-title .gdpr_cookie_switcher span.gdpr_onoffswitch-switch{border-radius:10px;height:14px;top:2px;right:3px}fieldset.cc-cookie-list-title .gdpr_onoffswitchcookie.gdpr_cookie_switcher.disabled .gdpr_onoffswitch-switch{right:25px}div.cc-checkboxes-container input.cc-cookie-checkbox:checked+span::before{left:8px}div.cc-checkboxes-container input.cc-cookie-checkbox+span::before{left:3px}div.gdpr-component-view span.cc-checkboxes-placeholder,div.gdpr-component-view div.cc-checkboxes-container input.cc-cookie-checkbox+span::before{border-radius:10px}div.gdpr-component-view div.cc-checkboxes-container input.cc-cookie-checkbox+span::before{height: 14px;bottom: 2px;left:3px}div.gdpr-component-view div.cc-checkboxes-container input.cc-cookie-checkbox:checked+span::before{transform:translateX(22px)}</style> 26 <style>div.gdprlock-placeholder, div.gdprcookielock-placeholder{background:url("https://offene-jugendarbeit.net/images/banners/gdpr-achtung.png") no-repeat;background-size:contain !important}</style> 27 <style>div.gdprlock-placeholder, div.gdprcookielock-placeholder{width:400px}</style> 28 <style>div.gdprlock-placeholder, div.gdprcookielock-placeholder{height:110px}</style> 29 30
30<script type="application/json" class="joomla-script-options new">{"joomla.jtext":{"ERROR":"Fehler","MESSAGE":"Nachricht","NOTICE":"Hinweis","WARNING":"Warnung","SUCCESS":"Erfolg","JCLOSE":"SchlieÃen","JOK":"OK","JOPEN":"Ãffnen"},"system.paths":{"root":"","rootFull":"https:\/\/offene-jugendarbeit.net\/","base":"","baseFull":"https:\/\/offene-jugendarbeit.net\/"},"csrf.token":"0c375702f426332077efb018acb3bf0d"}</script>
30 31
31<script src="/media/system/js/core.min.js?a3d8f8"></script>
31 32
32<script src="/media/vendor/webcomponentsjs/js/webcomponents-bundle.min.js?2.8.0" nomodule defer></script>
32 33
33<script src="/media/system/js/joomla-hidden-mail.min.js?80d9c7" type="module"></script>
33 34
34<script src="/media/system/js/messages.min.js?9a4811" type="module"></script>
34 35
35<script src="/media/vendor/jquery/js/jquery.min.js?3.7.1"></script>
35 36
36<script src="/plugins/system/gdpr/assets/js/jquery.fancybox.min.js?9a7e11" defer></script>
36 37
37<script src="/plugins/system/gdpr/assets/js/cookieconsent.min.js?9a7e11" defer></script>
37 38
38<script src="/plugins/system/gdpr/assets/js/init.js?9a7e11" defer></script>
38 39
39<script src="/templates/yootheme/vendor/assets/uikit/dist/js/uikit.min.js?5.0.43"></script>
39 40
40<script src="/templates/yootheme/vendor/assets/uikit/dist/js/uikit-icons-horizon.min.js?5.0.43"></script>
40 41
41<script src="/templates/yootheme/assets/site/js/theme.js?5.0.43"></script>
41 42
42<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://offene-jugendarbeit.net/#/schema/Organization/base","name":"BAG OKJA - Bundesarbeitsgemeinschaft Offene Kinder- und Jugendarbeit e. V. ","url":"https://offene-jugendarbeit.net/"},{"@type":"WebSite","@id":"https://offene-jugendarbeit.net/#/schema/WebSite/base","url":"https://offene-jugendarbeit.net/","name":"BAG OKJA - Bundesarbeitsgemeinschaft Offene Kinder- und Jugendarbeit e. V. ","publisher":{"@id":"https://offene-jugendarbeit.net/#/schema/Organization/base"}},{"@type":"WebPage","@id":"https://offene-jugendarbeit.net/#/schema/WebPage/base","url":"https://offene-jugendarbeit.net/index.php/service","name":"Service","description":"Die Bundesarbeitsgemeinschaft Offene Kinder-\r\nund Jugendarbeit e. V. ist der bundesweite Zusammenschluss von mehr als 10.000 Einrichtungen der Offenen Kinder- un","isPartOf":{"@id":"https://offene-jugendarbeit.net/#/schema/WebSite/base"},"about":{"@id":"https://offene-jugendarbeit.net/#/schema/Organization/base"},"inLanguage":"de-DE"},{"@type":"Article","@id":"https://offene-jugendarbeit.net/#/schema/com_content/article/24","name":"Service","headline":"Service","inLanguage":"de-DE","isPartOf":{"@id":"https://offene-jugendarbeit.net/#/schema/WebPage/base"}}]}</script>
42 43
43<script>var gdprConfigurationOptions = { complianceType: 'opt-in', 44 cookieConsentLifetime: 365, 45 cookieConsentSamesitePolicy: 'Strict', 46 cookieConsentSecure: 1, 47 cookieJoomlaSettings: 0, 48 cookieConsentDomain: '', 49 cookieConsentPath: '/', 50 disableFirstReload: 0, 51 blockJoomlaSessionCookie: 0, 52 blockExternalCookiesDomains: 1, 53 externalAdvancedBlockingModeCustomAttribute: 'id', 54 allowedCookies: '', 55 blockCookieDefine: 0, 56 autoAcceptOnNextPage: 0, 57 revokable: 1, 58 lawByCountry: 0, 59 checkboxLawByCountry: 0, 60 blockPrivacyPolicy: 0, 61 cacheGeolocationCountry: 1, 62 countryAcceptReloadTimeout: 1000, 63 usaCCPARegions: null, 64 countryEnableReload: 0, 65 customHasLawCountries: [""], 66 dismissOnScroll: 0, 67 dismissOnTimeout: 0, 68 containerSelector: 'html', 69 hideOnMobileDevices: 0, 70 autoFloatingOnMobile: 0, 71 autoFloatingOnMobileThreshold: 1024, 72 autoRedirectOnDecline: 0, 73 autoRedirectOnDeclineLink: '', 74 showReloadMsg: 1, 75 showReloadMsgText: 'Entscheidung wird angewendet / Website wird neu geladen', 76 showConsentID: 0, 77 defaultClosedToolbar: 0, 78 toolbarLayout: 'basic-header', 79 toolbarTheme: 'edgeless', 80 toolbarButtonsTheme: 'decline_first', 81 revocableToolbarTheme: 'advanced', 82 toolbarPosition: 'center', 83 toolbarCenterTheme: 'extended', 84 revokePosition: 'revoke-top', 85 toolbarPositionmentType: 0, 86 positionCenterSimpleBackdrop: 0, 87 positionCenterBlurEffect: 0, 88 positionCenterBlurEffectAlwaysFirstVisit: 0, 89 preventPageScrolling: 1, 90 popupEffect: 'fade', 91 popupBackground: '#f34285', 92 popupText: '#ffffff', 93 popupLink: '#ffffff', 94 buttonBackground: '#ffffff', 95 buttonBorder: '#ffffff', 96 buttonText: '#000000', 97 highlightOpacity: '100',
98 highlightBackground: '#f34285', 99 highlightBorder: '#ffffff', 100 highlightText: '#ffffff', 101 highlightDismissBackground: '#333333', 102 highlightDismissBorder: '#ffffff', 103 highlightDismissText: '#ffffff', 104 autocenterRevokableButton: 0, 105 hideRevokableButton: 1, 106 hideRevokableButtonOnscroll: 1, 107 customRevokableButton: 1, 108 customRevokableButtonAction: 0, 109 headerText: '<p style=\"line-height: 1.5;\">Hierfür braucht es Ihr Einverständnis</p>', 110 messageText: '<div> <p style=\"line-height: 1.5;\">Diese Website bietet Funktionen an, welche das Speichern von Cookies bzw. eine (verschlüsselte) Datenübertragung erfordern. </div>', 111 denyMessageEnabled: 1, 112 denyMessage: '<div style=\"line-height: 1.5;\"> Sie haben die Verwendung von Cookies und die Ãbertragung von Daten abgelehnt. Damit sind elementare Funktionen dieser Website nicht mehr ausführbar. </div>', 113 placeholderBlockedResources: 1, 114 placeholderBlockedResourcesAction: 'open', 115 placeholderBlockedResourcesText: 'Aufgrund Ihrer Datenschutz-Einstellungen sind Inhalte bzw Dienste nicht verfügbar. Zum Ãndern bitte hier klicken.', 116 placeholderIndividualBlockedResourcesText: 'Sie müssen Cookies von {domain} erlauben, um diese Inhalte zu sehen', 117 placeholderIndividualBlockedResourcesAction: 1, 118 placeholderOnpageUnlock: 1, 119 scriptsOnpageUnlock: 1, 120 autoDetectYoutubePoster: 1, 121 autoDetectYoutubePosterApikey: 'AIzaSyAV_WIyYrUkFV1H8OKFYG8wIK8wVH9c82U', 122 dismissText: 'SchlieÃen', 123 allowText: 'Meine Auswahl sichern', 124 denyText: 'Alles verbieten', 125 cookiePolicyLinkText: 'Cookies & Datenübertragung', 126 cookiePolicyLink: 'javascript:void(0)', 127 cookiePolicyRevocableTabText: 'Cookies & Co', 128 cookiePolicyRevocableTabIcon: 'googlecmp', 129 cookiePolicyRevocableTabIconCustom: '', 130 privacyPolicyLinkText: 'Privacy policy', 131 privacyPolicyLink: 'javascript:void(0)', 132 googleCMPTemplate: 1, 133 enableGdprBulkConsent: 0, 134 displayBulkConsentDomains: 0, 135 bulkConsentDomains: [""], 136 enableCustomScriptExecGeneric: 0, 137 customScriptExecGeneric: '', 138 categoriesCheckboxTemplate: 'cc-checkboxes-light', 139 toggleCookieSettings: 1, 140 toggleCookieSettingsLinkedView: 0, 141 toggleCookieSettingsButtonsArea: 0, 142 toggleCookieSettingsLinkedViewSefLink: '/index.php/component/gdpr/', 143 toggleCookieSettingsText: '<span class="cc-cookie-settings-toggle" role="button" tabindex="0">Einzelne Einstellungen <span class="cc-cookie-settings-toggler">↑</span></span>', 144 toggleCookieSettingsButtonBackground: '#333333', 145 toggleCookieSettingsButtonBorder: '#ffffff', 146 toggleCookieSettingsButtonText: '#ffffff', 147 showLinks: 0, 148 blankLinks: '_blank', 149 autoOpenPrivacyPolicy: 0, 150 openAlwaysDeclined: 0, 151 cookieSettingsLabel: 'Einzelne Einstellungen', 152 cookieSettingsDesc: 'Entscheiden Sie für jeden einzelenn Fall, ob die Dienste erlaubt oder verboten werden sollen.', 153 cookieCategory1Enable: 1, 154 cookieCategory1Name: 'Erforderliche Cookies', 155 cookieCategory1Locked: 1, 156 cookieCategory2Enable: 1, 157 cookieCategory2Name: 'Wichtige Dienste', 158 cookieCategory2Locked: 0, 159 cookieCategory3Enable: 1, 160 cookieCategory3Name: 'Statistik-Cookies ', 161 cookieCategory3Locked: 0, 162 cookieCategory4Enable: 0, 163 cookieCategory4Name: 'Marketing', 164 cookieCategory4Locked: 1, 165 cookieCategoriesDescriptions: {categoryReadMore: 'Einzeln entscheiden',cat1:'<p>Sicherheits-Tokens, Sicherung der Cookie-Entscheidungen, etc.<br>Ohne diese Daten ist die Website leider nicht benutzbar.</p>',cat2:'<p>Web-Schriften /-Icons, Karten-Dienste, Youtube, Formular-Validierung, etc.<br>Ohne diese Daten stehen die genannten Funktionen nicht zur Verfügung.</p>',cat3:'<p>Erfassung der Besucherzahl / des Besucherverhaltens (Google Analytics).<br>Diese Daten sind für die vollumfängliche Nutzung der Website nicht erforderlich.</p>',cat4:'<p>
165Marketing-Cookies <strong>werden von uns grundsätzlich nicht verwendet.</strong></p>'}, 166 alwaysReloadAfterCategoriesChange: 1, 167 preserveLockedCategories: 1, 168 declineButtonBehavior: 'soft', 169 honorGpc: 0, 170 blockCheckedCategoriesByDefault: 0, 171 reloadOnfirstDeclineall: 1, 172 trackExistingCheckboxSelectors: '', 173 trackExistingCheckboxConsentLogsFormfields: 'name,email,subject,message', 174 allowallShowbutton: 1, 175 allowallText: 'Alles erlauben', 176 allowallButtonBackground: '#ffffff', 177 allowallButtonBorder: '#ffffff', 178 allowallButtonText: '#000000', 179 allowallButtonTimingAjax: 'fast', 180 includeAcceptButton: 0, 181 includeDenyButton: 0, 182 trackConsentDate: 0, 183 execCustomScriptsOnce: 1, 184 optoutIndividualResources: 1, 185 blockIndividualResourcesServerside: 0, 186 disableSwitchersOptoutCategory: 0, 187 autoAcceptCategories: 0, 188 allowallIndividualResources: 1, 189 blockLocalStorage: 0, 190 blockSessionStorage: 0, 191 externalAdvancedBlockingModeTags: 'iframe,script,img,source,link,div,class', 192 enableCustomScriptExecCategory1: 0, 193 customScriptExecCategory1: '', 194 enableCustomScriptExecCategory2: 0, 195 customScriptExecCategory2: '', 196 enableCustomScriptExecCategory3: 0, 197 customScriptExecCategory3: '', 198 enableCustomScriptExecCategory4: 0, 199 customScriptExecCategory4: '', 200 enableCustomDeclineScriptExecCategory1: 0, 201 customScriptDeclineExecCategory1: '', 202 enableCustomDeclineScriptExecCategory2: 0, 203 customScriptDeclineExecCategory2: '', 204 enableCustomDeclineScriptExecCategory3: 0, 205 customScriptDeclineExecCategory3: '', 206 enableCustomDeclineScriptExecCategory4: 0, 207 customScriptDeclineExecCategory4: '', 208 enableCMPPreferences: 0, 209 enableGTMEventsPreferences: 0, 210 enableCMPStatistics: 0, 211 enableGTMEventsStatistics: 0, 212 enableCMPAds: 0, 213 enableUETAds: 0, 214 enableGTMEventsAds: 0, 215 enableClarityAnalytics: 0, 216 enableClarityAds: 0, 217 fancyboxAlwaysBody: 0, 218 debugMode: 0 219 };var gdpr_ajax_livesite='https://offene-jugendarbeit.net/';var gdpr_enable_log_cookie_consent=1;</script>
219 220
220<script>var gdprUseCookieCategories=1;var gdpr_ajaxendpoint_cookie_category_desc='https://offene-jugendarbeit.net/index.php?option=com_gdpr&task=user.getCookieCategoryDescription&format=raw';</script>
220 221
221<script>var gdprCookieCategoryDisabled4=1;</script>
221 222
222<script>var gdprJSessCook='c582dc109f6a252c61993268b8a36d2a';var gdprJSessVal='49c7af5fc3b8dc4bd31b40a4b65b89d4';var gdprJAdminSessCook='8edd3852293e5c56b79f859f0b201ead';var gdprPropagateCategoriesSession=1;var gdprAlwaysPropagateCategoriesSession=1;var gdprAlwaysCheckCategoriesSession=0;</script>
222 223
223<script>var gdprFancyboxWidth=400;var gdprFancyboxHeight=800;var gdprCloseText='Close';</script>
223 224
224<script>document.addEventListener('DOMContentLoaded', function() { 225 226 // Funktion zur Prüfung, ob wir im Desktopmodus sind 227 const isDesktop = () => window.matchMedia('(min-width: 769px)').matches; 228 229 // Falls kein Desktop, Script komplett beenden 230 if (!isDesktop()) return; 231 232 // Starte erst, wenn das Banner im DOM sichtbar ist 233 const checkInterval = setInterval(() => { 234 const toggle = document.querySelector('.cc-cookie-settings-toggle'); 235 const checkboxes = document.querySelector('.cc-checkboxes-container'); 236 237 if (toggle && checkboxes) { 238 const style = window.getComputedStyle(checkboxes); 239 const isHidden = style.display === 'none' || style.visibility === 'hidden' || style.height === '0px'; 240 241 // Nur aufklappen, wenn der Bereich tatsächlich geschlossen ist 242 if (isHidden) { 243 console.log('ð¢ GDPR: öffne Einstellungen (Desktop)'); 244 toggle.click(); 245 } else { 246 console.log('â GDPR: Einstellungen bereits geöffnet'); 247 } 248 249 clearInterval(checkInterval); 250 } 251 }, 400); 252 253 // Sicherheitsstopp nach 10 Sekunden, damit das Script nie endlos läuft 254 setTimeout(() => clearInterval(checkInterval), 10000); 255});</script>
255 256
256<script>window.yootheme ||= {}; yootheme.theme = {"i18n":{"close":{"label":"Schlie\u00dfen"},"totop":{"label":"Zur\u00fcck nach oben"},"marker":{"label":"\u00d6ffnen"},"navbarToggleIcon":{"label":"Men\u00fc \u00f6ffnen"},"paginationPrevious":{"label":"Vorherige Seite"},"paginationNext":{"label":"N\u00e4chste Seite"},"searchIcon":{"toggle":"Suche \u00f6ffnen","submit":"Suche ausf\u00fchren"},"slider":{"next":"N\u00e4chste Folie","previous":"Vorherige Folie","slideX":"Folie %s","slideLabel":"%s von %s"},"slideshow":{"next":"N\u00e4chste Folie","previous":"Vorherige Folie","slideX":"Folie %s","slideLabel":"%s von %s"},"lightboxPanel":{"next":"N\u00e4chste Folie","previous":"Vorherige Folie","slideLabel":"%s von %s","close":"Schlie\u00dfen"}}};</script>
256 257
257<script>$('#bubbletarget').load('/index.php/tdokja-liste-auto-published/tdokja-aktionen-bay #com_visforms_visformsdata_255_8_adminForm');</script>
257 258 259 </head> 260 <body class=""> 261 262 <div class="uk-hidden-visually uk-notification uk-notification-top-left uk-width-auto"> 263 <div class="uk-notification-message"> 264 <a href="#tm-main" class="uk-link-reset">Zum Hauptinhalt springen</a> 265 </div> 266 </div> 267 268 269 270 <div class="tm-page"> 271 272 273 274 275<header class="tm-header-mobile uk-hidden@m"> 276 277 278 279 <div class="uk-navbar-container"> 280 281 <div class="uk-container uk-container-expand"> 282 <nav class="uk-navbar" uk-navbar="{"align":"center","container":".tm-header-mobile","boundary":".tm-header-mobile .uk-navbar-container","target-y":".tm-header-mobile .uk-navbar-container","dropbar":true,"dropbar-anchor":".tm-header-mobile .uk-navbar-container","dropbar-transparent-mode":"remove"}"> 283 284 <div class="uk-navbar-left"> 285 286 <a href="https://offene-jugendarbeit.net/index.php" aria-label="Zurück zur Startseite" class="uk-logo uk-navbar-item"> 287 <picture><source type="image/webp" srcset="/media/yootheme/cache/8f/baglogo-8f953c15.webp 250w" sizes="(min-width: 250px) 250px"><img src="/images/baglogo.png" width="250" height="40" alt="BAG OKJE e.V."></picture></a> 288 289 290 291 </div> 292 293 294 <div class="uk-navbar-right"> 295 296 297 298 <a uk-toggle href="#tm-dialog-mobile" class="uk-navbar-toggle" aria-controls="tm-dialog-mobile"> 299 300 301 <div uk-navbar-toggle-icon></div> 302 303 304 </a> 305 306 </div> 307 308 </nav> 309 </div> 310 311 </div> 312 313 314 315 316 317 <div id="tm-dialog-mobile" uk-offcanvas="container: true; overlay: true" mode="reveal" flip> 318 <div class="uk-offcanvas-bar uk-flex uk-flex-column"> 319 320 <button class="uk-offcanvas-close uk-close-large" type="button" uk-close uk-toggle="cls: uk-close-large; mode: media; media: @s"></button> 321 322 <div class="uk-margin-auto-bottom"> 323 324<div class="uk-panel" id="module-menu-dialog-mobile"> 325 326 327 328<ul class="uk-nav uk-nav-default uk-nav-accordion" uk-nav="targets: > .js-accordion"> 329 330 <li class="item-101"><a href="/index.php" class="hidden">Start</a></li> 331 <li class="item-107 uk-parent"><a href="/index.php/organisation" class="norm">Organisation <span uk-nav-parent-icon></span></a> 332 <ul class="uk-nav-sub"> 333 334 <li class="item-175"><a href="/index.php/organisation/bag-infos">Allgemeine Infos</a></li> 335 <li class="item-116"><a href="/index.php/organisation/geschaeftsstelle-vorstand-satzung">Geschäftsstelle, Vorstand, Satzung</a></li> 336 <li class="item-117"><a href="/index.php/organisation/mitglieder-mitgliedschaft">Mitglieder & Mitgliedschaft</a></li> 337 <li class="item-118"><a href="/index.php/organisation/kontakt">Kontakt</a></li></ul></li> 338 <li class="item-103 uk-active uk-parent"><a href="/index.php/service" class="norm">Service <span uk-nav-parent-icon></span></a> 339 <ul class="uk-nav-sub"> 340 341 <li class="item-110 uk-parent"><a href="/index.php/service/gema" class="shift-xl">GEMA</a> 342 <ul> 343 344 <li class="item-113"><a href="/index.php/service/gema/gema-aktuelles" class="shift-xxl">Aktuelles</a></li> 345 <li class="item-114"><a href="/index.php/service/gema/gema-rahmenvertrag" class="shift-xxl">Rahmenvertrag</a></li> 346 <li class="item-115"><a href="/index.php/service/gema/gema-abwicklung" class="shift-xxl">Abwicklung</a></li></ul></li> 347 <li class="item-111"><a href="/index.php/service/mplc" class="shift-xl">MPLC</a></li> 348 <li class="item-109"><a href="/index.php/service/links-donwloads" class="shift-xl">Links</a></li> 349 <li class="item-223"><a href="/index.php/service/newsletter" class="shift-xl">Newsletter</a></li></ul></li> 350 <li class="item-104"><a href="/index.php/fachzeitschrift" class="norm">Fachzeitschrift</a></li> 351 <li class="item-121 uk-parent"><a href="/index.php/projekte" class="norm">Projekte <span uk-nav-parent-icon></span></a> 352 <ul class="uk-nav-sub"> 353 354 <li class="item-310"><a href="/index.php/projekte/stellungnahme-kuerzungsplaene" class="shift-xl">Stellungnahme Kürzungspläne</a></li> 355 <li class="item-172"><a href="/index.php/projekte/stay-with-the-trouble" class="shift-xl">Stay With The Trouble</a></li> 356 <li class="item-204"><a href="/index.php/projekte/erasmus-projekt" class="shift-xl">Erasmus+ Projekt zu MOJA</a></li> 357 <li class="item-221"><a href="/index.php/projekte/erfurter-erklaerung" class="shift-xl">Erfurter Erklärung</a></li>
358 <li class="item-291"><a href="/index.php/projekte/erasmus-projekt-creating-spaces" class="shift-xl">Erasmus+ Projekt Creating Spaces</a></li></ul></li> 359 <li class="item-158 js-accordion uk-parent"><a href>Veranstaltungen <span uk-nav-parent-icon></span></a> 360 <ul class="uk-nav-sub"> 361 362 <li class="item-301"><a href="/index.php/veranstaltungen/digit-auftaktveranstaltung-lokale-jugendarbeit-staerken-mit-der-european-youth-work-agenda-eywa" class="shift-l">Digit. Auftaktveranstaltung "Lokale Jugendarbeit stärken mit der European Youth Work Agenda (EYWA)"</a></li> 363 <li class="item-312"><a href="/index.php/veranstaltungen/jahres-fachtagung-kuerzungen-und-kulturkampf" class="shift-l">Jahres.Fachtagung "Kürzungen und Kulturkampf"</a></li></ul></li></ul> 364 365</div> 366 367 </div> 368 369 370 </div> 371 </div> 372 373 374 375 376</header> 377 378 379 380 381<header class="tm-header uk-visible@m"> 382 383 384 385 <div uk-sticky media="@m" show-on-up animation="uk-animation-slide-top" cls-active="uk-navbar-sticky" sel-target=".uk-navbar-container"> 386 387 <div class="uk-navbar-container"> 388 389 <div class="uk-container"> 390 <nav class="uk-navbar" uk-navbar="{"align":"center","container":".tm-header > [uk-sticky]","boundary":".tm-header .uk-navbar-container","target-y":".tm-header .uk-navbar-container","dropbar":true,"delay-hide":"200","dropbar-anchor":".tm-header .uk-navbar-container","dropbar-transparent-mode":"remove"}"> 391 392 <div class="uk-navbar-left"> 393 394 <a href="https://offene-jugendarbeit.net/index.php" aria-label="Zurück zur Startseite" class="uk-logo uk-navbar-item"> 395 <picture><source type="image/webp" srcset="/media/yootheme/cache/8f/baglogo-8f953c15.webp 250w" sizes="(min-width: 250px) 250px"><img src="/images/baglogo.png" width="250" height="40" alt="BAG OKJE e.V."></picture></a> 396 397 398 399 </div> 400 401 402 <div class="uk-navbar-right"> 403 404 405<ul class="uk-navbar-nav" id="module-1"> 406 407 <li class="item-101 uk-active"><a href="/index.php" class="hidden">Start</a></li> 408 <li class="item-107 uk-parent"><a href="/index.php/organisation" class="norm">Organisation</a> 409 <div class="uk-drop uk-navbar-dropdown"><div><ul class="uk-nav uk-navbar-dropdown-nav"> 410 411 <li class="item-175"><a href="/index.php/organisation/bag-infos">Allgemeine Infos</a></li> 412 <li class="item-116"><a href="/index.php/organisation/geschaeftsstelle-vorstand-satzung">Geschäftsstelle, Vorstand, Satzung</a></li> 413 <li class="item-117"><a href="/index.php/organisation/mitglieder-mitgliedschaft">Mitglieder & Mitgliedschaft</a></li> 414 <li class="item-118"><a href="/index.php/organisation/kontakt">Kontakt</a></li></ul></div></div></li> 415 <li class="item-103 uk-active uk-parent"><a href="/index.php/service" class="norm">Service</a> 416 <div class="uk-drop uk-navbar-dropdown"><div><ul class="uk-nav uk-navbar-dropdown-nav"> 417 418 <li class="item-110 uk-parent"><a href="/index.php/service/gema" class="shift-xl">GEMA</a> 419 <ul class="uk-nav-sub"> 420 421 <li class="item-113"><a href="/index.php/service/gema/gema-aktuelles" class="shift-xxl">Aktuelles</a></li> 422 <li class="item-114"><a href="/index.php/service/gema/gema-rahmenvertrag" class="shift-xxl">Rahmenvertrag</a></li> 423 <li class="item-115"><a href="/index.php/service/gema/gema-abwicklung" class="shift-xxl">Abwicklung</a></li></ul></li> 424 <li class="item-111"><a href="/index.php/service/mplc" class="shift-xl">MPLC</a></li> 425 <li class="item-109"><a href="/index.php/service/links-donwloads" class="shift-xl">Links</a></li> 426 <li class="item-223"><a href="/index.php/service/newsletter" class="shift-xl">Newsletter</a></li></ul></div></div></li> 427 <li class="item-104"><a href="/index.php/fachzeitschrift" class="norm">Fachzeitschrift</a></li> 428 <li class="item-121 uk-parent"><a href="/index.php/projekte" class="norm">Projekte</a> 429 <div class="uk-drop uk-navbar-dropdown"><div><ul class="uk-nav uk-navbar-dropdown-nav"> 430 431 <li class="item-310"><a href="/index.php/projekte/stellungnahme-kuerzungsplaene" class="shift-xl">Stellungnahme Kürzungspläne</a></li> 432 <li class="item-172"><a href="/index.php/projekte/stay-with-the-trouble" class="shift-xl">Stay With The Trouble</a></li> 433 <li class="item-204"><a href="/index.php/projekte/erasmus-projekt" class="shift-xl">Erasmus+ Projekt zu MOJA</a></li> 434 <li class="item-221"><a href="/index.php/projekte/erfurter-erklaerung" class="shift-xl">Erfurter Erklärung</a></li>
435 <li class="item-291"><a href="/index.php/projekte/erasmus-projekt-creating-spaces" class="shift-xl">Erasmus+ Projekt Creating Spaces</a></li></ul></div></div></li> 436 <li class="item-158 uk-parent"><a role="button" class="norm">Veranstaltungen</a> 437 <div class="uk-drop uk-navbar-dropdown" mode="hover" pos="bottom-center"><div><ul class="uk-nav uk-navbar-dropdown-nav"> 438 439 <li class="item-301"><a href="/index.php/veranstaltungen/digit-auftaktveranstaltung-lokale-jugendarbeit-staerken-mit-der-european-youth-work-agenda-eywa" class="shift-l">Digit. Auftaktveranstaltung "Lokale Jugendarbeit stärken mit der European Youth Work Agenda (EYWA)"</a></li> 440 <li class="item-312"><a href="/index.php/veranstaltungen/jahres-fachtagung-kuerzungen-und-kulturkampf" class="shift-l">Jahres.Fachtagung "Kürzungen und Kulturkampf"</a></li></ul></div></div></li></ul> 441 442 443 444 445 </div> 446 447 </nav> 448 </div> 449 450 </div> 451 452 </div> 453 454 455 456 457 458 459 460 461</header> 462 463 464 465 466 <main id="tm-main"> 467 468 469 <div id="system-message-container" aria-live="polite"></div> 470 471 <!-- Builder #page --> 472<div class="shiftupmed uk-section-image" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: false;"> 473 <div class="uk-background-norepeat uk-background-cover uk-background-center-center uk-section uk-section-small" data-sources="[{"type":"image\/webp","srcset":"\/index.php\/component\/ajax\/?p=cache\/d9\/konzert4-d9ed7cfb.webp&src=images\/konzert4.jpg&thumbnail=768,416,&type=webp,85&hash=abb3f295 768w, \/index.php\/component\/ajax\/?p=cache\/0a\/konzert4-0a875fc2.webp&src=images\/konzert4.jpg&thumbnail=1024,554,&type=webp,85&hash=4ee2ac29 1024w, \/media\/yootheme\/cache\/41\/konzert4-418fdffb.webp 1366w, \/index.php\/component\/ajax\/?p=cache\/1b\/konzert4-1baa3644.webp&src=images\/konzert4.jpg&thumbnail=1600,866,&type=webp,85&hash=6768deb4 1600w, \/media\/yootheme\/cache\/3b\/konzert4-3becf065.webp 1920w, \/media\/yootheme\/cache\/25\/konzert4-2530f026.webp 2560w","sizes":"(max-aspect-ratio: 2560\/1385) 185vh"}]" data-src="/images/konzert4.jpg" uk-img uk-height-viewport="offset-top: true;"> 474 475 476 477 478 <div class="uk-container"> 479 480<div class="uk-grid-margin uk-grid tm-grid-expand uk-child-width-1-1"> 481 482 483<div class="uk-width-1-1@m"> 484 485 486 487 488 489 490 491<h6 class="uk-h6 uk-text-primary uk-text-center" id="page#0" uk-scrollspy-class> 492 493 494 Rahmenverträge 495 496 497</h6> 498<h1 class="uk-heading-small uk-margin-remove-vertical uk-text-center" uk-scrollspy-class> 499 500 501 Service der BAG OKJA 502 503 504</h1><div class="uk-panel uk-margin-medium uk-width-xlarge uk-margin-auto uk-text-center" uk-scrollspy-class><p>Die Bundesarbeitsgemeinschaft Offene Kinder- und Jugendarbeit hat mit der GEMA und der MPLC (Motion Picture Licensing Corporation) einer Gesellschaft zur Filmlizenzierung, Rahmenvereinbarungen abgeschlossen.</p></div> 505<div class="uk-margin uk-text-center"> 506 507 <div class="uk-grid uk-child-width-1-1 uk-child-width-1-2@m uk-child-width-1-2@l uk-grid-match" uk-grid> <div> 508<div class="el-item uk-panel uk-margin-remove-first-child" uk-scrollspy-class> 509 510 511 512 513 514 515 516 517 518 519 520 <h3 class="el-title uk-margin-top uk-margin-remove-bottom">GEMA:</h3> 521 522 523 524 525 <div class="el-content uk-panel uk-margin-top">Der GEMA-Rahmenvertrag WR-OKJE deckt mit einer jährlichen Zahlung die übliche Musiknutzung in Einrichtungen der Offenen Kinder- und Jugend- <br />arbeit ab. 526<br /> 527<a style="margin: 30px auto 0 auto;text-align: center;" href="/index.php/service/gema" class="uk-button uk-button-default">weiterlesen</a></div> 528 529 530 531 532 533 534 535 536</div></div> 537 <div> 538<div class="el-item uk-panel uk-margin-remove-first-child" uk-scrollspy-class> 539 540 541 542 543 544 545 546 547 548 549 550 <h3 class="el-title uk-margin-top uk-margin-remove-bottom">MPLC:</h3> 551 552 553 554 555 <div class="el-content uk-panel uk-margin-top">Mit der MPLC wurde ein Rahmenvertrag abgeschlossen, der eine sogenannte "Schirmlizenz" bietet, mit der beliebig viele Filme vor beliebig vielen Zuschauern gezeigt werden dürfen. 556<br /> 557 558<a style="margin: 30px auto 0 auto;text-align: center;" href="/index.php/service/mplc" class="uk-button uk-button-default">weiterlesen</a></div> 559 560 561 562 563 564 565 566 567</div></div> 568 </div> 569 570</div> 571 572 573 574 575</div> 576 577</div>
578<div class="uk-grid-margin uk-grid tm-grid-expand uk-child-width-1-1"> 579 580 581<div class="uk-width-1-1@m"> 582 583 584 585 586 587 588 589 590 591 592 593</div> 594 595</div> 596 </div> 597 598 599 </div> 600 601</div> 602 603 604 </main> 605 606 607 608 <footer> 609 <!-- Builder #footer --><style class="uk-margin-remove-adjacent">@media (min-width:960px){#footer\#0{width:30%!important;margin-right:15%;}}@media (max-width:960px){#footer\#0{text-align:center!important;}}@media (max-width:960px){#footer\#1{text-align:center!important;}}@media (min-width:960px){#footer\#2{margin-left:0px!important;}}@media (max-width:960px){#footer\#2{line-height:18px!important;}}@media (max-width:960px){#footer\#3{text-align:center!important;}}@media (min-width:960px){#footer\#4{margin-left:0px!important;}}@media (max-width:960px){#footer\#4{line-height:18px!important;}}@media (max-width:960px){#footer\#5{text-align:center!important;}}@media (min-width:960px){#footer\#6{margin-left:0px!important;}}@media (max-width:960px){#footer\#6{line-height:18px!important;}}@media (max-width:960px){#footer\#7{text-align:center!important;}}@media (min-width:960px){#footer\#8{margin-left:0px!important;}}@media (max-width:960px){#footer\#8{line-height:18px!important;}}@media (max-width:960px){#footer\#9{padding-top:45px!important;}}</style> 610<div id="footer#9" class="uk-section-default uk-section uk-section-large" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: false;"> 611 612 613 614 615 616 <div class="uk-container"> 617
618<div class="uk-grid-margin-large uk-grid tm-grid-expand uk-grid-large" uk-grid> 619 620 621<div class="uk-width-1-1@s uk-width-1-2@m" id="footer#0"> 622 623 624 625 626 627 628 629<div class="uk-margin-remove-bottom" uk-scrollspy-class> 630 <a class="el-link" href="/index.php"><picture><source type="image/webp" srcset="/media/yootheme/cache/4b/logo23_breit-med-4b1cdc13.webp 495w" sizes="(min-width: 495px) 495px"><img class="el-image" src="/dateien/logo23_breit-med.png" alt="Das Logo der BAG OKJA in blauen und orangenen Buchstaben und mit Puzzle-Grafik" loading="lazy" width="495" height="80"></picture></a> 631 632</div><div class="uk-panel uk-margin-remove-top uk-margin-bottom uk-width-xlarge" uk-scrollspy-class><p>Bundesarbeitsgemeinschaft Offene Kinder- und Jugendarbeit e. V.</p></div> 633<div class="uk-margin-top uk-margin-remove-bottom" uk-scrollspy-class> 634 <a class="el-link" href="/index.php"><picture><source type="image/webp" srcset="/media/yootheme/cache/5d/250526_KJP_Foerderlogo_CMYK-5d889147.webp 768w, /media/yootheme/cache/22/250526_KJP_Foerderlogo_CMYK-22ad638d.webp 1024w, /media/yootheme/cache/f0/250526_KJP_Foerderlogo_CMYK-f0813a39.webp 1366w, /media/yootheme/cache/38/250526_KJP_Foerderlogo_CMYK-38a1540d.webp 1600w, /media/yootheme/cache/f4/250526_KJP_Foerderlogo_CMYK-f4c9ea06.webp 1739w" sizes="(min-width: 1739px) 1739px"><img class="el-image" src="/images/250526_KJP_Foerderlogo_CMYK.jpg" alt="Das Logo der BAG OKJA in blauen und orangenen Buchstaben und mit Puzzle-Grafik" loading="lazy" width="1739" height="563"></picture></a> 635 636</div><div class="uk-panel uk-margin-remove-top uk-width-xlarge" uk-scrollspy-class><p>Gefördert vom Bundesministerium für Bildung, Familie, Senioren, Frauen und Jugend</p></div> 637 638 639 640 641</div> 642<div class="uk-width-1-2@s uk-width-1-4@m"> 643 644 645 646 647 648 649 650<h3 class="uk-h5" id="footer#1" uk-scrollspy-class> 651 652 653 <span style="color:#111!important;">Favoriten</span> 654 655 656</h3> 657<ul class="uk-list" id="footer#2" uk-scrollspy-class> 658 659 660 <li class="el-item"> <div class="el-content uk-panel"><a href="/index.php/projekte/tag-der-okja" class="el-link uk-link-muted uk-margin-remove-last-child">Tag der OKJA 2025</a></div> </li> <li class="el-item"> <div class="el-content uk-panel"><a href="/index.php/fachzeitschrift" class="el-link uk-link-muted uk-margin-remove-last-child">OJA 03 / 2025</a></div> </li> <li class="el-item"> <div class="el-content uk-panel"><a href="/index.php/veranstaltungen/fachtagung-inklusion-november-2025" class="el-link uk-link-muted uk-margin-remove-last-child">Fachtagung "Inklusion"</a></div> </li> <li class="el-item"> <div class="el-content uk-panel"><a href="/index.php/projekte/erfurter-erklaerung" class="el-link uk-link-muted uk-margin-remove-last-child">Erfurter Erklärung</a></div> </li> 661 662 663</ul> 664<h3 class="uk-h5" id="footer#3" uk-scrollspy-class> 665 666 667 <span style="color:#111!important;">Organisation</span> 668 669 670</h3> 671<ul class="uk-list" id="footer#4" uk-scrollspy-class> 672 673 674 <li class="el-item"> <div class="el-content uk-panel"><a href="https://www.offene-jugendarbeit.net/index.php/organisation/bag-infos" class="el-link uk-link-muted uk-margin-remove-last-child">Allgemeine Infos</a></div> </li> <li class="el-item"> <div class="el-content uk-panel"><a href="/index.php/organisation/geschaeftsstelle-vorstand-satzung" class="el-link uk-link-muted uk-margin-remove-last-child">Geschäftsstelle, Vorstand, Satzung</a></div> </li> <li class="el-item"> <div class="el-content uk-panel"><a href="/index.php/organisation/mitglieder-mitgliedschaft" class="el-link uk-link-muted uk-margin-remove-last-child">Mitglieder & Mitgliedschaft</a></div> </li> 675 676 677</ul> 678 679 680 681 682</div> 683<div class="uk-width-1-2@s uk-width-1-4@m"> 684 685 686 687 688 689 690
691<h3 class="uk-h5" id="footer#5" uk-scrollspy-class> 692 693 694 <span style="color:#111!important;">Service</span> 695 696 697</h3> 698<ul class="uk-list" id="footer#6" uk-scrollspy-class> 699 700 701 <li class="el-item"> <div class="el-content uk-panel"><a href="/index.php/fachzeitschrift" class="el-link uk-link-muted uk-margin-remove-last-child">Fachzeitschrift OJA</a></div> </li> <li class="el-item"> <div class="el-content uk-panel"><a href="/index.php/service/links-donwloads" class="el-link uk-link-muted uk-margin-remove-last-child">Links & Downloads</a></div> </li> <li class="el-item"> <div class="el-content uk-panel"><a href="/index.php/service/gema" class="el-link uk-link-muted uk-margin-remove-last-child">GEMA</a></div> </li> <li class="el-item"> <div class="el-content uk-panel"><a href="/index.php/service/mplc" class="el-link uk-link-muted uk-margin-remove-last-child">MPLC</a></div> </li> 702 703 704</ul> 705<h3 class="uk-h5" id="footer#7" uk-scrollspy-class> 706 707 708 <span style="color:#111!important;">Sonstiges</span> 709 710 711</h3> 712<ul class="uk-list" id="footer#8" uk-scrollspy-class> 713 714 715 <li class="el-item"> <div class="el-content uk-panel"><a href="https://www.offene-jugendarbeit.net/index.php/service/newsletter" class="el-link uk-link-muted uk-margin-remove-last-child">Zum Newsletter anmelden</a></div> </li> <li class="el-item"> <div class="el-content uk-panel"><a href="https://www.offene-jugendarbeit.net/index.php/service/newsletter-abmelden" class="el-link uk-link-muted uk-margin-remove-last-child">Vom Newsletter abmelden</a></div> </li> <li class="el-item"> <div class="el-content uk-panel"><a href="/index.php/organisation/kontakt" class="el-link uk-link-muted uk-margin-remove-last-child">Kontakt</a></div> </li> 716 717 718</ul> 719 720 721 722 723</div> 724 725</div> 726 </div> 727 728 729 730</div> 731<div class="uk-section-default uk-section uk-padding-remove-vertical"> 732 733 734 735 736 737 <div class="uk-container"> 738 739<div class="uk-grid-margin uk-grid tm-grid-expand uk-child-width-1-1"> 740 741 742<div class="uk-width-1-1@m"> 743 744 745 746 747 748 749 <div><div style="width:100%;margin: 0 auto;text-align:center;"> 750 751<p> 752 <a target="_blank" href="https://www.facebook.com/bagokje"> 753 <img alt="Das Facebook-Logo in blau" src="/images/fb.png" style="width:60px;display:block;margin: 0 auto!important;text-align:center!important;" /></a> 754 </p> 755 756 </div> 757 758 <div> 759 <p style="margin: 0 auto!important;text-align:center;display:block!important;"> 760 761 762 763 764 <a style="color:#0C6DB8;font-size:16px;" href="/index.php/impressum">Impressum 765</a> 766 <br /> 767 768<a style="color:#0C6DB8;font-size:15px;" href="/index.php/datenschutz">Datenschutz 769</a> 770 771</div> 772 773 <br /> 774</div><div><div style="width:100%;margin: 0 auto;text-align:center;margin-top:30px;"> 775 776<div style="width:90%;margin:0 auto;"><p style="color:#111;font-size:16px;position:relative;top:-20px;"> © 2026 Bundesarbeitsgemeinschaft Offene Kinder- und Jugendarbeit e. V. 777 <br /><a style="color:#0C6DB8;font-size:13px;" href="https://www.offene-jugendarbeit.net">Web</a> | <joomla-hidden-mail style="color:#0C6DB8;font-size:13px;" is-link="1" is-email="0" first="aW5mbw==" last="YmFnLW9ramUuZGU=" text="TWFpbA==" base="" >Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein.</joomla-hidden-mail></p> 778</div> 779</div></div><div><div style="width:100%;position:relative;bottom:-100px!important;"> 780 781<div style="width:50%;margin:0 auto;text-align:center;"><p style="color:#000000!important;font-size:9px;position:relative;top:-30px;"> © 2026 code&candy | <a style="color:#000000;font-size:11px;" href="https://www.codeandcandy.net">Web</a> | <joomla-hidden-mail style="color:#000000;font-size:11px;" is-link="1" is-email="0" first="bWFpbA==" last="Y29kZWFuZGNhbmR5Lm5ldA==" text="TWFpbA==" base="" >Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein.</joomla-hidden-mail></p> 782</div> 783</div></div><div>
783<script> 784window.addEventListener('load', function() { 785 setTimeout(function() { 786 787 /* ============================================================= 788 1) Optional: Modal nur öffnen, wenn jQuery/Bootstrap vorhanden 789 ============================================================= */ 790 try { 791 if (window.jQuery && typeof jQuery.fn.modal === 'function' && jQuery("#myModal").length) { 792 jQuery("#myModal").modal('show'); 793 console.log('â Modal #myModal geöffnet'); 794 } 795 } catch (e) { 796 console.warn('Modal nicht initialisiert:', e.message); 797 } 798 799 /* ============================================================= 800 2) BLUR/BLOCK hinter dem Consent-Banner (hybrid = deine alte, bewährte Variante) 801 ============================================================= */ 802 (function() { 803 // Blur-Overlay nur einmal anlegen 804 let blur = document.querySelector('.cc-blur-overlay'); 805 if (!blur) { 806 blur = document.createElement('div'); 807 blur.className = 'cc-blur-overlay'; 808 document.body.appendChild(blur); 809 } 810 811 // Sichtbarkeit prüfen (robust gegen animiertes Ein-/Ausblenden) 812 function isVisible(el) { 813 if (!el) return false; 814 const style = window.getComputedStyle(el); 815 return ( 816 style.display !== 'none' && 817 style.visibility !== 'hidden' && 818 style.opacity !== '0' && 819 el.getClientRects().length > 0 820 ); 821 } 822 823 function updateBlur() { 824 const win = document.querySelector('.cc-window.cc-floating'); 825 if (!win) return; 826 const visible = isVisible(win); 827 blur.classList.toggle('active', visible); 828 } 829 830 // RegelmäÃige Prüfung (wie bei dir zuvor â zuverlässig!) 831 const interval = setInterval(updateBlur, 500); 832 833 // Reagiere zusätzlich auf DOM-Ãnderungen 834 const observer = new MutationObserver(updateBlur); 835 observer.observe(document.body, { attributes: true, childList: true, subtree: true }); 836 837 // Sicherheitsabschaltung des Intervalls nach 2 Minuten (Observer bleibt) 838 setTimeout(() => clearInterval(interval), 120000); 839 840 // Erste Prüfung sofort 841 updateBlur(); 842 })(); 843 844 845 846 847 /* ============================================================= 848 5) Eigener Button zum Ãffnen des Consent-Banners 849 ============================================================= */ 850 document.addEventListener('click', function(e) { 851 const trigger = e.target.closest('[data-open-consent]'); 852 if (!trigger) return; 853 e.preventDefault(); 854 855 // Warte, bis GDPR geladen ist 856 const openBanner = () => { 857 if (window.GDPR && typeof GDPR.showConsentToolbar === 'function') { 858 GDPR.showConsentToolbar(); 859 console.log('â Consent-Banner geöffnet (API)'); 860 } else { 861 const revoke = document.querySelector('.cc-revoke'); 862 if (revoke) { 863 revoke.click(); 864 console.log('â Consent-Banner geöffnet (Fallback .cc-revoke)'); 865 } else { 866 alert('Cookie-Banner momentan nicht verfügbar.'); 867 } 868 } 869 }; 870 871 // kleine Sicherheitspause, falls GDPR erst gleich initialisiert wird 872 setTimeout(openBanner, 300); 873 }); 874</script>
874</div> 875 876 877 878 879</div> 880 881</div> 882 </div> 883 884 885 886</div> </footer> 887 888 </div> 889 890 891 892 893 894 </body> 895</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.