<!-- Unterseite - PageID: "87062". Erstellt 21.06.2018 - 17:46 -->
<!-- Wurzelseite (root) - PageID: "80891" . Erstellt 20.06.2018 - 18:07 -->
<!DOCTYPE html>
<html>
    
 <head>
  <!-- Include-Seite - IncludeID: "80148" . Erstellt 21.06.2018 - 14:40 -->
<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="">
    
    <title>Hochparterre - Webshop</title>
    
    <!-- Bootstrap Core CSS -->
    <link href="/httpfiles/hopvprodtopic/css/bootstrap.css" rel="stylesheet">
    <link href="/httpfiles/hopvprodtopic/css/jquery-ui.min.css" rel="stylesheet">
    <!-- Custom CSS -->

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

    <!-- 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'>
    
    <!-- Carousel -->
    <link rel="stylesheet" href="/httpfiles/hopvprodtopic/css/custom.docs.theme.min.css" type="text/css">
    <link rel="stylesheet" href="/httpfiles/hopvprodtopic/css/owl.carousel.min.css" type="text/css">
    <link rel="stylesheet" href="/httpfiles/hopvprodtopic/css/owl.theme.default.min.css" type="text/css">

    
    <link href="/httpfiles/hopvprodtopic/css/project.css" rel="stylesheet">
    <link href="/httpfiles/hopvprodtopic/css/custom.css" rel="stylesheet">
    
    
   



<style>
   

.checkme:focus {
  outline: none;
}

.checkme:required {
  
}

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

.checkme:invalid {
  border: 1px solid #a5a5a5;  
}


/* @font-face {
    font-family: 'Fedra Sans Screen Regular';
    src:url('/httpfiles/hopvprodtopic/fonts/FedraSansScreen-Regular.ttf') format('truetype');
}

@font-face {
    font-family:'Fedra Sans Screen Bold';
    src:url('/httpfiles/hopvprodtopic/fonts/FedraSansScreen-Bold.ttf') format('truetype');
} */

@font-face {
    font-family:'Fedra Serif A Std Book';
    src:url('/httpfiles/hopvprodtopic/fonts/FSerStdA-Book.otf') format('opentype');
    font-style: normal;
    font-weight: normal;
    font-stretch: normal;
}
@font-face {
    font-family:'Fedra Serif A Std Book Italic';
    src:url('/httpfiles/hopvprodtopic/fonts/FSerStdA-BookItalic.otf') format('opentype');
    font-style: normal;
    font-weight: normal;
    font-stretch: normal;
}
@font-face {
    font-family:'Fedra Serif A Std Bold';
    src:url('/httpfiles/hopvprodtopic/fonts/FSerStdA-Bold.otf') format('opentype');
    font-style: normal;
    font-weight: normal;
    font-stretch: normal;
}
@font-face {
    font-family:'Fedra Serif A Std Medium';
    src:url('/httpfiles/hopvprodtopic/fonts/FSerStdA-Medium.otf') format('opentype');
    font-style: normal;
    font-weight: normal;
    font-stretch: normal;
}

@font-face{font-family:'Fedra Sans Screen local';
src:url("/httpfiles/hopvprodtopic/fonts/FedraSansScreen-Regular.ttf");
src:url("/httpfiles/hopvprodtopic/fonts/FedraSansScreen-Regular.ttf") format('truetype');
font-weight:400;font-style:normal
}

@font-face{font-family:'Fedra Sans Screen local';
src:url("/httpfiles/hopvprodtopic/fonts/FedraSansScreen-Bold.ttf");
src:url("/httpfiles/hopvprodtopic/fonts/FedraSansScreen-Bold.ttf") format('truetype');
font-weight:700;font-style:normal
}

@font-face{font-family:'Fedra Serif Screen local';
src:url("/httpfiles/hopvprodtopic/fonts/FSerStdA-Book.otf");
src:url("/httpfiles/hopvprodtopic/fonts/FSerStdA-Book.otf") format("opentype");
font-weight:400;font-style:normal
}

@font-face{font-family:'Fedra Serif Screen local';
src:url("/httpfiles/hopvprodtopic/fonts/FSerStdA-BookItalic.otf");
src:url("/httpfiles/hopvprodtopic/fonts/FSerStdA-BookItalic.otf") format("opentype");
font-weight:400;font-style:italic
}

@font-face{font-family:'Fedra Serif Screen local';
src:url("/httpfiles/hopvprodtopic/fonts/FSerStdA-Medium.otf");
src:url("/httpfiles/hopvprodtopic/fonts/FSerStdA-Medium.otf") format("opentype");
font-weight:500;font-style:normal
}

@font-face{font-family:'Fedra Serif Screen local';
src:url("/httpfiles/hopvprodtopic/fonts/FSerStdA-Bold.otf");
src:url("/httpfiles/hopvprodtopic/fonts/FSerStdA-Bold.otf") format("opentype");
font-weight:700;font-style:normal
}
body {font-family:'Fedra Sans Screen Regular';}



</style>

<!-- 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-P73N8M');</script>
<!-- End Google Tag Manager -->

<!-- iframe für Facebook-Pixel-Subdomain-Tracking -->
<iframe src="https://www.hochparterre.ch/index.php?id=593" style="width:0;height:0;border:none;"></iframe>
<!-- End iframe für Facebook-Pixel-Subdomain-Tracking -->
















  
   <!-- 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-P73N8M');</script>
<!-- End Google Tag Manager -->


 </head>
 
 <body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P73N8M" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- Include-Seite - IncludeID: "40029" . Erstellt 21.06.2018 - 14:43 -->
<div class="container">
    <div class="row">
<style>
    @media (min-width: 576px)
.basket {
    left: 24px;
}
.basket {
    display: inline-block;
    cursor: pointer;
    position: relative;
    vertical-align: bottom;
    bottom: 0;
    left:20px;
}
    @media (min-width: 576px)
.killbasket {
    left: 24px;
}
.killbasket {
    display: inline-block;
    cursor: pointer;
    position: relative;
    vertical-align: bottom;
    bottom: 0;
    left: 20px;
}
@media (min-width: 576px)
.logoff__container {
    margin-right: 0;
}
.logoff__container {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 0;
}

    @media (min-width: 576px)
.basket--fixed {
    left: 24px;
}
.basket--fixed {
    display: inline-block;
    cursor: pointer;
    position: relative;
    vertical-align: bottom;
    bottom: 10px;
    left:20px;
}
    @media (min-width: 576px)
.killbasket--fixed {
    left: 24px;
}
.killbasket--fixed {
    display: inline-block;
    cursor: pointer;
    position: relative;
    vertical-align: bottom;
    bottom: 10px;
    left: 20px;
}
    
</style>

<header class="pageHeader notVisible">
    <!-- Include-Seite - IncludeID: "53548" . Erstellt 31.07.2018 - 00:34 -->

<!-- Navigation -->
	<nav class="nav nav--header" role="navigation">
	
		<ul> 
			<li class="first">
				<a tabindex="11" href="https://www.hochparterre-buecher.ch/" data-placement="bottom" title="" target="_blank" class="first">Buchhandlung</a>
			</li>
			<li class="">
				<a tabindex="12" href="http://hochparterre-wettbewerbe.ch" data-placement="bottom" title="" target="_blank" class="">Hochparterre Wettbewerbe</a>
			</li>
			<li class="">
				<a tabindex="13" href="https://edition.hochparterre.ch" data-placement="bottom" title="" target="_blank" class="">Edition Hochparterre</a>
			</li>
			<li class="">
				<a tabindex="14" href="https://veranstaltungen.hochparterre.ch" data-placement="bottom" title="" target="_blank" class="">Veranstaltungen</a>
			</li>
			<li class="last">
				<a tabindex="15" href="https://www.hochparterre.ch/e-paper/" data-placement="bottom" title="" target="_self" class="last">E-Paper</a>
			</li>
			
		</ul>
	
</nav>
	<div class="nav__logo">
		<div class="logo__container">
			<a href="https://www.hochparterre.ch/">
				<img class="logo__img" src="/httpfiles/hopvprodtopic/images/hochparterre.gif" alt="">
			</a>
		</div>
	</div>
	
	<div class="hamburger nav-item dropdown">
		<div class="hamburger__icon dropdown-toggle" onclick="checkNavi();" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></div>

                <div class="dropdown-menu nav-dropdown" aria-labelledby="navbarDropdown" style="width:600px; z-index:10000; padding:5px; border:1px solid #000; border-top:7px solid #000; border-radius:0px;">
                <!-- <div style="margin-bottom: 21px;">
                  <a class="dropdown-item nav-link" style="margin-right: 10px;" href="/cms/Shop/69463">Shop</a>
                  <a class="dropdown-item nav-link" style="margin-right: 10px;" href="#">Publikationen</a>
                  <a class="dropdown-item nav-link" style="margin-right: 10px;" href="/cms/Edition/89905?navgrp=enav">Edition</a>
                  <a class="dropdown-ite nav-link" style="margin-right: 10px;" href="/cms/Hochparterre/89905?navgrp=hop">Hochparterre</a>
                  <a class="dropdown-item nav-link" href="/cms/Veranstaltungen/38082">Veranstaltungen</a>
                </div> -->
                
                <div style="margin-bottom: 15px;">
                  <a class="dropdown-item nav-link" href="https://shop.hochparterre.ch">Home</a>
                  <a class="dropdown-item nav-link" href="/cms/Shop-Suche/15580">Suchen</a>
                  <a class="dropdown-item nav-link" href="/cms/Anmeldung/12633">Login/Registration</a>
                  <a class="dropdown-item nav-link" href="https://abo.hochparterre.ch">Abonnieren</a>
                  <a class="dropdown-item nav-link" href="https://www.hochparterre.ch/abonnieren-inserieren/newsletter/">Newletter</a>
                  <a class="dropdown-item nav-link" href="https://www.hochparterre.ch/ueber-uns/">Kontakt</a>
                  <a class="dropdown-item nav-link" href="https://www.hochparterre.ch/faq/">FAQ</a>
                </div>
                
                  <div class="dropdown-divider"></div>
                  
                    <!--  <div class="col-md-6 col-xs-12">
                    <div style="line-height: 21px;"><a class="dropdown-item nav-link" href="#">Publikationen</a></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="/cms/Hochparterre/89905?navgrp=hop">Hochparterre</a></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="/cms/Hochparterre/89905?navgrp=hpw">hochparterre.wettbewerbe</a></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="/cms/Themenheft/89905?navgrp=thef">Themenhefte</a></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="/cms/Edition/Grundrissfibeln/97146?praesgrp=EDITION&praessub=GRUNDRIS">Grundrissfribeln</a></div>
                      </div>
                      <div class="col-md-6 col-xs-12">
                      <div style="line-height: 21px;"><a class="dropdown-item nav-link" href="/cms/Veranstaltungen/38082">Veranstaltungen</a></div>
                      <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="#">Städtebau Stammtisch</a></div>
                      <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="#">Wettbewerbsquartett</a></div>
                      <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="#">Design zum Zmittag</a></div>
                      <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="#">Architekturwandern</a></div>
                          
                        </div> -->
                    <div class="submenuWrapper d-flex d-flex-row justify-content-between nav--one--lvl3">
                    <ul class="nav--one--lvl3" style="float:left; width:190px;">
                    <li class="sub"><span class="nav-grp">Shop</span>
                        <ul>
                            <li class="nav-sublink"><a href="https://shop.hochparterre.ch/cms/Abos/77815">Abos</a></li>
                            <li class="nav-sublink"><a href="https://edition.hochparterre.ch">Bücher</a></li>
                            <li class="nav-sublink"><a href="https://veranstaltungen.hochparterre.ch">Veranstaltungen</a></li>
                            
                        </ul>
                    </li>
                    </ul>
                    
                    <ul class="nav--one--lvl3" style="float:left; width:230px;">
                    <li class="sub"><span class="nav-grp">Publikationen</span>
                        <ul>
                            <li class="nav-sublink"><a href="/cms/Hochparterre/89905?navgrp=hop">Hochparterre</a></li>
                            <li class="nav-sublink"><a href="/cms/Hochparterre Wettbewerbe/89905?navgrp=hpw">Hochparterre Wettbewerbe</a></li>
                            <li class="nav-sublink"><a href="/cms/Hochparterre Wettbewerbe/89905?navgrp=thef">Themenhefte</a></li>
                            <li class="nav-sublink"><a href="/cms/Edition/Neuerscheinung/96807?praesgrp=EDITION&artmerk1=NEU">Neuerscheinungen</a></li>
                            <li class="nav-sublink"><a href="/cms/Edition/Grundrissfibeln/89905?navgrp=enav#Grundrissfibeln">Grundrissfibeln</a></li>
                            <li class="nav-sublink"><a href="/cms/Edition/Architekturführer/89905?navgrp=enav#Architekturführer">Architekturführer</a></li>
                            <li class="nav-sublink"><a href="/cms/Edition/Kooperation/97146?praesgrp=EDITION&praessub=LANDSCH">Landschaftsarchitektur</a></li>
                        </ul>
                    </li>
                    </ul>
                    
                    <ul class="nav--one--lvl3" style="float:left; width:165px;">
                    <li class="sub"><span class="nav-grp">Veranstaltungen</span>
                        <ul>
                            <!--<li class="nav-sublink"><a href="https://shop.hochparterre.ch/cms/hopvprodtopic/veranstaltung-detail/31480?itemid=VA-WK7">Wilde Karte #7</a></li>-->
                            <!--<li class="nav-sublink"><a href="https://shop.hochparterre.ch/cms/hopvprodtopic/veranstaltung-detail/31480?itemid=VA-wettlab">Wettbewerbslabor</a></li>-->
                            <!--<li class="nav-sublink"><a href="https://shop.hochparterre.ch/cms/hopvprodtopic/veranstaltung-detail/31480?itemid=VA-Kan2024">Kaninchen 2024</a></li>-->
                            <!--<li class="nav-sublink"><a href="https://shop.hochparterre.ch/cms/hopvprodtopic/veranstaltung-detail/31480?itemid=VA-Som24">Sommerfest 2024</a></li>-->
                            <!--<li class="nav-sublink"><a href="https://shop.hochparterre.ch/cms/hopvprodtopic/veranstaltung-detail/31480?itemid=VA-Has24">Die Besten 2024</a></li>-->
                            
                        </ul>
                    </li>
                    </ul>
                   
                    
                   
                        
                   <!-- <div style="float:left; margin-left: 20px; margin-right: 60px;">
                    <div style="line-height: 21px;"><span class="nav-link">Shop</span></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="cms/Shop/69463">Publikationen</a></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="/cms/Edition/89905?navgrp=enav">Editon Hochparterre</a></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="/cms/Veranstaltungen/38082">Veranstaltungen</a></div>
                      </div>
                      <div style="float:left; margin-right: 60px;">
                    <div style="line-height: 21px;"><span class="nav-link">Publikationen</span></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="/cms/Hochparterre/89905?navgrp=hop">Hochparterre</a></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="/cms/hochparterre.wettbewerbe/89905?navgrp=hpw">hochparterre.wettbewerbe</a></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="/cms/Themenheft/89905?navgrp=thef">Themenhefte</a></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="/cms/Edition/Grundrissfibeln/97146?praesgrp=EDITION&praessub=GRUNDRIS">Grundrissfibeln</a></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="/cms/Edition/Architekturführer/97146?praesgrp=EDITION&praessub=ARCHFUEH">Architekturführer</a></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="https://itunes.apple.com/ch/developer/hochparterre-ag/id442695838" target="_blank">Apps</a></div>
                      </div>
                    <div style="float:left;">
                    <div style="line-height: 21px;"><span class="nav-link">Veranstaltungen</span></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="/cms/Veranstaltungen/38082">Städtebau Stammtisch</a></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="/cms/Veranstaltungen/38082">Wettbewerbsquartett</a></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="/cms/Veranstaltungen/38082">Design zum Zmittag</a></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="/cms/Veranstaltungen/38082">Architekturwandern</a></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="/cms/Veranstaltungen/38082">Die Besten</a></div>
                    <div style="line-height: 21px;"><a class="dropdown-item nav-sublink" href="/cms/Veranstaltungen/38082">Wilde Karte</a></div>
                      </div> -->
                        
                    </div>    
                
        </div>
    </div>
    <div class="basket">
		<a href="#" data-toggle="modal" data-target="#warenkorbModal" class="hidden-xs"><span class="glyphicon glyphicon-shopping-cart"></span>
		&nbsp;<span rel="tooltip" title="0 Artikel im Warenkorb">0 Artikel</span>
		</a>
			<a href="#" data-toggle="modal" data-target="#warenkorbModal" class="hidden-lg hidden-md"><span class="glyphicon glyphicon-shopping-cart"></span>
		&nbsp;<span rel="tooltip" title="0 Artikel im Warenkorb">0</span>
		</a>
	</div>
	<div class="killbasket hidden-xs">
	<a href="/shop/killWarenkorb" onclick="javascript:return confirm('Alle Artikel im Warenkorb löschen?')" title="Warenkorb löschen">
	    <span class="glyphicon glyphicon-remove"></span>
	</a>
		&nbsp;
                        	<!--
                        	<a href="/shop/changeCurrency?currency=CHF">CHF</a> 
                        	&nbsp;
                        		<a href="/shop/changeCurrency?currency=EUR">EUR</a>
                        		-->
	</div>
                              

   


	<div class="nav__ia">
		
        <div class="login__container is-noUser">
    
                
                <a id="a_loginRegisterlinkNav" href="/cms/Anmeldung/12633">
                <div class="login__icon"></div>
                </a>
                
        </div>
               
        <div class="logoff__container is-noUser">
                <a href="/shop/logOffUser?startUrl=/cms/Shop/12633">
                <div class="logoff__icon" id="li_logOff" style="display:none;"></div>
               </a>
        </div>
    

		<div class="abo__container">
			<a href="https://abo.hochparterre.ch" class="nav__ia__textlink">Abo</a>
		</div>

		<div class="search__container" style="">
			<div class="search__icon" onclick="showSearch()"></div>
			<div class="search__form" style="z-index:10000;">
			    <form id="searchForm" role="search" method="get" action="/cms/Suchresultate/55327">
			        <div style="display: block;content: '';position: absolute;top: -10px;right: 85px;width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #000 transparent;"></div>
			 
					
					<div class="login__header"> 
						<label for=""><strong>Suchen</strong></label> 
        			</div> 
					<div class="row">
						<div class="col-xs-8 col-login-left">
							<input type="text" id="searchTerm" name="searchstring" value="" class="login__input">
						</div>
						<div class="col-xs-4 col-login-right">
							<label class="login__label"><button class="d-block" onclick="SearchOrNot(this);">suchen</button></label>
						</div>
					</div>
					
				</form>
                            
			</div>
		</div>

		<div class="basket__container">
			<a href="https://shop.hochparterre.ch" target="_blank" class="nav__ia__textlink">Shop</a>
		</div>

	</div>
<!-- ENDE Navigation -->










    




























































































</header>

<header class="pageHeader pageHeader--fixed" style="display:none;">
<!-- Include-Seite - IncludeID: "59333" . Erstellt 03.09.2018 - 16:46 -->
<!-- Fixed-Navigatino -->

	<nav class="nav nav--header" role="navigation">
	
		<ul>
			
				
				
					
				 
				<li class="first">
					<a tabindex="11" href="https://www.hochparterre-buecher.ch/" data-placement="bottom" title="" target="_blank" class="first">Hochparterre Bücher</a>
				</li>
			
				
				
					
				 
				<li class="">
					<a tabindex="12" href="http://hochparterre-wettbewerbe.ch" data-placement="bottom" title="" target="_blank" class="">hochparterre.wettbewerbe</a>
				</li>
			
				
				
					
				 
				<li class="">
					<a tabindex="13" href="https://edition.hochparterre.ch" data-placement="bottom" title="" target="_blank" class="">Edition Hochparterre</a>
				</li>
			
				
				
					
				 
				<li class="">
					<a tabindex="14" href="https://veranstaltungen.hochparterre.ch" data-placement="bottom" title="" target="_blank" class="">Veranstaltungen</a>
				</li>
			
				
				 
				<li class="last">
					<a tabindex="15" href="https://www.hochparterre.ch/e-paper/" data-placement="bottom" title="" target="_self" class="last">E-Paper</a>
				</li>
			
		</ul>
	
</nav>
	<div class="nav__logo">
		<div class="logo__container">
		    <a href="https://www.hochparterre.ch/"><img src="/httpfiles/hopvprodtopic/images/hochparterre.gif" id="logo" class="logo__img">
			
		</a></div>
	</div>
	<div class="hamburger nav-item dropdown">
		<div class="hamburger__icon dropdown-toggle" onclick="checkNavi();" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></div>

                <div class="dropdown-menu nav-dropdown-fixed" aria-labelledby="navbarDropdown" style="width:600px; z-index:10000; padding:5px; border:1px solid #000; border-top:7px solid #000; border-radius:0px;">
                
                <div style="margin-bottom: 15px;">
                  <a class="dropdown-item nav-link" href="https://shop.hochparterre.ch">Home</a>
                  <a class="dropdown-item nav-link" href="/cms/Shop-Suche/15580">Suchen</a>
                  <a class="dropdown-item nav-link" href="/cms/Anmeldung/12633">Login/Registration</a>
                  <a class="dropdown-item nav-link" href="https://abo.hochparterre.ch">Abonnieren</a>
                  <a class="dropdown-item nav-link" href="https://www.hochparterre.ch/abonnieren-inserieren/newsletter/">Newletter</a>
                  <a class="dropdown-item nav-link" href="https://www.hochparterre.ch/ueber-uns/">Kontakt</a>
                </div>
                
                  <div class="dropdown-divider"></div>
                  <div class="submenuWrapper d-flex d-flex-row justify-content-between nav--one--lvl3">
                    <ul class="nav--one--lvl3" style="float:left; width:190px;">
                    <li class="sub"><span class="nav-grp">Shop</span>
                        <ul>
                            <li class="nav-sublink"><a href="https://shop.hochparterre.ch">Publikationen</a></li>
                            <li class="nav-sublink"><a href="https://edition.hochparterre.ch">Edition Hochparterre</a></li>
                            <li class="nav-sublink"><a href="https://veranstaltungen.hochparterre.ch">Veranstaltungen</a></li>
                            
                        </ul>
                    </li>
                    </ul>
                    
                    <ul class="nav--one--lvl3" style="float:left; width:230px;">
                    <li class="sub"><span class="nav-grp">Publikationen</span>
                        <ul>
                            <li class="nav-sublink"><a href="/cms/Hochparterre/89905?navgrp=hop">Hochparterre</a></li>
                            <li class="nav-sublink"><a href="/cms/hochparterre.wettbewerbe/89905?navgrp=hpw">hochparterre.wettbewerbe</a></li>
                            <li class="nav-sublink"><a href="/cms/hochparterre.wettbewerbe/89905?navgrp=thef">Themenhefte</a></li>
                            <li class="nav-sublink"><a href="/cms/Edition/Grundrissfibeln/89905?navgrp=enav#Grundrissfibeln">Grundrissfibeln</a></li>
                            <li class="nav-sublink"><a href="/cms/Edition/Architekturführer/89905?navgrp=enav#Architekturführer">Architekturführer</a></li>
                            <li class="nav-sublink"><a href="https://itunes.apple.com/ch/developer/hochparterre-ag/id442695838" target="_blank">Apps</a></li>
                        </ul>
                    </li>
                    </ul>
                    
                    <ul class="nav--one--lvl3" style="float:left; width:165px;">
                    <li class="sub"><span class="nav-grp">Veranstaltungen</span>
                        <ul>
                            <li class="nav-sublink"><a href="https://veranstaltungen.hochparterre.ch">Städtebau Stammtisch</a></li>
                            <li class="nav-sublink"><a href="https://veranstaltungen.hochparterre.ch">Wettbewerbsquartett</a></li>
                            <li class="nav-sublink"><a href="https://veranstaltungen.hochparterre.ch">Design zum Zmittag</a></li>
                            <li class="nav-sublink"><a href="https://veranstaltungen.hochparterre.ch">Architekturwandern</a></li>
                            <li class="nav-sublink"><a href="https://veranstaltungen.hochparterre.ch">Die Besten</a></li>
                            <li class="nav-sublink"><a href="https://veranstaltungen.hochparterre.ch">Wilde Karte</a></li>
                        </ul>
                    </li>
                    </ul>
                    </div>
        </div>
    </div>
    <div class="basket--fixed">
		<a href="#" data-toggle="modal" data-target="#warenkorbModal" class="hidden-xs"><span class="glyphicon glyphicon-shopping-cart"></span>
		&nbsp;<span rel="tooltip" title="0 Artikel im Warenkorb">0 Artikel</span>
		</a>
			<a href="#" data-toggle="modal" data-target="#warenkorbModal" class="hidden-lg hidden-md"><span class="glyphicon glyphicon-shopping-cart"></span>
		&nbsp;<span rel="tooltip" title="0 Artikel im Warenkorb">0</span>
		</a>
	</div>
	<div class="killbasket--fixed hidden-xs">
	<a href="/shop/killWarenkorb" onclick="javascript:return confirm('Alle Artikel im Warenkorb löschen?')" title="Warenkorb löschen">
	    <span class="glyphicon glyphicon-remove"></span>
	</a>
	</div>


	<div class="nav__ia">
	    
	    <div class="login__container is-noUser">
    
                
                <a id="a_loginRegisterlinkNav" href="/cms/Anmeldung/12633">
                <div class="login__icon"></div>
                </a>
                
        </div>
               
        <div class="logoff__container is-noUser">
                <a href="/shop/logOffUser?startUrl=/cms/Shop/12633">
                <div class="logoff__icon" id="li_logOff" style="display:none;"></div>
               </a>
        </div>
		

		<div class="abo__container">
			<a href="https://abo.hochparterre.ch" target="_blank" class="nav__ia__textlink">Abo</a>
		</div>

	<!--	<div class="search__container">
			<div class="search__icon js-headerForm-Trigger"></div>
			<div class="search__form">
				<form action="/index.php" target="_top" method="get">
					<input type="hidden" name="id" value="69">
					<div class="login__header"> 
						<label for=""><strong>Suchen</strong></label> 
        			</div> 
					<div class="row">
						<div class="col-xs-8 col-login-left">
							<input type="text" id="search" name="tx_kesearch_pi1[sword]" value="" class="login__input">
						</div>
						<div class="col-xs-4 col-login-right">
							<label class="login__label"><button class="d-block">suchen</button></label>
						</div>
					</div>
					<input id="resetFilters" type="hidden" name="tx_kesearch_pi1[resetFilters]" value="0">
					<input id="sortByField" type="hidden" name="tx_kesearch_pi1[sortByField]" value="">
					<input id="sortByDir" type="hidden" name="tx_kesearch_pi1[sortByDir]" value="">
				</form>
			</div>
		</div> -->
		
		<div class="search__container" style="">
			<div class="search__icon" onclick="showSearch()"></div>
			<div class="search__form" style="z-index:10000;">
			    <form id="searchForm" role="search" method="get" action="/cms/Suchresultate/55327">
			        <div style="display: block;content: '';position: absolute;top: -10px;right: 85px;width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #000 transparent;"></div>
			 
					
					<div class="login__header"> 
						<label for=""><strong>Suchen</strong></label> 
        			</div> 
					<div class="row">
						<div class="col-xs-8 col-login-left">
							<input type="text" id="searchTerm" name="searchstring" value="" class="login__input">
						</div>
						<div class="col-xs-4 col-login-right">
							<label class="login__label"><button class="d-block" onclick="SearchOrNot(this);">suchen</button></label>
						</div>
					</div>
					
				</form>
                            
			</div>
		</div>

		<div class="basket__container">
			<a href="https://shop.hochparterre.ch" target="_blank" class="nav__ia__textlink">Shop</a>
		</div>

	</div>


<!-- END Fixed-Navigation -->



















</header>

</div>

</div>

  <!-- JQUERY SCRIPTS -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
      
<script>
function _StartPageFunction() {
    
    $('.dropdown-toggle').dropdown()
    
    
}
</script>











     
    <div class="container">
        <!-- Include-Seite - IncludeID: "90278" . Erstellt 21.06.2018 - 14:42 -->






<script>
function _StartPageFunction() {
    
    $('.dropdown-toggle').dropdown()
    
    
}


$('nav-sublink').click(function(){
    $('html, body').animate({
        scrollTop: $( $(this).attr('href') ).offset().top - 200
    }, 500);
    return false;
});
</script>








































        
        <div class="row">
            <div class="col-md-12 col-xs-12 white-bg">
                <div class="main-container shop">
                    <!-- page content -->
                    <!-- Include-Seite - IncludeID: "81849" . Erstellt 21.06.2018 - 17:47 -->



    
    
        
        
        
<div class="row shop-bg" style="border:1px solid #db0811;">
    <div class="col-md-12 col-xs-12">
        <div><h3 class="nav-title" style="color:#fff;"><a href="/cms/Shop/69463" style="color:#fff;">Shop</a><span class="glyphicon glyphicon-chevron-right chevron"></span>
        <a id="EDITION" class="navlink" href="#" style="color:#fff;">Edition</a><span class="glyphicon glyphicon-chevron-right chevron"></span>
        <a id="LANDSCH" class="navlink praessubnav" href="#" style="color:#fff;">Landschaftsarchitektur</a><span class="glyphicon glyphicon-chevron-right chevron"></span>
        <span>Ganz</span></h3></div>
        
        <section id="slider" class="hidden-xs">
      <div class="row">  
        
        <div class="large-12 columns" style="padding-left:3rem;">
             
          <div class="owl-carousel owl-theme">
             
             
                <div class="item" style="">
                 
                        <img class="cover-image" src="/httpFiles/hopvprodtopic/images/artikel/Ganz_image001.jpg" style="margin:0px;  heigth:300px;">
                    
                </div>
                
                
                <div class="item" style="">
                   
                        <img class="detail-image" src="/httpFiles/hopvprodtopic/images/artikel/Ganz_image003.jpg" style="margin:0px; heigth:300px;">
                     
                </div>
           
                <div class="item" style="">
                   
                        <img class="detail-image" src="/httpFiles/hopvprodtopic/images/artikel/Ganz_image004.jpg" style="margin:0px; heigth:300px;">
                     
                </div>
           
                <div class="item" style="">
                   
                        <img class="detail-image" src="/httpFiles/hopvprodtopic/images/artikel/Ganz_image005.jpg" style="margin:0px; heigth:300px;">
                     
                </div>
           
                <div class="item" style="">
                   
                        <img class="detail-image" src="/httpFiles/hopvprodtopic/images/artikel/Ganz_image006.jpg" style="margin:0px; heigth:300px;">
                     
                </div>
           
                <div class="item" style="">
                   
                        <img class="detail-image" src="/httpFiles/hopvprodtopic/images/artikel/Ganz_image007.jpg" style="margin:0px; heigth:300px;">
                     
                </div>
           
                <div class="item" style="">
                   
                        <img class="detail-image" src="/httpFiles/hopvprodtopic/images/artikel/Ganz_image008.jpg" style="margin:0px; heigth:300px;">
                     
                </div>
           
                <div class="item" style="">
                   
                        <img class="detail-image" src="/httpFiles/hopvprodtopic/images/artikel/Ganz_image009.jpg" style="margin:0px; heigth:300px;">
                     
                </div>
           
                <div class="item" style="">
                   
                        <img class="detail-image" src="/httpFiles/hopvprodtopic/images/artikel/Ganz_image010.jpg" style="margin:0px; heigth:300px;">
                     
                </div>
           
          </div>
          
         </div>
        </div>
      </section>
      
      <div class="row visible-xs">
          <div class="col-xs-12">
              
                <div style="padding:21px 0px;">
                 
                        <img class="img-responsive" src="/httpFiles/hopvprodtopic/images/artikel/Ganz_image001.jpg">
                    
                </div>
                
              
          </div>
      </div>
        
   
    
    </div>
    
</div>



<div class="row white-bg">
    
    <div class="col-md-12 col-xs-12 shopdetail_container">
       
        <div style="display:none; margin-top:20px;"><a href="" class="tag">Shop</a>
        <a href="" id="EDITION" class="tag navlink">Edition</a>
        <a href="" id="LANDSCH" class="tag navlink praessubbox">Landschaftsarchitektur</a>
        <span class="tag">Ganz</span></div>
        
        <form method="post" name="WarenkorbForm_Ganz" id="WarenkorbForm_Ganz" action="/shop/addItem?itemID=Ganz&title=Ganz">
        <div>
        <h2 class="art-title">Ganz</h2>
        <div class="art-txt"><p>Im dritten Band der Reihe ‹Schweizer Landschaftsarchitektur der Gegenwart› stellen Ganz Landschaftsarchitekten zehn Projekte vor. Diese sind nach den Themen Arbeit, Natur, Kunst, Ästhetik, Musik, Sammlung, Kochen, Geschichte, Bilder und Genuss geordnet und bilden so eine bürospezifische Wunderkammer in Buchform. Einer Einführung in das Themenfeld folgt jeweils ein Essay von ausgewählten Autorinnen und Autoren. Die Projektbilder hat Daniel Ganz selbst aufgenommen. Seine Fotos zeigen seinen ganz persönlichen Blick auf die Gestaltung.</p>

<p>Der Landschaftsarchitekt Daniel Ganz hat sein Büro 1995 in Zürich gegründet. Heute realisiert er mit sieben Mitarbeitenden Projekte in den Bereichen Garten, Landschaft, Platz, Hof und auch Gartendenkmalpflege. Ganz Landschaftsarchitekten lassen sich von Bildern leiten, Kunst und Geschichte dienen ihnen als Inspiration. Bei ihrer Arbeit üben sie sich im Blickwechsel von Weit auf Nah und umgekehrt, im Einfangen von Atmosphären und dem Wahrnehmen von Stimmungen, im Ordnen und Zuordnen, im Vergleichen und Unterscheiden.</p><br>

<p><small><strong>Titel</strong>: Ganz – Schweizer Landschaftsarchitektur der Gegenwart<br>
<strong>Herausgeber</strong>: Edition Hochparterre<br>
<strong>Texte</strong>: Elisabeth Heller, Sophie von Schwerin, Elisabeth Bronfen, Katia Frey, Tom Emerson, Christian Inderbitzin, André Rey, Nemanja Zimonjic, Angelo Garoglio und Jonathan Binns<br> 
<strong>Gestaltung</strong>: Barbara Schrag<br>
<strong>Inhalt</strong>: 192 Seiten, 10 Projekte, zahlreiche Abbildungen<br>
<strong>Sprachen</strong>: Deutsch und Englisch<br>
<strong>Bindung</strong>: Broschiert<br>
<strong>Format</strong>: 16.8 × 21.6 cm<br></small></p><br>

<p><i><small>20 Prozent Rabatt für Abonnentinnen und Abonnenten (bei Kasse ersichtlich)</small></i></p><br></div>
        </div>
        <div>
        
            <p class="art-price" style="margin-bottom:27px;" class="txtshort_15"><span class="glyphicon glyphicon-chevron-right"></span> Preis: CHF 39</p>
        
        <div>
        
        <div class="hidden showWarenkorb" data-showwarenkorb=""></div>
        <div id="Status" class="title" style="color: #db0811;"></div>
        
          <button class="btn btn-md btn-default LoadPageBtn WarenkorbBtn" id="WarenkorbBtn" type="button" style="border: 1px solid #000; background-color:#000; color: #fff;" onclick="$(this).closest('form').submit();"><span class="glyphicon glyphicon-shopping-cart"></span> in den Warenkorb</button>
          
          
              <br><br>
              <div><u>Produktsicherheit</u> 
<br>
Verantwortliche Person gemäss EU-Verordnung 2023/988 (GPSR):
<br>
GVA Gemeinsame Verlagsauslieferung Göttingen GmbH & Co. KG | Postfach 2021 | 37010 Göttingen | Deutschland | +49 551 384 200 0 | info@gva-verlage.de | Sicherheitshinweis entsprechend Art. 9 Abs. 7 S. 2 der GPSR entbehrlich 
					</div>
          
          
        </div></div></form>
    
        
    
    
   
</div></div>


<div class="spacer"></div>
    





<script>

        // script komplett übernehmen. anpassen musst du nichts
    
            function _StartPageFunction(){

            
           
           $('.navlink').each(function() {
                a = $(this).attr("id");
                
                if (a == 'EDITION'){
                    $(this).attr('href', '/cms/Edition/89905?navgrp=enav');
                }
                 if (a == 'HP'){
                    $(this).attr('href', '/cms/Hochparterre/89905?navgrp=hop');
                }
                 if (a == 'HPW'){
                    $(this).attr('href', '/cms/hochparterre.wettbewerbe/89905?navgrp=hpw');
                }
                 if (a == 'THEFT'){
                    $(this).attr('href', '/cms/Themenheft/89905?navgrp=thef');
                }
                 if (a == 'NEUERSCH'){
                    $(this).attr('href', '/cms/Edition/Neuerscheinung/96807?praesgrp=EDITION&artmerk1=NEU');
                }
                 if (a == 'GRUNDRIS'){
                    $(this).attr('href', '/cms/Edition/Grundrissfibeln/97146?praesgrp=EDITION&praessub=GRUNDRIS');
                }
                 if (a == 'ARCHFUEH'){
                    $(this).attr('href', '/cms/Edition/Architekturführer/97146?praesgrp=EDITION&praessub=ARCHFUEH');
                }
                 if (a == 'CHBUCHER'){
                    $(this).attr('href', '/cms/Edition/CH-Bücher/97146?praesgrp=EDITION&praessub=CHBUCH');
                }
                 if (a == 'BUECHER'){
                    $(this).attr('href', '/cms/Edition/WeitereBücher/97146?praesgrp=EDITION&praessub=BUECHER');
                }
                if (a == 'SONSTIGE'){
                    $(this).attr('href', '/cms/Edition/Kooperation/97146?praesgrp=EDITION&praessub=SONSTIGE');
                }
                
            });
            
        };
    </script>












































                </div>
            </div>
        </div>
    </div>
    
    <!-- footer -->
    <!-- Include-Seite - IncludeID: "68209" . Erstellt 21.06.2018 - 14:44 -->
<!-- <footer>
        <div class="container">
            <div class="col-md-8">
                © Hochparterre AG Alle Rechte vorbehalten
            </div>
            <div class="col-md-4 text-right">
                <a href="https://www.hochparterre.ch/rechtliche-hinweise/?L=yphqqiurksbwngf%252F" target="_blank" style="color:#fff;"> AGB</a>
            </div>
        </div>
        <!-- /.row -->
    <!-- </footer> -->
<div class="container">
    <div class="row">

   
    
    <footer class="pageFooter" style="margin-top:0px; border-top: 0px solid #000;">
                
          
	<div class="container">
		
			
		
		<div class="row">
			<div class="col-md-12">
				
				<div class="row">
					<div class="col-md-12">
						<h6 class="header--lvl6" style="font-family: 'Fedra Sans Screen local', sans-serif; font-weight: 700;">Abonnieren Sie unseren Newsletter</h6>
						<a class="btn submit mt-3" href="https://www.hochparterre.ch/abonnieren-inserieren/newsletter/" style="font-family: 'Fedra Sans Screen local', sans-serif; font-weight: 400; height:22px;">Newsletter abonnieren</a>
						
						
						
					</div>
				</div>

				<!-- sitemap-->
				<div class="row mt-7">
					<div class="col-md-12">
						<nav class="nav" role="navigation">
							
								<ul class="nav nav--footer">
									
										<li class="first">
											
											 
											<a tabindex="11" href="https://www.hochparterre.ch/rss/" data-placement="bottom" title="" target="_self" class="first" style="padding-top:0px; padding-bottom: 0px;">RSS</a>
										</li>
									
										<li class="">
											
											 
											<a tabindex="12" href="https://www.hochparterre.ch/ueber-uns/" data-placement="bottom" title="" target="_self" class="" style="padding-top:0px; padding-bottom: 0px;">Über uns</a>
										</li>
									
										<li class="">
											
											 
											<a tabindex="13" href="https://www.hochparterre.ch/impressum/" data-placement="bottom" title="" target="_self" class="" style="padding-top:0px; padding-bottom: 0px;">Impressum</a>
										</li>
									
										<li class="">
											
											 
											<a tabindex="14" href="https://www.hochparterre.ch/datenschutz/" data-placement="bottom" title="" target="_self" class="" style="padding-top:0px; padding-bottom: 0px;">Datenschutz</a>
										</li>
									
										<li class="last">
											
											 
											<a tabindex="15" href="https://www.hochparterre.ch/rechtliche-hinweise/" data-placement="bottom" title="" target="_self" class="last" style="padding-top:0px; padding-bottom: 0px;">Rechtliche Hinweise</a>
										</li>
										
										<li class="last">
											
											 
											<a tabindex="16" href="https://www.hochparterre.ch/faq/" data-placement="bottom" title="" target="_self" class="last" style="padding-top:0px; padding-bottom: 0px;">FAQ</a>
										</li>
									
								</ul>
							
						</nav>
					</div>
				</div>
				<!-- /sitemap-->

				<div class="row">
					<div class="col-md-12" style="line-height:12px;">
						Hochparterre AG | Verlag für Architektur, Planung und Design | Ausstellungsstrasse 25 | CH-8005 Zürich <br>
						Telefon +41 44 444 28 88 | Fax +41 44 444 28 89 | <a href="mailto:verlag@hochparterre.ch">verlag@hochparterre.ch</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	

</footer>

    </div></div>


<!-- 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>
          
          
          <!-- artikel laden -->
 <div class="modal fade" id="farosLoadPage" role="dialog" aria-labelledby="farosBestellungausfuehrenModalLabel" aria-hidden="true">
            <div class="loadingpleasewait">
                 <div class="loadingwidget">&nbsp;</div>
            </div>
          </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 style="padding: 0px 28px">
		      Allfälliger Rabatt wird in der Offerte ausgewiesen.
		      
		      
		  </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/70232">
                 	<button class="btn btn-md btn-primary">Zur Kasse</button> 
                    </a>
                
                   
		  </div>
		</div>
	  </div>
</div>

   
 

<!-- 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/hopvprodtopic/js/bootstrap-datepicker.min.js"></script>
    <script src="/httpfiles/hopvprodtopic/js/bootstrap-datepicker.de.min.js"></script>
    
     <script src="/httpfiles/hopvprodtopic/js/custom.js"></script>

	 
<script src="/httpfiles/hopvprodtopic/js/app.js"></script>
<script src="/httpfiles/hopvprodtopic/js/highlight.js"></script>
<script src="/httpfiles/hopvprodtopic/js/owl.carousel.js"></script>

	
















    
    
    <!-- javascript -->
    <!-- Include-Seite - IncludeID: "34406" . Erstellt 21.06.2018 - 14:45 -->

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P73N8M" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<!--Scripts-->
<script>
        jQuery(document).ready(function ($) {
             
             
            // create carousels, do not loop in detail page
             var LoopImages = true;
             if(document.location.href.indexOf("87062") >= 0) {
                 var LoopImages = false;
             }
             if(document.location.href.indexOf("55327") >= 0) {
                 var LoopImages = false;
             }
             
             
             
           
            $('.owl-carousel').each(function(index, element) {
                  $(element).owlCarousel({
                    margin: 0,
                    loop: false,
                    autoWidth: true,
                     autoHeight: false,
                    autoplay: false,
                    lazyLoad: true,
                    lazyLoadEager: 4,
                    dots:false
                });
                
             });
                 
             
            /* $('.item').each(function() {
               // praessubnav für produktwahl
               // alert($(this).html())
               var itemWidth = $(this).next().next().width();
        
            if ($(this).attr('id') == "HP") {
                 $(this).css('width', '260px');
            }else{
                 $(this).width(itemWidth);
            };
            if ($(this).attr('id') == "HPW") {
                 $(this).css('width', '229px');
            }else{
                 $(this).width(itemWidth);
            };
            if ($(this).attr('id') == "THEFT") {
                 $(this).css('width', '260px');
            }else{
                 $(this).width(itemWidth);
            }
            
            }); */
             
           
             $(window).scroll(function(){                          
            if ($(this).scrollTop() > 95) {
                $('.pageHeader--fixed').show();
                $('#navheader--fixed').show();
                $('#navheader').hide();
            } else {
                $('.pageHeader--fixed').hide();
                $('#navheader--fixed').hide();
                $('#navheader').show();
            }
        });
           /* $('.cover-image').each(function() {
               // praessubnav für produktwahl
               var itemWidth = $(this).width()
               $(this).parent().width(itemWidth);
            });
            
             $('.detail-image').each(function() {
               // praessubnav für produktwahl
               var itemWidth = $(this).width()
               $(this).parent().width(itemWidth);
            }); */
            
            
            
            
            console.log("hochparterre web shop is ready!");
            
            $(".LoadPageBtn").click( function () {
               $('#farosLoadPage').modal({backdrop: 'static'});
            }); 
            
            
            $('.dropdown-toggle').dropdown()
            
          
            // navi
            $( "#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
            }
            
            
            
            
             if(document.location.href.indexOf("navgrp=hop") > -1) {
                   // alert("abos");
                   $('#praesgrp-link').attr('href', '/cms/Hochparterre/89905?navgrp=hop');
                    $('#praesgrp-link').text('Hochparterre');
                 
             };
             
             if(document.location.href.indexOf("navgrp=hpw") > -1) {
                   // alert("abos");
                   $('#praesgrp-link').attr('href', '/cms/Hochparterre Wettbewerbe/89905?navgrp=hwp');
                    $('#praesgrp-link').text('Hochparterre Wettbewerbe');
                 
             };
             if(document.location.href.indexOf("navgrp=thef") > -1) {
                   // alert("abos");
                   $('#praesgrp-link').attr('href', '/cms/Themenheft/89905?navgrp=thef');
                    $('#praesgrp-link').text('Themenheft');
                 
             };
             if(document.location.href.indexOf("navgrp=enav") > -1) {
                   // alert("abos");
                   $('#praesgrp-link').attr('href', '/cms/Edition/89905?navgrp=enav');
                    $('#praesgrp-link').text('Edition');
                    $('#EditionNeu').show();
                 
             };
             
            $('.subgrp-tag').each(function(obj) {
                if ($(this).text() == "Neuerscheinungen") {
                 $(this).attr('href', '/cms/Edition/Neuerscheinung/96807?praesgrp=EDITION&artmerk1=NEU');
            }
            if ($(this).text() == "Grundrissfibeln") {
                 $(this).attr('href', '/cms/Edition/Grundrissfibeln/97146?praesgrp=EDITION&praessub=GRUNDRIS');
            }
            if ($(this).text() == "Architekturführer") {
                 $(this).attr('href', '/cms/Edition/Architekturführer/97146?praesgrp=EDITION&praessub=ARCHFUEH');
            }
            if ($(this).text() == "Die schönsten Schweizer Bücher") {
                 $(this).attr('href', '/cms/Edition/CH-Bücher/97146?praesgrp=EDITION&praessub=CHBUCH');
            }
            if ($(this).text() == "Weitere Bücher") {
                 $(this).attr('href', '/cms/Edition/Bücher/97146?praesgrp=EDITION&praessub=BUECHER');
            }
            if ($(this).text() == "Kooperationen") {
                 $(this).attr('href', '/cms/Edition/Kooperation/97146?praesgrp=EDITION&praessub=SONSTIGE');
            }
            if ($(this).text() == "Landschaftsarchitektur") {
                 $(this).attr('href', '/cms/Edition/Kooperation/97146?praesgrp=EDITION&praessub=LANDSCH');
            }
            });
            
            
            // PDF-Download, nur PDF-Atikel
             $('.pdfDownloadBtn').each(function () {
                 var detaillink = $(this).attr('href');
                 
                 
                 if ($(this).length > 0) {
                     $(this).show();
                     $(this).closest('.item').find('#DetailLink').attr({href: detaillink, target:'_blank'});
                     $(this).prev('#Detailtxt').hide();
                
                }else{
                     $(this).hide();
                };
                 });
                 
                
            
            $('.showWarenkorb').each(function () {
                var showwarenkorb = $(this).data('showwarenkorb');
                
                 if (showwarenkorb !== undefined) {
                    if(showwarenkorb == 0){
                        $(this).next('#Status').show();
                        $(this).next().next('#WarenkorbBtn').hide();
                    }else{
                         $(this).next('#WarenkorbBtn').show();
                    };
                    if(showwarenkorb.length === 0){
                         $(this).next('#Status').show();
                         $(this).next().next('#WarenkorbBtn').show();
                    };
                }
                });
                
           

            /*    $(".img-uebersicht").each(function() {
                    if(!$.trim($(this).html()).length || $.trim($(this).html()).length < 52){
                        $(this).html("<img class='img-responsive' src='/httpfiles/hopvprodtopic/images/no-image-available.png' alt='No image available!' />");
                    } 
                }) */

            // warenkorb 
            if ($("#artmerk").html() == "INFO") {
                 $("#VA-Form").hide();
            }
            
            
            if ($("#artmerk").html() == "VERKAUF") {
                 $("#VA-Form").hide();
                 $("#VA-Warenkorb").show();
            }
            
            
            
            
            // 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_loginRegisterlinkNav").attr("href").indexOf('73503') >= 0) {
                
                  $("#li_registerUser").hide();
                  $("#li_logOff").show();
                  $("#li_logOff--fixed").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");
                  $("#sp_LogoffIcon--fixed").removeClass();
                  $("#sp_LogoffIcon--fixed").addClass("glyphicon glyphicon-log-in");
                  $(".login__icon").css("background", "url(/httpfiles/hopvprodtopic/images/iconLogin--active.svg) no-repeat");
                  $(".login__icon--fixed").css("background", "url(/httpfiles/hopvprodtopic/images/iconLogin--active.svg) no-repeat");
                  
                  // and mobile
                  $("#SP_RegistrationMobile").hide();
                  $("#SP_AbmeldenMobile").show();
            } 
            
            if ($("#a_loginRegisterlinkNav").attr("href").indexOf("73503") >= 0) {
                  $("#sp_loginRegisterIconNav").removeClass();
                  $("#sp_loginRegisterIconNav").addClass("glyphicon glyphicon-user");
                  
                  // and mobile
                  $("#SP_RegistrationMobile").hide();
                  $("#SP_AbmeldenMobile").show();
            }
            
            
            
            
            
            
            // praessubnav
            $('.praessubnav').each(function() {
               // praessubnav für produktwahl
                if ($(this).html() === "") {
                 $(this).hide();
                  $(this).next().hide();
            }
            else {
                 $(this).show();
                 $(this).next().show();
            };
            });
            
            // VA-date
            $('.VA-date').each(function() {
               // praessubnav für produktwahl
               // alert($(this).html())
                if ($(this).html() == "") {
                 $(this).hide();
            }
            else {
                 $(this).show();
            };
            });
            
            
           /* if ($("#praessubnav").html() === "") {
                 $("#praessubnav").hide();
                  $("#praessubnav").next().hide();
            }
            else {
                 $("#praessubnav").show();
                 $("#praessubnav").next().show();
            }; */
            // praessubnav
            
            
            $('.praessubbox').each(function() {
               // praessubnav für produktwahl
                if ($(this).html() === "") {
                 $(this).hide();
            }
            else {
                 $(this).show();
            };
            });
            
            /* if ($("#praessubbox").html() === "") {
                 $("#praessubbox").hide();
            }
            else {
                 $("#praessubbox").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
                });
            }
                
            });
            
            
            
             $('.dateAboField').each(function(i, obj) {
               // datepicker für abofelder
                $(obj).datepicker({
                    format: "dd.mm.yyyy",
                    weekStart: 1,
                    language: "de",
                    daysOfWeekDisabled: "0",
                    todayHighlight: true,
                    autoclose: true
                });
            });
            
            // start function
            try {
                _StartPageFunction();
            }
            catch(e) {
                // not available on this site
            }
            
            // Anmelde-Form VA
           /*  if(document.location.href.indexOf("VA00001") > -1) {
                   // alert("adressen");
                   $('#VA-Form').attr("href", "https://docs.google.com/forms/d/1EbNrH6x8vZjUWJ1Rbs6OQie-cvS90uG1uKoEA6hy0bU");
                }
             if(document.location.href.indexOf("VA00002") > -1) {
                   // alert("adressen");
                   $('#VA-Form').attr("href", "https://docs.google.com/forms/d/1v77GNhfcAKrCYqC-yWayzsQaPPIOTv52AVEYP8MQiIE");
                }
             if(document.location.href.indexOf("VA00005") > -1) {
                   // alert("adressen");
                   $('#VA-Form').attr("href", "https://docs.google.com/forms/d/18Vmh_LHPLvNexK3uxNzMp9Ajcrs882e1p-WFourNQ2Q");
                }
             if(document.location.href.indexOf("VA00006") > -1) {
                   // alert("adressen");
                   $('#VA-Form').attr("href", "https://docs.google.com/forms/d/e/1FAIpQLSc8E3ayMc2U_pBzMXrkzIeu_EsJE8jsynIInLDXWu26oNBTEw/viewform");
                } */
            
            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<br>Sie werden nun zu Saferpay weitergeleitet um Ihre Kreditkartendaten zu erfassen");
                $('#OfferBtn').css('height', '75px');
                $('#options_zahlungsart').hide();
                $('#DankeTextNormal').hide();
                $('#DankeTextSpezial').removeClass('hidden');
                        }
                else {
                $('.MengeMinus').show();
                $('.MengePlus').show();
               // $('#options_zahlungsart').show();
                $('#DankeTextNormal').show();
                $('#DankeTextSpezial').hide();
                $('#OfferBtn').append("");
                }
                       
                        });
                        

        });
        
        function showSearch() {
    $('.search__form').toggle();
   
}
        
           
         function SearchOrNot(searchFrom) {
    $('#SearchForm').toggle();
    if (!$("#SearchForm").is(":visible")) {
        $(searchForm).submit();
    }
}

    
        
   
        
        function ShowAboInfos(vorgangsnr, posNr, gesperrt, beendet) {
           if (gesperrt != "True"){
               if(beendet == "Beendet") {
                $('#AboInfos_beendet').modal('show');
           }
           else {
                $('#AboInfos_' + vorgangsnr + posNr).modal('show');
           };
           
           };
           if(gesperrt != "False"){
               $('#AboInfos_gesperrt').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>















