<!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>Aboshop - Alle Zeitungsabos der Zürcher Oberland Medien | 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/?home"></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>

<link rel="stylesheet" href="css/home.css">

<h1 class="text-primary text-center">Der Aboshop der Zürcher Oberland Medien</h1>
<h2 class="text-center">Ihr Zugang zu regionalen Geschichten und Informationen.</h2><br><br>
<p class="text-center">Wählen Sie das gewünschte Produkt:</p>
<br><br>
<div class="d-flex flex-wrap mx-xl-5 px-xl-5">
    
        <div class="col-12 col-md-6 col-lg-4 mb-3 pb-3">
            <a class="card-light d-flex flex-column p-4 text-decoration-none text-black border-primary mx-3 h-100" href="/?abo&navgrp=ZO">
                <img src="/images/artikel/ZO.svg" alt="ZO" class="img-fluid mx-auto pt-3 mb-4 w-100" style="height: 80px">
                <img src="/images/artikel/ZO_mockup.jpg" alt="ZO_mockup" class="img-fluid mx-auto pt-3 mb-4" style="max-height: 200px">
                
                    <p>
                        Die Tageszeitung für die Bezirke Hinwil, Pfäffikon und Uster. Erscheint Montag bis Samstag.
                    </p>
                
                
                    <p>
                       <strong><p>Wählbare Abos:<br>
<ul>
<li>Print + E-Paper</li>
<li>E-Paper</li>
</ul>
<p></strong>
                    </p>
                
                <div class="mt-auto ms-auto h3"><i class="bi bi-chevron-right border border-2 border-black rounded-circle px-1"></i></div>
            </a>
        </div>
    
        <div class="col-12 col-md-6 col-lg-4 mb-3 pb-3">
            <a class="card-light d-flex flex-column p-4 text-decoration-none text-black border-primary mx-3 h-100" href="/?abo&navgrp=AVU">
                <img src="/images/artikel/AVU.svg" alt="AVU" class="img-fluid mx-auto pt-3 mb-4 w-100" style="height: 80px">
                <img src="/images/artikel/AVU_mockup.jpg" alt="AVU_mockup" class="img-fluid mx-auto pt-3 mb-4" style="max-height: 200px">
                
                    <p>
                        Die meistgelesene Tageszeitung in und um Uster. Erscheint Montag bis Samstag.
                    </p>
                
                
                    <p>
                       <strong><p>Wählbare Abos:<br>
<ul>
<li>Print + E-Paper</li>
<li>E-Paper</li>
</ul>
<p></strong>
                    </p>
                
                <div class="mt-auto ms-auto h3"><i class="bi bi-chevron-right border border-2 border-black rounded-circle px-1"></i></div>
            </a>
        </div>
    
        <div class="col-12 col-md-6 col-lg-4 mb-3 pb-3">
            <a class="card-light d-flex flex-column p-4 text-decoration-none text-black border-primary mx-3 h-100" href="/?abo&navgrp=ZOON">
                <img src="/images/artikel/ZOON.svg" alt="ZOON" class="img-fluid mx-auto pt-3 mb-4 w-100" style="height: 80px">
                <img src="/images/artikel/ZOON_mockup.jpg" alt="ZOON_mockup" class="img-fluid mx-auto pt-3 mb-4" style="max-height: 200px">
                
                    <p>
                        Aktuellste Nachrichten, fundiert recherchierte Berichte und beste Unterhaltung aus dem Zürcher Oberland.
                    </p>
                
                
                    <p>
                       <strong><p>Wählbare Abos:<br>
<ul>
<li>Online</li>
</ul>
<p></strong>
                    </p>
                
                <div class="mt-auto ms-auto h3"><i class="bi bi-chevron-right border border-2 border-black rounded-circle px-1"></i></div>
            </a>
        </div>
    
        <div class="col-12 col-md-6 col-lg-4 mb-3 pb-3">
            <a class="card-light d-flex flex-column p-4 text-decoration-none text-black border-primary mx-3 h-100" href="/?abo&navgrp=REGI">
                <img src="/images/artikel/REGI.svg" alt="REGI" class="img-fluid mx-auto pt-3 mb-4 w-100" style="height: 80px">
                <img src="/images/artikel/REGI_mockup.jpg" alt="REGI_mockup" class="img-fluid mx-auto pt-3 mb-4" style="max-height: 200px">
                
                    <p>
                        Regionale und lokale Geschichten und Veranstaltungen aus dem Zürcher Oberland. Erscheint jeden zweiten Donnerstag.
                    </p>
                
                
                    <p>
                       <strong><p>Wählbare Abos:<br>
<ul>
<li>Print + E-Paper</li>
</ul>
<p></strong>
                    </p>
                
                <div class="mt-auto ms-auto h3"><i class="bi bi-chevron-right border border-2 border-black rounded-circle px-1"></i></div>
            </a>
        </div>
    
        <div class="col-12 col-md-6 col-lg-4 mb-3 pb-3">
            <a class="card-light d-flex flex-column p-4 text-decoration-none text-black border-primary mx-3 h-100" href="/?abo&navgrp=GLA">
                <img src="/images/artikel/GLA.svg" alt="GLA" class="img-fluid mx-auto pt-3 mb-4 w-100" style="height: 80px">
                <img src="/images/artikel/GLA_mockup.jpg" alt="GLA_mockup" class="img-fluid mx-auto pt-3 mb-4" style="max-height: 200px">
                
                    <p>
                        Die Zeitung und das Magazin für Dübendorf, Schwerzenbach, Fällanden und Volketswil. Erscheint wöchentlich jeweils am Freitag.
                    </p>
                
                
                    <p>
                       <strong><p>Wählbare Abos:<br>
<ul>
<li>Print + E-Paper</li>
</ul>
<p></strong>
                    </p>
                
                <div class="mt-auto ms-auto h3"><i class="bi bi-chevron-right border border-2 border-black rounded-circle px-1"></i></div>
            </a>
        </div>
    
</div>

    <div class="col-12 mt-5 pt-5">
        <h3>Häufig gestellte Fragen:</h3>
<br>
<div class="row">
        <div class="col-md-4">
            <div class="advantage">
                <h4>Wie und wann kann ich mein Abo kündigen?</h4>
                <p>
                    Ihr Abo können Sie jederzeit auf Ende der Vertragslaufzeit im Aboshop, per Mail oder Telefon kündigen.  
                    Nicht gekündigte Abos verlängern sich automatisch.
                </p>
            </div>
        </div>
        <div class="col-md-4">
            <div class="advantage">
                <h4>Wo erhalte ich Hilfe?</h4>
                <p>
                    Bei Fragen zu Ihrem Abo hilft Ihnen unser Service-Desk gerne weiter:  
                    <br><strong>Online:</strong> <a href="/?hilfe" target="_blank">Hilfe</a>
                     <br><strong>Telefon:</strong> 044 933 33 33  
                    <br><strong>E-Mail:</strong> servicedesk@zol.ch
                </p>
            </div>
        </div>
        <div class="col-md-4">
            <div class="advantage">
                <h4>Was ist die abotop-Karte?</h4>
                <p>
                    Mit der abotop-Karte profitieren Sie jeden Monat von neuen Vergünstigungen in der Region.  
                    Die abotop-Karte ist bei allen Abomodellen inbegriffen.
                </p>
            </div>
        </div>
    </div>
    </div>

</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>