PageSourceSearch

https://www.haller-kreisblatt.de/mein_hk/abo/webabo_checkout?nc&da…pqyosbLtGMx4tc0nkyzrvxefpJX3H0zppuIU-VlxgxA

html haller-kreisblatt.de collected 2026-09-24 18:19:34 UTC 115,716 bytes, 1,982 lines download raw bytes

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&amp;em_subclient=hk&amp;em_ssc=LCwsLA==&amp;em_view=desktop&amp;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&amp;em_subclient=hk&amp;em_ssc=LCwsLA==&amp;em_view=desktop&amp;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&amp;em_subclient=hk&amp;em_ssc=LCwsLA==&amp;em_view=desktop&amp;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&amp;em_subclient=hk&amp;em_ssc=LCwsLA==&amp;em_view=desktop&amp;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 &amp; Verkehr</a></li><li><a href="https://www.haller-kreisblatt.de/ratgeber/bauen_und_wohnen" class="dropdown-submenu-link">Bauen &amp; Wohnen</a></li><li><a href="https://www.haller-kreisblatt.de/ratgeber/beruf_und_bildung" class="dropdown-submenu-link">Beruf &amp; 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&auml;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 &amp; 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 &amp; 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">&Uuml;berregional</a><ul class="dropdown-menu ">
555<li><a href="https://www.haller-kreisblatt.de/ueberregional" class="visible-xs visible-sm dropdown-submenu-link">&Uuml;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&uuml;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 &uuml;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&nbsp;</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&nbsp;</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.