<!-- Unterseite - PageID: "50041". Erstellt 12.04.2017 - 16:21 -->
<!-- Wurzelseite (root) - PageID: "50750" . Erstellt 29.08.2016 - 12:47 -->
<!DOCTYPE html>
<html lang="de">

<head>
   <!-- Include-Seite - IncludeID: "40861" . Erstellt 29.08.2016 - 14:09 -->
 <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    
    <!-- Prüfung ob User eingeloggt ist oder nicht -->

    
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>    
     if (window.location.href.indexOf("cms/Benutzer") > -1) {
      $.get("/ajax?action=GetSesionValue&sValue=loggedIn&defValue=false", function(restObj) {
          if (restObj == "false" || restObj == "False") {
              $("body").hide();
              window.location.href = "https://shop.meier.ch/cms/Anmeldung/55974";
          } else {
              $("body").show();
          }
      })
  }
</script>



    <!-- Favicon -->
     <meta name="apple-mobile-web-app-capable" content="yes">
      <link rel="apple-touch-startup-image" href="/httpfiles/shnprodabotopic/images/shn-ico/apple-icon-180x180.png">
      <link rel="apple-touch-icon" href="/httpfiles/shnprodabotopic/images/shn-ico/apple_icon.png">
      <link rel="apple-touch-icon" sizes="57x57" href="/httpfiles/shnprodabotopic/images/shn-ico/apple-icon-57x57.png">
      <link rel="apple-touch-icon" sizes="60x60" href="/httpfiles/shnprodabotopic/images/shn-ico/apple-icon-60x60.png.png">
      <link rel="apple-touch-icon" sizes="72x72" href="/httpfiles/shnprodabotopic/images/shn-ico/apple-icon-72x72.png">
      <link rel="apple-touch-icon" sizes="76x76" href="/httpfiles/shnprodabotopic/images/shn-ico/apple-icon-76x76.png">
      <link rel="apple-touch-icon" sizes="120x120" href="/httpfiles/shnprodabotopic/images/shn-ico/apple-icon-120x120.png">
      <link rel="apple-touch-icon" sizes="144x144" href="/httpfiles/shnprodabotopic/images/shn-ico/apple-icon-144x144.png">
      <link rel="apple-touch-icon" sizes="152x152" href="/httpfiles/shnprodabotopic/images/shn-ico/apple-icon-152x152.png">
      <link rel="apple-touch-icon" sizes="180x180" href="/httpfiles/shnprodabotopic/images/shn-ico/apple-icon-180x180.png">
      <link rel="icon" sizes="92x92" href="/httpfiles/shnprodabotopic/images/shn-ico/android-icon-92x92.png">
      <link rel="icon" sizes="144x144" href="/httpfiles/shnprodabotopic/images/shn-ico/android-icon-144x144.png">
      <link rel="icon" sizes="192x192" href="/httpfiles/shnprodabotopic/images/shn-ico/android-icon-192x192.png">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="theme-color" content="#f6f4f3">
    <!-- Windows Phone -->
    <meta name="msapplication-navbutton-color" content="#f6f4f3">
    <meta name="msapplication-TileImage" content="/httpfiles/shnprodabotopic/images/shn-ico/ms-icon-144x144.png">
    <!-- iOS Safari -->
    <meta name="apple-mobile-web-app-status-bar-style" content="#f6f4f3">
    <meta charset="utf-8">
    <link rel="shortcut icon" href="/httpfiles/shnprodabotopic/images/shn-ico/favicon-96x96.png" type="image/png">

    <title>Schaffhauser Nachrichten - Webshop</title>
    
    <!-- Bootstrap Core CSS -->
    <link href="/httpfiles/shnprodabotopic/css/bootstrap.css" rel="stylesheet">
    <link href="/httpfiles/shnprodabotopic/css/jquery-ui.min.css" rel="stylesheet">
    <!-- Custom CSS -->

    <link href="/httpfiles/shnprodabotopic/css/mobilenav.css" rel="stylesheet">
    
    <!-- datepicker -->
    <link rel="stylesheet" href="/httpfiles/shnprodabotopic/css/bootstrap-datepicker3.min.css" type="text/css">
    <link rel="stylesheet" href="/httpfiles/shnprodabotopic/css/bootstrap-datepicker3.standalone.min.css" type="text/css">
    
    <!-- datatables -->
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/r/bs-3.3.5/jq-2.1.4,dt-1.10.8/datatables.min.css">
   
   
    <link href="/httpfiles/shnprodabotopic/css/np8.css?876" rel="stylesheet">

    <!-- Google Fonts -->
    <link href='https://fonts.googleapis.com/css?family=Martel:600,700' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/css?family=Lato:900" rel="stylesheet">
   
<style>
   

.checkme:focus {
  outline: none;
}

.checkme:required {
  
}

.checkme:valid {
  border: 1px solid green;
}

.checkme:invalid {
  border: 1px solid #a5a5a5;  
}
</style>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-829566-1', 'auto');
  ga('send', 'pageview');
  

</script>

<script>
window.dataLayer = window.dataLayer || [];
</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-PX34WCZ');</script>
<!-- End Google Tag Manager -->




</head>

<body>
    <!-- navigation -->
   <!-- Include-Seite - IncludeID: "66378" . Erstellt 29.08.2016 - 14:15 -->
 <nav class="navbar navbar-inverse topnav hidden-xs" role="navigation" id="topnavigation">
        <div class="container">
            <div class="col-md-10 col-md-offset-1 outer">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-offset="50">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <ul class="nav navbar-nav">
                   <!-- header navi normal -->
                   <!-- Include-Seite - IncludeID: "46991" . Erstellt 29.08.2016 - 13:39 -->
 <li>
                       
                         
                <a id="a_loginRegisterlink" href="/cms/Anmeldung/55974"><span id="sp_loginRegisterIcon" class="glyphicon glyphicon-log-in"></span>&nbsp;Login</a>
          
                    </li>
                    <li id="li_registerUser">
                        <a href="/cms/Registrationswahl/10070"><span class="glyphicon glyphicon-user"></span><span> Registration</span></a>
                    </li>
                      <li id="li_logOff" style="display:none;">
                        <a href="/shop/logOffUser?startUrl=/cms/startseite-webshop/62167"><span id="sp_LogoffIcon" class="glyphicon glyphicon-user"></span><span> Abmelden</span></a>
                    </li>
 <li>
                        <a href="/cms/Kontakt/52991"><span class="glyphicon glyphicon-pencil"></span><span>&nbsp;Kontakt</span></a>
                    </li>
 <li>
                        <a href="/cms/Hilfe/91773"><span class="glyphicon glyphicon-question-sign"></span><span>&nbsp;Hilfe</span></a>
                    </li>













                </ul>   
                <ul class="nav navbar-nav navbar-right">
                    <li>
								<a href="#" data-toggle="modal" data-target="#warenkorbModal"><span class="glyphicon glyphicon-shopping-cart"></span>&nbsp;Warenkorb
								&nbsp;[&nbsp;<span rel="tooltip" title="0 Artikel im Warenkorb">0 Artikel</span>&nbsp;]
								</a>
							</li>
							<li>
							    <a href="/shop/killWarenkorb" onclick="javascript:return confirm('Alle Artikel im Warenkorb löschen?')" title="Warenkorb löschen">[x]</a>
							</li>
                </ul>
            </div>
        </div>
    </nav>
  
    <!--- mobile header & main navi --->
    
   <nav class="navbar navbar-inverse topnav visible-xs" role="navigation" id="topnavigation">
        <div class="container" style="padding-left: 0px; padding-right:0px;">
            <div class="col-xs-12 col-md-offset-1 outer">
               
                <div class="navbar-header pull-right">
                     <button type="button" onclick="checkMobileNavi();" class="navbar-toggle" data-toggle="collapse" data-target="#mobiletopnavigation" style="z-index:10000;">
                     <div class="pull-left" style="margin-right: 10px;">MEHR</div><div class="pull-right">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span></div>
                    </button>
                </div>
                <ul class="nav navbar-nav" style="margin:18px 10px 0px 10px;">
                    <!-- header navi mobile -->
                  <!-- Include-Seite - IncludeID: "63753" . Erstellt 29.08.2016 - 13:43 -->

<li>
    <span>
        
        <a id="a_loginRegisterlink" href="/cms/Anmeldung/55974">Login</a>
        
    </span>
    <span> | </span>
                    
    <span id="SP_RegistrationMobile">
        <a href="/cms/Registrationswahl/10070">Registration</a>
    </span>
                    
    <span id="SP_AbmeldenMobile" style="display:none;">
        <a href="/shop/logOffUser?startUrl=/cms/startseite-webshop/62167">Abmelden</a>
    </span>
    <span> | </span>
    <span>
		<a href="#" data-toggle="modal" data-target="#warenkorbModal"><span class="glyphicon glyphicon-shopping-cart"></span>&nbsp;Warenkorb</a>
	</span>
                    
</li>

<!-- 
 <cms type="shopModul" value="loginLink" loginlink="/cms/Anmeldung/55974" kontolink="/cms/Benutzer-Konto/Übersicht/12009">
   <cms type="outputTag" value="a" href="{0}">{1}
 </cms>
 |
 <span id="SP_RegistrationMobile">
 <a href="/cms/Registrationswahl/10070">Registration</a> 
 | </span>
 <span id="SP_AbmeldenMobile" style="display:none;">
 <a href="/shop/logOffUser?startUrl=/cms/startseite-webshop/62167">Abmelden</a> 
 | </span>
 <a href="/cms/Kontakt/52991">Kontakt</a> 
 | 
 <a href="/cms/Hilfe/91773">Hilfe</a></cms>

--->


 
                </ul>
                
                <div class="collapse navbar-collapse" id="mobiletopnavigation">
                <ul class="nav navbar-nav navbar-right">
                  <!-- header main navi mobile -->
                  <!-- Include-Seite - IncludeID: "83033" . Erstellt 29.08.2016 - 13:50 -->
<li> <li><a href="http://testshop.shn.ch/">Übersicht</a> </li>
    
        <li cmshid="/cms/SN/50041?navgrp=SNAN" class="inactive" style="color:red;"><a href="/cms/SN/50041?navgrp=SNAN">SN Print plus</a></li>
    
        <li cmshid="/cms/SN/50041?navgrp=SNOA" class="inactive" style="color:red;"><a href="/cms/SN/50041?navgrp=SNOA">SN Digital</a></li>
    
        <li cmshid="/cms/Lokalzeitungen/50041?navgrp=ZEIT" class="inactive" style="color:red;"><a href="/cms/Lokalzeitungen/50041?navgrp=ZEIT">Lokalzeitungen</a></li>
    
        <li cmshid="/cms/SN/50041?navgrp=SNAA" class="inactive" style="color:red;"><a href="/cms/SN/50041?navgrp=SNAA">SN Archiv</a></li>
    
    <hr>
    <li>
        <a href="/cms/Kontakt/52991"><span class="glyphicon glyphicon-pencil"></span><span>&nbsp;Kontakt</span></a>
    </li>
    <li>
        <a href="/cms/Hilfe/91773"><span class="glyphicon glyphicon-question-sign"></span><span>&nbsp;Hilfe</span></a>
    </li>









</li>


                </ul>
      
    </div>
            </div>
        </div>
    </nav>









































   
    <div class="row subline">
    </div>

    <div class="container">
        <!-- Header -->
       <!-- Include-Seite - IncludeID: "49579" . Erstellt 29.08.2016 - 14:11 -->
 <header>
            <div class="row headerrow hidden-xs">
                <div class="col-md-2 col-sm-2 col-md-offset-1 weather">
                    <!-- no weather -->
                </div>
                <div class="col-md-6 col-sm-8 logodiv">
                    <a href="http://www.shn.ch"><img src="/httpfiles/shntestabotopic/gfx/logo_sn_ohne.png" id="logo" class="img-responsive"></a>
                </div>
                <div class="col-md-2 col-sm-2 search">
                    
                </div>
                
               

            </div>
            <div class="row hidden-xs">
                <!-- InnerNav -->
                <div class="col-md-10 col-sm-12 col-md-offset-1 navigation_main">
                    <nav class="navbar navbar-default" data-spy="affix" data-offset="200" role="navigation">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainnav">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        <!-- hauptnavigation  -->
                        <!-- Include-Seite - IncludeID: "38253" . Erstellt 29.08.2016 - 13:47 -->

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse white-nav" id="mainnav">
        <ul class="nav navbar-nav firstnav">
            
           
            
            <!-- Navi -->
            <li><a href="/">Übersicht</a> 

            </li>
            
            <li cmshid="/cms/SN/50041?navgrp=SNAN" class="inactive" style="color:red;"><a href="/cms/SN/50041?navgrp=SNAN">SN Print plus</a></li>
            
            <li cmshid="/cms/SN/50041?navgrp=SNOA" class="inactive" style="color:red;"><a href="/cms/SN/50041?navgrp=SNOA">SN Digital</a></li>
            
            <li cmshid="/cms/Lokalzeitungen/50041?navgrp=ZEIT" class="inactive" style="color:red;"><a href="/cms/Lokalzeitungen/50041?navgrp=ZEIT">Lokalzeitungen</a></li>
            
            <li cmshid="/cms/SN/50041?navgrp=SNAA" class="inactive" style="color:red;"><a href="/cms/SN/50041?navgrp=SNAA">SN Archiv</a></li>
            
           </ul>
 
      
        

        <ul class="nav navbar-nav navbar-right further">
            <li>
                
                <a id="a_loginRegisterlinkNav" href="/cms/Anmeldung/55974"><span id="sp_loginRegisterIconNav" class="glyphicon glyphicon-log-in"></span>&nbsp;Login</a>
                
            </li>
        </ul>
    </div>










                        <!-- /.navbar-collapse -->
                        <!-- /.container -->
                    </nav>
                </div>
            </div>

    <div class="row visible-xs">
        <div class="col-xs-12">
                 <!-- hauptnavigation mobile only brand -->   
            <nav class="navbar navbar-default mobile-nav" data-spy="affix" data-offset="47" role="navigation2">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="col-xs-12">
                <a href="http://www.shn.ch"><img src="/httpfiles/shntestabotopic/gfx/logo_sn_ohne.png" id="logo" class="img-responsive"></a>
                </div>
                
            </nav>

        </div>
    </div>
            
        </header>

 

<script>
var naviIsOpen = false;
  function checkMobileNavi() {
       if(naviIsOpen) {
        $("#mobiletopnavigation").hide();
        naviIsOpen = false;
    }
    else {
     naviIsOpen = true;
     $("#mobiletopnavigation").show();
    }
}
</script>


















        <div class="row">
            <div class="col-md-10 col-md-offset-1 col-sm-12 col-xs-12">
                <div class="main-container">
                    <!-- page content -->
                    <!-- Include-Seite - IncludeID: "20421" . Erstellt 12.04.2017 - 16:31 -->
<div class="row">
<div class="col-md-12">
    
    
        
    <div class="row">
    
    
            
            
            
            
                <div class="col-md-6 col-sm-6">
                <div class="shadowbox white">
                <!-- Include-Seite - IncludeID: "87007" . Erstellt 07.04.2017 - 15:35 -->
<div class="row">
    <div class="col-md-12 col-sm-12">
        
        <div class="row">
            <div class="col-md-12 col-sm-12">
        
            
            <!-- START: Präsentationsgruppe -->
            
                <h2>«Mini Ziitig. Immer debii»</h2>
                <div>
                    <img class="img-responsive" src="/httpFiles/shnprodabotopic/images/artikel/img_SPEZIAL.png">
                </div>
            
                        
            
            
            <p><p> </p>
<ul>
<li class="c"> Komplette Zeitung digital als E-Paper oder PDF</li>
<li class="d"> Alle Artikel auf «shn.ch»</li>
<li class="e"> Zugriff via Tablet, Handy und PC</li>
<li class="f"> Digitales SN Archiv</li>
<p>
<li class="a"> Ohne Gang zum Briefkasten</li>
<li class="a"> Ohne Altpapier</li>
<li class="a"> Jederzeit und überall</li>
<li class="a"> Auch aus den Ferien</li>
</ul>
<p> </p>
</p>
            
            <!-- ENDE: Präsentationsgruppe -->
            
       <h4>Laufzeit wählen:</h4>

<!-- START: Artikel -->            
<div class="row">

               
    
</div>
<!-- ENDE: Artikel -->

</div>
</div>
</div></div>

<style>
ul{
   line-height: 20pt;
   padding-right: 10px;
   padding-left: 12px;
}

li.a{
    display: block;
    color: #424242;
    
}
li.a:before{
    content: "✔";
    font-family: 'Glyphicons Halflings';
    font-size: 15px;
    float: left;
    margin-left: -15px;
    color: #849E65;
}

li.b{
    display: block;
    color: #87949D;
}
li.b:before{
    content: "✘";
    font-size: 15px;
    float: left;
    margin-left: -15px;
    color: #CB343E;
}
</style>
<script> 
    function CheckOneClick(basketButton, itemid) { 
        if ($("#SP_Pricecheck_" + itemid).html().indexOf("0.00") >= 0 && $("#SP_Reccurcheck_" + itemid).html().indexOf("RECURR") >= 0) {
             var l = document.createElement("a");
             document.location.href = l.hostname + "/oneclickout?showAddress=false&itemid=" + itemid;
        }
        else if ($("#SP_Reccurcheck_" + itemid).html().indexOf("RECURR") >= 0) {
             var l = document.createElement("a");
             document.location.href = l.hostname + "/oneclickout?showAddress=true&itemid=" + itemid;
        }
    }
</script>








                </div>
                </div>
            
        
        
    
    </div>

</div>

<div id="AngebotBtn" class="col-md-12 col-sm-12 text-center">

    <a cmshid="/cms/SN/Aktion-und Spezial-Abos/50041?navgrp=SNAK" href="/cms/SN/Aktion-und_Spezial-Abos/50041?navgrp=SNAK"><button class="btn btn-md btn-primary hidden">Aktions- und Spezial-Abos finden Sie hier...</button></a><!–– Button versteckt für Aktions- und Spezialabos (Navigationsgruppe SNAK im Faros) trevin 190109 ––>

</div>

</div>






<script>
function _StartPageFunction() {
    
    $('.dropdown-toggle').dropdown()
    
    if (window.location.search.indexOf('navgrp=SNAK') > -1) {
        $("#AngebotBtn").hide();
        }
    if (window.location.search.indexOf('navgrp=ZEIT') > -1) {
        $("#AngebotBtn").hide();
        }
        
   $('.WarenkorbBtn').each(function() {
    a = $(this).val();
    
    if (a == 'RECURR'){
        $(this).html('Bis Widerruf -<br />In den Warenkorb').parent().removeAttr('style');
    }
});
 
}
   
</script>




















                </div>
            </div>
        </div>
        <div class="spacer">
        </div>
    </div>
     <!-- footer -->
    <!-- Include-Seite - IncludeID: "97720" . Erstellt 08.03.2017 - 17:24 -->
<footer>
    

			<div class="container">
                       <div class="row">
            <div class="col-md-4 col-xs-4" style="text-align:center;">
                <div style="font-size: 400%;"><a href="mailto:aboservice@shn.ch" style="color:white;"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span></a></div>
                <div class="hidden-xs"><a href="mailto:aboservice@shn.ch" style="color:white;"><p><b>E-Mail</b>
aboservice@shn.ch</p></a></div>
                <div class="visible-xs-block"><a href="mailto:aboservice@shn.ch" style="color:white;"><p><b>E-Mail</b></p></a></div>
            </div>
            <div class="col-md-4 col-xs-4" style="text-align:center;">
                <div style="font-size: 400%;"><a href="tel:+41526333366"><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span></a></div>
                <div class="hidden-xs"><p><b>Telefon</b>
 <a href="tel:+41526333366">+41 52 633 33 66</a></p></div>
                <div class="visible-xs-block"><p><b>Telefon</b></p></div>
            </div>
            <div class="col-md-4 col-xs-4" style="text-align:center;">
                <div style="font-size: 400%;"><a href="/cms/Hilfe/91773"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a></div>
                <div class="hidden-xs"><a href="/cms/Hilfe/91773"><p><b>FAQ</b>
Häufige Fragen</p></a></div>
                <div class="visible-xs-block"><a href="/cms/Hilfe/91773"><p><b>FAQ</b></p></a></div>
            </div>
            </div>
            
        </div>

        <!-- /.row -->
        
        <hr>
       
		
        <div class="container">
            <div class="col-md-8">
                © Meier + Cie AG 2025 Alle Rechte vorbehalten
            </div>
            <div class="col-md-4 text-right">
                <a href="http://www.shn.ch/agb" target="_blank"> AGB & Datenschutz</a>
            </div>
        </div>
        <!-- /.row -->
    </footer>


<!-- modal dialoge -->

<!-- allgemeiner fehler -->
<div id="errorModal" class="modal fade" role="dialog" style="z-index:20000;">
	  <div class="modal-dialog">

		<!-- Modal content-->
		<div class="modal-content">
		  <div class="modal-header">
			<button type="button" class="close" data-dismiss="modal">&times;</button>
		  </div>
		  <div class="modal-body">
		    <div class="alert alert-danger">
						
							<strong>
							    <div id="errorModalContent"></div>
							</strong>
						</div>

			  
		  </div>
		  <div class="modal-footer">
		      	<button class="btn btn-lg btn-default" data-dismiss="modal">Schliessen</button> 
		      	&nbsp;
		      	 
		  </div>
		</div>
	  </div>
</div>


<!-- allgemeiner info -->
<div id="infoModal" class="modal fade" role="dialog" style="z-index:20000;">
	  <div class="modal-dialog">

		<!-- Modal content-->
		<div class="modal-content">
		  <div class="modal-header">
			<button type="button" class="close" data-dismiss="modal">&times;</button>
		  </div>
		  <div class="modal-body">
		    <div class="alert alert-info">
						
							<strong>
							    <div id="infoModalContent"></div>
							</strong>
						</div>

			  
		  </div>
		  <div class="modal-footer">
		      	<button class="btn btn-lg btn-default" data-dismiss="modal">Schliessen</button> 
		      	&nbsp;
		      	 
		  </div>
		</div>
	  </div>
</div>

<!-- bestellung ausfürhen -->
 <div class="modal fade" id="farosBestellungausfuehren" role="dialog" aria-labelledby="farosBestellungausfuehrenModalLabel" aria-hidden="true">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <h4 class="modal-title" id="farosBestellungausfuehrenModalLabel">
                      Bestellung wird ausgeführt - bitte warten
                      </h4>
                </div>
                <div class="modal-body">
                  <div class="container-fluid">
                    
                    <div class="progress">
                      <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                      </div>
                    </div>
                    
                  </div>
                </div>

              </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
          </div>
          
          
          <!-- login ausfürhen -->
 <div class="modal fade" id="modalLogin" role="dialog" aria-labelledby="farosBestellungausfuehrenModalLabel" aria-hidden="true">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <h4 class="modal-title" id="farosBestellungausfuehrenModalLabel">
                      Anmeldung läuft...
                      </h4>
                </div>
                <div class="modal-body">
                  <div class="container-fluid">
                    
                    <div class="progress">
                      <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                      </div>
                    </div>
                    
                  </div>
                </div>

              </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
          </div>
          

  
<!-- warenkorb -->
<div id="warenkorbModal" class="modal fade" role="dialog" style="z-index:20000;">
    <span id="SP_AnzArtikelWarenkorb" style="display:none;">0</span>
								
	  <div class="modal-dialog">

		<!-- Modal content-->
		<div class="modal-content">
		  <div class="modal-header">
			<button type="button" class="close" data-dismiss="modal">&times;</button>
			<img src="/httpfiles/shntestabotopic/gfx/logo_sn_ohne.png" id="logo" class="img-responsive">
		  </div>
		  <div class="modal-body" id="DV_WarenkorbFull">
		      <table class="table table-hover">
						<thead>
						<tr>
							<th>Titel</th>
							<th>Menge</th>
							<th>Preis</th>
						</tr>
						</thead>
						<tbody>
                            
			                     
            
			                    <tr>
			                        <td><b>Bruttopreis</b></td>
			                        <td></td>
			                        <td>
			                            <b>
			                                
			                            </b>
			                        </td>
			                        <td></td>
			                    </tr>
			       
			               
                        </tbody>
                </table>
			  
		  </div>
		  
		   <div class="modal-body" id="DV_WarenkorbEmpty" style="display:none;">
		       Keine Artikel im Warenkorb.
		   </div>
		   
		  <div class="modal-footer">
		      	<button class="btn btn-md btn-default" data-dismiss="modal">Weiter einkaufen</button> 
		      	&nbsp;
		      	
		      	  
                   <a href="/cms/Offerte-Registration/48646" onclick="ga('send', 'event', 'Shop', 'checkout', 'Zur Kasse');">
                 	<button class="btn btn-md btn-primary">Zur Kasse</button> 
                    </a>
                
                   
		  </div>
		</div>
	  </div>
</div>

   <!-- JQUERY SCRIPTS -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
 

<!-- BOOTSTRAP SCRIPTS -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
   

    
    
    <!-- datatables -->
    <script type="text/javascript" src="https://cdn.datatables.net/r/bs-3.3.5/jqc-1.11.3,dt-1.10.8/datatables.min.js"></script>
    
    
      <!-- datepicker -->
       <script src="/httpfiles/shntestabotopic/js/bootstrap-datepicker.min.js"></script>
    <script src="/httpfiles/shntestabotopic/js/bootstrap-datepicker.de.min.js"></script>
    
  
     
     <script src="/httpfiles/shntestabotopic/js/np8.js"></script>
	 
	












































    
    <!-- javascript -->
    <!-- Include-Seite - IncludeID: "88661" . Erstellt 29.08.2016 - 13:56 -->
 <script>
        jQuery(document).ready(function ($) {
            console.log("meier web shop is ready!");
            
   if (window.location.href.indexOf("AboUnterbrechen") > -1 || window.location.href.indexOf("AboUmleiten") > -1) {
    var availableDates = [];
    var firstSpediDate = "";

    // --- FIX START ---
    function available(date) {
        // Fix: Pad with leading zero so 1 becomes "01"
        var day = ("0" + date.getDate()).slice(-2);
        var month = ("0" + (date.getMonth() + 1)).slice(-2);
        var year = date.getFullYear();
        
        var dmy = day + "-" + month + "-" + year;

        if ($.inArray(dmy, availableDates) != -1) {
            return true;
        } else {
            return false;
        }
    }
    // --- FIX END ---
    
    const dt = new Date();
    const queryString = window.location.search;
    const urlParams = new URLSearchParams(queryString);
    
    const getSpedidaten = (date) => {
        const artikel = urlParams.get('artikel').replace(/_/g, " ");
        const formattedDate = date.toLocaleDateString('en-GB').replace(/\//g, '-');
        return $.get("/ajax?action=GetSpedidaten&objekt=" + artikel + "&abdatum=" + formattedDate);
    }
    
    const addDatesToArray = (rawJsonObj) => {
        const cleanedDates = rawJsonObj.tt_VLGetNextspedidaten.map(item => {
            return item.datumchar.replace(/[.]/g, "-");
        });
        
        availableDates.splice(1, 0, ...cleanedDates);
        
        if (firstSpediDate == "") {
            firstSpediDate = availableDates[0];
        }
        console.log("Current Available Dates:", availableDates);
    };

    const loadNewSpedi = (date) => {
        const month = date.getMonth() + 3;
        const year = date.getFullYear();
        const nextDate = new Date(year, month - 1, 1);
        getSpedidaten(nextDate).done(addDatesToArray);
    };
    
    const firstDate = new Date();
    const secondDate = new Date(dt.getFullYear(), dt.getMonth() + 1, 1);
    const thirdDate = new Date(dt.getFullYear(), dt.getMonth() + 2, 1);
    const fourthDate = new Date(dt.getFullYear(), dt.getMonth() + 3, 1);
    
    Promise.all([
        getSpedidaten(firstDate).done(addDatesToArray),
        getSpedidaten(secondDate).done(addDatesToArray),
        getSpedidaten(thirdDate).done(addDatesToArray),
        getSpedidaten(fourthDate).done(addDatesToArray)
    ]).then(() => {
        $('.dateAboField').datepicker({
            format: "dd.mm.yyyy",
            language: "de",
            weekStart: 1,
            autoclose: true,
            maxViewMode: 0,
            beforeShowDay: function(date) {
                return available(date);
            },
            updateViewDate: true
        });
    
        $('.dateAboField').datepicker().on('changeMonth', function(e) {
            loadNewSpedi(e.date);
        });
    });
}
       
          
            // naviShowAboInfos
            $( "#A_Navi_" + getURLParameter("praesgrp") ).addClass( "active" );
            
            // show warenkorb by loading page
            if (getURLParameter("showCard") == "true") {
                // show warenkorb
                
                 $('#warenkorbModal').modal({backdrop: 'static'});
            }
            
            // title
            try {
                $('#DV_title').html( getURLParameter("title"))
            }
            catch(e)  {
                // no title field
            }
            
            
            // warenkorb 
            if ($("#SP_AnzArtikelWarenkorb").html() == "0") {
                 $("#DV_WarenkorbFull").hide();
                 $("#DV_WarenkorbEmpty").show();
            }
            else {
                 $("#DV_WarenkorbFull").show();
                 $("#DV_WarenkorbEmpty").hide();
            }
            
            // check for alert
            if (getURLParameter("error") != "null"){
                $('#errorModalContent').html(getURLParameter("error"));
                $('#errorModal').modal('show');
            }
            
             // check for info
            if (getURLParameter("info") != "null"){
                $('#infoModalContent').html(getURLParameter("info"));
                $('#infoModal').modal('show');
            }
            
            // check if user is logged In
            if ($("#a_loginRegisterlink").attr("href").indexOf("12009") >= 0) {
                  $("#li_registerUser").hide();
                  $("body").show();
                  $("#li_logOff").show();
                  $("#sp_loginRegisterIcon").removeClass();
                  $("#sp_loginRegisterIcon").addClass("glyphicon glyphicon-user");
                  $("#sp_loginRegisterIconMob").removeClass();
                  $("#sp_loginRegisterIconMob").addClass("glyphicon glyphicon-user");
                  $("#sp_LogoffIcon").removeClass();
                  $("#sp_LogoffIcon").addClass("glyphicon glyphicon-log-in");
                  
                  // and mobile
                  $("#SP_RegistrationMobile").hide();
                  $("#SP_AbmeldenMobile").show();
            } else { $("body").show(); }
            
            if ($("#a_loginRegisterlinkNav").attr("href").indexOf("12009") >= 0) {
                  $("#sp_loginRegisterIconNav").removeClass();
                  $("#sp_loginRegisterIconNav").addClass("glyphicon glyphicon-user");
                  
                  // and mobile
                  $("#SP_RegistrationMobile").hide();
                  $("#SP_AbmeldenMobile").show();
            }
            
            // datepicker
            $('.dateField').each(function(i, obj) {
               // datepicker für produktwahl
                $(obj).datepicker({
                    format: "dd.mm.yyyy",
                    weekStart: 1,
                    language: "de",
                    // daysOfWeekDisabled: "0",
                    todayHighlight: true,
                    autoclose: true
                });
            });
            
            $('.dateInputField').each(function(i, obj) {
               // normale datepicker
               
                if ($(obj).attr("id") == "gebdatum") {
                 $(obj).datepicker({
                    format: "dd.mm.yyyy",
                    weekStart: 1,
                    language: "de",
                    todayHighlight: false,
                    autoclose: true
                });
            }
            else {
                $(obj).datepicker({
                    format: "dd.mm.yyyy",
                    weekStart: 1,
                    language: "de",
                    todayHighlight: true,
                    autoclose: true
                });
            }
                
            });
            
            // start function
            try {
                _StartPageFunction();
            }
            catch(e) {
                // not available on this site
            }
            
            if(document.location.href.indexOf("51647") > -1) {
                   // alert("adressen");
                   $('#nav-adressen').addClass('active');
                }
                
            if(document.location.href.indexOf("Abonnemente-verwalten") > -1) {
                   // alert("abos");
                   $('#nav-abos').addClass('active');
                }
                
            if(document.location.href.indexOf("Bestellungen-verwalten") > -1) {
                   // alert("Bestellung");
                   $('#nav-bestellungen').addClass('active');
                }
                
             $.ajaxSetup({ cache: false});
         $.get("/ajax?action=GetSesionValue&sValue=Recurring&defValue=false", function (restObj) {
             
                if (restObj == 'True') {
                // wiederkehrends abo im warenkorb!
                // alert("wiederkehrendes abo aktiv"); zeile wieder löschen, wenn alles läuft, nur zum test
                $('.MengeMinus').hide();
                $('.MengePlus').hide();
                $('#OfferBtn').append(" bis Widerruf");
                $('#options_zahlungsart').hide();
                $('#DankeTextNormal').hide();
                $('#DankeTextSpezial').removeClass('hidden');
                        }
                else {
                $('.MengeMinus').show();
                $('.MengePlus').show();
                // $('#options_zahlungsart').show();
                $('#DankeTextNormal').show();
                $('#DankeTextSpezial').hide();
                $('#OfferBtn').append("");
                }
                       
                        });

        });
        
 







       function ShowAboInfos(vorgangsnr, posNr, gesperrt, state) {
           if (state == 2) {
            $('#AboInfos_' + vorgangsnr + posNr).modal('show');
           }
           
       }
        
       function CancelAboUmleitungUnterbruch(arguments) {
        
           if (arguments == "false") {
               alert("Kann zurzeit nicht gelöscht werden. Ansonsten Support kontaktieren.");
           }
           else {
           if (confirm("Wirklich entfernen?")) {
               document.location.href="/shop/cancelAboUmleitungUnterbruch?args=" + arguments;
               // document.location.href="/shop/cancelAboUmleitungUnterbruch?args=" + arguments + "&vorgangsnr=" + getURLParameter('vorgangsnr') + "&posNr=" + getURLParameter('posNr') + "&artikel=" + getURLParameter('artikel');
           }
           }
       }
       
       var t_vorgangsnr;
       var t_posNr;
       var t_artikel;
       function AboMutation(mutType, vorgangsnr, posNr, artikel) {
        t_vorgangsnr = vorgangsnr;
        t_posNr = posNr;
        t_artikel = artikel;
        switch(mutType) {
            case "umleiten":
                $('#aboUmleitenModal').modal('show');
                
                break;
                
                   case "unterbrechen":
                 $('#aboUnterbrechenModal').modal('show');
                break;
                
                case "beenden":
                  if (confirm("Wirklich beenden?")) {
                           document.location.href="/shop/aboCancel?vorgangsnr=" + vorgangsnr + "&posNr=" + posNr;
                       }
                break;
        }
       }
       
       function AboUmleiten() {
            document.location.href="/shop/aboUmleiten?vorgangsnr=" + t_vorgangsnr + "&posNr=" + t_posNr + "&adrssnr=" + $('#umleitungsadr').val() + "&von=" + $('#umleitungVon').val() + "&bis=" + $('#umleitungBis').val() + "&artikel=" + t_artikel;
       }
       
         function AboUnterbruch() {
            document.location.href="/shop/aboUnterbruch?vorgangsnr=" + t_vorgangsnr + "&posNr=" + t_posNr + "&von=" + $('#unterbruchVon').val() + "&bis=" + $('#unterbruchBis').val() + "&artikel=" + t_artikel;
       }
        
        function getURLParameter(name) {
            return decodeURI(
                (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search) || [, null])[1]
            );
        }
    </script>





























</body>
</html>



























