<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Kaufen Sie alle Print-, E-Paper- und Online-Abos der Titel Zürcher Oberländer, Anzeiger von Uster, der Tösstaler, Glattaler, Regio und ZO Online in unserem Aboshop.">
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="/images/zoonline_kuerzel_positiv.svg">
    <link rel="icon" sizes="192x192" href="/images/zoonline_kuerzel_positiv.svg" type="image/svg">
    <link rel="apple-touch-icon" href="/images/zoonline_kuerzel_positiv.svg" type="image/svg">
    <title>regio Abo - Regionale Nachrichten abonnieren | Aboshop ZO-Medien</title>
    <script type="text/javascript" data-cmp-ab="1" src="https://cdn.consentmanager.net/delivery/autoblocking/8b917532e200f.js" data-cmp-host="c.delivery.consentmanager.net" data-cmp-cdn="cdn.consentmanager.net" data-cmp-codesrc="0"></script>
    <!-- Google Tag Manager -->
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-N73V8HN');
    </script>
    <!-- End Google Tag Manager -->

    <!-- Bootstrap Core CSS -->
    <link href="/css/bootstrap.css" rel="stylesheet">
    <link href="/css/jquery/jquery-ui.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/funkyradio.css">
    <link rel="stylesheet" href="css/shop-classes.css">

    <!-- Jquery -->
    <script src="/js/jquery.min.js"></script>

    <!-- Datepicker -->
    <link href="/datepicker/datepicker.css" rel="stylesheet">
    <script src="/datepicker/datepicker.js"></script>

    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

    <!-- Custom javascript -->
    <script src="/js/bootstrapjs/popper.min.js"></script>
    <script src="/js/bootstrapjs/bootstrap.min.js"></script>
    <script src="/js/script.js"></script>
    <script src="/js/pageManager/yearChangeFooter.js"></script>
    <script src="/js/pageManager/umleitungActive.js"></script>
<link rel="canonical" href="https://aboshop.zo-online.ch/?abo&navgrp=REGI"></head>

<body id="body" onresize="bodyResize()">
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N73V8HN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <nav class="navbar navbar-expand-lg navbar-light container_zom p-0">
        <div class="d-flex flex-wrap w-100" id="navbar">
            <div class="col-12 bg-black text-white p-1 px-4 px-sm-5 d-none d-sm-block">
                <div class="d-flex">
                    <div class="ms-auto d-flex">
                        <br>
                        <a href="#" class="nav-link ps-1 pe-3" aria-label="Profile/Login" data-bs-toggle="offcanvas" data-bs-target="#login_register">
                            <span class="glyphicon glyphicon-user"></span>
                            <span>
                                
                                    <span class="line-height btn-link text-decoration-none border-0 position-relative">
                                        <span class="d-inline h6 fw-normal">Anmelden</span>
                                    </span>
                                
                                
                            </span>
                        </a>
                        <br>
                        <a href="#" class="nav-link ps-1" aria-label="Warenkorb" data-bs-toggle="offcanvas" data-bs-target="#basket">
                            
                                <span rel="tooltip" title="0 Artikel im Warenkorb">
                                    <span class="btn-link text-decoration-none border-0 position-relative">
                                        <span class="d-inline h6 fw-normal">Warenkorb</span>
                                    
                                    
                                    
                                    </span>
                                </span>
                            
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-12 bg-white">
                <a href="https://www.zo-online.ch/" class="ms-lg-0 p-3 d-block d-md-none d-lg-none text-center">
                    <svg preserveaspectratio="xMidYMid meet" data-bbox="0 0 655.94 92.29" viewbox="0 0 655.94 92.29" xmlns="http://www.w3.org/2000/svg" data-type="color" role="presentation" aria-hidden="true" aria-label="" style="max-width: 200px;">
                        <g>
                            <path d="M31.06 42.34H.02v-2.53l23.87-36.1H5.43l-2.24 7.52H1.07V1.18h29.29v2.53L6.54 39.81h20.11l2.3-7.53h2.11v10.06z" fill="#000000" data-color="1"></path>
                            <path d="M54.64 34.16c-1.88 6.18-6.12 8.76-10.29 8.76-4.7 0-8.58-2.59-8.58-9.23v-18.4h-3.82v-2.35h9.11v20.17c0 4.12 2 6.18 5.7 6.18s7.88-3.88 7.88-11.06V15.29h-5.29v-2.35h10.58v27.05h3.76v2.35h-9.06v-8.17ZM41.29 2.88c1.82 0 2.65 1.12 2.65 2.59s-.82 2.47-2.65 2.47-2.65-.94-2.65-2.47.82-2.59 2.65-2.59m10.82 0c1.76 0 2.65 1.12 2.65 2.59s-.88 2.47-2.65 2.47c-1.88 0-2.7-.94-2.7-2.47s.82-2.59 2.7-2.59" fill="#000000" data-color="1"></path>
                            <path d="M66.24 15.29v-2.35h9.06v8.12c1.29-5.47 5.35-8.7 8.94-8.7 2.59 0 3.7 1.53 3.7 3.41 0 1.76-1.18 3.18-3 3.18-1.71 0-2.82-1.12-2.82-2.65 0-.53.12-1.18.65-1.71-3.12.41-7.47 5.35-7.47 14.17v11.23h6.18v2.35H66.25v-2.35h3.76v-24.7h-3.76Z" fill="#000000" data-color="1"></path>
                            <path d="M114.49 38.99c-2.59 2.18-6 3.94-10.82 3.94-9.47 0-14.58-6.53-14.58-15.47 0-9.82 6.47-15.11 14.05-15.11 7.11 0 11.53 3.53 11.53 6.82 0 1.76-.94 3.06-2.88 3.06-1.76 0-2.71-1-2.71-2.41s1-2.41 2.53-2.41c-.59-1.47-3.7-2.88-7.11-2.88-6.88 0-9.88 5.53-9.88 12.41 0 8.41 4.29 12.94 10.82 12.94 3.53 0 6.64-1.17 9.06-3.12v2.23Z" fill="#000000" data-color="1"></path>
                            <path d="M126.28 21.11c1.94-6.17 6.12-8.76 10.29-8.76 4.7 0 8.59 2.59 8.59 9.23v18.41h3.82v2.35h-12.76v-2.35h3.65V22.17c0-4.12-2-6.17-5.7-6.17s-7.88 3.88-7.88 11.05v12.94h3.82v2.35h-12.88v-2.35h3.76V2.35h-3.76V0h9.06v21.11Z" fill="#000000" data-color="1"></path>
                            <path d="M175.64 38.99c-2.59 2.18-6 3.94-10.82 3.94-9.47 0-14.52-6.53-14.52-15.47 0-9.82 6.35-15.11 14-15.11 6.41 0 11.76 3.82 11.76 11.88 0 .88-.06 2.41-.29 3.65h-19.93c0 8.47 4.47 12 10.76 12 3.47 0 6.64-1.18 9.05-3.12v2.23Zm-4.82-13.47c.12-.65.24-2 .24-2.7 0-4.23-2.06-8.29-6.65-8.29-6.06 0-8.47 5.82-8.58 11h14.99Z" fill="#000000" data-color="1"></path>
                            <path d="M178.89 15.29v-2.35h9.06v8.12c1.29-5.47 5.35-8.7 8.94-8.7 2.59 0 3.7 1.53 3.7 3.41 0 1.76-1.18 3.18-3 3.18-1.7 0-2.82-1.12-2.82-2.65 0-.53.12-1.18.65-1.71-3.12.41-7.47 5.35-7.47 14.17v11.23h6.17v2.35h-15.23v-2.35h3.76v-24.7h-3.76Z" fill="#000000" data-color="1"></path>
                            <path d="M238.21.59c11.06 0 20.11 8.82 20.11 21.17s-9.06 21.17-20.11 21.17-20.05-8.76-20.05-21.17 9-21.17 20.05-21.17m0 39.81c9.29 0 14.11-8.76 14.11-18.64S247.5 3.12 238.21 3.12s-14.11 8.76-14.11 18.64 4.88 18.64 14.11 18.64" fill="#000000" data-color="1"></path>
                            <path d="M263.74 42.93V2.35h-3.76V0h9.06v18.46c1.82-5.06 6.41-6.12 9.11-6.12 7.29 0 11.47 5.59 11.47 15.29 0 8.82-4.76 15.29-12.53 15.29-2.23 0-5.47-.65-8.05-2.24l-3.94 2.24h-1.35Zm5.29-4.12c2 1.12 4.11 1.59 6.06 1.59 5.17 0 9-3.82 9-12.76 0-8.47-3.06-12.52-7.76-12.52-3.06 0-7.29 2.06-7.29 9.23v14.47Z" fill="#000000" data-color="1"></path>
                            <path d="M318.45 38.99c-2.59 2.18-6 3.94-10.82 3.94-9.47 0-14.53-6.53-14.53-15.47 0-9.82 6.35-15.11 14-15.11 6.41 0 11.76 3.82 11.76 11.88 0 .88-.06 2.41-.29 3.65h-19.93c0 8.47 4.47 12 10.76 12 3.47 0 6.64-1.18 9.06-3.12v2.23Zm-4.82-13.47c.12-.65.23-2 .23-2.7 0-4.23-2.06-8.29-6.64-8.29-6.06 0-8.47 5.82-8.58 11h14.99Z" fill="#000000" data-color="1"></path>
                            <path d="M321.69 15.29v-2.35h9.05v8.12c1.29-5.47 5.35-8.7 8.94-8.7 2.59 0 3.7 1.53 3.7 3.41 0 1.76-1.18 3.18-3 3.18-1.7 0-2.82-1.12-2.82-2.65 0-.53.12-1.18.65-1.71-3.12.41-7.47 5.35-7.47 14.17v11.23h6.17v2.35h-15.23v-2.35h3.76v-24.7h-3.76Z" fill="#000000" data-color="1"></path>
                            <path d="M357.26 39.99v2.35h-12.88v-2.35h3.82V2.35h-3.82V0h9.12v39.99h3.76z" fill="#000000" data-color="1"></path>
                            <path d="M382.76 36.52c0 2.82.88 3.35 2.06 3.35.7 0 1.53-.29 1.88-.53v2.18c-1.06.65-2.76 1.24-4.59 1.24-3 0-4.65-1.06-4.65-4.59v-2.35c-1.94 5.12-6.17 7.11-10.05 7.11-4.7 0-7.7-3.12-7.7-7.29 0-4.65 3.47-9.58 17.76-10.29v-4.29c0-3.23-1.35-6.7-7.11-6.7-3.47 0-6.12 1.41-6.76 2.88 1.59 0 2.59.94 2.59 2.35s-.94 2.41-2.82 2.41-2.82-1.18-2.82-2.82c0-3.23 4.12-6.82 11.05-6.82 9.23 0 11.17 4.59 11.17 11.11v13.05Zm-5.29-9.35c-9.53.41-12.23 3.94-12.23 7.29 0 2.71 1.94 4.7 4.88 4.7 4.12 0 7.35-3.29 7.35-8v-4Z" fill="#000000" data-color="1"></path>
                            <path d="M397.92 21.11c1.94-6.17 6.11-8.76 10.29-8.76 4.7 0 8.64 2.59 8.64 9.23v18.41h3.76v2.35h-12.76v-2.35h3.71V22.17c0-4.12-2.06-6.17-5.76-6.17s-7.88 3.88-7.88 11.05v12.94h3.82v2.35h-12.88v-2.35h3.76v-24.7h-3.76v-2.35h9.05v8.17Z" fill="#000000" data-color="1"></path>
                            <path d="M439 2.35V0h9.05v39.98h3.76v2.35h-9.05V36.8c-1.83 5.06-6.41 6.12-9.06 6.12-7.35 0-11.53-5.59-11.53-15.29 0-8.82 4.82-15.29 12.53-15.29 2.23 0 5.47.65 8.06 2.24V2.35H439Zm3.76 14.11c-2-1.12-4.12-1.59-6.06-1.59-5.11 0-9 3.82-9 12.76 0 8.47 3.06 12.53 7.82 12.53 3 0 7.23-2.06 7.23-9.23V16.46Z" fill="#000000" data-color="1"></path>
                            <path d="M493.57 40.52h-2.24L476.51 8.7v31.11h4.71v2.53h-11.94v-2.53h4.47V3.71h-4.47V1.18h9.82l14.94 31.75h.11L507.8 1.18h9.23v2.53h-3.82v36.1h3.82v2.53h-13.17v-2.53h3.82V8l-14.11 32.52z" fill="#000000" data-color="1"></path>
                            <path d="M545.29 38.99c-2.59 2.18-6 3.94-10.82 3.94-9.47 0-14.53-6.53-14.53-15.47 0-9.82 6.35-15.11 14-15.11 6.41 0 11.76 3.82 11.76 11.88 0 .88-.06 2.41-.29 3.65h-19.94c0 8.47 4.47 12 10.76 12 3.47 0 6.64-1.18 9.06-3.12v2.23Zm-4.82-13.47c.12-.65.24-2 .24-2.7 0-4.23-2.06-8.29-6.65-8.29-6.06 0-8.47 5.82-8.59 11h14.99Z" fill="#000000" data-color="1"></path>
                            <path d="M565.9 2.35V0h9.05v39.98h3.76v2.35h-9.06V36.8c-1.82 5.06-6.41 6.12-9.05 6.12-7.35 0-11.53-5.59-11.53-15.29 0-8.82 4.82-15.29 12.53-15.29 2.23 0 5.47.65 8.06 2.24V2.35h-3.76Zm3.76 14.11c-2-1.12-4.12-1.59-6.06-1.59-5.11 0-9 3.82-9 12.76 0 8.47 3.06 12.53 7.82 12.53 3 0 7.23-2.06 7.23-9.23V16.46Z" fill="#000000" data-color="1"></path>
                            <path d="M594.14 39.99v2.35h-12.88v-2.35h3.82v-24.7h-3.82v-2.35h9.11v27.05h3.76Zm-6.94-37.4c2 0 3.47 1.18 3.47 3.12s-1.47 3-3.47 3-3.47-1-3.47-3 1.47-3.12 3.47-3.12" fill="#000000" data-color="1"></path>
                            <path d="M620.93 38.99c-2.59 2.18-6 3.94-10.82 3.94-9.47 0-14.53-6.53-14.53-15.47 0-9.82 6.35-15.11 14-15.11 6.41 0 11.76 3.82 11.76 11.88 0 .88-.06 2.41-.29 3.65h-19.93c0 8.47 4.47 12 10.76 12 3.47 0 6.65-1.18 9.06-3.12v2.23Zm-4.82-13.47c.12-.65.24-2 .24-2.7 0-4.23-2.06-8.29-6.64-8.29-6.06 0-8.47 5.82-8.59 11h14.99Z" fill="#000000" data-color="1"></path>
                            <path d="M633.23 21.11c1.94-6.17 6.12-8.76 10.29-8.76 4.7 0 8.64 2.59 8.64 9.23v18.41h3.76v2.35h-12.76v-2.35h3.7V22.17c0-4.12-2.06-6.17-5.76-6.17s-7.88 3.88-7.88 11.05v12.94h3.82v2.35h-12.88v-2.35h3.76v-24.7h-3.76v-2.35h9.05v8.17Z" fill="#000000" data-color="1"></path>
                            <path fill="#0099ce" d="M655.94 52.07v4.79H0v-4.79h655.94z" data-color="2"></path>
                            <path fill="#0099ce" d="m263.41 87.15-11.2-16.46v16.46h-1.67V68.49h2.18l10.69 15.72V68.49h1.67v18.66h-1.67z" data-color="2"></path>
                            <path d="M278.1 87.15s-.3-.88-.3-1.76c-.82 1.03-2.27 2.03-4.54 2.03s-4.24-1.29-4.24-4.03 2.42-3.61 3.48-3.91c1.06-.29 2.91-.56 5.24-.56v-1.03c0-2.2-1.6-3-3.42-3s-3.3.65-4.09 1.2l-.7-1.29c1.03-.62 2.73-1.29 4.69-1.29s3.15.56 3.88 1.18c.73.62 1.36 1.59 1.36 3.64v6.17c0 1.32.3 2.06.61 2.64h-1.97Zm-.36-6.93c-.76 0-2.69.15-3.57.29-.88.15-3.33.62-3.33 2.82s1.67 2.76 2.88 2.76 3.12-.7 4.03-2.47v-3.41Z" fill="#0099ce" data-color="2"></path>
                            <path d="M293.03 87.15v-8.2c0-2.35-.7-3.91-3.12-3.91s-4.03 2.56-4.33 4.03v8.08h-1.73V67.9h1.73v8.52c.79-1.44 2.36-2.91 4.79-2.91s4.39 1.32 4.39 4.85v8.79h-1.73Z" fill="#0099ce" data-color="2"></path>
                            <path d="M300.06 80.68c0 3.08 1.64 5.26 4.54 5.26s4.39-1.59 4.39-1.59l.85 1.15s-1.76 1.91-5.39 1.91-6.21-2.62-6.21-6.94 2.73-6.96 6.21-6.96 5.7 2.62 5.7 6.29v.88h-10.09Zm4.33-5.79c-2.97 0-4.18 2.56-4.33 4.47h8.33c0-2.2-1.06-4.47-4-4.47" fill="#0099ce" data-color="2"></path>
                            <path fill="#0099ce" d="M315.36 67.9v19.25h-1.73V67.9h1.73z" data-color="2"></path>
                            <path d="M321.08 70.49c-.76 0-1.39-.59-1.39-1.32s.61-1.35 1.36-1.35 1.39.59 1.39 1.32-.61 1.35-1.36 1.35m-.88 3.29h1.73v13.37h-1.73V73.78Z" fill="#0099ce" data-color="2"></path>
                            <path d="M327.38 80.68c0 3.08 1.64 5.26 4.54 5.26s4.39-1.59 4.39-1.59l.85 1.15s-1.76 1.91-5.39 1.91-6.21-2.62-6.21-6.94 2.73-6.96 6.21-6.96 5.69 2.62 5.69 6.29v.88h-10.09Zm4.33-5.79c-2.97 0-4.18 2.56-4.33 4.47h8.33c0-2.2-1.06-4.47-4-4.47" fill="#0099ce" data-color="2"></path>
                            <path d="M350.79 90.09c-.76 1.03-2.42 2.2-5.3 2.2s-4.76-1.26-5.06-1.56l.85-1.26c.3.29 2.15 1.35 4.21 1.35s3.24-.73 3.82-1.44c.58-.7.97-1.94.97-3.85v-1.18c-.09.18-1.3 2.64-4.79 2.64s-5.75-2.79-5.75-6.76 2.73-6.73 6.06-6.73 4.36 2.29 4.48 2.62l.3-2.35h1.43v11.02c0 2.94-.46 4.26-1.21 5.29m-4.76-15.19c-2.67 0-4.48 2.41-4.48 5.35s1.67 5.35 4.3 5.35 4.48-2.41 4.48-5.35-1.67-5.35-4.3-5.35" fill="#0099ce" data-color="2"></path>
                            <path d="M357.45 80.68c0 3.08 1.64 5.26 4.54 5.26s4.39-1.59 4.39-1.59l.85 1.15s-1.76 1.91-5.39 1.91-6.21-2.62-6.21-6.94 2.73-6.96 6.21-6.96 5.69 2.62 5.69 6.29v.88h-10.08Zm4.33-5.79c-2.97 0-4.18 2.56-4.33 4.47h8.33c0-2.2-1.06-4.47-4-4.47" fill="#0099ce" data-color="2"></path>
                            <path d="M380.2 87.15v-8.2c0-2.35-.7-3.91-3.12-3.91s-4.03 2.56-4.33 4.03v8.08h-1.73V73.78h1.58l.15 2.65c.79-1.44 2.36-2.91 4.79-2.91s4.39 1.32 4.39 4.85v8.79h-1.72Z" fill="#0099ce" data-color="2"></path>
                            <path d="m396.4 87.15-.3-2.2s-1.33 2.47-4.82 2.47-5.88-3-5.88-6.96 2.58-6.94 6.21-6.94c3.18 0 4.33 2.32 4.48 2.62v-8.23h1.73v19.25h-1.42Zm-4.63-12.25c-2.73 0-4.54 2.53-4.54 5.55s1.66 5.55 4.39 5.55 4.54-2.53 4.54-5.55-1.66-5.55-4.39-5.55" fill="#0099ce" data-color="2"></path>
                            <path d="M404.03 87.3c-.76 0-1.36-.59-1.36-1.32s.61-1.32 1.36-1.32 1.36.59 1.36 1.32-.61 1.32-1.36 1.32" fill="#0099ce" data-color="2"></path>
                        </g>
                    </svg>
                </a>
                <a href="https://www.zo-online.ch/" class="ms-lg-0 p-3 d-none d-md-block d-lg-block text-center">
                    <svg preserveaspectratio="xMidYMid meet" data-bbox="0 0 655.94 92.29" viewbox="0 0 655.94 92.29" xmlns="http://www.w3.org/2000/svg" data-type="color" role="presentation" aria-hidden="true" aria-label="" class="img-fluid py-2" style="max-width: 350px;">
                        <g>
                            <path d="M31.06 42.34H.02v-2.53l23.87-36.1H5.43l-2.24 7.52H1.07V1.18h29.29v2.53L6.54 39.81h20.11l2.3-7.53h2.11v10.06z" fill="#000000" data-color="1"></path>
                            <path d="M54.64 34.16c-1.88 6.18-6.12 8.76-10.29 8.76-4.7 0-8.58-2.59-8.58-9.23v-18.4h-3.82v-2.35h9.11v20.17c0 4.12 2 6.18 5.7 6.18s7.88-3.88 7.88-11.06V15.29h-5.29v-2.35h10.58v27.05h3.76v2.35h-9.06v-8.17ZM41.29 2.88c1.82 0 2.65 1.12 2.65 2.59s-.82 2.47-2.65 2.47-2.65-.94-2.65-2.47.82-2.59 2.65-2.59m10.82 0c1.76 0 2.65 1.12 2.65 2.59s-.88 2.47-2.65 2.47c-1.88 0-2.7-.94-2.7-2.47s.82-2.59 2.7-2.59" fill="#000000" data-color="1"></path>
                            <path d="M66.24 15.29v-2.35h9.06v8.12c1.29-5.47 5.35-8.7 8.94-8.7 2.59 0 3.7 1.53 3.7 3.41 0 1.76-1.18 3.18-3 3.18-1.71 0-2.82-1.12-2.82-2.65 0-.53.12-1.18.65-1.71-3.12.41-7.47 5.35-7.47 14.17v11.23h6.18v2.35H66.25v-2.35h3.76v-24.7h-3.76Z" fill="#000000" data-color="1"></path>
                            <path d="M114.49 38.99c-2.59 2.18-6 3.94-10.82 3.94-9.47 0-14.58-6.53-14.58-15.47 0-9.82 6.47-15.11 14.05-15.11 7.11 0 11.53 3.53 11.53 6.82 0 1.76-.94 3.06-2.88 3.06-1.76 0-2.71-1-2.71-2.41s1-2.41 2.53-2.41c-.59-1.47-3.7-2.88-7.11-2.88-6.88 0-9.88 5.53-9.88 12.41 0 8.41 4.29 12.94 10.82 12.94 3.53 0 6.64-1.17 9.06-3.12v2.23Z" fill="#000000" data-color="1"></path>
                            <path d="M126.28 21.11c1.94-6.17 6.12-8.76 10.29-8.76 4.7 0 8.59 2.59 8.59 9.23v18.41h3.82v2.35h-12.76v-2.35h3.65V22.17c0-4.12-2-6.17-5.7-6.17s-7.88 3.88-7.88 11.05v12.94h3.82v2.35h-12.88v-2.35h3.76V2.35h-3.76V0h9.06v21.11Z" fill="#000000" data-color="1"></path>
                            <path d="M175.64 38.99c-2.59 2.18-6 3.94-10.82 3.94-9.47 0-14.52-6.53-14.52-15.47 0-9.82 6.35-15.11 14-15.11 6.41 0 11.76 3.82 11.76 11.88 0 .88-.06 2.41-.29 3.65h-19.93c0 8.47 4.47 12 10.76 12 3.47 0 6.64-1.18 9.05-3.12v2.23Zm-4.82-13.47c.12-.65.24-2 .24-2.7 0-4.23-2.06-8.29-6.65-8.29-6.06 0-8.47 5.82-8.58 11h14.99Z" fill="#000000" data-color="1"></path>
                            <path d="M178.89 15.29v-2.35h9.06v8.12c1.29-5.47 5.35-8.7 8.94-8.7 2.59 0 3.7 1.53 3.7 3.41 0 1.76-1.18 3.18-3 3.18-1.7 0-2.82-1.12-2.82-2.65 0-.53.12-1.18.65-1.71-3.12.41-7.47 5.35-7.47 14.17v11.23h6.17v2.35h-15.23v-2.35h3.76v-24.7h-3.76Z" fill="#000000" data-color="1"></path>
                            <path d="M238.21.59c11.06 0 20.11 8.82 20.11 21.17s-9.06 21.17-20.11 21.17-20.05-8.76-20.05-21.17 9-21.17 20.05-21.17m0 39.81c9.29 0 14.11-8.76 14.11-18.64S247.5 3.12 238.21 3.12s-14.11 8.76-14.11 18.64 4.88 18.64 14.11 18.64" fill="#000000" data-color="1"></path>
                            <path d="M263.74 42.93V2.35h-3.76V0h9.06v18.46c1.82-5.06 6.41-6.12 9.11-6.12 7.29 0 11.47 5.59 11.47 15.29 0 8.82-4.76 15.29-12.53 15.29-2.23 0-5.47-.65-8.05-2.24l-3.94 2.24h-1.35Zm5.29-4.12c2 1.12 4.11 1.59 6.06 1.59 5.17 0 9-3.82 9-12.76 0-8.47-3.06-12.52-7.76-12.52-3.06 0-7.29 2.06-7.29 9.23v14.47Z" fill="#000000" data-color="1"></path>
                            <path d="M318.45 38.99c-2.59 2.18-6 3.94-10.82 3.94-9.47 0-14.53-6.53-14.53-15.47 0-9.82 6.35-15.11 14-15.11 6.41 0 11.76 3.82 11.76 11.88 0 .88-.06 2.41-.29 3.65h-19.93c0 8.47 4.47 12 10.76 12 3.47 0 6.64-1.18 9.06-3.12v2.23Zm-4.82-13.47c.12-.65.23-2 .23-2.7 0-4.23-2.06-8.29-6.64-8.29-6.06 0-8.47 5.82-8.58 11h14.99Z" fill="#000000" data-color="1"></path>
                            <path d="M321.69 15.29v-2.35h9.05v8.12c1.29-5.47 5.35-8.7 8.94-8.7 2.59 0 3.7 1.53 3.7 3.41 0 1.76-1.18 3.18-3 3.18-1.7 0-2.82-1.12-2.82-2.65 0-.53.12-1.18.65-1.71-3.12.41-7.47 5.35-7.47 14.17v11.23h6.17v2.35h-15.23v-2.35h3.76v-24.7h-3.76Z" fill="#000000" data-color="1"></path>
                            <path d="M357.26 39.99v2.35h-12.88v-2.35h3.82V2.35h-3.82V0h9.12v39.99h3.76z" fill="#000000" data-color="1"></path>
                            <path d="M382.76 36.52c0 2.82.88 3.35 2.06 3.35.7 0 1.53-.29 1.88-.53v2.18c-1.06.65-2.76 1.24-4.59 1.24-3 0-4.65-1.06-4.65-4.59v-2.35c-1.94 5.12-6.17 7.11-10.05 7.11-4.7 0-7.7-3.12-7.7-7.29 0-4.65 3.47-9.58 17.76-10.29v-4.29c0-3.23-1.35-6.7-7.11-6.7-3.47 0-6.12 1.41-6.76 2.88 1.59 0 2.59.94 2.59 2.35s-.94 2.41-2.82 2.41-2.82-1.18-2.82-2.82c0-3.23 4.12-6.82 11.05-6.82 9.23 0 11.17 4.59 11.17 11.11v13.05Zm-5.29-9.35c-9.53.41-12.23 3.94-12.23 7.29 0 2.71 1.94 4.7 4.88 4.7 4.12 0 7.35-3.29 7.35-8v-4Z" fill="#000000" data-color="1"></path>
                            <path d="M397.92 21.11c1.94-6.17 6.11-8.76 10.29-8.76 4.7 0 8.64 2.59 8.64 9.23v18.41h3.76v2.35h-12.76v-2.35h3.71V22.17c0-4.12-2.06-6.17-5.76-6.17s-7.88 3.88-7.88 11.05v12.94h3.82v2.35h-12.88v-2.35h3.76v-24.7h-3.76v-2.35h9.05v8.17Z" fill="#000000" data-color="1"></path>
                            <path d="M439 2.35V0h9.05v39.98h3.76v2.35h-9.05V36.8c-1.83 5.06-6.41 6.12-9.06 6.12-7.35 0-11.53-5.59-11.53-15.29 0-8.82 4.82-15.29 12.53-15.29 2.23 0 5.47.65 8.06 2.24V2.35H439Zm3.76 14.11c-2-1.12-4.12-1.59-6.06-1.59-5.11 0-9 3.82-9 12.76 0 8.47 3.06 12.53 7.82 12.53 3 0 7.23-2.06 7.23-9.23V16.46Z" fill="#000000" data-color="1"></path>
                            <path d="M493.57 40.52h-2.24L476.51 8.7v31.11h4.71v2.53h-11.94v-2.53h4.47V3.71h-4.47V1.18h9.82l14.94 31.75h.11L507.8 1.18h9.23v2.53h-3.82v36.1h3.82v2.53h-13.17v-2.53h3.82V8l-14.11 32.52z" fill="#000000" data-color="1"></path>
                            <path d="M545.29 38.99c-2.59 2.18-6 3.94-10.82 3.94-9.47 0-14.53-6.53-14.53-15.47 0-9.82 6.35-15.11 14-15.11 6.41 0 11.76 3.82 11.76 11.88 0 .88-.06 2.41-.29 3.65h-19.94c0 8.47 4.47 12 10.76 12 3.47 0 6.64-1.18 9.06-3.12v2.23Zm-4.82-13.47c.12-.65.24-2 .24-2.7 0-4.23-2.06-8.29-6.65-8.29-6.06 0-8.47 5.82-8.59 11h14.99Z" fill="#000000" data-color="1"></path>
                            <path d="M565.9 2.35V0h9.05v39.98h3.76v2.35h-9.06V36.8c-1.82 5.06-6.41 6.12-9.05 6.12-7.35 0-11.53-5.59-11.53-15.29 0-8.82 4.82-15.29 12.53-15.29 2.23 0 5.47.65 8.06 2.24V2.35h-3.76Zm3.76 14.11c-2-1.12-4.12-1.59-6.06-1.59-5.11 0-9 3.82-9 12.76 0 8.47 3.06 12.53 7.82 12.53 3 0 7.23-2.06 7.23-9.23V16.46Z" fill="#000000" data-color="1"></path>
                            <path d="M594.14 39.99v2.35h-12.88v-2.35h3.82v-24.7h-3.82v-2.35h9.11v27.05h3.76Zm-6.94-37.4c2 0 3.47 1.18 3.47 3.12s-1.47 3-3.47 3-3.47-1-3.47-3 1.47-3.12 3.47-3.12" fill="#000000" data-color="1"></path>
                            <path d="M620.93 38.99c-2.59 2.18-6 3.94-10.82 3.94-9.47 0-14.53-6.53-14.53-15.47 0-9.82 6.35-15.11 14-15.11 6.41 0 11.76 3.82 11.76 11.88 0 .88-.06 2.41-.29 3.65h-19.93c0 8.47 4.47 12 10.76 12 3.47 0 6.65-1.18 9.06-3.12v2.23Zm-4.82-13.47c.12-.65.24-2 .24-2.7 0-4.23-2.06-8.29-6.64-8.29-6.06 0-8.47 5.82-8.59 11h14.99Z" fill="#000000" data-color="1"></path>
                            <path d="M633.23 21.11c1.94-6.17 6.12-8.76 10.29-8.76 4.7 0 8.64 2.59 8.64 9.23v18.41h3.76v2.35h-12.76v-2.35h3.7V22.17c0-4.12-2.06-6.17-5.76-6.17s-7.88 3.88-7.88 11.05v12.94h3.82v2.35h-12.88v-2.35h3.76v-24.7h-3.76v-2.35h9.05v8.17Z" fill="#000000" data-color="1"></path>
                            <path fill="#0099ce" d="M655.94 52.07v4.79H0v-4.79h655.94z" data-color="2"></path>
                            <path fill="#0099ce" d="m263.41 87.15-11.2-16.46v16.46h-1.67V68.49h2.18l10.69 15.72V68.49h1.67v18.66h-1.67z" data-color="2"></path>
                            <path d="M278.1 87.15s-.3-.88-.3-1.76c-.82 1.03-2.27 2.03-4.54 2.03s-4.24-1.29-4.24-4.03 2.42-3.61 3.48-3.91c1.06-.29 2.91-.56 5.24-.56v-1.03c0-2.2-1.6-3-3.42-3s-3.3.65-4.09 1.2l-.7-1.29c1.03-.62 2.73-1.29 4.69-1.29s3.15.56 3.88 1.18c.73.62 1.36 1.59 1.36 3.64v6.17c0 1.32.3 2.06.61 2.64h-1.97Zm-.36-6.93c-.76 0-2.69.15-3.57.29-.88.15-3.33.62-3.33 2.82s1.67 2.76 2.88 2.76 3.12-.7 4.03-2.47v-3.41Z" fill="#0099ce" data-color="2"></path>
                            <path d="M293.03 87.15v-8.2c0-2.35-.7-3.91-3.12-3.91s-4.03 2.56-4.33 4.03v8.08h-1.73V67.9h1.73v8.52c.79-1.44 2.36-2.91 4.79-2.91s4.39 1.32 4.39 4.85v8.79h-1.73Z" fill="#0099ce" data-color="2"></path>
                            <path d="M300.06 80.68c0 3.08 1.64 5.26 4.54 5.26s4.39-1.59 4.39-1.59l.85 1.15s-1.76 1.91-5.39 1.91-6.21-2.62-6.21-6.94 2.73-6.96 6.21-6.96 5.7 2.62 5.7 6.29v.88h-10.09Zm4.33-5.79c-2.97 0-4.18 2.56-4.33 4.47h8.33c0-2.2-1.06-4.47-4-4.47" fill="#0099ce" data-color="2"></path>
                            <path fill="#0099ce" d="M315.36 67.9v19.25h-1.73V67.9h1.73z" data-color="2"></path>
                            <path d="M321.08 70.49c-.76 0-1.39-.59-1.39-1.32s.61-1.35 1.36-1.35 1.39.59 1.39 1.32-.61 1.35-1.36 1.35m-.88 3.29h1.73v13.37h-1.73V73.78Z" fill="#0099ce" data-color="2"></path>
                            <path d="M327.38 80.68c0 3.08 1.64 5.26 4.54 5.26s4.39-1.59 4.39-1.59l.85 1.15s-1.76 1.91-5.39 1.91-6.21-2.62-6.21-6.94 2.73-6.96 6.21-6.96 5.69 2.62 5.69 6.29v.88h-10.09Zm4.33-5.79c-2.97 0-4.18 2.56-4.33 4.47h8.33c0-2.2-1.06-4.47-4-4.47" fill="#0099ce" data-color="2"></path>
                            <path d="M350.79 90.09c-.76 1.03-2.42 2.2-5.3 2.2s-4.76-1.26-5.06-1.56l.85-1.26c.3.29 2.15 1.35 4.21 1.35s3.24-.73 3.82-1.44c.58-.7.97-1.94.97-3.85v-1.18c-.09.18-1.3 2.64-4.79 2.64s-5.75-2.79-5.75-6.76 2.73-6.73 6.06-6.73 4.36 2.29 4.48 2.62l.3-2.35h1.43v11.02c0 2.94-.46 4.26-1.21 5.29m-4.76-15.19c-2.67 0-4.48 2.41-4.48 5.35s1.67 5.35 4.3 5.35 4.48-2.41 4.48-5.35-1.67-5.35-4.3-5.35" fill="#0099ce" data-color="2"></path>
                            <path d="M357.45 80.68c0 3.08 1.64 5.26 4.54 5.26s4.39-1.59 4.39-1.59l.85 1.15s-1.76 1.91-5.39 1.91-6.21-2.62-6.21-6.94 2.73-6.96 6.21-6.96 5.69 2.62 5.69 6.29v.88h-10.08Zm4.33-5.79c-2.97 0-4.18 2.56-4.33 4.47h8.33c0-2.2-1.06-4.47-4-4.47" fill="#0099ce" data-color="2"></path>
                            <path d="M380.2 87.15v-8.2c0-2.35-.7-3.91-3.12-3.91s-4.03 2.56-4.33 4.03v8.08h-1.73V73.78h1.58l.15 2.65c.79-1.44 2.36-2.91 4.79-2.91s4.39 1.32 4.39 4.85v8.79h-1.72Z" fill="#0099ce" data-color="2"></path>
                            <path d="m396.4 87.15-.3-2.2s-1.33 2.47-4.82 2.47-5.88-3-5.88-6.96 2.58-6.94 6.21-6.94c3.18 0 4.33 2.32 4.48 2.62v-8.23h1.73v19.25h-1.42Zm-4.63-12.25c-2.73 0-4.54 2.53-4.54 5.55s1.66 5.55 4.39 5.55 4.54-2.53 4.54-5.55-1.66-5.55-4.39-5.55" fill="#0099ce" data-color="2"></path>
                            <path d="M404.03 87.3c-.76 0-1.36-.59-1.36-1.32s.61-1.32 1.36-1.32 1.36.59 1.36 1.32-.61 1.32-1.36 1.32" fill="#0099ce" data-color="2"></path>
                        </g>
                    </svg>
                </a>
            </div>
            <div class="col-12 bg-header d-flex">
                <div class="navbar-collapse p-2 px-4 px-sm-5" id="navbarContent">
                    <ul class="navbar-nav me-auto gap-3 flex-row">
                        <li class="nav-item">
                            <a class="nav-link text-black ps-0" href="/?home">
                                <span>Startseite</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-black ps-0" href="/?hilfe">
                                <span>Hilfe</span>
                            </a>
                        </li>
                    </ul>

                    <div class="ms-auto me-1 mb-1 d-none d-lg-flex my-auto">
                        <a href="tel:+41449333333" target="_blank" class="border rounded p-1 text-decoration-none text-white" style="
                        /* background: white; */
                        color: #000000 !important;
                        border: 0px solid !important;
                        /* padding: 8px !important; */
                        font-size: 16px;
                        margin-top: -5px;
                        "><i class="bi bi-telephone-fill"></i> Tel. 044 933 33 33</a>
                    </div>
                </div>
                <button class="navbar-toggler border-0 ms-auto my-auto me-3" id="hamburger_button" type="button" data-bs-toggle="offcanvas" data-bs-target="#navigation_canvas" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation" style="height: 55px">
                    <span class="navbar-toggler-icon"></span>
                </button>
            </div>
        </div>
    </nav>

    <div class="justify-content-center align-items-center d-none" id="loading_artikelseite" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 99999999; display: flex;">
        <div class="card" style="z-index: 9999; display: flex;">
            <div class="card-body text-center">
                <div id="loading-circle" class="justify-content-center align-items-center" style="position: fixed; left: 0; right: 0; z-index: 999; display: flex;">
                    <div class="spinner-border text-primary" role="status">
                        <span class="visually-hidden">Loading...</span>
                    </div>
                </div>
                <br><br>Daten werden geladen…<br>Wir bereiten alles für Sie vor.<br>
            </div>
        </div>
    </div>

    <!-- include-Content -->
    <main class="pt-2 pt-lg-5 container_zom bg-white">
        <div class="mt-2 p-4 pt-2 pb-5 px-3 px-sm-4 px-sm-5">
            <div>

<a href="/?home" class="text-center">Zurück zur Übersicht</a>

<div class="d-flex">
    
        <img alt="25_IMAGE_REGI" class="img-fluid mt-5 py-5 mx-auto text-center" src="images/artikel/REGI.svg">
    
</div>
<div class="text-center">
    
</div>

<div class="mb-5 row">
    
        <div class="col-12 col-md mb-4 d-flex flex-column gap-2 mx-auto" style="max-width: 1000px;">
            <div class="card-light">

                <!-- Titel -->
                <h3>Print + E-Paper</h3>

                <!-- Bild -->
                <div>
                    <img src="images/artikel/ZOMPREGIO.jpg" class="rounded mx-auto d-block img-fluid" alt="ZOMPREGIO">
                    <!-- old class abo_bild -->
                </div>

                <!-- Text -->
                <div>
                    
                        <div class=""><br>Das regio wird jeden zweiten Donnerstag als Gratiszeitung in über 80'000 Haushalte im Zürcher Oberland verteilt. Neben regionalen und lokalen News beleuchtet das regio das gesellschaftliche Leben in den Gemeinden und bietet den Leserinnen und Lesern, den Vereinen und dem Gewerbe viel Platz für eigene Beiträge. Das «regio» erscheint in drei verschiedenen Ausgaben. <p><br>

<b>Welches regio wird wo verteilt?</b><br>
regio 1: Illnau-Effretikon, Weisslingen, Pfäffikon, Fehraltorf, Russikon, Hittnau, Bauma<br>
regio 2: Uster, Mönchaltorf, Egg, Maur, Greifensee<br>
regio 3: Wetzikon, Hinwil, Bäretswil, Seegräben, Gossau, Rüti, Dürnten, Bubikon <br>
<br>

<ul>
<li>E-Paper: Lesen Sie Ihre Zeitung digital auf dem Handy, auf dem Tablet oder auf dem PC.</li>
<li>Laufzeit: 12 Monate</li>
</ul>



</div>
                    
                </div>
                <br>

                <!-- 
                Laufzeit 
                -> Beim erfassen der Laufzeit wird dynamisch der richtige Preis angezeigt
            -->
                <div class="mt-auto laufzeit_box">
                    <p class="pb-2 laufzeit_text">Laufzeit wählen</p>
                    <div class="d-flex flex-column flex-md-row gap-3">
                        
                            
                                <div class="d-flex w-100">
                                    <input type="radio" name="ZOMP" id="laufzeit_wsR1 12" class="btn-check" value="wsR1 12" onchange="showPrice('ZOMP')" checked="">
                                    <label class="btn btn-outline-primary w-100" for="laufzeit_wsR1 12">regio 1
</label>
                                </div>
                            
                        
                        
                            
                                <div class="d-flex w-100">
                                    <input type="radio" name="ZOMP" id="laufzeit_wsR2 12" class="btn-check" value="wsR2 12" onchange="showPrice('ZOMP')">
                                    <label class="btn btn-outline-primary w-100" for="laufzeit_wsR2 12">regio 2
</label>
                                </div>
                            
                        
                            
                                <div class="d-flex w-100">
                                    <input type="radio" name="ZOMP" id="laufzeit_wsR3 12" class="btn-check" value="wsR3 12" onchange="showPrice('ZOMP')">
                                    <label class="btn btn-outline-primary w-100" for="laufzeit_wsR3 12">regio 3
</label>
                                </div>
                            
                        
                    </div>
                </div>
                <br>

                <!-- 
                Preis - first
                -> Dieser Preis wird beim ersten laden angezeigt, bis eine andere Laufzeig gewählt wurde
            -->
                
                    <div id="price_wsR1 12" data-full-id="wsR1 12" class="price_ZOMP">
                        
                            <h2 class="text-center text-primary">
                                CHF 129.00
                            </h2>
                        
                        <!-- Bestellen -->
                        <button class="btn btn-primary w-100 mt-3 mb-2 p-2" onclick="order('wsR1 12')"><b>Jetzt bestellen</b></button>
                    </div>
                

                <!-- 
                Preis - second
                -> Diese Preise sind hidden, solange Sie noch nicht ausgewählt wurden
            -->
                
                    <div id="price_wsR2 12" data-full-id="wsR2 12" class="price_ZOMP" style="display: none;">
                        
                            <h2 class="text-center text-primary">
                                CHF 129.00
                            </h2>
                        
                        <!-- Bestellen -->
                        <button class="btn btn-primary w-100 mt-3 mb-2 p-2" onclick="order('wsR2 12')"><b>Jetzt bestellen</b></button>
                    </div>
                
                    <div id="price_wsR3 12" data-full-id="wsR3 12" class="price_ZOMP" style="display: none;">
                        
                            <h2 class="text-center text-primary">
                                CHF 129.00
                            </h2>
                        
                        <!-- Bestellen -->
                        <button class="btn btn-primary w-100 mt-3 mb-2 p-2" onclick="order('wsR3 12')"><b>Jetzt bestellen</b></button>
                    </div>
                
            </div>
        </div>
    
</div>

<script>
    $(document).ready(function() {
        $('.aboclass').each(function() {
            if ($(this).find('[class^="price_"]').length === 0) {
                $(this).hide();
                $(this).removeClass('d-flex');
            }
        });
        $(() => $('label').each(function() {
            let t = $(this).text(),
                i = t.indexOf('- ');
            if (i > -1) $(this).text(t.substring(i + 2));
        }));
    });

    function showPrice(id) {
        var x = $('input[name="' + id + '"]:checked').val();
        console.log(x)
        $('.price_' + id).hide();
        var price_show = document.querySelector("[data-full-id='" + x + "']");
        $("[data-full-id='" + x + "']").show();
    }

    if(getURLParameter('navgrp') == "REGI") {
        $('.laufzeit_text').text('Regio wählen');
    }
    if(getURLParameter('navgrp') == "GLA") {
        $('.laufzeit_box').hide();
    }
    
</script></div>
        </div>
    </main>

    <!-- Footer -->
    <footer class="bg-primary text-light p-1 px-4 px-sm-5 container_zom">
        <div class="d-md-flex flex-wrap mt-3">
            <div class="col-lg-6 mx-auto mb-4 text-light text-decoration-none">
                <p class="py-2 h5">
                    <b>Kundenservice</b>
                </p>
                <div class="col-md-10 mb-3">
                    Falls Sie Fragen zu unseren Abo-Angeboten haben, kontaktieren Sie uns per E-Mail: <a href="mailto:servicedesk@zol.ch" class="text-white">­servicedesk@zol.ch</a>
                </div>
                <a href="https://www.zo-medien.ch/kontakt" target="_blank" class="text-white">Kontakt</a> |
                <a href="https://www.zo-medien.ch/datenschutz" target="_blank" class="text-white">Datenschutzerklärung</a> |
                <a href="/?hilfe" class="text-white">Häufige Fragen</a>
            </div>
            <div class="col-lg-6 mx-auto mb-4 text-light text-decoration-none d-flex flex-column flex-sm-row">
                <div class="col-md-4">
                    <img src="/images/abo-top-card_small.jpg" alt="abotop" class="img-fluid p-2 pe-4">
                </div>
                <div class="col-lg-8 mb-3">
                    <p class="py-2 h5">
                        <b>Exklusive abotop-Aktionen</b>
                    </p>
                    <p>Profitieren Sie mit der abotop-Karte von monatlich wechselnden attraktiven Angeboten.</p>
                    <a href="https://www.zo-online.ch/abotop-aktionen" target="_blank" class="text-white">Zu den Abotop-Aktionen <i class="bi bi-arrow-right-short"></i></a>
                </div>
            </div>
        </div>
        <hr>
        <div>
            <div class="text-center text-md-start mt-5">
                <div class="d-md-flex flex-wrap mt-3">

                    <div class="payment_img col-md-12 col-lg-4 mx-auto mb-4 text-light text-decoration-none">
                        <p class="py-2 h5">
                            <b>Bezahlmöglichkeiten</b>
                        </p>
                        <img src="images/payment_options/card_twint.svg" alt="twint">
                        <img src="images/payment_options/card_postfinance.svg" alt="postfinance">
                        <img src="images/payment_options/card_visa.svg" alt="visa">
                        <img src="images/payment_options/card_mastercard.svg" alt="mastercard">
                        <img src="images/payment_options/card_rechnung.png" alt="rechnung">
                    </div>

                    <div class="col-md-6 col-lg-4 mx-auto mb-4 text-light text-decoration-none">
                        <p class="py-2 h5">
                            Adresse
                        </p>

                        <a class="text-light" target="_blank" href="https://maps.app.goo.gl/Q3WrA3dA5d8wnp7f9">
                            Zürcher Oberland Medien AG<br>Rapperswilerstrasse 1<br>8620 Wetzikon
                        </a>

                    </div>

                    <div class="col-md-6 col-lg-4 mx-auto mb-md-0 mb-4 text-decoration-none">
                        <p class="py-2 h5">
                            Kontakt
                        </p>

                        <a class="text-light" target="_blank" href="tel:+41449333333">Telefon: +41 44 933 33 33 <br></a>
                        <a class="text-light" target="_blank" href="mailto:servicedesk@zol.ch">Mail: servicedesk@zol.ch</a>

                    </div>

                </div>
            </div>
        </div>
        <div class="text-center pt-4">
            <hr>
            <p>Zürcher Oberland Medien © <span id="aktuellesJahr">aktuelles Jahr</span></p>
        </div>
    </footer>

    <!-- Navigtaion -->
    <div class="offcanvas offcanvas-end text-dark" tabindex="-1" id="navigation_canvas">
        <div class="offcanvas-header">
            <div>
                
                    <a class="offcanvas-title text-black text-decoration-none" href="/?login" aria-label="Profile/Login" data-bs-toggle="offcanvas" data-bs-target="#login_register"><i class="bi bi-person-fill"></i>
                        Login</a>
                
                
                <a href="#" class="text-black text-decoration-none ms-3" aria-label="Warenkorb" data-bs-toggle="offcanvas" data-bs-target="#basket">
                    
                        <span rel="tooltip" title="0 Artikel im Warenkorb">
                            <i class="bi bi-cart4 mb-3"></i>
                            <span>Warenkorb</span>
                            
                            
                            
                        </span>
                    
                </a>
            </div>
            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body p-0 mobile-navigation">
            <a class="dropdown-item" href="/?home" target="_blank">Startseite</a>
            <a class="dropdown-item" href="/?hilfe">Hilfe</a>
        </div>
        
    </div>

    <!-- Warenkorb -->
    <div class="offcanvas offcanvas-end text-dark" tabindex="-1" id="basket">
        <div class="offcanvas-header">
            <h3 class="offcanvas-title d-none d-sm-block">Warenkorb</h3>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            
                
                    <div class="text-center">
                        <div id="basketInner">
                            <div class="alert">
                                <h5>
                                    <i class="bi bi-cart4 h4 me-2"></i>
                                    <span>Keine Artikel im Warenkorb</span>
                                </h5>
                            </div>
                        </div>
                        <button class="btn btn-primary w-100 mb-3" data-bs-dismiss="offcanvas">Weiter einkaufen</button>
                        
                            <hr class="mb-3">
                            <b>Sie haben bereits ein Konto?</b>
                            <p>Dann <a class="btn-link" href="#" data-bs-toggle="offcanvas" data-bs-target="#login_register">melden Sie sich hier an</a>, um die Bestellung später schneller abzuschliessen.</p>
                        
                    </div>
                
                
            
        </div>
    </div>

    <div id="benutzer_navigation_inner" class="col-lg-3 mb-5">
        <div class="w-100 d-flex flex-row d-flex flex-row py-3">
            <div class="rounded-circle d-flex" style="height: 40px; width: 40px; background-color: #D9D9D9;">
                <p class="my-auto mx-auto fw-bold"><i class="bi bi-person-fill h5"></i></p>
            </div>
            <div class="d-flex">
                <span><!-- Ungültiges Tag. Fehler: System.NullReferenceException: Object reference not set to an instance of an object.
   at Shop_Lib.GetEditRechnungsadresses() in c:\inetpub\aboshop.zo-online.ch\App_Code\Libraries\Shop_Lib.cs:line 1114
   at CMSParser.ParseHTML(String inputHTML, String arguments) in c:\inetpub\aboshop.zo-online.ch\App_Code\Libraries\CMSParser.cs:line 735--></span>
            </div>
        </div>
        <br>
        <h5 class="border-bottom border-dark">Benutzerdaten</h5>
        <div class="w-100 d-flex flex-column fw-bold">
            <a class="btn btn-account btn-adressen" aria-current="page" rel="nofollow" href="/?benutzerkonto/adressen">
                <i class="bi bi-house-door-fill me-3"></i> Meine Adresse
            </a>
            <a class="btn btn-account btn-password" rel="nofollow" href="/?benutzerkonto/passwort">
                <i class="bi bi-key me-3"></i> Passwort
            </a>
            <a class="btn btn-account btn-email" rel="nofollow" href="/?benutzerkonto/email">
                <i class="bi bi-envelope me-3"></i> E-Mail-Adresse ändern
            </a>
            <a class="btn btn-account btn-kreditkarten" rel="nofollow" href="/?benutzerkonto/kreditkarten">
                <i class="bi bi-credit-card me-3"></i> Kreditkarte
            </a>
        </div>
        <br>
        <h5 class="border-bottom border-dark">Abonnemente</h5>
        <div class="w-100 d-flex flex-column fw-bold">
            <a class="btn btn-account btn-abos" rel="nofollow" href="/?benutzerkonto/abo/uebersicht">
                <i class="bi bi-newspaper me-3"></i> Meine Abonnemente
            </a>
            <a class="d-flex btn btn-account btn-newsletter text-start p-0 fw-500" rel="nofollow" href="/?benutzerkonto/newsletter">
                <i class="bi bi-postcard me-3"></i> <span class="ms-1">Newsletter</span>
            </a>
        </div>
        <br>
        <h5 class="border-bottom border-dark">Rechnungen</h5>
        <div class="w-100 d-flex flex-column fw-bold">
            <a class="btn btn-account btn-rechnungen" rel="nofollow" href="/?benutzerkonto/rechnungen">
                <i class="bi bi-envelope-paper me-3"></i> Meine Rechnungen
            </a>
        </div>
        
            
        
        <br>
        <h5 class="border-bottom border-dark">Häufige Fragen</h5>
        <div class="w-100 d-flex flex-column fw-bold">
            <a class="btn btn-account btn-help" href="/?hilfe">
                <i class="bi bi-question-circle-fill me-3"></i> FAQ
            </a>
        </div>
    </div>

    <!-- allgemeiner Fehler Modal -->
    <div class="modal fade" id="errorModal" role="dialog" tabindex="-1" aria-labelledby="errorModal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-danger">
                        <div id="errorModalContent"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Schliessen</button>
                </div>
            </div>
        </div>
    </div>

    <!-- allgemeiner Info Modal -->
    <div class="modal fade" id="infoModal" tabindex="-1" aria-labelledby="infoModal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-success">
                        <div id="infoModalContent"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Schliessen</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Warenkorb loeschen -->
    <div class="modal fade" id="confirmModalWarenkorb" tabindex="-1" aria-labelledby="confirmModalWarenkorb" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body confirmModalWarenkorbText">
                    <div class="alert alert-danger">
                        Alle Artikel im Warenkorb löschen?
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Nein</button>
                    <a href="/shop/killWarenkorb" class="btn btn-primary">Ja</a>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Login verifikation -->
    <div class="modal fade" id="resendActivation" tabindex="-1" aria-labelledby="resendActivation" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body resendActivationText">
                    <div class="alert alert-info">
                        Die E-Mail Adresse ist noch nicht verifiziert. Sollen wir dir eine neue Verifikation-E-Mail senden?
                    </div>
                </div>
                <div class="modal-footer">
                    <form action="/shop/resendActivation">
                        <input type="hidden" id="verifyEmail" name="verifyEmail" value="">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Nein</button>
                        <input class="btn btn-primary" type="submit" value="ja">
                    </form>
                </div>
            </div>
        </div>
    </div>

    
    <!-- Login -->
    <div class="offcanvas offcanvas-end text-dark" tabindex="-1" id="login_register">
        <div class="offcanvas-header pb-2">
            <h3 class="offcanvas-title d-none d-lg-block">Konto</h3>
            <p class="offcanvas-title d-lg-none d-block"><b><i class="bi bi-cart4"></i></b><a href="/?home" class="text-decoration-none text-black"> Shop</a></p>
            <button type="button" class="btn-close text-reset text-light" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            
                <h5 class="mb-4"><b>Login</b></h5>
                <div>
                    <form action="/shop/loginUser" method="post" data-toggle="validator">
                        <input type="hidden" name="loginOK_hidden" value="/?benutzerkonto/adressen">
                        <div class="form-floating mb-1">
                            <input type="email" class="form-control" id="login_user" name="login_user" placeholder="" required="">
                            <label for="login_user" class="ps-0">E-Mail</label>
                        </div>
                        <div class="form-floating d-flex">
                            <input type="password" class="form-control" id="login_pw" name="login_pw" minlength="6" placeholder="">
                            <label for="login_pw" class="ps-0">Passwort</label>
                            <button type="button" class="btn-pw-reveal" onclick="showPWLogin()"><i class="bi bi-eye-fill"></i></button>
                        </div>
                        <div class="form-group">
                            <input class="btn btn-link p-0 pt-2 float-end fs-6" type="button" onclick="this.form.action='/shop/resetpw';this.form.submit();" value="Passwort vergessen?">
                            <br>
                            <input type="submit" class="btn btn-primary mb-1 mt-4 w-100" value="Einloggen">
                            <br>
                        </div>
                    </form>
                </div>
                <br>
                <hr>
                <div>
                    <h5><b>Registrieren</b></h5>
                    <button onclick="location.href='/?registration/ohne_abo'" type="button" class="btn btn-primary w-100">Benutzerkonto erstellen</button>
                    <br>
                    <br>
                    <a rel="nofollow" href="/?registration/mit_abo">- Ich besitze bereits ein Abo?</a>
                    <br>
                    <!--
                        <a rel="nofollow" href="/?registration/unternehmung">- Angehöriger einer Organisation / Unternehmen mit Abo?</a>
                    -->
                </div>
            

            
        </div>
        
        
            
        
    </div>

    <noscript>
        <div style="position: fixed; top: 0px; left: 0px; z-index: 30000000; 
    height: 100%; width: 100%; background-color: #FFFFFF">
            <p style="margin-left: 10px">Bitte aktivieren Sie Javascript, um den Webshop nutzen zu können.</p>
        </div>
    </noscript>

    <script>
        window.onpagehide = (event) => {
            $("#loading_artikelseite").hide();
        };

        $("#loading_artikelseite").addClass("d-none");

        document.querySelectorAll(".btn-account").forEach(a => {
            a.addEventListener("click", () => {
                setTimeout(() => {
                    $("#loading_artikelseite").removeClass("d-none");
                }, 850);
            });
        });

        document.addEventListener("DOMContentLoaded", function() {
            bodyResize();
        });

        // Select Startdatum
        function startdate(element, itemID) {
            saveStartDate($(element).datepicker('getFormattedDate'), itemID);
            console.log(element);
        }

        function saveStartDate(date, itemID) {
            console.log(date, itemID);
            $.get("/shop/removeItem?itemid=" + itemID, function() {
                if (itemID != "") {
                    $.get("/shop/addItem?itemID=" + itemID + "&startDate=" + date, function() {
                        document.location.href = window.location.href;
                    });
                }
            });
        }

        //fügt navigation dynamisch ein
        if (document.getElementById("benutzer_navigation")) {
            $('#benutzer_navigation_inner').addClass('d-none d-lg-block pe-0');
            const node = document.getElementById("benutzer_navigation_inner");
            document.getElementById("benutzer_navigation").replaceWith(node);
        } else {
            $('#benutzer_navigation_inner').hide();
        }

        // fügt basket dynamisch ein
        if (document.getElementById("offertBasket")) {
            $(".zusatztext_basket").show();
            const basket = document.getElementById("basketInner");
            const firstChildDiv = basket.firstElementChild;
            const clone = firstChildDiv.cloneNode(true);
            document.getElementById("offertBasket").appendChild(clone);

            const zusatztextElements = $(".zusatztext_basket");
            const totalElements = zusatztextElements.length;
            const elementsToHide = Math.floor(totalElements / 2);

            for (let i = totalElements - elementsToHide; i < totalElements; i++) {
                zusatztextElements.eq(i).hide();
            }
        }

        $(".aktionspreis").last().hide();

        /*
        const cardTextElements = document.querySelectorAll('.card-text');
        cardTextElements.forEach(function(element) {
            if (element.textContent.includes("CHF 1.00")) {
                element.textContent = element.textContent.replace("CHF 1.00", "CHF 1.00*");
            }
        });
        */

        // Wird benötigt
        // Password show Button 
        var pw = document.getElementById('passwort');
        var confirm_password = document.getElementById('passwort_hidden');
        var new_pw = document.getElementById('new_pw');
        var new_pw_validate = document.getElementById('new_pw_validate');
        var new_pw_change = document.getElementById('password');
        var new_pw_validate_change = document.getElementById('password_second');
        var pw_login = document.getElementById('login_pw');

        function PWcheck() {
            if (pw.value != confirm_password.value) {
                confirm_password.setCustomValidity('Passwörter stimmen nicht überein');
            } else if (/\s/.test(pw.value) || pw.value.search(/\?/) != "-1" || pw.value.search(/\&/) != "-1") {
                pw.setCustomValidity('Passwörter dürfen kein Leerschlag, (?) oder ein (&) enthalten.');
            } else {
                confirm_password.setCustomValidity('');
                pw.setCustomValidity('');
            }
        }

        function showPW() {
            if (pw.type === "password") {
                pw.type = "text";
            } else {
                pw.type = "password";
            }
        }

        function showPWLogin() {
            if (pw_login.type === "password") {
                pw_login.type = "text";
            } else {
                pw_login.type = "password";
            }
        }

        function showSecondPW() {
            if (confirm_password.type === "password") {
                confirm_password.type = "text";
            } else {
                confirm_password.type = "password";
            }
        }

        var passwordcheck = document.getElementById('passwort_hidden');

        function showHiddenPW() {
            if (passwordcheck.type === "password") {
                passwordcheck.type = "text";
            } else {
                passwordcheck.type = "password";
            }
        }

        function checkNewPW() {
            if (new_pw.value != new_pw_validate.value) {
                new_pw_validate.setCustomValidity('Passwörter stimmen nicht überein');
            } else if (/\s/.test(new_pw.value) || new_pw.value.search(/\?/) != "-1" || new_pw.value.search(/\&/) !=
                "-1") {
                new_pw.setCustomValidity('Passwörter dürfen kein Leerschlag, (?) oder ein (&) enthalten.');
            } else {
                new_pw_validate.setCustomValidity('');
                new_pw.setCustomValidity('');
            }
        }

        function showNewPW_Benutzerkonto() {
            if (new_pw.type === "password") {
                new_pw.type = "text";
            } else {
                new_pw.type = "password";
            }
        }

        function showSecondPW_Benutzerkonto() {
            if (new_pw_validate.type === "password") {
                new_pw_validate.type = "text";
            } else {
                new_pw_validate.type = "password";
            }
        }

        function showNewPW_change() {
            if (new_pw_change.type === "password") {
                new_pw_change.type = "text";
            } else {
                new_pw_change.type = "password";
            }
        }

        function showSecondPW_change() {
            if (new_pw_validate_change.type === "password") {
                new_pw_validate_change.type = "text";
            } else {
                new_pw_validate_change.type = "password";
            }
        }

        function checkNewPWChange() {
            if (new_pw_change.value != new_pw_validate_change.value) {
                new_pw_validate_change.setCustomValidity('Passwörter stimmen nicht überein');
            } else if (/\s/.test(new_pw_change.value) || new_pw_change.value.search(/\?/) != "-1" || new_pw_change.value
                .search(/\&/) != "-1") {
                new_pw_change.setCustomValidity('Passwörter dürfen kein Leerschlag, (?) oder ein (&) enthalten.');
            } else {
                new_pw_validate_change.setCustomValidity('');
                new_pw_change.setCustomValidity('');
            }
        }

        function StartPageFunction() {
            // für collapsible
            var coll = document.getElementsByClassName("collapsible");
            var i;

            for (i = 0; i < coll.length; i++) {
                coll[i].addEventListener("click", function() {
                    this.classList.toggle("active");
                    var content = this.nextElementSibling;
                    try {
                        if (content.style.display === "block") {
                            content.style.display = "none";
                        } else {
                            content.style.display = "block";
                        }
                    } catch (e) {}
                });
            }
        }

        // start function
        try {
            StartPageFunction();
        } catch (e) {}

        const mengenangabeMaster = document.querySelectorAll('.mengenangabeMaster');
        const mengenangabeMasterID = document.querySelectorAll('.mengenangabeMasterID');

        for (let i = 0; i < mengenangabeMaster.length; i++) {
            const element = mengenangabeMaster[i];
            element.addEventListener('blur', (event) => handleFormSubmitMaster(event, i));
            element.addEventListener('keypress', (event) => handleFormSubmitMaster(event, i));
        }

        function handleFormSubmitMaster(event, count) {
            if (event.type === "keypress" && event.key !== "Enter") {
                return;
            }
            event.preventDefault();
            window.location.href = "/shop/addItemMenge?itemID=" + mengenangabeMasterID[count].value +
                "&showCard=true&menge=" + mengenangabeMaster[count].value;
        }
    </script>
    <div class="container_zom">
        <a class="cmpboxrecalllink" href="#" tabindex="0" aria-haspopup="dialog" role="button" draggable="false"><img style="width:20px; height:20px;" class="cmpboxrecallicon" width="20" height="20" alt="Datenschutz-Einstellungen" title="Datenschutz-Einstellungen" data-cmp-ab="1" src="https://cdn.consentmanager.net/delivery/recall/logos/132958" data-cmp-info="10"><span class="cmpboxrecalltxt cmptxt_recallbtn">Datenschutz-Einstellungen</span></a>
    </div>
</body></html>