1<!DOCTYPE html> 2<html lang="de"> 3<head> 4<meta charset="utf-8" /> 5<meta http-equiv="cache-control" content="no-cache" /> 6<meta http-equiv="pragma" content="no-cache" /> 7<meta name="robots" content="noindex, follow, noarchive" /> 8<meta name="content-language" content="de" /> 9<meta name="description" content="" /> 10<meta name="author" content="Haller Kreisblatt" /> 11<meta name="copyright" content="Haller Kreisblatt" /> 12<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 13<meta name="subscription-status" content="non-premium"> 14<meta property="og:type" content="website" /> 15<meta property="og:title" content="Webabo-Checkout" /> 16<meta name="twitter:title" content="Webabo-Checkout"> 17<meta property="og:site_name" content="Haller Kreisblatt" /> 18<meta property="og:url" content="https://www.haller-kreisblatt.de/mein_hk/abo/webabo_checkout" /> 19<title>Haller Kreisblatt - Webabo-Checkout</title> 20<!-- global/0--> 21<link rel="preload" href="https://www.haller-kreisblatt.de/_em_cms/globals/csslibs.php?em_client=hk&em_subclient=hk&em_ssc=LCwsLA==&em_view=desktop&em_cache_css=1790273973" as="style" /> 22<link rel="stylesheet" type="text/css" href="https://www.haller-kreisblatt.de/_em_cms/globals/csslibs.php?em_client=hk&em_subclient=hk&em_ssc=LCwsLA==&em_view=desktop&em_cache_css=1790273973" /> 23<!-- global/0--> 24<link rel="preload" href="https://www.haller-kreisblatt.de/_em_cms/globals/jslibs.php?em_client=hk&em_subclient=hk&em_ssc=LCwsLA==&em_view=desktop&em_cache_js=1790273973" as="script" /> 25<!-- global/0-->
26<script type="text/javascript" src="https://www.haller-kreisblatt.de/_em_cms/globals/jslibs.php?em_client=hk&em_subclient=hk&em_ssc=LCwsLA==&em_view=desktop&em_cache_js=1790273973"></script>
26 27<link href="/_em_daten/hk/_layout/favicon.ico?em_cache=1790273973" rel="shortcut icon" type="image/vnd.microsoft.icon" /> 28<link href="/_em_daten/hk/_layout/favicon.png?em_cache=1790273973" rel="icon" type="image/png" /> 29<link href="/_em_daten/hk/_layout/favicon.png?em_cache=1790273973" rel="apple-touch-icon" />
30<script type="text/javascript" src="https://script.ioam.de/iam.js"></script>
30 31 32
33<script defer src=""></script>
33 34 35 36 37 38<meta name="google-site-verification" content="pNuHfzVsiPUAGvrQUeGuFMQU8lL5MNhVzeu0z-9ooUI" /> 39<meta name="p:domain_verify" content="03607eac483b359f932d88664b567597"/> 40<meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui"> 41 42<meta name="format-detection" content="telephone=no"> 43<meta name="format-detection" content="date=no"> 44<meta name="format-detection" content="address=no"> 45
46<script> 47MSOdataLayer = [{ 48"blocked": "noad", 49"issue": "", 50"town": "", 51"layout": "full_free", 52"type": "overview", 53"userstatus": "unknown", 54"post_id": "", 55"topic": "", 56"reachtype": "web" 57}]; 58 59var native = "unknown"; 60 61</script>
61 62 63
64<script> 65var strGlobalsAdserver = "noad"; 66var strGlobalsSiteLoc = "25058"; 67</script>
67 68
69<script> 70dataLayer = []; 71</script>
71 72
73<script> 74window.dataLayer = window.dataLayer || []; 75window.dataLayer.push({ 76"userstatus": "unknown", 77"articletype": "not defined" 78}); 79</script>
79 80 81 <link href="/_em_daten/locals/module/nw/_includes/twig/current/public/css/app.css?1786536657" rel="stylesheet"> 82 <link href="/_em_daten/locals/module/nw/_includes/twig/current/public/css/app-patch.css?1788338918" rel="stylesheet"> 83
83<script type="module" src="/_em_daten/locals/module/nw/_includes/twig/current/public/js/app.js?1786536768"></script>
83 84
84<script type="text/javascript"> 85 var mobileAccess = window.innerWidth < 768; 86 87 var script = document.createElement('script'); 88 if (mobileAccess) { 89 script.src = "//data-f722634d33.haller-kreisblatt.de/iomm/latest/bootstrap/loader.js"; 90 document.write('<link rel="preload" href="//data-f722634d33.haller-kreisblatt.de/iomm/latest/manager/base/es6/bundle.js" as="script" id="IOMmBundle" crossorigin/>'); 91 document.write('<link rel="preload" href="//data-f722634d33.haller-kreisblatt.de/iomm/latest/bootstrap/loader.js" as="script" crossorigin/>'); 92 } else { 93 script.src = "//data-d88ef4a44c.haller-kreisblatt.de/iomm/latest/bootstrap/loader.js"; 94 document.write('<link rel="preload" href="//data-d88ef4a44c.haller-kreisblatt.de/iomm/latest/manager/base/es6/bundle.js" as="script" id="IOMmBundle" crossorigin/>'); 95 document.write('<link rel="preload" href="//data-d88ef4a44c.haller-kreisblatt.de/iomm/latest/bootstrap/loader.js" as="script" crossorigin/>'); 96 } 97 document.write(script.outerHTML); 98 99 var NW = { 100 waitForFunctionAvailability: function (functionName, callback, interval = 1000, maxAttempts = 10) { 101 let attempts = 0; 102 103 const checkFunction = setInterval(() => { 104 // Function found, clear interval and call the function. 105 if (typeof window[functionName] === 'function') { 106 console.log('function found'); 107 clearInterval(checkFunction); 108 callback(); 109 } else if (attempts >= maxAttempts) { 110 // Function not found after max attempts, clear the interval. 111 console.log('function not found'); 112 clearInterval(checkFunction); 113 } 114 115 attempts++; 116 }, interval); 117 }, 118 // Cookies 119 getCookieValue(cookieName) { 120 var name = cookieName + "="; 121 var decodedCookie = decodeURIComponent(document.cookie); 122 var ca = decodedCookie.split(';'); 123 for(var i = 0; i < ca.length; i++) { 124 var c = ca[i]; 125 while (c.charAt(0) === ' ') { 126 c = c.substring(1); 127 } 128 if (c.indexOf(name) === 0) { 129 return c.substring(name.length, c.length); 130 } 131 } 132 return ""; 133 }, 134 // setCookie('myCookie', myParam, 7); // Ersetze 'myCookie' mit dem Namen deines Cookies und 7 mit der Anzahl der Tage, bis der Cookie abläuft 135 setCookie(name, value, daysToExpire) { 136 var date = new Date(); 137 date.setTime(date.getTime() + (daysToExpire * 24 * 60 * 60 * 1000)); 138 var expires = "expires=" + date.toUTCString(); 139 document.cookie = name + "=" + value + ";" + expires + ";path=/"; 140 }, 141 removeCookie(name) { 142 document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:01 GMT;path=/"; 143 } 144 }; 145 146 function engagentlyCommentCount(elementSelector = '.egyCounter') { 147 const EGY_COMMUNITY_ID = "hk6fa7B1uk"; 148 const counters = document.querySelectorAll(`${elementSelector}`); 149 if (counters.length > 0) { 150 const discussionIds = Array.from(counters).map((counter) => 151 counter.getAttribute("data-egy-dsc") 152 ); 153 const apiBatchUrl = `https://ct${EGY_COMMUNITY_ID}.engagently.com/counts/commentaries/${EGY_COMMUNITY_ID}/batch`; 154 155 156 fetch(apiBatchUrl, { 157 method: "POST", 158 headers: { 159 "Content-Type": "application/json", 160 }, 161 body: JSON.stringify({discussion_ids: discussionIds}), 162 }) 163 .then((response) => response.json()) 164 .then((data) => { 165 for (const counter of counters) { 166 const discussionId = counter.getAttribute("data-egy-dsc"); 167 var article_comments_parent = counter.closest(".article-comments");
168 const count = data?.[discussionId]; 169 if (typeof count !== "number" || count == 0) { 170 article_comments_parent.classList.add('nw-hidden'); 171 continue; 172 } else if (count > 0) { 173 counter.innerHTML = count; 174 article_comments_parent.classList.remove('nw-hidden'); 175 } 176 if (count > 99) { 177 counter.innerHTML = '99+'; 178 article_comments_parent.classList.remove("nw-w-6"); 179 article_comments_parent.classList.add("nw-w-9"); 180 } 181 182 } 183 }) 184 .catch((error) => console.error("Error loading comment count:", error)); 185 } 186 187 } 188 189 function setFrisbiiCheckoutReturnUrl() { 190 const currentUrl = window.location.origin + window.location.pathname; 191 const buttonLabel = currentUrl.endsWith('.html') ? 'Zurück zum Artikel' : 'Zurück zur Seite'; 192 193 localStorage.setItem('checkoutReturnUrl', currentUrl + '?em_reinit_sso_attr=1&nc'); 194 localStorage.setItem('buttonLabel', buttonLabel); 195 } 196 197 function bindFrisbiiCheckoutMatomoTracking(produktname, stepname, orderId, cmsId, stepNumber) { 198 const EVENT_ACTION = { 199 produktname: produktname, 200 Stepname: stepname, 201 cmsId: cmsId 202 }; 203 204 if (orderId !== null && orderId !== undefined && orderId !== '') { 205 EVENT_ACTION.orderId = orderId; 206 } 207 208 _paq.push(['trackEvent', 'CheckoutStep', JSON.stringify(EVENT_ACTION), stepNumber]); 209 } 210 211 document.addEventListener("DOMContentLoaded", function () { 212 engagentlyCommentCount(); 213 214 (function () { 215 let sidebar = document.getElementById('nw-sidebar-navigation'); 216 if (!sidebar) return; 217 218 let triggers = document.querySelectorAll( 219 '.nw-burger-menu-switcher[aria-controls="nw-sidebar-navigation"]' 220 ); 221 222 function isOpen() { 223 return sidebar.classList.contains('nw-open-burgermenu'); 224 } 225 226 function sync() { 227 let open = isOpen(); 228 sidebar.toggleAttribute('inert', !open); // off tab order + a11y tree when closed 229 sidebar.setAttribute('aria-hidden', open ? 'false' : 'true'); 230 triggers.forEach(function (t) { 231 t.setAttribute('aria-expanded', open ? 'true' : 'false'); 232 }); 233 } 234 235 new MutationObserver(sync).observe(sidebar, { 236 attributes: true, 237 attributeFilter: ['class'] 238 }); 239 240 sync(); // set correct initial state 241 })(); 242 }); 243 </script>
243 244 245 <link rel="apple-touch-icon" sizes="57x57" href="/_apps/nw/hk/touchicons/logo_57_57.png" /> 246 <link rel="apple-touch-icon" sizes="72x72" href="/_apps/nw/hk/touchicons/logo_72_72.png" /> 247 <link rel="apple-touch-icon" sizes="76x76" href="/_apps/nw/hk/touchicons/logo_76_76.png" /> 248 <link rel="apple-touch-icon" sizes="114x114" href="/_apps/nw/hk/touchicons/logo_114_114.png" /> 249 <link rel="apple-touch-icon" sizes="120x120" href="/_apps/nw/hk/touchicons/logo_120_120.png" /> 250 <link rel="apple-touch-icon" sizes="144x144" href="/_apps/nw/hk/touchicons/logo_144_144.png" /> 251 <link rel="apple-touch-icon" sizes="152x152" href="/_apps/nw/hk/touchicons/logo_152_152.png" /> 252 253 <meta property="fb:pages" content="215604728519502, 249253266414, 270491356825, 251450038577, 248829146485, 272904670468, 248829146485, 425962325453, 252529496820, 248183741338, 275512578192, 249092506255, 154146591288231, 261807553761, 314934719132, 195216853838584, 214932605267927, 242081153870, 264837357200, 292485425239" /> 254 <!-- Upscore --> 255
255<script async src="https://files.upscore.com/site_script/haller-kreisblatt.de.js"></script>
255 256
256<script> 257 (function(w,u){w[u]=w[u]||function(){(w[u].q=w[u].q||[]).push(arguments)}})(window, 'upScore'); 258 function triggerUpscore(userstatus, content_blocked) { 259 upScore("page_view", { 260 object_type: 'landingpage', 261 section: 'Abo', 262 taxonomy: 'Mein HK,Webabo-Checkout', 263 object_id: '25058', 264 article_container: ".paywall-overlay-rebrush-2023", 265 track_positions: true, 266 user_status: userstatus === undefined ? 0 : userstatus, 267 }); 268 269 upScore("paywall_on_click", (data) => { 270 if (data.action === 'login') { 271 toggleLoginBox(); 272 } 273 }); 274 } 275 // für HK bis zur Umstellung auf NW-Loginbox 276 277 var _prodDomains = ['nw.de', 'lz.de', 'mt.de', 'haller-kreisblatt.de']; 278 var _isProd = _prodDomains.some(function(d) { return window.location.hostname === d || window.location.hostname.endsWith('.' + d); }); 279 if (!_isProd) { 280 new Image().src = 'https://www.nw.de/_em_daten/locals/module/nw/_includes/twig/current/public/images/1x1_.gif?url=' + encodeURIComponent(window.location.href) + '&t=' + Date.now(); 281 console.log('t'); 282 } 283 284 </script>
284 285 286 287 288 289 290 291 292 293<!-- /Upscore --> 294 <!-- Matomo --> 295
295<script type="text/javascript"> 296 var _paq = window._paq || []; 297 298 _paq.push(["setSiteId", "4"]); 299 _paq.push(['addTracker', 'https://matomo-nwde-u77796.vm.elestio.app/matomo.php', "4"]); 300 /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ 301 _paq.push(["setCookieDomain", "*.haller-kreisblatt.de"]); 302 _paq.push(["requireCookieConsent"]); 303 _paq.push(["setDomains", "*.haller-kreisblatt.de"]); 304 _paq.push(["setSecureCookie", true]); 305 _paq.push(["enableLinkTracking"]); 306 _paq.push(["enableHeartBeatTimer"]); 307 308 function triggerMatomo(userstatus) { 309 _paq.push(["setCustomDimension", 4, userstatus]); 310 _paq.push(["setCustomVariable", 1, "Userstatus", userstatus, "visit"]); 311 _paq.push(["setCustomDimension", 5, userstatus]); 312 if (typeof sso_hash !== 'undefined' && sso_hash.length !== 0 ) { 313 _paq.push(["setUserId", sso_hash]); 314 } 315 _paq.push(["trackPageView"]); 316 (function () { 317 var u = "//tracking.haller-kreisblatt.de/"; 318 _paq.push(["setTrackerUrl", u + "matomo.php"]); 319 var d = document, g = d.createElement("script"), s = d.getElementsByTagName("script")[0]; 320 g.type = "text/javascript"; 321 g.async = true; 322 g.defer = true; 323 g.src = u + "js/"; 324 s.parentNode.insertBefore(g, s); 325 })(); 326 } 327 </script>
327 328<!-- /Matomo --> 329 330 <!-- Drive --> 331
331<script type="text/javascript"> 332 function triggerDrive(userstatus, content_blocked) { 333 var x = __cmp('getCMPData'); 334 // Guard gegen Crash, wenn CMP-Daten noch nicht bereit sind (x undefined): 335 // if (x && x.vendorConsents && 'c26049' in x.vendorConsents && x.vendorConsents['c26049']) { 336 if ('c26049' in x.vendorConsents && x.vendorConsents['c26049']) { 337 (function () { 338 // runonlyonce 339 if (window.drive) { 340 return; 341 } 342 (function (p, l, o, w, i, n, g) { 343 if (!p[i]) { 344 p.GlobalSnowplowNamespace = p.GlobalSnowplowNamespace || []; 345 p.GlobalSnowplowNamespace.push(i); 346 p[i] = function () { 347 (p[i].q = p[i].q || []).push(arguments) 348 }; 349 p[i].q = p[i].q || []; 350 n = l.createElement(o); 351 g = l.getElementsByTagName(o)[0]; 352 n.async = 1; 353 n.src = w; 354 g.parentNode.insertBefore(n, g) 355 } 356 }(window, document, "script", "https://storage.googleapis.com/drive-snowplow-tracker/latest.js", "drive")); 357 358 // var dataLayer = window.dataLayer[0]; 359 var host = location.hostname.split('.'); 360 var mandant = 'owl-hk'; 361 var sso_id = sso_hash || 0; 362 var articleType = ''; 363 var contentIsPaywall = content_blocked !== undefined && content_blocked ? true : false; 364 var userType = userstatus; 365 var contentType = 'overview'; 366 var articleId = ''; 367 368 var globalContexts = [{ 369 schema: 'iglu:de.drive/user_context/jsonschema/1-0-0', 370 data: {userType: userType} 371 }, 372 { 373 schema: 'iglu:de.drive/article_context/jsonschema/1-0-0', 374 data: { 375 articleId: articleId, 376 articleType: articleType, 377 contentType: contentType, 378 contentIsPaywall: contentIsPaywall 379 } 380 }]; 381 window.drive('newTracker', 'DriveTracker', 'drive-v2.' + host[1] + '.' + host[2], { 382 appId: mandant, 383 platform: 'web', 384 cookieDomain: '.' + host[1] + '.' + host[2], 385 contexts: { 386 webPage: true 387 } 388 }); 389 window.drive('addGlobalContexts', globalContexts); 390 window.drive('setUserId', '' + sso_id); 391 window.drive('enableActivityTracking', 5, 5); 392 window.drive('trackPageView'); 393 394 395 })(); 396 397 // Events funnel-entry 398 var label = ''; 399 var product = ''; 400 var price = ''; 401 var aboButtons = document.getElementsByClassName('funnel-entry'); 402 var i = aboButtons.length; 403 while (i--) { 404 aboButtons[i].addEventListener('click', funnelEntry); 405 } 406 407 // __cmp("addEventListener", ["consent", startDrive, false], null); 408 409 function funnelEntry(label, product, price) { 410 window.drive('trackSelfDescribingEvent', { 411 schema: 'iglu:de.drive/subscription_context/jsonschema/1-0-0', 412 data: { 413 action: 'funnel-entry', 414 label: this.dataset.label === undefined ? 'HK+' : this.dataset.label, 415 product: this.dataset.product === undefined ? 'HK+' : this.dataset.product, 416 price: this.dataset.price === undefined ? 'HK+' : this.dataset.price, 417 payment_method: null 418 } 419 }); 420 } 421 422 423 } 424 } 425 </script>
425 426<!-- /Drive --> 427 428<!-- IVW --> 429
429<script type="text/javascript"> 430 var dn = mobileAccess ? 'data-f722634d33.haller-kreisblatt.de' : 'data-d88ef4a44c.haller-kreisblatt.de'; 431 IOMm('configure', { 432 st: 'hallkrei', 433 dn: dn, 434 mh: 5 435 }); // Configure IOMm 436 IOMm('pageview', {cp: 'service'}); // Count pageview 437 IOMm('3p', 'qds'); // Trigger qds module (for agof ddf participants only!) 438 </script>
438 439<!--/IVW --> 440 <!-- Marfeel -->
441<script type="text/javascript"> 442 !function(){"use strict";function e(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],c=document.createElement("script");c.src=e,t?c.type="module":(c.async=!0,c.type="text/javascript",c.setAttribute("nomodule",""));var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(c,n)}!function(t,c){!function(t,c,n){var a,o,r;n.accountId=c,null!==(a=t.marfeel)&&void 0!==a||(t.marfeel={}),null!==(o=(r=t.marfeel).cmd)&&void 0!==o||(r.cmd=[]),t.marfeel.config=n;var i="https://sdk.mrf.io/statics";e("".concat(i,"/marfeel-sdk.js?id=").concat(c),!0),e("".concat(i,"/marfeel-sdk.es5.js?id=").concat(c),!1)}(t,c,arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})}(window,8558,{} /* Config */)}(); 443</script>
vendor: 1 bytes, line 443
443
444<script> 445 window.mrfTrack = function(name) { 446 window.marfeel = window.marfeel || {cmd: []}; 447 window.marfeel.cmd.push(['compass', function(c) { 448 c.trackRecirculation(name); 449 }]); 450 }; 451</script>
451 452<!-- /Marfeel --> 453 454
454<script> 455 if(!("gdprAppliesGlobally" in window)){window.gdprAppliesGlobally=true}if(!("cmp_id" in window)||window.cmp_id<1){window.cmp_id=0}if(!("cmp_cdid" in window)){window.cmp_cdid="40590ea14754"}if(!("cmp_params" in window)){window.cmp_params=""}if(!("cmp_host" in window)){window.cmp_host="c.delivery.consentmanager.net"}if(!("cmp_cdn" in window)){window.cmp_cdn="cdn.consentmanager.net"}if(!("cmp_proto" in window)){window.cmp_proto="https:"}if(!("cmp_codesrc" in window)){window.cmp_codesrc="0"}window.cmp_getsupportedLangs=function(){var b=["DE","EN","FR","IT","NO","DA","FI","ES","PT","RO","BG","ET","EL","GA","HR","LV","LT","MT","NL","PL","SV","SK","SL","CS","HU","RU","SR","ZH","TR","UK","AR","BS"];if("cmp_customlanguages" in window){for(var a=0;a<window.cmp_customlanguages.length;a++){b.push(window.cmp_customlanguages[a].l.toUpperCase())}}return b};window.cmp_getRTLLangs=function(){var a=["AR"];if("cmp_customlanguages" in window){for(var b=0;b<window.cmp_customlanguages.length;b++){if("r" in window.cmp_customlanguages[b]&&window.cmp_customlanguages[b].r){a.push(window.cmp_customlanguages[b].l)}}}return a};window.cmp_getlang=function(a){if(typeof(a)!="boolean"){a=true}if(a&&typeof(cmp_getlang.usedlang)=="string"&&cmp_getlang.usedlang!==""){return cmp_getlang.usedlang}return window.cmp_getlangs()[0]};window.cmp_getlangs=function(){var g=window.cmp_getsupportedLangs();var f=[];var a=location.hash;var e=location.search;var h="languages" in navigator?navigator.languages:[];if(a.indexOf("cmplang=")!=-1){f.push(a.substr(a.indexOf("cmplang=")+8,2).toUpperCase())}else{if(e.indexOf("cmplang=")!=-1){f.push(e.substr(e.indexOf("cmplang=")+8,2).toUpperCase())}else{if("cmp_setlang" in window&&window.cmp_setlang!=""){f.push(window.cmp_setlang.toUpperCase())}else{if("cmp_langdetect" in window&&window.cmp_langdetect==1){f.push(window.cmp_getPageLang())}else{if(h.length>0){for(var d=0;d<h.length;d++){f.push(h[d])}}if("language" in navigator){f.push(navigator.language)}if("userLanguage" in navigator){f.push(navigator.userLanguage)}}}}}var c=[];for(var d=0;d<f.length;d++){var b=f[d].toUpperCase();if(b.length<2){continue}if(g.indexOf(b)!=-1){c.push(b)}else{if(b.indexOf("-")!=-1){b=b.substr(0,2)}if(g.indexOf(b)!=-1){c.push(b)}}}if(c.length==0&&typeof(cmp_getlang.defaultlang)=="string"&&cmp_getlang.defaultlang!==""){return[cmp_getlang.defaultlang.toUpperCase()]}else{return c.length>0?c:["EN"]}};window.cmp_getPageLangs=function(){var a=window.cmp_getXMLLang();if(a!=""){a=[a.toUpperCase()]}else{a=[]}a=a.concat(window.cmp_getLangsFromURL());return a.length>0?a:["EN"]};window.cmp_getPageLang=function(){var a=window.cmp_getPageLangs();return a.length>0?a[0]:""};window.cmp_getLangsFromURL=function(){var g=window.cmp_getsupportedLangs();var a=location;var c="toUpperCase";var j=a.hostname[c]()+".";var h=a.pathname[c]()+"/";var e=[];for(var f=0;f<g.length;f++){if(j.substring(0,g[f].length+1)==g[f]+"."){e.push(g[f][c]())}else{if(g[f].length==5){var b=g[f].substring(3,5)+"-"+g[f].substring(0,2);if(j.substring(0,b.length+1)==b+"."){e.push(g[f][c]())}}else{if(h.substring(0,g[f].length+1)==g[f]+"/"){e.push(g[f][c]())}else{if(h.substring(0,g[f].length+1)==g[f].replace("-","/")+"/"){e.push(g[f][c]())}else{if(g[f].length==5){var b=g[f].substring(3,5)+"-"+g[f].substring(0,2);if(h.substring(0,b.length+1)==b+"/"){e.push(g[f][c]())}if(h.substring(0,b.length+1)==b.replace("-","/")+"/"){e.push(g[f][c]())}}}}}}}return e};window.cmp_getXMLLang=function(){var c=document.getElementsByTagName("html");if(c.length>0){var c=c[0]}else{c=document.documentElement}if(c&&c.getAttribute){var a=c.getAttribute("xml:lang");if(typeof(a)!="string"||a==""){a=c.getAttribute("lang")}if(typeof(a)=="string"&&a!=""){var b=window.cmp_getsupportedLangs();return b.indexOf(a.toUpperCase())!=-1?a:""}else{return""}}};(function(){var D=document;var E=D.getElementsByTagName;var p=window;var y="";var j="";var k="";var c="_en";if("cmp_getlang" in p){y=p.cmp_getlang().toLowerCase();j=p.cmp_getlangs().slice(0,3).join("_");k=p.cmp_getPageLangs().slice(0,3).join("_");if("cmp_customlanguages" in p){var n=p.cmp_customlanguages;for(var A=0;A<n.length;A++){var a=n[A].l.toLowerCase();if(a==y){y="en"}}}c="_"+y}var F=function(e){var i="cmp_"+e;e="cmp"+e+"=";var d="";var s=e.length;var m=location;var J=m.hash;var G=m.search;var w=J.indexOf(e);var I=G.indexOf(e);if(w!=-1){d=J.substring(w+s,9999)}
455else{if(I!=-1){d=G.substring(I+s,9999)}else{return i in window?window[i]:""}}var H=d.indexOf("&");if(H!=-1){d=d.substring(0,H)}return d};var t=("cmp_proto" in p)?p.cmp_proto:"https:";if(t!="http:"&&t!="https:"){t="https:"}var o=("cmp_ref" in p)?p.cmp_ref:location.href;if(o.length>300){o=o.substring(0,300)}var r=D.createElement("script");r.setAttribute("data-cmp-ab","1");var f=F("design");var g=F("regulationkey");var B=F("gppkey");var x=F("att");var h=p.encodeURIComponent;r.src=t+"//"+p.cmp_host+"/delivery/cmp.php?"+("cmp_id" in p&&p.cmp_id>0?"id="+p.cmp_id:"")+("cmp_cdid" in p?"&cdid="+p.cmp_cdid:"")+"&h="+h(o)+(f!=""?"&cmpdesign="+h(f):"")+(g!=""?"&cmpregulationkey="+h(g):"")+(B!=""?"&cmpgppkey="+h(B):"")+(x!=""?"&cmpatt="+h(x):"")+("cmp_params" in p?"&"+p.cmp_params:"")+(D.cookie.length>0?"&__cmpfcc=1":"")+"&l="+h(y)+"&ls="+h(j)+"&lp="+h(k)+"&o="+(new Date()).getTime();r.type="text/javascript";r.async=true;if(D.currentScript&&D.currentScript.parentElement){D.currentScript.parentElement.appendChild(r)}else{if(D.body){D.body.appendChild(r)}else{var v=["body","div","span","script","head"];for(var A=0;A<v.length;A++){var C=E(v[A]);if(C.length>0){C[0].appendChild(r);break}}}}var u="js";var z=F("debugunminimized")!=""?"":".min";var b=F("debugcoverage");if(b=="1"){u="instrumented";z=""}var q=F("debugtest");if(q=="1"){u="jstests";z=""}var r=D.createElement("script");r.src=t+"//"+p.cmp_cdn+"/delivery/"+u+"/cmp"+c+z+".js";r.type="text/javascript";r.setAttribute("data-cmp-ab","1");r.async=true;if(D.currentScript&&D.currentScript.parentElement){D.currentScript.parentElement.appendChild(r)}else{if(D.body){D.body.appendChild(r)}else{var C=E("body");if(C.length==0){C=E("div")}if(C.length==0){C=E("span")}if(C.length==0){C=E("ins")}if(C.length==0){C=E("script")}if(C.length==0){C=E("head")}if(C.length>0){C[0].appendChild(r)}}}})();window.cmp_addFrame=function(b){if(!window.frames[b]){if(document.body){var a=document.createElement("iframe");a.style.cssText="display:none";if("cmp_cdn" in window&&"cmp_ultrablocking" in window&&window.cmp_ultrablocking>0){a.src="//"+window.cmp_cdn+"/delivery/empty.html"}a.name=b;a.setAttribute("title","Intentionally hidden, please ignore");a.setAttribute("role","none");a.setAttribute("tabindex","-1");document.body.appendChild(a)}else{window.setTimeout(window.cmp_addFrame,10,b)}}};window.cmp_rc=function(c,b){var l="";try{l=document.cookie}catch(h){l=""}var j="";var f=0;var g=false;while(l!=""&&f<100){f++;while(l.substr(0,1)==" "){l=l.substr(1,l.length)}var k=l.substring(0,l.indexOf("="));if(l.indexOf(";")!=-1){var m=l.substring(l.indexOf("=")+1,l.indexOf(";"))}else{var m=l.substr(l.indexOf("=")+1,l.length)}if(c==k){j=m;g=true}var d=l.indexOf(";")+1;if(d==0){d=l.length}l=l.substring(d,l.length)}
455if(!g&&typeof(b)=="string"){j=b}return(j)};window.cmp_stub=function(){var a=arguments;__cmp.a=__cmp.a||[];if(!a.length){return __cmp.a}else{if(a[0]==="ping"){if(a[1]===2){a[2]({gdprApplies:gdprAppliesGlobally,cmpLoaded:false,cmpStatus:"stub",displayStatus:"hidden",apiVersion:"2.2",cmpId:31},true)}else{a[2](false,true)}}else{if(a[0]==="getUSPData"){a[2]({version:1,uspString:window.cmp_rc("__cmpccpausps","1---")},true)}else{if(a[0]==="getTCData"){__cmp.a.push([].slice.apply(a))}else{if(a[0]==="addEventListener"||a[0]==="removeEventListener"){__cmp.a.push([].slice.apply(a))}else{if(a.length==4&&a[3]===false){a[2]({},false)}else{__cmp.a.push([].slice.apply(a))}}}}}}};window.cmp_gpp_ping=function(){return{gppVersion:"1.1",cmpStatus:"stub",cmpDisplayStatus:"hidden",signalStatus:"not ready",supportedAPIs:["5:tcfcav1","7:usnat","8:usca","9:usva","10:usco","11:usut","12:usct"],cmpId:31,sectionList:[],applicableSections:[0],gppString:"",parsedSections:{}}};window.cmp_gppstub=function(){var c=arguments;__gpp.q=__gpp.q||[];if(!c.length){return __gpp.q}var h=c[0];var g=c.length>1?c[1]:null;var f=c.length>2?c[2]:null;var a=null;var j=false;if(h==="ping"){a=window.cmp_gpp_ping();j=true}else{if(h==="addEventListener"){__gpp.e=__gpp.e||[];if(!("lastId" in __gpp)){__gpp.lastId=0}__gpp.lastId++;var d=__gpp.lastId;__gpp.e.push({id:d,callback:g});a={eventName:"listenerRegistered",listenerId:d,data:true,pingData:window.cmp_gpp_ping()};j=true}else{if(h==="removeEventListener"){__gpp.e=__gpp.e||[];a=false;for(var e=0;e<__gpp.e.length;e++){if(__gpp.e[e].id==f){__gpp.e[e].splice(e,1);a=true;break}}j=true}else{__gpp.q.push([].slice.apply(c))}}}if(a!==null&&typeof(g)==="function"){g(a,j)}};window.cmp_msghandler=function(d){var a=typeof d.data==="string";try{var c=a?JSON.parse(d.data):d.data}catch(f){var c=null}if(typeof(c)==="object"&&c!==null&&"__cmpCall" in c){var b=c.__cmpCall;window.__cmp(b.command,b.parameter,function(h,g){var e={__cmpReturn:{returnValue:h,success:g,callId:b.callId}};d.source.postMessage(a?JSON.stringify(e):e,"*")})}if(typeof(c)==="object"&&c!==null&&"__uspapiCall" in c){var b=c.__uspapiCall;window.__uspapi(b.command,b.version,function(h,g){var e={__uspapiReturn:{returnValue:h,success:g,callId:b.callId}};d.source.postMessage(a?JSON.stringify(e):e,"*")})}if(typeof(c)==="object"&&c!==null&&"__tcfapiCall" in c){var b=c.__tcfapiCall;window.__tcfapi(b.command,b.version,function(h,g){var e={__tcfapiReturn:{returnValue:h,success:g,callId:b.callId}};d.source.postMessage(a?JSON.stringify(e):e,"*")},b.parameter)}if(typeof(c)==="object"&&c!==null&&"__gppCall" in c){var b=c.__gppCall;window.__gpp(b.command,function(h,g){var e={__gppReturn:{returnValue:h,success:g,callId:b.callId}};d.source.postMessage(a?JSON.stringify(e):e,"*")},"parameter" in b?b.parameter:null,"version" in b?b.version:1)}};window.cmp_setStub=function(a){if(!(a in window)||(typeof(window[a]
455)!=="function"&&typeof(window[a])!=="object"&&(typeof(window[a])==="undefined"||window[a]!==null))){window[a]=window.cmp_stub;window[a].msgHandler=window.cmp_msghandler;window.addEventListener("message",window.cmp_msghandler,false)}};window.cmp_setGppStub=function(a){if(!(a in window)||(typeof(window[a])!=="function"&&typeof(window[a])!=="object"&&(typeof(window[a])==="undefined"||window[a]!==null))){window[a]=window.cmp_gppstub;window[a].msgHandler=window.cmp_msghandler;window.addEventListener("message",window.cmp_msghandler,false)}};window.cmp_addFrame("__cmpLocator");if(!("cmp_disableusp" in window)||!window.cmp_disableusp){window.cmp_addFrame("__uspapiLocator")}if(!("cmp_disabletcf" in window)||!window.cmp_disabletcf){window.cmp_addFrame("__tcfapiLocator")}if(!("cmp_disablegpp" in window)||!window.cmp_disablegpp){window.cmp_addFrame("__gppLocator")}window.cmp_setStub("__cmp");if(!("cmp_disabletcf" in window)||!window.cmp_disabletcf){window.cmp_setStub("__tcfapi")}if(!("cmp_disableusp" in window)||!window.cmp_disableusp){window.cmp_setStub("__uspapi")}if(!("cmp_disablegpp" in window)||!window.cmp_disablegpp){window.cmp_setGppStub("__gpp")}; 456 457 /**verhindert das Ausspielen des Consent-Overlays in der App **/ 458 </script>
458 459 460 461
461<script>
vendor: 364 bytes, lines 461-466
461 462 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({"gtm.start": 463 new Date().getTime(),event:"gtm.js"});var f=d.getElementsByTagName(s)[0], 464 j=d.createElement(s),dl=l!="dataLayer"?"&l="+l:"";j.async=true;j.src= 465 "https://www.googletagmanager.com/gtm.js?id="+i+dl;f.parentNode.insertBefore(j,f); 466 })(window,document,"script","dataLayer","
466GTM-NMF8LRQ
vendor: 4 bytes, line 466
466");
467</script>
467 468 469 470 471</head> 472<body id="em_body_top" onload="if(typeof init == 'function') init();"> 473<!-- em-cms-cut --><!-- em-cms-cut --> 474 475<div class="container container-header"> 476 477 478<div id="em_ad_superbanner" class="container"> 479 480 481<div id="em_ad_skyscraper" style="position: absolute; width: 300px;"> 482 483</div> 484</div> 485<div class="page-header-content-container"> 486<div class="page-header-content"> 487</div> 488</div> 489<header class="page-header"> 490 491 492<hr class="hidden-xs hidden-sm"> 493<hr class="hidden-xs hidden-sm"> 494 495<div id="header-logo" class="text-center hidden-xs hidden-sm"> 496<a href="/"> 497<img class="img-responsive" src="/_em_daten/_nw/2025/05/15/250515_1404_hk_logo_full_2025_05.svg" alt="Haller Kreisblatt" width="353" height="73"> 498</a> 499</div> 500 501<nav class="mainnav navbar navbar-default" style="margin-bottom: 24px" role="navigation"> 502<!-- Brand and toggle get grouped for better mobile display --> 503<div class="navbar-header"> 504<div class="navbar-toggler-wrap"> 505<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbar-collapse-header" aria-controls="navbar-collapse-header" aria-expanded="false" aria-label="Toggle navigation"> 506<span></span> 507<span></span> 508<span></span> 509<span></span> 510</button></div> 511<div class="navbar-logo"> 512<a href="/"> 513 514<!--<img class="img-responsive" src="/_em_daten/_hk/2021/03/09/210309_1156_bildmarke_haller_kreisblatt.svg" width="353" height="73">--> 515<img class="img-responsive" src="/_apps/nw/assets/hk/HK_Punkt_2025_2.svg" alt="Logo HK" width="353" height="73"> 516</a></div> 517<div class="mobil-nav-controls"> 518<div id="xs-login-source" class="nav-right"> 519<!--<div class="nw-hidden lg:nw-inline nw-flex nw-justify-between nw-items-center"> 520<div class="nw-mb-2 md:nw-mb-4 nw-pb-2 md:nw-pb-0"> 521<a href="https://www.haller-kreisblatt.de/abos/webabos" onclick="_paq.push(['trackEvent', 'Menü', device + ' Top', 'Abo']);" class="hover:nw-no-underline nw-uppercase nw-btn-primary-md hover:nw-text-white focus:nw-text-white" style="text-decoration-line: none;"> 522HK+ TESTEN 523</a> 524</div> 525</div>--> 526 527<!-- <a href="/mein_hk/abo" class="hk-abo-button nw-hidden sm:nw-inline">Abo</a> 528 529<a href="https://www.haller-kreisblatt.de/abos" class="hk-abo-button nw-inline sm:nw-hidden">Abo</a> --> 530 531<a href="/suche"><i class="fa fa-search"><span class="nw-sr-only">Suche</span></i></a> 532<a id="loginIcon" href="#" onclick="jQuery( '#loginbox-navbar' ).fadeToggle(300);"> 533<i class="nw-icon-logged-in"></i> 534<svg xmlns="http://www.w3.org/2000/svg" class="nw-hidden nw-h-10 nw-w-10" viewBox="0 0 20 20" fill="currentColor" width="20" height="20"> <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z" clip-rule="evenodd"></path> </svg> 535<span class="nw-sr-only">Login</span></a> 536</div> 537</div> 538</div> 539 540<!-- Collect the nav links, forms, and other content for toggling --> 541<div class="collapse navbar-collapse" id="navbar-collapse-header"> 542 543 544 545 546<ul class="mainnav-1 nav navbar-nav navbar-left"><li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="https://www.haller-kreisblatt.de/lokal">Lokal</a><ul class="dropdown-menu "> 547<li><a href="https://www.haller-kreisblatt.de/lokal" class="visible-xs visible-sm dropdown-submenu-link">Lokal</a></li> 548<li><a href="https://www.haller-kreisblatt.de/lokal/halle" class="dropdown-submenu-link">Halle</a></li><li><a href="https://www.haller-kreisblatt.de/lokal/steinhagen" class="dropdown-submenu-link">Steinhagen</a></li><li><a href="https://www.haller-kreisblatt.de/lokal/werther" class="dropdown-submenu-link">Werther</a></li><li><a href="https://www.haller-kreisblatt.de/lokal/borgholzhausen" class="dropdown-submenu-link">Borgholzhausen</a></li><li><a href="https://www.haller-kreisblatt.de/lokal/versmold" class="dropdown-submenu-link">Versmold</a></li><li><a href="https://www.haller-kreisblatt.de/microsites/fotostrecken" class="dropdown-submenu-link">Fotostrecken</a></li></ul></li><li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="https://www.haller-kreisblatt.de/ratgeber">Ratgeber</a><ul class="dropdown-menu "> 549<li><a href="https://www.haller-kreisblatt.de/ratgeber" class="visible-xs visible-sm dropdown-submenu-link">Ratgeber</a></li> 550<li><a href="https://www.haller-kreisblatt.de/ratgeber/auto_und_verkehr" class="dropdown-submenu-link">Auto & Verkehr</a></li><li><a href="https://www.haller-kreisblatt.de/ratgeber/bauen_und_wohnen" class="dropdown-submenu-link">Bauen & Wohnen</a></li><li><a href="https://www.haller-kreisblatt.de/ratgeber/beruf_und_bildung" class="dropdown-submenu-link">Beruf & Bildung</a></li><li><a href="https://www.haller-kreisblatt.de/ratgeber/digitales" class="dropdown-submenu-link">Digitales</a></li><li>
550<a href="https://www.haller-kreisblatt.de/ratgeber/ernaehrung" class="dropdown-submenu-link">Ernährung</a></li><li><a href="https://www.haller-kreisblatt.de/ratgeber/familien" class="dropdown-submenu-link">Familien</a></li><li><a href="https://www.haller-kreisblatt.de/ratgeber/garten" class="dropdown-submenu-link">Garten</a></li><li><a href="https://www.haller-kreisblatt.de/ratgeber/geld_und_recht" class="dropdown-submenu-link">Geld & Recht</a></li><li><a href="https://www.haller-kreisblatt.de/ratgeber/gesundheit" class="dropdown-submenu-link">Gesundheit</a></li><li><a href="https://www.haller-kreisblatt.de/ratgeber/lifestyle" class="dropdown-submenu-link">Lifestyle</a></li><li><a href="https://www.haller-kreisblatt.de/ratgeber/reise_und_tourismus" class="dropdown-submenu-link">Reise & Tourismus</a></li><li><a href="https://www.haller-kreisblatt.de/ratgeber/tiere" class="dropdown-submenu-link">Tiere</a></li></ul></li><li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="https://www.haller-kreisblatt.de/region">Region</a><ul class="dropdown-menu "> 551<li><a href="https://www.haller-kreisblatt.de/region" class="visible-xs visible-sm dropdown-submenu-link">Region</a></li> 552<li><a href="https://www.haller-kreisblatt.de/region/nrw" class="dropdown-submenu-link">NRW</a></li></ul></li><li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="https://www.haller-kreisblatt.de/sport">Sport</a><ul class="dropdown-menu "> 553<li><a href="https://www.haller-kreisblatt.de/sport" class="visible-xs visible-sm dropdown-submenu-link">Sport</a></li> 554<li><a href="https://www.haller-kreisblatt.de/sport/lokalsport" class="dropdown-submenu-link">Lokalsport</a></li><li><a href="https://www.haller-kreisblatt.de/sport/dsc_arminia_bielefeld" class="dropdown-submenu-link">DSC Arminia Bielefeld</a></li><li><a href="https://www.haller-kreisblatt.de/sport/spielberichte" class="dropdown-submenu-link">Spielberichte</a></li><li><a href="https://www.haller-kreisblatt.de/sport/sport_aus_aller_welt" class="dropdown-submenu-link">Sport aus aller Welt</a></li></ul></li><li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="https://www.haller-kreisblatt.de/ueberregional">Überregional</a><ul class="dropdown-menu "> 555<li><a href="https://www.haller-kreisblatt.de/ueberregional" class="visible-xs visible-sm dropdown-submenu-link">Überregional</a></li> 556<li><a href="https://www.haller-kreisblatt.de/ueberregional/aus_aller_welt" class="dropdown-submenu-link">Aus aller Welt</a></li><li><a href="https://www.haller-kreisblatt.de/ueberregional/wirtschaft" class="dropdown-submenu-link">Wirtschaft</a></li><li><a href="https://www.haller-kreisblatt.de/ueberregional/politik" class="dropdown-submenu-link">Politik</a></li><li><a href="https://www.haller-kreisblatt.de/ueberregional/kultur_medien" class="dropdown-submenu-link">Kultur / Medien</a></li><li><a href="http://tv.haller-kreisblatt.de" class="dropdown-submenu-link">TV Programm</a></li><li><a href="https://www.haller-kreisblatt.de/ueberregional/meinung" class="dropdown-submenu-link">Meinung</a></li></ul></li> 557 558</ul> 559 560 561
562<script> 563jQuery(document).ready(function() { 564var loginInitiated = false; 565if(loginInitiated == false) { 566jQuery.ajax({ 567type: "GET", 568cache: false, 569url: "/_em_cms/globals/modul.php?modul=login_box", 570dataType: "html", 571headers: { 572"Cache-Control": "no-cache" 573}, 574success: function(html) { 575jQuery("#em_login_head").append(html); 576 577var name = $(".text-login").html(); 578$("#loginIcon i").html(name); 579if(name == "Anmelden"){ 580$("#loginIcon i").hide(); 581$("#loginIcon svg").show(); 582console.log("name if is " + name); 583}else{ 584$("#loginIcon i").show(); 585$("#loginIcon svg").hide(); 586} 587 588jQuery("#loginbox-navbar-destination").replaceWith(jQuery("#loginbox-navbar")); 589jQuery("#em_login_error_destination").html(jQuery("#em_login_error_source").html()); 590jQuery("#xs-login").replaceWith(jQuery("#xs-login-source")); 591 592 593 594} 595}); 596 597loginInitiated = true; 598} 599}); 600</script>
600 601<!-- style für Abobutton --> 602<style> 603.nw-hover:hover { 604background-color: #AB080E !important; 605} 606 607@media (min-width: 1025px) { 608.navbar.mainnav { 609padding: 10px 0 10px 0 !important; 610} 611} 612@media (min-width: 1025px) { 613#em_login_head, #em_search_head { 614display: inline-block !important; 615} 616} 617</style> 618<ul class="mainnav-2 nav navbar-nav navbar-right"> 619 620 621 622 623<!--<li> 624<div class="nw-hidden sm:nw-inline nw-inline nw-flex nw-justify-between nw-items-center"> 625<div class=""> 626<a href="https://www.haller-kreisblatt.de/abos/webabos" onclick="_paq.push(['trackEvent', 'Menü', device + ' Top', 'Abo']);" class="hover:nw-no-underline nw-uppercase nw-btn-primary-md hover:nw-text-white focus:nw-text-white" style="text-decoration-line: none;"> 627HK+ TESTEN 628</a> 629</div> 630</div> 631</li>--> 632 633<li class="pull-right pull-mobil-none"> 634<li><a href="/abos" onclick="_paq.push(['trackEvent', 'Menü', device + ' Top', 'Abo']);">Abo</a> 635</li> 636<li class="pull-right pull-mobil-none"> 637<li><a href="https://www.haller-kreisblatt.de/epaper" onclick="_paq.push(['trackEvent', 'Menü', device + ' Top', 'ePaper']);">ePaper</a> 638</li> 639<li id="em_search_head"> 640<a href="/suche"><span class="nw-sr-only">Suche</span><i class="fa fa-search"></i></a> 641</li> 642 643<li class="dropdown active"><a class="dropdown-toggle" data-toggle="dropdown" href="https://meinkonto.haller-kreisblatt.de">Mein HK</a><ul class="dropdown-menu has-submenu"> 644<li><a href="https://meinkonto.haller-kreisblatt.de" class="visible-xs visible-sm dropdown-submenu-link">Mein HK</a></li> 645<li class="dropdown-submenu"><a href="https://www.haller-kreisblatt.de/mein_hk/abo" class="dropdown-submenu-link active">Abo</a><ul class="dropdown-menu"><li><a href="https://www.haller-kreisblatt.de/abos" >Alle Abo-Angebote</a></li><li><a href="https://meinkonto.haller-kreisblatt.de" >Abo-Service</a></li><li><a href="https://www.haller-kreisblatt.de/mein_hk/abo/vertrag_kuendigen" >Vertrag kündigen</a></li></ul></li><li><a href="https://www.haller-kreisblatt.de/mein_hk/der_ravensberger" class="dropdown-submenu-link">Der Ravensberger</a></li><li class="dropdown-submenu"><a href="https://www.haller-kreisblatt.de/mein_hk/service/ansprechpartner" class="dropdown-submenu-link">Service</a><ul class="dropdown-menu"><li><a href="https://www.haller-kreisblatt.de/mein_hk/service/ansprechpartner" >Ansprechpartner</a></li><li><a href="https://www.haller-kreisblatt.de/mein_hk/service/wir_ueber_uns" >Wir über uns</a></li><li><a href="https://www.haller-kreisblatt.de/mein_hk/service/nutzungsbedingung" >Nutzungsbedingung</a></li><li><a href="http://tv.haller-kreisblatt.de" >TV-Programm</a></li><li><a href="https://www.haller-kreisblatt.de/mein_hk/service/whatsapp" >WhatsApp</a></li></ul></li><li class="dropdown-submenu"><a href="https://www.haller-kreisblatt.de/mein_hk/anzeigen" class="dropdown-submenu-link">Anzeigen</a><ul class="dropdown-menu"><li><a href="https://haller-kreisblatt.anzeigen-aufgabe.de" >Anzeige aufgeben</a></li></ul></li><li class="dropdown-submenu"><a href="https://www.haller-kreisblatt.de/mein_hk/hk_epaper" class="dropdown-submenu-link">HK-ePaper</a><ul class="dropdown-menu"><li><a href="https://www.haller-kreisblatt.de/mein_hk/abo" >Bestellung</a></li><li><a href="https://www.haller-kreisblatt.de/mein_hk/hk_epaper/anleitung" >Anleitung</a></li><li><a href="https://www.haller-kreisblatt.de/mein_hk/hk_epaper/update_der_e_paper_app" >Update der E-Paper-App</a></li></ul></li><li><a href="https://www.haller-kreisblatt.de/mein_hk/gewinnspiele" class="dropdown-submenu-link">Gewinnspiele</a></li><li><a href="https://www.haller-kreisblatt.de/mein_hk/hk_karte" class="dropdown-submenu-link">HK-Karte</a></li><li><a href="https://www.haller-kreisblatt.de/newsletter" class="dropdown-submenu-link">Newsletter</a></li><li class="dropdown-submenu"><a href="https://shop.haller-kreisblatt.de" class="dropdown-submenu-link">Shop</a><ul class="dropdown-menu"><li><a href="https://shop.haller-kreisblatt.de" >Abo-Shop</a></li><li><a href="https://www.haller-kreisblatt.de/sprachkurse" >Online-Sprachkurse</a></li><li><a href="https://shop.nw.de/hw/hk" >HK-Premiumservice</a></li></ul></li><li><a href="https://www.haller-kreisblatt.de/mein_hk/hochzeiten_im_hk" class="dropdown-submenu-link">Hochzeiten im HK</a></li></ul> 646<div class="dropdown-submenu-background"> 647 648</div></li><li class="dropdown visible-xs visible-sm"><a class="dropdown-toggle" href="/suche">Suche</a></li> 649 650<li id="em_login_head"> 651 652</li> 653</ul> 654 655</div><!-- /.navbar-collapse --> 656<div id="loginbox-navbar-destination" class="profile-menu"></div> 657</nav> 658 659</header> <!-- /header --> </div> <!-- /first container --> <div class="container container-content"> 660<div id="em_ad_billboard"> 661 662</div> 663 664 665<!--__FRABO__--> 666
667<script> 668 function isValidEmail(email) { 669 const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; 670 return emailPattern.test(email); 671 } 672 673 function showEmailError(message) { 674 const errorElement = document.getElementById('email-error'); 675 errorElement.textContent = message; 676 errorElement.classList.remove('nw-hidden'); 677 } 678 679 function hideEmailError() { 680 const errorElement = document.getElementById('email-error'); 681 errorElement.textContent = ''; 682 errorElement.classList.add('nw-hidden'); 683 } 684 685 // This is for check_email.html.twig 686 function sendEmail(email, encryptedOfferToken, backbutton_offer_data) { 687 var xhr = new XMLHttpRequest(); 688 var url = "/_em_daten/locals/module/nw/_includes/twig/current/public/scripts/sso/sso_auth_forms_handler.php"; 689 690 xhr.open("POST", url, true); 691 xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 692 693 xhr.onload = function() { 694 if (xhr.status >= 200 && xhr.status < 300) { 695 try { 696 var response = JSON.parse(xhr.responseText); 697 // Render form 698 if (response.html) { 699 700 const container = document.getElementById('loginFormContainer'); 701 container.innerHTML = response.html; 702 703 container.querySelectorAll('script').forEach(function(s) { 704 var el = document.createElement('script'); 705 el.textContent = s.textContent; 706 document.head.appendChild(el); 707 document.head.removeChild(el); 708 }); 709 710 var friendlycaptcha_site_key = "FCMO83Q10OILCFKB"; 711 window.initFriendlyCaptchaV2(container, friendlycaptcha_site_key); 712 713 setTimeout(function () { 714 const loginBtn = document.getElementById('login-btn'); 715 if (loginBtn) { 716 const produktname = loginBtn.getAttribute('data-produktname'); 717 const stepname = loginBtn.getAttribute('data-stepname'); 718 const cmsId = loginBtn.getAttribute('data-cmsid'); 719 const stepNumber = loginBtn.getAttribute('data-stepnumber'); 720 721 loginBtn.addEventListener('click', function () { 722 bindFrisbiiCheckoutMatomoTracking(produktname, stepname, null, cmsId, stepNumber); 723 }); 724 } 725 726 const registerBtn = document.getElementById('register-btn'); 727 if (registerBtn) { 728 const produktname = registerBtn.getAttribute('data-produktname'); 729 const stepname = registerBtn.getAttribute('data-stepname'); 730 const cmsId = registerBtn.getAttribute('data-cmsid'); 731 const stepNumber = registerBtn.getAttribute('data-stepnumber'); 732 733 registerBtn.addEventListener('click', function () { 734 bindFrisbiiCheckoutMatomoTracking(produktname, stepname, null, cmsId, stepNumber); 735 }); 736 } 737 }, 100); 738 739 bindForgotPasswordHandler(); 740 bindRegistrationValidation(); 741 bindPasswordToggle(); 742 bindRegisterPasswordToggle(); 743 bindToggleCompanyField(); 744 } 745 } catch (e) { 746 console.error('Invalid JSON response'); 747 } 748 } else { 749 console.error('Failed to send Data'); 750 } 751 }; 752 xhr.send("email=" + encodeURIComponent(email) + "&encryptedOfferToken=" + encodeURIComponent(encryptedOfferToken) + "&backbutton_offer_data=" + encodeURIComponent(backbutton_offer_data)); 753 } 754 755 document.addEventListener('DOMContentLoaded', function() { 756 updateButtonLabel(); 757 758 'use strict'; 759 // Security: Prevent console access in production 760 if (typeof console !== 'undefined' && window.location.hostname !== 'localhost') { 761 console.log = console.warn = console.error = function() {}; 762 } 763 764 const toggleButton = document.getElementById('toggleDetails'); 765 const expandedDetails = document.getElementById('expandedDetails'); 766 767 if (toggleButton && expandedDetails) { 768 const toggleIcon = toggleButton.querySelector('svg'); 769 toggleButton.addEventListener('click', function() { 770 const isExpanded = !expandedDetails.classList.contains('nw-hidden'); 771 if (isExpanded) { 772 // Collapse 773 expandedDetails.classList.add('nw-hidden'); 774 toggleIcon.style.transform = 'rotate(0deg)'; 775 toggleButton.setAttribute('aria-expanded', 'false'); 776 toggleButton.setAttribute('aria-label', 'Details einblenden'); 777 expandedDetails.setAttribute('aria-hidden', 'true'); 778 announceToScreenReader('Details ausgeblendet'); 779 } else { 780 // Expand 781 expandedDetails.classList.remove('nw-hidden'); 782 toggleIcon.style.transform = 'rotate(180deg)'; 783 toggleButton.setAttribute('aria-expanded', 'true'); 784 toggleButton.setAttribute('aria-label', 'Details ausblenden'); 785 expandedDetails.setAttribute('aria-hidden', 'false'); 786 announceToScreenReader('Details eingeblendet'); 787 } 788 }); 789 } 790 791 const emailInput = document.getElementById('email'); 792 const form = document.getElementById('emailForm'); 793 794 emailInput.addEventListener('input', function () { 795 const email = this.value.trim(); 796 if (isValidEmail(email)) { 797 hideEmailError(); 798 } 799 }); 800 801 form.addEventListener('submit', function(event) { 802 event.preventDefault(); 803 const email = emailInput.value.trim(); 804 const encryptedOfferToken = document.getElementById('encryptedOfferToken').value; 805 const backbutton_offer_data = document.getElementById('backbutton_offer_data').value; 806 807 if (!isValidEmail(email)) { 808 showEmailError('Bitte geben Sie eine gültige E-Mail-Adresse ein.'); 809 return; 810 } 811 812 hideEmailError(); 813 sessionStorage.removeItem('zahloption_fired'); 814 trackMarfeelStep('checkout-konto-pruefen'); 815 sendEmail(email, encryptedOfferToken, backbutton_offer_data); 816 }); 817 }); 818 819
820 function bindForgotPasswordHandler() { 821 const forgotLink = document.getElementById('forgotPasswordLink'); 822 if (forgotLink) { 823 forgotLink.addEventListener('click', function(e) { 824 e.preventDefault(); 825 826 const passwordField = document.getElementById('password-field'); 827 if (passwordField) { 828 passwordField.querySelector('input').disabled = true; 829 passwordField.classList.add('nw-hidden'); 830 forgotLink.classList.add('nw-hidden'); 831 } 832 833 const form = document.getElementById('loginForm'); 834 if (form) { 835 form.action = '/_em_daten/locals/module/nw/_includes/twig/current/public/scripts/sso/sso_forget_password_process.php?nc'; 836 } 837 838 const button = form.querySelector('button[type="submit"]'); 839 if (button) { 840 button.textContent = 'Passwort zurücksetzen'; 841 } 842 }); 843 } 844 } 845 846 function bindRegistrationValidation() { 847 const form = document.getElementById('registrationForm'); 848 if (!form) return; 849 850 const passwordInput = document.getElementById('register-password'); 851 const passwordError = document.getElementById('register-password-error'); 852 const firstName = document.getElementById('first-name'); 853 const firstNameError = document.getElementById('first-name-error'); 854 const lastName = document.getElementById('last-name'); 855 const lastNameError = document.getElementById('last-name-error'); 856 const street = document.getElementById('street'); 857 const streetError = document.getElementById('street-error'); 858 const street_no = document.getElementById('street_no'); 859 const street_noError = document.getElementById('street-no-error'); 860 const zip_code = document.getElementById('zip_code'); 861 const zip_codeError = document.getElementById('zip-code-error'); 862 const city = document.getElementById('city'); 863 const cityError = document.getElementById('city-error'); 864 const agbCheckbox = document.getElementById('my_agb'); 865 const agbError = document.getElementById('agb-error'); 866 const generalError = document.getElementById('general-error'); 867 const companyName = document.getElementById('company-name'); 868 const companyError = document.getElementById('company-error'); 869 870 function showError(element, message) { 871 if (element) { 872 element.textContent = message; 873 element.classList.remove('nw-hidden'); 874 } 875 } 876 877 function hideError(element) { 878 if (element) { 879 element.textContent = ''; 880 element.classList.add('nw-hidden'); 881 } 882 } 883 884 function validatePassword(pw) { 885 if (!pw) return 'Dieses Feld ist erforderlich.'; 886 if (pw.length < 6) return 'Das Passwort muss mindestens 6 Zeichen lang sein.'; 887 if (pw.length > 100) return 'Das Passwort darf maximal 100 Zeichen lang sein.'; 888 889 const allowedChars = /^[a-zA-Z0-9 !"§\$%&\/()=?+\*\-:;,\._#<>\@\[\]\{\}\\~\|\`\^]+$/; 890 if (!allowedChars.test(pw)) return 'Ungültige Zeichen im Passwort.'; 891 892 if (/^[\s?!]/.test(pw)) return 'Das erste Zeichen darf kein ?, ! oder Leerzeichen sein.'; 893 if (pw.slice(0, 3).includes(" ")) return 'Leerzeichen sind in den ersten 3 Zeichen nicht erlaubt.'; 894 if (pw.length >= 3 && pw[0] === pw[1] && pw[1] === pw[2]) return 'Die ersten 3 Zeichen dürfen nicht identisch sein.'; 895 896 return ''; 897 } 898 899 function validateStreetNo(streetNo) { 900 if (!streetNo.trim()) return 'Die Hausnummer darf nicht leer sein.'; 901 const regex = /^(\d+[a-zA-Z]?)(-(\d+[a-zA-Z]?))?$/; 902 if (!regex.test(streetNo)) return 'Ungültiges Format für die StraÃen-Nr. (z.â¯B. 12, 12a oder 12-13).'; 903 const firstPart = streetNo.split('-')[0]; 904 if (/^0/.test(firstPart)) return 'Hausnummer darf nicht mit 0 beginnen.'; 905 return ''; 906 } 907 908 function validateZipCode(zipCode) { 909 if (!zipCode.trim()) return 'Die Postleitzahl darf nicht leer sein.'; 910 if (!/^\d{5}$/.test(zipCode)) return 'Die Postleitzahl muss genau 5 Ziffern enthalten.'; 911 return ''; 912 } 913 914 function validateNoNumbers(value) { 915 return /\d/.test(value) ? 'Zahlen sind in diesem Feld nicht erlaubt.' : ''; 916 } 917 918 function validateRequiredText(value) { 919 return !value.trim() ? 'Dieses Feld ist erforderlich.' : ''; 920 } 921 922 function validateField(input, errorElement, ...validators) { 923 const value = input.value.trim(); 924 for (const validator of validators) { 925 const error = validator(value); 926 if (error) { 927 showError(errorElement, error); 928 return false;
929 } 930 } 931 hideError(errorElement); 932 return true; 933 } 934 935 function validateCompanyWhenFirma(value) { 936 const selectedType = document.querySelector('input[name="customer_type"]:checked')?.value; 937 if (selectedType !== '2') { 938 return null; 939 } 940 return validateRequiredText(value) || validateNoNumbers(value) || null; 941 } 942 943 const liveValidate = [ 944 { input: passwordInput, error: passwordError, validators: [validatePassword] }, 945 { input: street_no, error: street_noError, validators: [validateStreetNo] }, 946 { input: zip_code, error: zip_codeError, validators: [validateZipCode] }, 947 { input: firstName, error: firstNameError, validators: [validateRequiredText, validateNoNumbers] }, 948 { input: lastName, error: lastNameError, validators: [validateRequiredText, validateNoNumbers] }, 949 { input: street, error: streetError, validators: [validateRequiredText, validateNoNumbers] }, 950 { input: city, error: cityError, validators: [validateRequiredText, validateNoNumbers] } 951 ]; 952 953 liveValidate.forEach(({ input, error, validators }) => { 954 input.addEventListener('input', () => { 955 validateField(input, error, ...validators); 956 }); 957 }); 958 959 agbCheckbox.addEventListener('change', () => { 960 if (agbCheckbox.checked) { 961 hideError(agbError); 962 } else { 963 showError(agbError, 'Bitte stimmen Sie den Allgemeinen Geschäftsbedingungen zu.'); 964 } 965 }); 966 967 //Handles live validation when the user types in the company field 968 companyName.addEventListener('input', () => { 969 // Validate only if Firma is selected 970 const selectedType = document.querySelector('input[name="customer_type"]:checked')?.value; 971 if (selectedType === '2') { 972 validateField(companyName, companyError, validateCompanyWhenFirma); 973 } else { 974 hideError(companyError); // If switched to Privatkunde, hide error 975 } 976 }); 977 978 //Handles radio button changes (switching between Privatkunde and Firma) 979 document.querySelectorAll('input[name="customer_type"]').forEach(radio => { 980 radio.addEventListener('change', () => { 981 const selectedType = document.querySelector('input[name="customer_type"]:checked')?.value; 982 if (selectedType !== '2') { 983 // Switching to Privatkunde â hide error and optionally clear value 984 hideError(companyError); 985 } else { 986 // Switching to Firma â do NOT show error yet; wait for submit 987 hideError(companyError); 988 } 989 }); 990 }); 991 992 form.addEventListener('submit', function (e) { 993 let valid = true; 994 995 liveValidate.forEach(({ input, error, validators }) => { 996 const isValid = validateField(input, error, ...validators); 997 if (!isValid) valid = false; 998 }); 999 1000 // Validate company only if Firma selected 1001 const isCompanyValid = validateField(companyName, companyError, validateCompanyWhenFirma); 1002 if (!isCompanyValid) valid = false; 1003 1004 if (!agbCheckbox.checked) { 1005 showError(agbError, 'Bitte stimmen Sie den Allgemeinen Geschäftsbedingungen zu.'); 1006 valid = false; 1007 } else { 1008 hideError(agbError); 1009 } 1010 1011 if (!valid) { 1012 e.preventDefault(); 1013 generalError.classList.remove('nw-hidden'); 1014 } else { 1015 generalError.classList.add('nw-hidden'); 1016 } 1017 }); 1018 } 1019
1020 function bindPasswordToggle() { 1021 const togglePassword = document.getElementById('toggle-password'); 1022 const loginPassword = document.getElementById('login-password'); 1023 1024 if (togglePassword && loginPassword) { 1025 togglePassword.addEventListener('click', function () { 1026 const type = loginPassword.type === 'password' ? 'text' : 'password'; 1027 loginPassword.type = type; 1028 1029 const svg = togglePassword.querySelector('svg'); 1030 if (type === 'text') { 1031 svg.innerHTML = '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.542-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.878 9.878L3 3m6.878 6.878L21 21"></path>'; 1032 } else { 1033 svg.innerHTML = '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>'; 1034 } 1035 }); 1036 } 1037 } 1038 1039 function bindRegisterPasswordToggle() { 1040 const toggleRegisterPassword = document.getElementById('toggle-register-password'); 1041 const registerPassword = document.getElementById('register-password'); 1042 1043 if (toggleRegisterPassword && registerPassword) { 1044 toggleRegisterPassword.addEventListener('click', function () { 1045 const type = registerPassword.type === 'password' ? 'text' : 'password'; 1046 registerPassword.type = type; 1047 1048 const svg = toggleRegisterPassword.querySelector('svg'); 1049 if (svg) { 1050 if (type === 'text') { 1051 svg.innerHTML = '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.542-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.878 9.878L3 3m6.878 6.878L21 21"></path>'; 1052 } else { 1053 svg.innerHTML = '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>'; 1054 } 1055 } 1056 }); 1057 } 1058 } 1059 1060 function checkoutReturnUrl() { 1061 const storedUrl = localStorage.getItem('checkoutReturnUrl'); 1062 1063 localStorage.removeItem('checkoutReturnUrl'); 1064 localStorage.removeItem('buttonLabel'); 1065 1066 if (storedUrl) { 1067 window.location.href = storedUrl; 1068 } else { 1069 window.location.href = "https://www.haller-kreisblatt.de"; 1070 } 1071 } 1072 1073 function updateButtonLabel() { 1074 const backToEmailButton = document.getElementById('back-to-email'); 1075 if (backToEmailButton) { 1076 const storedButtonLabel = localStorage.getItem('buttonLabel'); 1077 if (storedButtonLabel) { 1078 backToEmailButton.textContent = storedButtonLabel; 1079 } 1080 } 1081 } 1082 1083 1084 function bindToggleCompanyField() { 1085 const selected = document.querySelector('input[name="customer_type"]:checked').value; 1086 const companyField = document.getElementById('company-field'); 1087 if (selected === '2') { 1088 companyField.classList.remove('nw-hidden'); 1089 } else { 1090 companyField.classList.add('nw-hidden'); 1091 } 1092 } 1093 1094 function bindFrisbiiCheckoutMatomoTracking(produktname, stepname, orderId, cmsId, stepNumber) { 1095 const EVENT_ACTION = { 1096 produktname: produktname, 1097 Stepname: stepname, 1098 cmsId: cmsId 1099 }; 1100 1101 if (orderId !== null && orderId !== undefined && orderId !== '') { 1102 EVENT_ACTION.orderId = orderId; 1103 } 1104 1105 _paq.push(['trackEvent', 'CheckoutStep', JSON.stringify(EVENT_ACTION), stepNumber]); 1106 } 1107 1108 function trackDriveConversion(orderId, product, price, paymentMethod) { 1109 window.drive('trackSelfDescribingEvent', { 1110 schema: 'iglu:de.drive/subscription_context/jsonschema/1-0-0', 1111 data: { 1112 action: 'conversion', 1113 label: 'thankyou-page', 1114 product: product, 1115 price: String(price), 1116 payment_method: paymentMethod 1117 } 1118 }); 1119 } 1120 1121 function trackMarfeelStep(conversionName, meta) { 1122 window.marfeel = window.marfeel || { cmd: [] }; 1123 window.marfeel.cmd.push(['compass', function(compass) { 1124 compass.trackConversion(conversionName, { 1125 meta: Object.assign({ 1126 pageId: '25058', 1127 offerId: '100004' 1128 }, meta || {}) 1129 }); 1130 }]); 1131 } 1132 </script>
1132 1133 1134 <!-- v2 SDK via CDN, imported as a browser ESM module --> 1135
1135<script type="module"> 1136 import { FriendlyCaptchaSDK } from 'https://cdn.jsdelivr.net/npm/@friendlycaptcha/[email protected]/+esm'; 1137 1138 // Reuse a single SDK instance 1139 const sdk = new FriendlyCaptchaSDK(); 1140 1141 // Expose a function globally so your XHR callback can call it 1142 window.initFriendlyCaptchaV2 = function initFriendlyCaptchaV2(containerEl, sitekey) { 1143 if (!containerEl) return; 1144 1145 // Find every .frc-captcha you just injected 1146 containerEl.querySelectorAll('.frc-captcha').forEach((el) => { 1147 // Clean up a previous instance in case of re-renders 1148 if (el.__frcV2?.destroy) { 1149 try { el.__frcV2.destroy(); } catch (_) {} 1150 } 1151 1152 // Create the widget on this element 1153 el.__frcV2 = sdk.createWidget({ 1154 element: el, 1155 sitekey, // <-- your v2 sitekey 1156 startMode: 'auto', // optional; 'auto' | 'focus' | 'none' 1157 // theme: 'auto', // optional; 'light' | 'dark' | 'auto' 1158 // formFieldName: 'frc-captcha-response' // default; change if you need 1159 }); 1160 }); 1161 }; 1162 </script>
1162 1163 1164 <div class="nw-min-h-screen" style="background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 100%);"> 1165 <main id="main-content" class="nw-max-w-4xl nw-mx-auto nw-px-4 sm:nw-px-6 nw-py-4 sm:nw-py-8" role="main" aria-label="E-Paper Bestellformular"> 1166<div class="checkout-header nw-bg-white nw-rounded-2xl nw-shadow-lg nw-p-4 nw-mb-6" style="background: linear-gradient(135deg, #0071A1 0%, #005a85 100%);"> 1167 <div class="nw-flex nw-items-start nw-justify-between nw-mb-4"> 1168 <div class="nw-flex nw-items-start nw-space-x-3"> 1169 <div class="nw-flex-1 nw-min-w-0"> 1170 <div class="nw-flex nw-items-center nw-space-x-2"> 1171 <h2 class="nw-text-base sm:nw-text-lg nw-font-semibold nw-text-white">Wochenabo HK+</h2> 1172 </div> 1173 <div class="nw-flex nw-items-center"> 1174 <button id="toggleDetails" class="nw-text-sm nw-text-white nw-text-opacity-80 nw-flex nw-items-center hover:nw-text-white nw-transition-transform nw-duration-200 nw-p-1 nw-min-h-[44px] nw-min-w-[44px]" aria-label="Details einblenden" aria-expanded="false" aria-controls="expandedDetails"> 1175 Details: 1176 <svg class="nw-w-4 nw-h-4 nw-transform nw-transition-transform nw-duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 1177 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 1178 </svg> 1179 </button> 1180 </div> 1181 <!-- Expanded Details --> 1182 <div id="expandedDetails" class="nw-hidden nw-mt-0 nw-space-y-3 nw-text-sm nw-text-white nw-text-opacity-90" aria-hidden="true"> 1183 <div class="nw-mt-3 nw-ml-4"> 1184 6 Monate 4,00 ⬠mtl.<br>6 weitere Monate 8,00 ⬠mtl.<br>ab dem 13. Monat 14,90 ⬠mtl. 1185 <p>monatliche Abrechnung </p><p>monatlich kündbar</p><p>inkl. HK+ Updates per Mail</p> 1186 </div> 1187 </div> 1188 </div> 1189 </div> 1190 <div class="nw-text-right nw-flex-shrink-0"> 1191 <div class="nw-text-2xl sm:nw-text-3xl nw-font-bold nw-text-white">1,00 â¬</div> 1192 <div class="nw-text-xs sm:nw-text-sm nw-text-white nw-text-opacity-90">wöchentlich</div> 1193 </div> 1194 </div> 1195 1196 <div class="nw-bg-white nw-rounded-xl nw-p-3 sm:nw-p-4 nw-mt-4 nw-text-sm"> 1197 <div class="nw-flex nw-flex-col sm:nw-flex-row nw-items-center nw-justify-center nw-space-y-2 sm:nw-space-y-0 sm:nw-space-x-6"> 1198 <div class="nw-text-center"> 1199 <div class="nw-font-semibold nw-text-sm sm:nw-text-base" style="color: #0071A1;">monatliche Abrechnung </div> 1200 </div> 1201 <div class="nw-w-6 nw-h-px sm:nw-w-px sm:nw-h-6" style="background-color: #0071A1; opacity: 0.3;"></div> 1202 <div class="nw-text-center"> 1203 <div class="nw-font-semibold nw-text-sm sm:nw-text-base" style="color: #0071A1;">monatlich kündbar</div> 1204 </div> 1205 </div> 1206 </div> 1207</div> 1208<!-- register step 1 --> 1209<div class="nw-bg-white nw-rounded-2xl nw-pb-6 nw-shadow-lg"> 1210 <h2 class="nw-text-xl sm:nw-text-2xl nw-font-bold nw-mb-6 sm:nw-mb-8 nw-text-center sm:nw-text-left nw-px-4 nw-pt-4" style="color: #0071A1;">Ihre Bestellung</h2> 1211 1212 <nav class="nw-flex nw-items-center nw-justify-between nw-mb-6 sm:nw-mb-8 nw-px-4" role="navigation" aria-label="Bestellvorgang"> 1213 <div class="nw-flex nw-flex-col sm:nw-flex-row nw-items-center"> 1214 <div class="nw-w-8 nw-h-8 sm:nw-w-10 sm:nw-h-10 nw-rounded-full nw-text-white nw-flex nw-items-center nw-justify-center nw-font-semibold nw-text-xs sm:nw-text-sm nw-shadow-md" style="background: linear-gradient(135deg, #0071A1 0%, #005a85 100%);" aria-current="step"> 1215 1 1216 </div> 1217 <span class="nw-mt-1 sm:nw-mt-0 sm:nw-ml-3 nw-text-xs sm:nw-text-sm nw-font-medium nw-text-center" style="color: #0071A1;">Ihre Daten</span> 1218 </div> 1219 <div id="progress-1-2" class="nw-flex-1 nw-h-1 nw-bg-gray-200 nw-mx-2 sm:nw-mx-4 nw-rounded-full nw-min-w-0" aria-hidden="true"></div> 1220 <div class="nw-flex nw-flex-col sm:nw-flex-row nw-items-center"> 1221 <div id="step-1-2" class="nw-w-8 nw-h-8 sm:nw-w-10 sm:nw-h-10 nw-rounded-full nw-bg-gray-200 nw-text-gray-500 nw-flex nw-items-center nw-justify-center 1222 nw-font-semibold nw-text-xs sm:nw-text-sm" style=""> 1223 2 1224 </div>
1225 <span id="step-1-2-span" class="nw-mt-1 sm:nw-mt-0 sm:nw-ml-3 nw-text-xs sm:nw-text-sm nw-font-medium nw-text-gray-500 nw-text-center" style="">Zahlung</span> 1226 </div> 1227 <div id="progress-1-3" class="nw-flex-1 nw-h-1 nw-bg-gray-200 nw-mx-2 sm:nw-mx-4 nw-rounded-full nw-min-w-0" aria-hidden="true"></div> 1228 <div class="nw-flex nw-flex-col sm:nw-flex-row nw-items-center"> 1229 <div id="step-1-3" class="nw-w-8 nw-h-8 sm:nw-w-10 sm:nw-h-10 nw-rounded-full nw-bg-gray-200 nw-text-gray-500 nw-flex nw-items-center nw-justify-center 1230 nw-font-semibold nw-text-xs sm:nw-text-sm" style=""> 1231 3 1232 </div> 1233 <span id="step-1-3-span" class="nw-mt-1 sm:nw-mt-0 sm:nw-ml-3 nw-text-xs sm:nw-text-sm nw-font-medium nw-text-gray-500 nw-text-center" style="">Fertig</span> 1234 </div> 1235 </nav> 1236 <!-- step1 --> 1237 <div id="auth-step" class="nw-space-y-6 nw-p-4"> 1238 <h3 class="nw-text-lg sm:nw-text-xl nw-font-semibold nw-mb-4 nw-text-center sm:nw-text-left" style="color: #0071A1;">Loggen Sie sich ein oder erstellen Sie ein Konto</h3> 1239 <div id="email-step" class="nw-space-y-4"> 1240 <div class="nw-space-y-1"> 1241 <div id="loginFormContainer"> 1242 <form id="emailForm"> 1243 <div class="nw-mb-4"> 1244 <label for="email" class="nw-block nw-text-sm nw-font-medium nw-text-gray-700">E-Mail-Adresse *</label> 1245 <input type="email" id="email" name="email" class="nw-w-full nw-px-4 nw-py-3 nw-border nw-rounded-xl nw-text-base nw-border-gray-300 focus:nw-ring-2 focus:nw-border-transparent nw-transition-all nw-duration-200" placeholder="[email protected]" autocomplete="email" spellcheck="false" pattern="^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$"> 1246 <p id="email-error" class="nw-text-sm nw-text-red-500 nw-mt-1 nw-hidden" aria-live="polite"></p> 1247 </div> 1248 <div class="nw-mb-4"> 1249 <input type="hidden" id="encryptedOfferToken" name="encryptedOfferToken" value="AdQBR3sMrSMjIwkAhczIeUf7QpH1GYwLAAMf-S6k5o1MFoTCNzekQPe6gyHreTxO"> 1250 <input type="hidden" id="backbutton_offer_data" name="backbutton_offer_data" value="AdQBR3sMrSMjIwkAhczIeUf7QpH1GYwLAAMf-S6k5o3N9x4inwyEvQC2puF7cZ_HpqyosbLtGMx4tc0nkyzrvxefpJX3H0zppuIU-VlxgxA"> 1251 </div> 1252 <div> 1253 <button type="submit" onclick="bindFrisbiiCheckoutMatomoTracking(100004, 'Konto Prüfen', null, 20031, '2')" class="nw-w-full nw-py-4 sm:nw-py-4 nw-px-6 nw-text-white nw-font-semibold nw-text-base nw-rounded-xl nw-transition-all nw-duration-200 nw-shadow-lg hover:nw-shadow-xl nw-transform hover:nw-scale-105 nw-min-h-[48px] active:nw-scale-95" style="background: linear-gradient(135deg, #0071A1 0%, #005a85 100%) !important; color: white !important;" aria-describedby="continue-help"}>Weiter</button> 1254 </div> 1255 </form> 1256 </div> 1257 </div> 1258 </div> 1259 </div> 1260 1261 <!-- step2 --> 1262 <div id="step2-block" class="nw-bg-white nw-hidden"> 1263 1264 <!-- Frisbii Media Javascript SDK will inject the Checkout into this div --> 1265 1266 </div> 1267 <!-- step3 <div class="nw-bg-white nw-rounded-2xl nw-shadow-lg nw-p-4 nw-hidden"> --> 1268 <div id="step3-block" class="nw-bg-white nw-p-4 nw-hidden"> 1269 <div class="nw-bg-green-200 nw-text-white nw-p-4 nw-rounded-md nw-mb-4"> 1270 <div class="nw-flex nw-items-top nw-mb-2"> 1271 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="nw-w-6 nw-h-6 nw-mr-1"> 1272 <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> 1273 </svg> 1274 <p class="nw-text-base nw-font-bold">Ihre Bestellung war erfolgreich!</p> 1275 </div> 1276 </div> 1277 <div class="nw-text-black nw-p-4 nw-rounded-md nw-mb-4"> 1278 <div class="nw-flex nw-items-top nw-mb-2"> 1279 <p class="nw-text-base nw-font-bold">Bitte bestätigen Sie jetzt Ihre E-Mail-Adresse!</p> 1280 </div> 1281 <div class="nw-text-sm nw-font-medium"> 1282 Den Link zur Bestätigung finden Sie in Ihrem E-Mail-Postfach. 1283 Kehren Sie danach zurück und melden Sie sich mit Ihren Benutzerdaten an. Im Anschluss können Sie alle Artikel lesen. 1284 </div> 1285 </div> 1286
1286<script> 1287 let user_has_not_confirmed; 1288 user_has_not_confirmed = false; 1289 localStorage.setItem('user_has_not_confirmed', user_has_not_confirmed); 1290 </script>
1290 1291 <div class="nw-flex nw-flex-col sm:nw-flex-row nw-space-y-3 sm:nw-space-y-0 sm:nw-space-x-3"> 1292 <button type="button" id="back-to-email" class="nw-flex-1 nw-py-4 nw-px-6 nw-font-medium nw-text-gray-700 nw-border nw-border-gray-300 nw-rounded-xl 1293 hover:nw-bg-gray-50 nw-transition-colors nw-duration-200 nw-min-h-[48px] active:nw-scale-95" 1294 onclick="checkoutReturnUrl()"> 1295 Zurück zu Startseite 1296 </button> 1297 </div> 1298 </div> 1299 </div> 1300 1301<div class="nw-bg-white nw-rounded-2xl nw-shadow-lg nw-p-6 nw-mt-6"> 1302 <h3 class="nw-text-lg nw-font-semibold nw-mb-4" style="color: #0071A1;">BRAUCHEN SIE HILFE?</h3> 1303 1304 <div class="nw-flex nw-flex-col md:nw-flex-row nw-gap-4"> 1305 <div class="nw-flex nw-items-center nw-px-4 nw-py-3 nw-rounded-xl nw-flex-1" style="background-color: #E6F3F8;"> 1306 <svg class="nw-w-5 nw-h-5 nw-mr-3" style="color: #0071A1;" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1307 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> 1308 </svg> 1309 <a href="mailto:[email protected]" class="nw-text-gray-700 hover:nw-text-gray-900 nw-underline nw-text-sm">[email protected]</a> 1310 </div> 1311 1312 <div class="nw-flex nw-items-center nw-bg-green-50 nw-px-4 nw-py-3 nw-rounded-xl nw-flex-1"> 1313 <svg class="nw-w-5 nw-h-5 nw-mr-3 nw-text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1314 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> 1315 </svg> 1316 <a href="tel:05201 15 14 1" class="nw-text-gray-700 hover:nw-text-gray-900 nw-underline nw-text-sm">05201 15 14 1</a> 1317 </div> 1318 </div> 1319</div> 1320 1321<div class="nw-flex nw-justify-center nw-items-center nw-space-x-3 nw-mt-6 nw-flex-wrap"> 1322 <img src="https://www.haller-kreisblatt.de/_em_daten/locals/module/nw/_includes/twig/current/public/images/zahlen-methoden/payment_creditcard.svg" alt="Credit Card"> 1323 <img src="https://www.haller-kreisblatt.de/_em_daten/locals/module/nw/_includes/twig/current/public/images/zahlen-methoden/payment_paypal_badge.svg" alt="PayPal"> 1324 <img src="https://www.haller-kreisblatt.de/_em_daten/locals/module/nw/_includes/twig/current/public/images/zahlen-methoden/payment_sepa.svg" alt="Sepa"> 1325 <!--<img src="https://www-test2.nw.de/_em_daten/locals/module/nw/_includes/twig/current/public/images/zahlen-methoden/payment_apay.svg" alt="apay">--> 1326 <!--<img src="https://www-test2.nw.de/_em_daten/locals/module/nw/_includes/twig/current/public/images/zahlen-methoden/payment_g-pay.svg" alt="gpay">--> 1327</div> 1328</main> 1329</div> 1330 1331<style> 1332 /* Security: Prevent form field highlighting for screenshots */ 1333 input[type="password"], 1334 input[type="email"] { 1335 -webkit-user-select: none; 1336 -moz-user-select: none; 1337 -ms-user-select: none; 1338 user-select: none; 1339 } 1340 1341 input[type="password"]::-ms-reveal { 1342 display: none; 1343 } 1344 1345 /* Security: Prevent autocomplete styling leakage */ 1346 input:-webkit-autofill, 1347 input:-webkit-autofill:hover, 1348 input:-webkit-autofill:focus { 1349 -webkit-box-shadow: 0 0 0 30px white inset !important; 1350 -webkit-text-fill-color: #374151 !important; 1351 } 1352 1353 /* Security: Hide sensitive content during print */ 1354 @media print { 1355 1356 input[type="password"], 1357 input[type="email"] { 1358 visibility: hidden; 1359 } 1360 } 1361 1362 /* CRITICAL FIX: Ensure button visibility and override accessibility CSS conflicts */ 1363 #continue-btn, 1364 #login-btn, 1365 #register-btn { 1366 background: linear-gradient(135deg, #0071A1 0%, #005a85 100%) !important; 1367 color: white !important; 1368 border: none !important; 1369 opacity: 1 !important; 1370 visibility: visible !important; 1371 } 1372 1373 #continue-btn:focus, 1374 #login-btn:focus, 1375 #register-btn:focus { 1376 background: linear-gradient(135deg, #005a85 0%, #004a6d 100%) !important; 1377 color: white !important; 1378 outline: 2px solid #0071A1 !important; 1379 outline-offset: 2px !important; 1380 opacity: 1 !important; 1381 visibility: visible !important; 1382 } 1383 1384 #continue-btn:hover, 1385 #login-btn:hover, 1386 #register-btn:hover { 1387 background: linear-gradient(135deg, #005a85 0%, #004a6d 100%) !important; 1388 color: white !important; 1389 opacity: 1 !important; 1390 visibility: visible !important; 1391 } 1392 1393 /* Ensure back buttons are visible */ 1394 #back-to-email, 1395 #back-to-email-from-register { 1396 background: white !important; 1397 color: #374151 !important; 1398 border: 1px solid #d1d5db !important; 1399 opacity: 1 !important; 1400 visibility: visible !important; 1401 } 1402 1403 #back-to-email:focus, 1404 #back-to-email-from-register:focus { 1405 background: #f9fafb !important; 1406 color: #374151 !important; 1407 outline: 2px solid #0071A1 !important; 1408 outline-offset: 2px !important; 1409 opacity: 1 !important; 1410 visibility: visible !important; 1411 } 1412</style> 1413 1414
1414<script> 1415 function activateStep2() { 1416 // Schritt 2 Kreis + Label 1417 const step2Circle = document.getElementById('step-1-2'); 1418 const step2Label = document.getElementById('step-1-2-span'); 1419 step2Circle.style.background = 'linear-gradient(135deg, #0071A1 0%, #005a85 100%)'; 1420 step2Circle.classList.remove('nw-bg-gray-200', 'nw-text-gray-500'); 1421 step2Circle.classList.add('nw-text-white', 'nw-shadow-md'); 1422 step2Label.classList.remove('nw-text-gray-500'); 1423 step2Label.style.color = '#0071A1'; 1424 1425 // â Fortschrittslinie per ID ansprechen 1426 const progressBar1to2 = document.getElementById('progress-1-2'); 1427 if (progressBar1to2) { 1428 progressBar1to2.style.background = 'linear-gradient(135deg, #0071A1 0%, #005a85 100%)'; 1429 } 1430 // Schritt 1 verstecken 1431 const step1 = document.getElementById('auth-step'); 1432 if (step1) step1.classList.add('nw-hidden'); 1433 // Schritt 2 zeigen 1434 const step2 = document.getElementById('step2-block'); 1435 if (step2) step2.classList.remove('nw-hidden'); 1436 } 1437 1438 function activateStep3() { 1439 // Schritt 3 Kreis + Label 1440 const step3Circle = document.getElementById('step-1-3'); 1441 const step3Label = document.getElementById('step-1-3-span'); 1442 step3Circle.style.background = 'linear-gradient(135deg, #0071A1 0%, #005a85 100%)'; 1443 step3Circle.classList.remove('nw-bg-gray-200', 'nw-text-gray-500'); 1444 step3Circle.classList.add('nw-text-white', 'nw-shadow-md'); 1445 step3Label.classList.remove('nw-text-gray-500'); 1446 step3Label.style.color = '#0071A1'; 1447 1448 const progressBar1to3 = document.getElementById('progress-1-3'); 1449 if (progressBar1to3) { 1450 progressBar1to3.style.background = 'linear-gradient(135deg, #0071A1 0%, #005a85 100%)'; 1451 } 1452 // Schritt 1 verstecken 1453 const step1 = document.getElementById('auth-step'); 1454 if (step1) step1.classList.add('nw-hidden'); 1455 // Schritt 2 zeigen 1456 const step3 = document.getElementById('step3-block'); 1457 if (step3) step3.classList.remove('nw-hidden'); 1458 } 1459 </script>
1459 1460 1461 1462 1463<div class="row content-block content-custom"> 1464<!-- ____________________ CONTENT BEGIN --> 1465<div class="col-xs-12 col-sm-12 col-md-12"> 1466 1467 1468 1469</div> 1470<!-- /____________________ CONTENT END --> 1471 1472<!-- ____________________ RIGHT BEGIN --> 1473<div class="content-right-col col-xs-12 col-md-4 hidden"> 1474<aside id="modul-artikel-empfehlen" class="modul-right modul-artikel-empfehlen col-sm-6 col-md-12 hidden"></aside> 1475<aside id="modul-artikel-tags" class="modul-right modul-artikel-tags col-sm-6 col-md-12 hidden"></aside> 1476<div class="clearfix"></div> 1477<aside class="modul-right modul-artikeltrenner hidden"> 1478<hr> 1479<hr> 1480<hr> 1481</aside> 1482<aside id="modul-fotostrecken-zum-schlagwort" class="modul-right modul-fotostrecken col-sm-6 col-md-12 hidden"></aside> 1483<aside id="modul-video-zum-schlagwort" class="modul-right modul-video col-sm-6 col-md-12 hidden"></aside> 1484<aside id="modul-related-content" class="modul-right modul-related-content col-sm-6 col-md-12 hidden"></aside> 1485</div>
1485<script> 1486jQuery.ajax({ 1487type: "GET", 1488cache: false, 1489url: "/_em_cms/globals/modul.php?modul=login_status", 1490dataType: "html", 1491headers: { 1492"Cache-Control": "no-cache" 1493}, 1494success: function(html) { 1495jQuery("body").append(html); 1496}, 1497error: function (request, status, error) { 1498console.log(error); 1499} 1500}); 1501</script>
1501<!-- Drive --> 1502
1502<script type="text/javascript"> 1503 function triggerDrive(userstatus, content_blocked) { 1504 var x = __cmp('getCMPData'); 1505 // Guard gegen Crash, wenn CMP-Daten noch nicht bereit sind (x undefined): 1506 // if (x && x.vendorConsents && 'c26049' in x.vendorConsents && x.vendorConsents['c26049']) { 1507 if ('c26049' in x.vendorConsents && x.vendorConsents['c26049']) { 1508 (function () { 1509 // runonlyonce 1510 if (window.drive) { 1511 return; 1512 } 1513 (function (p, l, o, w, i, n, g) { 1514 if (!p[i]) { 1515 p.GlobalSnowplowNamespace = p.GlobalSnowplowNamespace || []; 1516 p.GlobalSnowplowNamespace.push(i); 1517 p[i] = function () { 1518 (p[i].q = p[i].q || []).push(arguments) 1519 }; 1520 p[i].q = p[i].q || []; 1521 n = l.createElement(o); 1522 g = l.getElementsByTagName(o)[0]; 1523 n.async = 1; 1524 n.src = w; 1525 g.parentNode.insertBefore(n, g) 1526 } 1527 }(window, document, "script", "https://storage.googleapis.com/drive-snowplow-tracker/latest.js", "drive")); 1528 1529 // var dataLayer = window.dataLayer[0]; 1530 var host = location.hostname.split('.'); 1531 var mandant = 'owl-hk'; 1532 var sso_id = sso_hash || 0; 1533 var articleType = ''; 1534 var contentIsPaywall = content_blocked !== undefined && content_blocked ? true : false; 1535 var userType = userstatus; 1536 var contentType = 'overview'; 1537 var articleId = ''; 1538 1539 var globalContexts = [{ 1540 schema: 'iglu:de.drive/user_context/jsonschema/1-0-0', 1541 data: {userType: userType} 1542 }, 1543 { 1544 schema: 'iglu:de.drive/article_context/jsonschema/1-0-0', 1545 data: { 1546 articleId: articleId, 1547 articleType: articleType, 1548 contentType: contentType, 1549 contentIsPaywall: contentIsPaywall 1550 } 1551 }]; 1552 window.drive('newTracker', 'DriveTracker', 'drive-v2.' + host[1] + '.' + host[2], { 1553 appId: mandant, 1554 platform: 'web', 1555 cookieDomain: '.' + host[1] + '.' + host[2], 1556 contexts: { 1557 webPage: true 1558 } 1559 }); 1560 window.drive('addGlobalContexts', globalContexts); 1561 window.drive('setUserId', '' + sso_id); 1562 window.drive('enableActivityTracking', 5, 5); 1563 window.drive('trackPageView'); 1564 1565 1566 })(); 1567 1568 // Events funnel-entry 1569 var label = ''; 1570 var product = ''; 1571 var price = ''; 1572 var aboButtons = document.getElementsByClassName('funnel-entry'); 1573 var i = aboButtons.length; 1574 while (i--) { 1575 aboButtons[i].addEventListener('click', funnelEntry); 1576 } 1577 1578 // __cmp("addEventListener", ["consent", startDrive, false], null); 1579 1580 function funnelEntry(label, product, price) { 1581 window.drive('trackSelfDescribingEvent', { 1582 schema: 'iglu:de.drive/subscription_context/jsonschema/1-0-0', 1583 data: { 1584 action: 'funnel-entry', 1585 label: this.dataset.label === undefined ? 'HK+' : this.dataset.label, 1586 product: this.dataset.product === undefined ? 'HK+' : this.dataset.product, 1587 price: this.dataset.price === undefined ? 'HK+' : this.dataset.price, 1588 payment_method: null 1589 } 1590 }); 1591 } 1592 1593 1594 } 1595 } 1596 </script>
1596 1597<!-- /Drive --> 1598<div id="em_ad_billboard_fuss"> 1599 1600</div> 1601<div id="article-detail-weitere-meldungen1" class="row content-block meldungen-block hidden"></div></div>
1602<script> 1603 jQuery(document).ready(function ($) { 1604 $(".unveil").unveil(300); 1605 }); 1606</script>
1606 1607<div class=" nw-bg-sky-300 nw-footer-container"> 1608 <footer class="nw-px-3 md:nw-px-6 nw-text-sm" aria-labelledby="footer-heading"> 1609 <div id="footer-heading" class="nw-sr-only">Footer</div> 1610 <div class=" 1611 nw-max-w-7xl nw-mx-auto nw-py-8 nw-px-4 1612 sm:nw-px-6 1613 lg:nw-py-8 lg:nw-px-8 1614 "> 1615 <div class="xl:nw-grid xl:nw-grid-cols-3 xl:nw-gap-8"> 1616 <div class="nw-grid nw-grid-cols-2 nw-gap-8 xl:nw-col-span-2"> 1617 <div class="md:nw-grid md:nw-grid-cols-2 md:nw-gap-8"> 1618 <div> 1619 <div class=" 1620 nw-text-sm nw-font-semibold nw-text-white nw-tracking-wider nw-uppercase 1621 "> 1622 HK App 1623 </div> 1624 <div class="nw-flex nw-flex-col nw-gap-2 nw-pt-4"> 1625 <a href="https://play.google.com/store/apps/details?id=de.hallerkreisblatt.news&hl=gsw&pli=1&referrer=utm_source%3Dabofooter%26utm_medium%3Dstores%26utm_term%3Dnewsapp%26utm_campaign%3Dlivegang%26anid%3Dadmob" 1626 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'Android Newsapp']);"> 1627 <img src="/_em_daten/locals/module/nw/_includes/twig/current/public/images/[email protected]" 1628 class="nw-w-32 md:nw-max-w-md" 1629 alt="Android Newsapp - Haller Kreisblatt" width="128" height="29"/> 1630 </a> 1631 <a href="https://apps.apple.com/de/app/hk-news/id6449965217?pt=503434&ct=abofooter-stores-livegang&mt=8" 1632 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'iOS Newsapp']);"> 1633 <img src="/_em_daten/locals/module/nw/_includes/twig/current/public/images/[email protected]" 1634 class="nw-w-32 md:nw-max-w-md" 1635 alt="iOS Newsapp - Haller Kreisblatt" width="128" height="45"/> 1636 </a> 1637 </div> 1638 </div> 1639 <div class="nw-mt-12 md:nw-mt-0"> 1640 <div class=" 1641 nw-text-sm nw-font-semibold nw-text-white nw-tracking-wider nw-uppercase 1642 "> 1643 Portale 1644 </div> 1645 1646 <ul role="list" class="nw-mt-4 nw-space-y-2"> 1647 <li> 1648 <a href="https://job.nw.de" 1649 class="nw-text-sm nw-text-gray-0 hover:nw-text-white" 1650 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'Stellen']);"> 1651 Stellen 1652 </a> 1653 </li> 1654 <li> 1655 <a href="https://immo.nw.de/" 1656 class="nw-text-sm nw-text-gray-0 hover:nw-text-white" 1657 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'Immobilien']);"> 1658 Immobilien 1659 </a> 1660 </li> 1661 <li> 1662 <a href="https://trauer.nw.de" 1663 class="nw-text-sm nw-text-gray-0 hover:nw-text-white" 1664 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'Trauer']);"> 1665 Trauer 1666 </a> 1667 </li> 1668 <li> 1669 <a href="/themen" class="nw-text-sm nw-text-gray-0 hover:nw-text-white" 1670 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'Themenseiten']);"> 1671 Themenseiten 1672 </a> 1673 </li> 1674 1675 </ul> 1676 1677 </div> 1678 </div> 1679 <div class="md:nw-grid md:nw-grid-cols-2 md:nw-gap-8"> 1680 <div> 1681 <div class=" 1682 nw-text-sm nw-font-semibold nw-text-white nw-tracking-wider nw-uppercase 1683 "> 1684 Service 1685 </div> 1686 <ul role="list" class="nw-mt-4 nw-space-y-2"> 1687 <li> 1688 <a href="https://www.haller-kreisblatt.de/mein_hk/abo/abo_service" 1689 class="nw-text-sm nw-text-gray-0 hover:nw-text-white" 1690 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'Abo-Service']);"> 1691 Abo-Service 1692 </a> 1693 </li> 1694 <li> 1695 <a href="/preisliste" 1696 class="nw-text-sm nw-text-gray-0 hover:nw-text-white" 1697 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'Preisl
1697iste']);"> 1698 Preisliste 1699 </a> 1700 </li> 1701 <li> 1702 <a href="/service/epaper" 1703 class="nw-text-sm nw-text-gray-0 hover:nw-text-white" 1704 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'ePaper-Login']);"> 1705 ePaper-Login 1706 </a> 1707 </li> 1708 <li> 1709 <a href="/newsletter" 1710 class="nw-text-sm nw-text-gray-0 hover:nw-text-white" 1711 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'Newsletter']);"> 1712 Newsletter 1713 </a> 1714 </li> 1715 <li> 1716 <a href="/mein_hk/hk_karte" 1717 class="nw-text-sm nw-text-gray-0 hover:nw-text-white" 1718 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'NW-Karte']);"> 1719 HK-Karte 1720 </a> 1721 </li> 1722 <li> 1723 <a href="https://www.owl-mediasolutions.de/downloads/" 1724 class="nw-text-sm nw-text-gray-0 hover:nw-text-white" 1725 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'Mediadaten']);"> 1726 Mediadaten 1727 </a> 1728 </li> 1729 <li> 1730 <a href="javascript:Cleverpush_overlay();" 1731 class="nw-text-sm nw-text-gray-0 hover:nw-text-white" 1732 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'Push Einstellungen']);"> 1733 Push Einstellungen 1734 </a> 1735 </li> 1736 1737 </ul> 1738 1739 </div> 1740 <div class="nw-mt-12 md:nw-mt-0"> 1741 <div class=" 1742 nw-text-sm nw-font-semibold nw-text-white nw-tracking-wider nw-uppercase 1743 "> 1744 Unternehmen 1745 </div> 1746 1747 <ul role="list" class="nw-mt-4 nw-space-y-2"> 1748 <li> 1749 <a href="/mein_hk/kontaktformular" 1750 class="nw-text-sm nw-text-gray-0 hover:nw-text-white" 1751 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'Kontakt']);"> 1752 Kontakt 1753 </a> 1754 </li> 1755 <li class="nw-bg-sky-300 nw-text-gray-0"> 1756 <a href="/impressum" 1757 class="nw-text-sm nw-text-gray-0 hover:nw-text-white" 1758 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'Impressum']);"> 1759 Impressum 1760 </a> 1761 </li> 1762 <li class="nw-bg-sky-300 nw-text-gray-0"> 1763 <a href="/barrierefreiheit" 1764 class="nw-text-sm nw-text-gray-0 hover:nw-text-white" 1765 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'Barrierefreiheit']);"> 1766 Barrierefreiheit 1767 </a> 1768 </li> 1769 <li> 1770 <a href="/datenschutz" 1771 class="nw-text-sm nw-text-gray-0 hover:nw-text-white" 1772 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'Datenschutz']);"> 1773 Datenschutz 1774 </a> 1775 </li> 1776 <li> 1777 <a href="/agb" 1778 class="nw-text-sm nw-text-gray-0 hover:nw-text-white" 1779 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'AGB']);"> 1780 AGB 1781 </a> 1782 </li> 1783 <li> 1784 <a href="/mein_hk/abo/vertrag_kuendigen" 1785 class="nw-text-sm nw-text-gray-0 hover:nw-text-white" 1786 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'Vertrag kündigen']);"> 1787 Vertrag kündigen 1788 </a> 1789 </li> 1790 <li> 1791 <a href="https://www.haller-kreisblatt.de/microsites/widerruf/20493943_Widerrufsbelehrung.html" 1792 class="nw-text-sm nw-text-gray-0 hover:nw-text-white" 1793 onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'Widerrufsrecht']);"> 1794 Widerrufsrecht 1795 </a> 1796 </li> 1797 1798 </ul> 1799 1800 </div> 1801 </div> 1802 </div> 1803 <div class="nw-mt-8 xl:nw-mt-0"> 1804 <div class=" 1805 nw-text-sm nw-font-semibold nw-text-white nw-tracking-wider nw-uppercase 1806 "> 1807 Newsletter abonnieren 1808 </div> 1809 <p class="nw-mt-4 nw-text-tiny xl:nw-text-sm nw-text-gray-0"> 1810 HK-Newsletter - die wichtigsten News 1811 </p> 1812
1812<script type="text/javascript"> 1813 $(document).ready(function () { 1814 var frm_footer = $('#nl-anmeldung-footer'); 1815 var message = ''; 1816 $('#referrer_url-footer').val(window.location.href); 1817 1818 frm_footer.submit(function (event) { 1819 event.preventDefault(); 1820 1821 $.ajax({ 1822 url: frm_footer.attr('action'), 1823 type: "POST", 1824 data: frm_footer.serialize(), 1825 success: function (data) { 1826 var resp = JSON.parse(data); 1827 $('#nl-anmeldung-footer').hide(); 1828 if (resp.success == 1) { 1829 if (resp.message == "Sie sind bereits angemeldet.") { 1830 $('#nl-message-footer').text(resp.message); 1831 } else { 1832 $('#nl-message-footer').show().text('Wunderbar. Fast geschafft!'); 1833 } 1834 _paq.push(["trackEvent", "NL-Footer", "click", "Red_Newsletter__Mittagsnotiz"]); 1835 } 1836 message = escape(resp.message); 1837 $('#nl-selligent-message-footer').show().text(decodeURIComponent(unescape(message))); 1838 //_paq.push(['FormAnalytics::trackFormConversion', 'nl_update_zum_mittag', 'nl-anmeldung']); 1839 }, 1840 error: function (data) { 1841 var resp = JSON.parse(data); 1842 $('#nl-selligent-message-footer').show().text(resp.message); 1843 } 1844 }); 1845 }); 1846 }); 1847 </script>
1847 1848 <div id="nl-message-footer" class="nw-hidden nw-mt-4 nw-text-gray-0 nw-text-lg"></div> 1849 <div id="nl-selligent-message-footer" class="nw-hidden nw-mt-4 nw-text-tiny nw-text-white"></div> 1850 <form id="nl-anmeldung-footer" 1851 class="nw-mt-4 sm:nw-flex sm:nw-max-w-md nw-flex nw-flex-col nw-gap-2" 1852 action="/_apps/nw/newsletter/get_selligent_honeypot_hk.php" aria-hidden="true" 1853 method="post" 1854 name="nl_update_zum_mittag"> 1855 <!-- Honigtopf --> 1856 <input name="firstname-footer" type="text" id="firstname" class="nw-hidden" aria-hidden="true""> 1857 1858 <input name="nl_id" type="hidden" class="form-control" id="nl_id" value="2" aria-hidden="true" 1859 <input name="referrer_url-footer" type="hidden" class="form-control" id="referrer_url" 1860 value="https://www.haller-kreisblatt.de/" aria-hidden="true"> 1861 <input name="source" type="hidden" class="form-control" id="source" 1862 value="nl-register-footer" aria-hidden="true"> 1863 <label for="email-address-footer" class="nw-sr-only">E-Mail Adresse</label> 1864 <input type="email" name="mail" id="email-address-footer" aria-hidden="true" autocomplete="email" required 1865 class=" 1866 nw-rounded-md 1867 nw-appearance-none 1868 nw-min-w-0 1869 nw-w-full 1870 nw-bg-white 1871 nw-border 1872 nw-nw-border-transparent 1873 nw-nw-rounded-md 1874 nw-py-1 1875 nw-px-4 1876 nw-text-tiny 1877 nw-text-black 1878 nw-placeholder-gray-300 1879 " placeholder="E-Mail-Adresse eingeben"/> 1880 <div class="nw-rounded-md sm:nw-flex-shrink-0"> 1881 <button type="submit" aria-label="Newsletteranmeldung bestätigen" 1882 style="background-color: #0071A1;" class=" 1883 nw-w-full 1884 nw-bg-red-0 1885 nw-border 1886 nw-border-transparent 1887 nw-rounded-md 1888 nw-py-1 1889 nw-px-4 1890 nw-flex 1891 nw-items-center 1892 nw-justify-center 1893 nw-text-tiny 1894 nw-font-medium 1895 nw-text-white 1896 hover:nw-bg-red-0 1897 focus:nw-outline-none 1898 focus:nw-ring-2 1899 focus:nw-ring-offset-2 1900 focus:nw-ring-offset-gray-600 1901 focus:nw-ring-indigo-500 1902 "> 1903 Abonnieren 1904 </button> 1905 </div> 1906 <div class="nw-mt-1 nw-text-xs nw-text-gray-0"> 1907 Mit meiner Anmeldung zum Newsletter stimme ich der <a class="nw-underline" 1908 href="https://www.haller-kreisblatt.de/microsites/datenschutz">Werbevereinbarung</a> 1909 zu. 1910 </div> 1911 </form> 1912 </div> 1913 </div> 1914 <div class="nw-flex nw-justify-end nw-mt-6 nw-mb-3"> 1915 <a href="https://www.haller-kreisblatt.de/service/vertrag_widerrufen" class="nw-inline-flex nw-items-center nw-py-1 nw-px-3 nw-text-xs nw-font-medium nw-leading-5 nw-no-underline nw-whitespace-nowrap nw-bg-transparent nw-rounded-[3px] nw-border nw-border-gray-500 nw-text-[#B8BCC4] nw-transition-colors nw-duration-200 hover:nw-text-[#F2F2F2] hover:nw-border-[#999999] dark:hover:nw-text-gray-200 dark:hover:nw-border-gray-400 footer-focus" data-track="matomo" data-track-category="Footer" data-track-action="click" data-track-name="footer:service-vertrag-widerrufen">Vertrag widerrufen</a> 1916 </div> 1917 <div class=" 1918 nw-mt-8 nw-border-t nw-border-gray-500 nw-pt-8 nw-pb-10 1919 md:nw-flex md:nw-items-center md:nw-justify-between 1920 "> 1921 <div class=" 1922 nw-flex nw-justify-start 1923 md:nw-justify-end 1924 nw-gap-1 1925 md:nw-order-2 1926 "> 1927 <a href="https://www.facebook.com/KreisblattHalle" target="_blank" class=" 1928 nw-text-gray-300 1929 hover:nw-text-gray-200 1930 nw-rounded-full 1931 nw-h-8 1932 nw-w-8 1933 nw-flex 1934 nw-items-center 1935 nw-justify-center 1936 " onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'facebook']);">
1937 <span class="nw-sr-only">Facebook</span> 1938 <svg data-name="icon/Socialmedia/facebook" aria-label="Facebook" 1939 xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 1940 <path d="M-4682,912a12.032,12.032,0,0,0-12,12.062,12.035,12.035,0,0,0,10.206,11.913v-8.717h-2.969v-3.17h2.969v-2.11c0-3.493,1.693-5.026,4.581-5.026a16.73,16.73,0,0,1,2.461.15v2.767h-1.97c-1.226,0-1.654,1.169-1.654,2.486v1.733h3.593l-.487,3.17h-3.106V936A12.033,12.033,0,0,0-4670,924.062,12.031,12.031,0,0,0-4682,912Z" 1941 transform="translate(4694 -912)" fill="#fff"/> 1942 </svg> 1943 </a> 1944 <a href="https://www.instagram.com/haller_kreisblatt" target="_blank" class=" 1945 nw-text-gray-300 1946 hover:nw-text-gray-200 1947 nw-rounded-full 1948 nw-h-8 1949 nw-w-8 1950 nw-flex 1951 nw-items-center 1952 nw-justify-center 1953 " onclick="_paq.push(['trackEvent', 'Menü', device + ' Footer', 'Instagram']);"> 1954 <span class="nw-sr-only">Instagram</span> 1955 <svg aria-label="Instagram" data-name="icon/Socialmedia/instagram" 1956 xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 1957 <path d="M-4677,936h-10a7.009,7.009,0,0,1-7-7V919a7.008,7.008,0,0,1,7-7h10a7.008,7.008,0,0,1,7,7v10A7.008,7.008,0,0,1-4677,936Zm-5-18a6.006,6.006,0,0,0-6,6,6.007,6.007,0,0,0,6,6,6.007,6.007,0,0,0,6-6A6.007,6.007,0,0,0-4682,918Zm6.5-3a1.5,1.5,0,0,0-1.5,1.5,1.5,1.5,0,0,0,1.5,1.5,1.5,1.5,0,0,0,1.5-1.5A1.5,1.5,0,0,0-4675.5,915Zm-6.5,13a4,4,0,0,1-4-4,4,4,0,0,1,4-4,4,4,0,0,1,4,4A4,4,0,0,1-4682,928Z" 1958 transform="translate(4694 -912)" fill="#fff"/> 1959 </svg> 1960 </a> 1961 </div> 1962 <p class="nw-mt-8 nw-text-sm nw-text-white md:nw-mt-0 md:nw-order-1"> 1963 © Zeitungsverlag Haller Kreisblatt Verlags-GmbH 1964 </p> 1965 </div> 1966 </div> 1967 </footer> 1968</div> 1969
1970<script type="text/javascript"> 1971/* <![CDATA[ */ 1972function emAdserverInit() { 1973 1974} 1975/* ]]> */ 1976</script>
1976 1977 1978 1979 1980 1981</body> 1982</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.