<!-- Unterseite - PageID: "55974". Erstellt 05.09.2016 - 15:05 -->
<!-- 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="">
    
    <!-- Favicon -->
     <meta name="apple-mobile-web-app-capable" content="yes">
      <link rel="apple-touch-startup-image" href="/httpfiles/shntestabotopic/images/shn-ico/apple-icon-180x180.png">
      <link rel="apple-touch-icon" href="/httpfiles/shntestabotopic/images/shn-ico/apple_icon.png">
      <link rel="apple-touch-icon" sizes="57x57" href="/httpfiles/shntestabotopic/images/shn-ico/apple-icon-57x57.png">
      <link rel="apple-touch-icon" sizes="60x60" href="/httpfiles/shntestabotopic/images/shn-ico/apple-icon-60x60.png.png">
      <link rel="apple-touch-icon" sizes="72x72" href="/httpfiles/shntestabotopic/images/shn-ico/apple-icon-72x72.png">
      <link rel="apple-touch-icon" sizes="76x76" href="/httpfiles/shntestabotopic/images/shn-ico/apple-icon-76x76.png">
      <link rel="apple-touch-icon" sizes="120x120" href="/httpfiles/shntestabotopic/images/shn-ico/apple-icon-120x120.png">
      <link rel="apple-touch-icon" sizes="144x144" href="/httpfiles/shntestabotopic/images/shn-ico/apple-icon-144x144.png">
      <link rel="apple-touch-icon" sizes="152x152" href="/httpfiles/shntestabotopic/images/shn-ico/apple-icon-152x152.png">
      <link rel="apple-touch-icon" sizes="180x180" href="/httpfiles/shntestabotopic/images/shn-ico/apple-icon-180x180.png">
      <link rel="icon" sizes="92x92" href="/httpfiles/shntestabotopic/images/shn-ico/android-icon-92x92.png">
      <link rel="icon" sizes="144x144" href="/httpfiles/shntestabotopic/images/shn-ico/android-icon-144x144.png">
      <link rel="icon" sizes="192x192" href="/httpfiles/shntestabotopic/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/shntestabotopic/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/shntestabotopic/images/shn-ico/favicon-96x96.png" type="image/png">

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

    <link href="/httpfiles/shntestabotopic/css/mobilenav.css" rel="stylesheet">
    
    <!-- datepicker -->
    <link rel="stylesheet" href="/httpfiles/shntestabotopic/css/bootstrap-datepicker3.min.css" type="text/css">
    <link rel="stylesheet" href="/httpfiles/shntestabotopic/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/shntestabotopic/css/np8.css" rel="stylesheet">

    <!-- Google Fonts -->
    <link href='https://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700,700italic|Open+Sans:400,600,600italic,700,700italic,400italic' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Halant:400,600,700' rel='stylesheet' type='text/css'>
   
    
    

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

<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>











</head>

<body>
    <!-- navigation -->
   <script type="text/javascript">
var wemf_url = "http://shn.wemfbox.ch/cgi-bin/ivw/CP/";
var wemf_path = "shnch/";
// Minified version of isMobile https://github.com/kaimallea/isMobile.
!function(a){var b=/iPhone/i,c=/iPod/i,d=/iPad/i,e=/(?=.*\bAndroid\b)(?=.*\bMobile\b)/i,f=/Android/i,g=/IEMobile/i,h=/(?=.*\bWindows\b)(?=.*\bARM\b)/i,i=/BlackBerry/i,j=/BB10/i,k=/Opera Mini/i,l=/(?=.*\bFirefox\b)(?=.*\bMobile\b)/i,m=new RegExp("(?:Nexus 7|BNTV250|Kindle Fire|Silk|GT-P1000)","i"),n=function(a,b){return a.test(b)},o=function(a){var o=a||navigator.userAgent;return this.apple={phone:n(b,o),ipod:n(c,o),tablet:n(d,o),device:n(b,o)||n(c,o)||n(d,o)},this.android={phone:n(e,o),tablet:!n(e,o)&&n(f,o),device:n(e,o)||n(f,o)},this.windows={phone:n(g,o),tablet:n(h,o),device:n(g,o)||n(h,o)},this.other={blackberry:n(i,o),blackberry10:n(j,o),opera:n(k,o),firefox:n(l,o),device:n(i,o)||n(j,o)||n(k,o)||n(l,o)},this.seven_inch=n(m,o),this.any=this.apple.device||this.android.device||this.windows.device||this.other.device||this.seven_inch,this.phone=this.apple.phone||this.android.phone||this.windows.phone,this.tablet=this.apple.tablet||this.android.tablet||this.windows.tablet,"undefined"==typeof window?this:void 0},p=function(){var a=new o;return a.Class=o,a};"undefined"!=typeof module&&module.exports&&"undefined"==typeof window?module.exports=o:"undefined"!=typeof module&&module.exports&&"undefined"!=typeof window?module.exports=p():"function"==typeof define&&define.amd?define("isMobile",[],a.isMobile=p()):a.isMobile=p()}(this);
if (isMobile.phone) {
      wemf_path = "mobilesite/" + wemf_path;
}
var NETMX = wemf_url + wemf_path;
document.write("<img style=\"display:none;\" class=\"wemf\" src=\""+NETMX+"?r="+escape(document.referrer)+"&d="+(Math.random()*100000)+"&x="+screen.width+"x"+screen.height+"\" width=\"1\" height=\"1\" alt=\"\" />");
</script>
<noscript>
<img src="http://shn.wemfbox.ch/cgi-bin/ivw/CP/shnch/" width="1" height="1" alt="">
</noscript>

<!-- 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>
   
    
    
    <!--- NEW Mobile 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;">
                    
                   
                    
                    
                  <li><span>
                            <a id="a_loginRegisterlink" href="/cms/Anmeldung/55974">Login</a>
                      
                    |</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>
                    
      
       
      </ul>
                <div class="collapse navbar-collapse" id="mobiletopnavigation">
      <ul class="nav navbar-nav navbar-right">
       <!-- Fehler in Query-Ausgabe: Fehlercode999 -->
       <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>
      </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://www2.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">
                                    
                                   
                                    <!-- NEW Navi -->
                                    <!-- Fehler in Query-Ausgabe: Fehlercode999 -->
                                </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 -->















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

            <div class="row visible-xs">
                <div class="col-xs-12">
                    
                    
                    
                    <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://www2.shn.ch"><img src="/httpfiles/shntestabotopic/gfx/logo_sn_ohne.png" id="logo" class="img-responsive"></a>
                </div>
                <div class="navbar-header hidden-xs col-xs-2">
                     <button type="button" class="" class="navbar-toggle" data-toggle="collapse" data-target="#mainnavmobile">
                    <!-- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainnavmobile" aria-expanded="false"> -->
                        <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 Mobile -->
                <div class="collapse navbar-collapse" id="mainnavmobile" aria-expanded="false">
                <!-- Include-Seite - IncludeID: "83033" . Erstellt 29.08.2016 - 13:50 -->
<div class="row subsubnav">
                        <div class="col-xs-12">
                            <ul>
                               <!-- produkte -->
                               <!-- Include-Seite - IncludeID: "14081" . Erstellt 29.08.2016 - 14:21 -->
 

<!-- Fehler in Query-Ausgabe: Fehlercode999 -->















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









                </div>
                <!-- /.navbar-collapse -->
                <!-- /.container -->
            </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: "65963" . Erstellt 08.03.2017 - 16:07 -->


<h3>Login SN-Konto</h3>
<p>Bitte loggen Sie sich mit Ihrer E-Mail Adresse und Ihrem Passwort ein um das Online-Angebot der «Schaffhauser Nachrichten» nutzen zu können.</p>
<br>
<div class="container-fluid">
    
  <div class="col-md-3 hidden-sm"></div>
  
  <div class="col-md-7 shadowbox white">
      <h3></h3>

 <form action="/shop/loginUser" method="post" data-toggle="validator" role="form" class="form-horizontal">
            <input type="hidden" name="loginOK_hidden" value="/cms/Benutzer-Konto/Übersicht/12009">
            
            
            
            <div class="form-group">
                  <label for="login_user" class="col-sm-3 input-sm control-label">E-Mail-Adresse*:</label>
                  <div class="col-sm-8">
                    <input type="email" class="form-control input-sm" id="login_user" name="login_user" placeholder="Bitte E-Mail-Adresse eingeben" required="">
                  </div>
                </div>

            
              <div class="form-group">
                  <label for="login_pw" class="col-sm-3 control-label input-sm">Passwort:</label>
                  <div class="col-sm-8">
                    <input type="password" class="form-control input-sm" id="login_pw" name="login_pw" placeholder="Bitte Passwort eingeben" required="">
                  </div>
                </div>

        
            
          
                <div class="col form-group">
                     <div class="col-sm-3"></div>
                      <div class="col-sm-8">
                   <button type="button" class="btn btn-sm btn-default" onclick="this.form.action='/shop/resetPW';this.form.submit();">Passwort vergessen</button>
                 
                 <button type="submit" class="btn btn-md btn-primary" onclick="$('#modalLogin').modal('show');">Jetzt anmelden</button>
                  </div>
</div>
          
            </form></div>
           
                 </div>
                 
                 
                    
                    
	

















                    <div class="spacer"></div><hr>
                    <!-- Include-Seite - IncludeID: "77563" . Erstellt 08.03.2017 - 16:11 -->
<h3>Registration</h3>
<p>Sie haben sich noch nicht als Nutzer registriert? Erstellen Sie jetzt Ihr persönliches SN-Konto.</p>
<br>
<div class="row">

	
					<div class="col-md-6">
					       <div class="shadowbox white"> 
						   <form class="form-signin">
						   <h3>Ich besitze ein SN-Abo</h3>
						   <p>Als Abonnent/in der Printausgabe können Sie sich hier registrieren. Sie benötigen dazu Ihre Meier-ID.</p>
						  </form>
						<a href="/cms/Registrieren mit SN-Abo/14246">
						<button class="btn btn-md btn-primary pull-right">Registrieren mit SN-Abo</button> 
						</a>
						<div class="spacer"></div>
						</div>
					</div>
					<div class="col-md-6">
					    <div class="shadowbox white">
							<h3>Ich besitze kein SN-Abo</h3>
						
							<p>Dann können Sie sich hier neu registrieren.</p>
								<a href="/cms/Jetzt neu registieren/16237">
							<button class="btn btn-md btn-primary pull-right">Jetzt neu registrieren</button> 
								</a>
									<div class="spacer">
        </div>
					</div></div>
					</div>
					
					
			











                   
                </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" 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><a href="mailto:aboservice@shn.ch" style="color:white;"><p><b>E-Mail</b><br>aboservice@shn.ch</p></a></div>
            </div>
            <div class="col-md-4" style="text-align:center;">
                <div style="font-size: 400%;"><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span></div>
                <div><p><b>Telefon</b><br>Telefon +41 52 633 33 66</p></div>
            </div>
            <div class="col-md-4" style="text-align:center;">
                <div style="font-size: 400%;"><a href="http://shop.meier.ch/cms/Hilfe/91773"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a></div>
                <div><a href="http://shop.meier.ch/cms/Hilfe/91773"><p><b>FAQ</b><br>Häufige Fragen</p></a></div>
            </div>
            </div>
            
            
        </div>
        <!-- /.row -->
        
        <hr>
       
		
        <div class="container">
            <div class="col-md-8">
                © Meier + Cie AG 2016 Alle Rechte vorbehalten
            </div>
            <div class="col-md-4 text-right">
                <a href="http://www2.shn.ch/agb" target="_blank"> AGB</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">
                 	<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>






























