< >

webseiten-vorlage-huette.php


Quell Code


<!DOCTYPE html>
<html lang="de">
<head>
<title>Test seite</title>
<meta charset="utf-8">
<link rel="stylesheet" href="http://www.berghuette-hornklause.de/style.css">
<style>
body {
	background-image: url(http://www.berghuette-hornklause.de/images/bg_holz.jpg);
	background-repeat: repeat;
}


.icon_container {
    margin-right: 57px;
	width: 110px;
	float: left;
	margin-top:-15px;
	text-align: center;
}
.icon_container_last {
	width: 110px;
	float: left;
	margin-top:-15px;
	text-align: center;
}
.icon:link, .icon:visited {
	float: left;
	width: 110px;
	height: 100px;
	margin-right: 41px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 5px 0px;
}
.icon:hover {
	background-position: 5px -100px;
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script> 
<script src="http://sebastian1012.bplaced.net/loesungen/scrollTo.js"></script>
<script src="http://www.berghuette-hornklause.de/js/jquery.touchslider.min.js"></script>   
<script>
jQuery(function($) {
    $(".touchslider").touchSlider({margin: 0, autoplay: true, delay: 10000,});
});
</script>
<script>
$(document).ready(function(){
        var $target = $('body');
        $('#infos').click(function() {
             $target.scrollTo('#content_infos', 800);
        })
       $('#home').click(function() {
             $target.scrollTo('#container', 800);
        })      
       $('#preise').click(function() {
             $target.scrollTo('#content_preise', 800);
        }) 
       $('#kontakt').click(function() {
             $target.scrollTo('#content_kontakt', 800);
        })
       $('#kalender').click(function() {
             $target.scrollTo('#content_kalender', 800);
        }) 
       $('#bilder').click(function() {
             $target.scrollTo('#content_bilder', 800);
        })

       $(".fancybox").fancybox({
          openEffect    : 'fade',
          closeEffect	: 'fade',
          openSpeed :  300,
          closeSpeed : 300,
          helpers : {
              title : {
                type : 'inside'
              }
          }
        });
});
</script>
</head>
<body>	
<div id="header">
	<div id="header_container">	
		<div id="logo"></div>
        <div id="navi_container">	
        <a href="#container" id="home"></a>
        <div class="navi_trenner"></div>
        <a href="#content_infos" id="infos"></a>
        <div class="navi_trenner"></div>
        <a href="#content_bilder" id="bilder"></a>
        <div class="navi_trenner"></div>
        <a href="#content_preise" id="preise"></a>
        <div class="navi_trenner"></div>
        <a href="#content_kalender" id="kalender"></a>
        <div class="navi_trenner"></div>
        <a href="#content_kontakt" id="kontakt"></a>
        </div>
    </div>
</div>

<div id="container">
<div id="bg_home">
	<div class="center_container">	
    <img src="http://www.berghuette-hornklause.de/images/foto_blank.png" width="760" height="286" alt="Bild Titel"><br>
    <img src="http://www.berghuette-hornklause.de/images/headline.png" width="559" height="118" alt="Bild Titel">
	</div>
	<div class="teaser_bg">
   		<div class="teaser_container">
        <a id="#content_infos" href="#" class="teaser">
        	<img src="http://www.berghuette-hornklause.de/images/teaser_01.jpg" class="teaser_foto" width="270" height="115" alt="Bild Titel">
    		<span class="headline">Infos</span><br>
    		<span class="text">Treten Sie ein! Hier finden Sie alle Informationen über unsere gemütliche Hütte im Oberallgäu.
   		</span><br><span class="link_style">&gt; mehr Erfahren</span></a>
        
         <a href="#content_bilder" class="teaser">
        	<img src="http://www.berghuette-hornklause.de/images/teaser_02.jpg" class="teaser_foto" width="270" height="115" alt="Bild Titel">
    		<span class="headline">Bilder</span><br>
    		<span class="text">Schauen Sie rein! Gemütliche Hütte und traumhafte Landschaft – das sollten Sie sich unbedingt ansehen!
    		</span><br><span class="link_style">&gt; mehr Erfahren</span></a>
        
         <a href="#content_kalender" class="teaser_last">
        	<img src="http://www.berghuette-hornklause.de/images/teaser_03.jpg" class="teaser_foto" width="270" height="115" alt="Bild Titel">
    		<span class="headline">Kalender</span><br>
    		<span class="text">Haben Sie Lust bekommen? Hier sehen Sie, wann die Hütte noch frei ist. Checken Sie ein!
    		</span><br><span class="link_style">&gt; mehr Erfahren</span></a>
        </div>
	</div>
</div>
<div class="home_schatten"></div>
<div id="content_infos">
	<div class="center_container">
    <img src="http://www.berghuette-hornklause.de/images/foto.png" width="760" height="292" alt="Bild Titel">
    
	<div class="content">	
    <span class="headline2">Grüß Gott auf der Hornklause.Natur pur und Erholung satt! </span>

    <div class="text">
    <p>
    In der Hornklause macht Urlaub richtig Spaß. Denn Mitten in der traumhaften Natur der Allgäuer Alpen rund um Immenstadt
    im Allgäu wohnen Sie zwischen dem Immenstädter Horn und dem Gschwender Horn oberhalb vom großen Alpsee auf ca. 1100 m.
    Von hier genießen Sie die Aussicht über Bergwiesen und Wälder und können mit der gesamten Familie viele Touren 
    durch das Wandergebiet „Nagelfluhkette“ starten.   
</p>
<p>
Im Winter ist die Hornklause ein toller Ausgangspunkt für Skitouren, Schneeschuhwanderungen oder für eine rasante Rodeltour auf der
privaten Alpstraße.
</p>
<p>
Bis zu 16 Personen finden in den 3 Zimmern und dem Bettenlager reichlich Platz. Der geräumige Aufenthaltsraum und die angrenzende,
offene Küche bietet alles für eine gesellige Zeit und im Sommer lädt die Feuerstelle vor der Hütte zum romantischen Verweilen ein. 
</p>
<p>
Wir freuen uns auf Sie! <br>
Ihre Familie Schubach
</p>
    </div> 
    </div>

<div class="teaser_bg">
<div class="icons_container">
	<div class="icon_container">
    <a href="#content_icon01" class="icon" style="background-image: url(http://www.berghuette-hornklause.de/images/icon_schlaf.png)"></a>
    <span class="text">4 Schlafzimmer</span>
    </div>
    
    <div class="icon_container">
    <a href="#content_icon02" class="icon" style="background-image: url(http://www.berghuette-hornklause.de/images/icon_bad.png)"></a>
    <span class="text">2 Badezimmer</span>
    </div>
    
    <div class="icon_container">
    <a href="#content_icon03" class="icon" style="background-image: url(http://www.berghuette-hornklause.de/images/icon_kueche.png)"></a>
    <span class="text">Küche</span>
    </div>
    
    <div class="icon_container">
    <a href="#content_icon04" class="icon" style="background-image: url(http://www.berghuette-hornklause.de/images/icon_aufenthalt.png)"></a>
    <span class="text">Aufenthaltsraum</span>
    </div>
    
    <div class="icon_container">
    <a href="#content_icon05" class="icon" style="background-image: url(http://www.berghuette-hornklause.de/images/icon_info.png)"></a>
    <span class="text">Allgemeine Infos</span>
    </div>
    
    <div class="icon_container_last">
    <a href="#content_icon06" class="icon" style="background-image: url(http://www.berghuette-hornklause.de/images/icon_freizeit.png)"></a>
    <span class="text">Freizeit</span>
    </div>
    
</div>
</div>
<img src="http://www.berghuette-hornklause.de/images/nase.png" width="46" height="23" alt="Bild Titel">
</div>

<div class="content">	

<div id="content_icon01"></div> 
<div class="bullet_content">
    <span class="headline">4 Schlafzimmer</span><br>
    	<div class="bullet_container2">	
    		<div class="text">
           <p>
• ein Zweibettzimmer mit Doppelbett und Schrank<br>
• zwei Dreibettzimmer mit Einzelbetten und Schrank<br>
• ein Lager mit 8 Betten und großem Regal für das Gepäck<br>
• alle Zimmer mit Zentralheizung<br>
• alle Zimmer mit Hüttencharakter
</p>
    		</div> 
  	  </div>
      <div class="bullet_container">	
    
    <div class="bullet_foto_container">
    	<a class="fancybox" title="Reinkommen und Wohlfühlen – im großen Dreibettzimmer" href="http://www.berghuette-hornklause.de/images/fotos/Foto17.jpg"><img src="http://www.berghuette-hornklause.de/images/fotos/Foto17_thumb.jpg" class="teaser_foto" width="100" height="67" alt="Bild Titel"></a>
    </div>
    <div class="bullet_foto_container">
    	<a class="fancybox" title="Einblick in eines der Dreibettzimmer" href="http://www.berghuette-hornklause.de/images/fotos/Foto14.jpg"><img src="http://www.berghuette-hornklause.de/images/fotos/Foto14_thumb.jpg" class="teaser_foto" width="100" height="67" alt="Bild Titel"></a>
    </div>
    <div class="bullet_foto_container">
    	<a class="fancybox" title="Achtung Katze! Das große Doppelzimmer" href="http://www.berghuette-hornklause.de/images/fotos/Foto15.jpg"><img src="http://www.berghuette-hornklause.de/images/fotos/Foto15_thumb.jpg" class="teaser_foto" width="100" height="67" alt="Bild Titel"></a>
    </div>
    <div class="bullet_foto_container">
    	<a class="fancybox" title="Das Bettenlager für 8 große oder kleine Alpinisten" href="http://www.berghuette-hornklause.de/images/fotos/Foto16.jpg"><img src="http://www.berghuette-hornklause.de/images/fotos/Foto16_thumb.jpg" class="teaser_foto" width="100" height="67" alt="Bild Titel"></a>
    </div>
    <div class="bullet_lupe">
    <img src="http://www.berghuette-hornklause.de/images/lupe.png" class="lupe" width="11" height="12" alt="Bild Titel"><span class="text_grau">zum vergrössern anklicken</span> 
    </div>
</div>
</div>
<div style="clear: both;"></div>

<div class="trenner"></div>

<div id="content_icon02"></div> 
<div class="bullet_content">
    <span class="headline">Sanitäreinrichtungen</span><br>
    	<div class="bullet_container2">	
    		<div class="text">
            <p>
• ein großes Badezimmer mit zwei Waschbecken <br>
• ein kleines Badezimmer mit einem Waschbecken <br>
• beide Badezimmer mit Dusche<br>
• fließend kaltes und warmes Wasser<br>
• zwei separate Toiletten 
</p>
    		</div> 
  	  </div>
      <div class="bullet_container">	
    <div class="bullet_foto_container">
    	<a class="fancybox" title="Das kleine Badezimmer mit Dusche im Spiegel" href="http://www.berghuette-hornklause.de/images/fotos/Foto19.jpg">
        <img src="http://www.berghuette-hornklause.de/images/fotos/Foto19_thumb.jpg" class="teaser_foto" width="100" height="67" alt="Bild Titel"></a>
    </div>
    <div class="bullet_foto_container">
    	<a class="fancybox" title="Und das große Badezimmer mit 2 Waschbecken und komfortabler Dusche im Hintergrund" href="http://www.berghuette-hornklause.de/images/fotos/Foto20.jpg">
        <img src="http://www.berghuette-hornklause.de/images/fotos/Foto20_thumb.jpg" class="teaser_foto" width="100" height="67" alt="Bild Titel"></a>
    </div>
    <div class="bullet_lupe">
    <img src="http://www.berghuette-hornklause.de/images/lupe.png" class="lupe" width="11" height="12" alt="Bild Titel">
    <span class="text_grau">zum vergrössern anklicken</span> 
    </div>
</div>
</div>
<div style="clear: both;"></div>
<div class="trenner"></div>
<div id="content_icon03"></div> 
<div class="bullet_content">
    <span class="headline">Küche</span><br>
    	<div class="bullet_container2">	
    		<div class="text">
            <p>
• gut ausgestattet mit Geschirr, Besteck & sonstigen Küchenutensilien<br>
• großer Kühlschrank mit Gefrierfach<br>
• Gasofen mit 4 Flammen und Backrohr<br>
• Kaffeemaschine, Wasserkocher, Mixer, Raclette für 14 Personen<br>
• die Küche ist offen zum Ess- und Aufenthaltsraum
</p>
    		</div> 
  	  </div>
</div>
<div style="clear: both;"></div>
<div class="trenner"></div>
<div id="content_icon04"></div> 
<div class="bullet_content">
    <span class="headline">gemeinsamer Aufenthaltsbereich</span><br>
    	<div class="bullet_container2">	
    		<div class="text">
            <p>
• großer Holztisch mit 16 Plätzen<br>
• gemütlicher Holzofen zum Heizen<br>
• offene großzügige Atmosphäre<br>
• kleinerer Nebenraum zum Zurückziehen<br>
• Feuerstelle mit Bierbänken im Außenbereich<br>
• eine Spielsammlung und einige Bücher<br>
• CD-Radioplayer
</p>
   		  </div> 
  	  </div>
    
 <div class="bullet_container">	
    <div class="bullet_foto_container">
    	<a class="fancybox" title="Gemütliche Wohlfühlatmosphäre rund um den großen Esstisch" href="http://www.berghuette-hornklause.de/images/fotos/Foto13.jpg">
        <img src="http://www.berghuette-hornklause.de/images/fotos/Foto13_thumb.jpg" class="teaser_foto" width="100" height="67" alt="Bild Titel"></a>
    </div>
    <div class="bullet_lupe">
    <img src="http://www.berghuette-hornklause.de/images/lupe.png" class="lupe" width="11" height="12" alt="Bild Titel"> 
    <span class="text_grau">zum vergrössern anklicken</span> 
    </div>
</div>  
      
</div>
<div style="clear: both;"></div>

<div class="trenner"></div>
<div id="content_icon05"></div> 
<div class="bullet_content">
    <span class="headline">Allgemeine Infos </span><br>
    	<div class="bullet_container3">	
    		<div class="text">
            <p>
• in der Hütte gilt absolutes RAUCHVERBOT!<br>
• leider können wir nicht mehr an Jugendgruppen vermieten<br>
• die Hornklause wurde in 2012 größtenteils renoviert<br>
• im Sommer kann ein Auto an der Hütte geparkt werden<br>
• weitere Parkplätze sind im Tal vorhanden (gebührenpflichtig)<br>
• im Winter kann nur im Tal geparkt werden <br>
• Bettwäsche im Mietpreis enthalten<br>
• bis zu 2 Haustiere sind Willkommen<br>
• <a href="http://www.berghuette-hornklause.de/Wegbeschreibung_Berghuette_Hornklause.pdf" target="_blank">Wegbeschreibung</a> zur Hornklause<br>
• weiter Information können sie in den <a id="various4" href="agb.html" target="_blank">AGB</a> einsehen
</p>
    		</div> 
  	  </div>
</div>
<div style="clear: both;"></div>

<div class="trenner"></div>
<div id="content_icon06"></div> 
<div class="bullet_content">
    <span class="headline">Freizeit & weitere Links </span><br>
    	<div class="bullet_container3">	
    		<div class="text">
• Gemeinde Immenstadt - <a href="http://www.immenstadt.de" target="_blank">www.immenstadt.de</a><br>
• Naturpark Nagelfluhkette - <a href="http://www.nagelfluhkette.info" target="_blank">www.nagelfluhkette.info/home/</a><br>
• Alpsee Bergweld (Kletterwald, Sommer + Winter Rodeln, Ski, etc) - <a href="http://www.alpsee-bergwelt.de" target="_blank">www.alpsee-bergwelt.de</a><br>
• Allgäuer Bergbauernmuseum - <a href="http://www.bergbauernmuseum.de" target="_blank">www.bergbauernmuseum.de</a><br>
• Alpsee-Immenstadt - <a href="http://www.alpsee-immenstadt.de" target="_blank">www.alpsee-immenstadt.de</a><br>
• Allgäuer Alpführer - <a href="http://www.alpen-allgaeu.de" target="_blank">www.alpen-allgaeu.de</a><br>
• Erlebnisbad, Sauna, Wellnessbad & Spa (Sonthofen) - <a href="http://www.wonnemar.de" target="_blank">www.wonnemar.de</a><br>
• Badeparadies in Oberstaufen - <a href="http://www.aquaria.de" target="_blank">www.aquaria.de</a><br>
• Oberallgäuer Raftingzentrum - <a href="http://www.raftingzentrum.de" target="_blank">www.raftingzentrum.de</a><br>
• Mountain & Adventure Project, Canyoning, Rafting, Quadtouren  - <a href="http://www.map-erlebnis.de" target="_blank">www.map-erlebnis.de</a><br>
• Museum Hofmühle in Immenstadt - <a href="http://www.museum-hofmuehle.de" target="_blank">www.museum-hofmuehle.de</a><br>
• Ausflugziele im Oberallgäu - <a href="http://www.oberallgaeu.de/ausflugsziele" target="_blank">www.oberallgaeu.de</a>

    		</div> 
  	  </div>
     
</div>
<div style="clear: both;"></div>
</div>


<div class="trenner_big"></div>
<div id="content_bilder">
<div class="touchslider">  
<div class="touchslider_bg">
		<div class="touchslider-viewport"><div style="width:100%">
			<div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Beeindruckende Aussicht</span><span class="text">&nbsp;während einer Wanderung auf dem Heilbronner Weg</span> </div><img src="http://www.berghuette-hornklause.de/images/fotos/Foto01.jpg" width="932" height="550" alt="Bild Titel"></div>
			<div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Blick über die Allgäuer Alpen</span><span class="text">&nbsp;während einer Wanderung auf dem Heilbronner Weg</span> </div><img src="http://www.berghuette-hornklause.de/images/fotos/Foto02.jpg" width="932" height="550" alt="Bild Titel"></div>
            <div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Pause?</span><span class="text">&nbsp;Blick auf die Rappenseehütte.</span> </div><img src="http://www.berghuette-hornklause.de/images/fotos/Foto03.jpg" width="932" height="550" alt="Bild Titel"></div>
			<div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Die Berghütte</span><span class="text">&nbsp;Hornklause im Sommer.</span> </div><img src="http://www.berghuette-hornklause.de/images/fotos/Foto04.jpg" width="932" height="550" alt="Bild Titel"></div>
            <div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Wanderung</span><span class="text">&nbsp;in Begleitung von Almkühen auf den Stuiben (1.749 m)</span> </div><img src="http://www.berghuette-hornklause.de/images/fotos/Foto05.jpg" width="932" height="550" alt="Bild Titel"></div>
			<div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Eindrucksvoller Blick</span><span class="text">&nbsp;auf Sonthofen</span> </div><img src="http://www.berghuette-hornklause.de/images/fotos/Foto06.jpg" width="932" height="550" alt="Bild Titel"></div>
            <div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Herbstlicher Nebel</span><span class="text">&nbsp;über dem großen Alpsee</span> </div><img src="http://www.berghuette-hornklause.de/images/fotos/Foto07.jpg" width="932" height="550" alt="Bild Titel"></div>
			<div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Unsere Nachbarschaft</span><span class="text">&nbsp;in herrlicher Herbststimmung</span> </div><img src="http://www.berghuette-hornklause.de/images/fotos/Foto08.jpg" width="932" height="550" alt="Bild Titel"></div>
            <div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Spiel oder Arbeit?</span><span class="text">&nbsp;Gepäcktransport zur Hornklause während des Winters</span> </div><img src="http://www.berghuette-hornklause.de/images/fotos/Foto09.jpg" width="932" height="550" alt="Bild Titel"></div>
			<div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Schneeidylle</span><span class="text">&nbsp;rund um die Berghütte Hornklause</span> </div><img src="http://www.berghuette-hornklause.de/images/fotos/Foto10.jpg" width="932" height="550" alt="Bild Titel"></div>
            <div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Winterwunderland</span> </div><img src="images/fotos/Foto11.jpg" width="932" height="550" alt="Bild Titel">></div>
            
			<div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Tourenskiabfahrt</span><span class="text">&nbsp;vom Immenstädter Horn zur Berghütte Hornklause</span> </div><img src="http://www.berghuette-hornklause.de/images/fotos/Foto12.jpg" width="932" height="550" alt="Bild Titel"></div>   
           <div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Gemütliche Wohlfühlatmosphäre</span><span class="text">&nbsp;rund um den großen Esstisch</span> </div><img src="http://www.berghuette-hornklause.de/images/fotos/Foto13.jpg" width="932" height="550" alt="Bild Titel"></div>
			<div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Einblick</span><span class="text">&nbsp;in eines der Dreibettzimmer</span> </div><img src="http://www.berghuette-hornklause.de/images/fotos/Foto14.jpg" width="932" height="550" alt="Bild Titel"></div>
            <div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Achtung Katze!</span><span class="text">&nbsp;Das Doppelzimmer</span> </div><img src="http://www.berghuette-hornklause.de/images/fotos/Foto15.jpg" width="932" height="550" alt="Bild Titel"></div>
            <div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Reinkommen und Wohlfühlen</span><span class="text">&nbsp;im großen Dreibettzimmer</span> </div><img src="http://www.berghuette-hornklause.de/images/fotos/Foto17.jpg" width="932" height="550" alt="Bild Titel"></div>
			<div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Das Bettenlager</span><span class="text">&nbsp;für 8 große oder kleine Alpinisten!</span> </div><img src="http://www.berghuette-hornklause.de/images/fotos/Foto18.jpg" width="932" height="550" alt="Bild Titel"></div>
            <div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Das kleine Badezimmer</span><span class="text">&nbsp;mit Dusche im Spiegel!</span> </div><img src="http://www.berghuette-hornklause.de/images/fotos/Foto19.jpg" width="932" height="550" alt="Bild Titel"></div>
			<div class="touchslider-item"><div class="touchslider_balken"><span class="headline">Und das große Badezimmer</span><span class="text">&nbsp;mit 2 Waschbecken und komfortabler Dusche im Hintergrund</span> </div><img src="http://www.berghuette-hornklause.de/images/fotos/Foto20.jpg" width="932" height="550" alt="Bild Titel"></div>         
            
		
		</div></div>
		<div class="touchslider-nav">
        <a class="touchslider-prev"><span class="touchslider-prev-in"></span></a>
        <a class="touchslider-nav-item touchslider-nav-item-current"></a>
        <a class="touchslider-nav-item"></a>
        <a class="touchslider-nav-item"></a>
        <a class="touchslider-nav-item"></a>
        <a class="touchslider-nav-item"></a>
        <a class="touchslider-nav-item"></a>
        <a class="touchslider-nav-item"></a>
        <a class="touchslider-nav-item"></a>
        <a class="touchslider-nav-item"></a>
        <a class="touchslider-nav-item"></a>
        <a class="touchslider-nav-item"></a>
        <a class="touchslider-nav-item"></a>
        <a class="touchslider-nav-item"></a>
        <a class="touchslider-nav-item"></a>
        <a class="touchslider-nav-item"></a>
        <a class="touchslider-nav-item"></a>
        <a class="touchslider-nav-item"></a>
        <a class="touchslider-nav-item"></a>
        <a class="touchslider-nav-item"></a>
        <a class="touchslider-next"><span class="touchslider-next-in"></span></a>
        </div>
	</div>
</div></div>

<script>
	$(".touchslider-viewport").touchSlider({mouseTouch: true});
</script>
</div>
<div class="touchslider_bottom"></div>

<div class="trenner_big"></div>

<div id="content_preise">

	<div class="content">	
    <span class="headline">Preise</span><br>
    <span class="text">Die Berghütte Hornklause können Sie ab einer Dauer von 2 Nächten und einer Belegung von <br>
    mindestens 6 Erwachsenen mieten.<br><br>
     Hier finden Sie für Ihre Planung alle relevanten Kosten (Weihnachten und Silvester auf Anfrage).<br> 
    	Alle Personenpreise verstehen sich pro Nacht und zzgl. des aktuellen  <a href="https://www.alpsee-gruenten.de/buchen/kurbeitrag-kurabgabe.html" target="_blank">
Kurbeitrag</a>.
 
    </span> 
    
    </div>

<div class="teaser_bg"> 
<div class="teaser_container">
<table>
  <tr>
    <td><span class="headline">Erwachsene</span></td>
    <td><span class="headline">Kinder</span></td>
    <td><span class="headline">Hunde</span></td>
  </tr>
  <tr>
    <td><span class="preis">25€</span> p.P. für die ersten beiden Nächte</td>
    <td><span class="preis">0€</span> für Kinder bis 6 Jahre</td>
    <td><span class="preis">25€</span> einmalig pro Hund <br>(max. 2 Hunde)</td>
  </tr>
  <tr>
    <td><span class="preis">20€</span> p.P. ab der dritten Nacht</td>
    <td><span class="preis">1€</span> für jedes Lebensjahr pro Nacht & Kind</td>
    <td></td>
  </tr>
</table>
<div class="trenner2"></div>
<table style="width:100%">
  <tr>
    <td style="width:50%"><span class="headline">Endreinigung</span></td>
    <td style="width:50%"><span class="headline">Kaution</span></td>
  </tr>
  <tr>
    <td><span class="preis">95€</span> verbindlich</td>
    <td><span class="preis">200€</span> Wird am Abreisetag, wenn alles in Ordnung ist zurück gezahlt.</td>
  </tr>
</table>
<br>
</div>
</div>
	
	
      
</div>

<div class="trenner_big"></div>

<div id="content_kalender">
	<div class="content">	
    <span class="headline">Verfügbarkeitskalender 2020</span><br>
    <div class="text">
    <p>
    Lust auf Hornklause? Bitte überprüfen Sie in unserem Kalender, 
    ob die Hütte in Ihrem Wunschzeitraum noch frei ist – oder suchen Sie sich einen noch verfügbaren Zeitraum aus, 
    der in Ihre Planungen passt. Der Kalender wird regelmäßig aktualisiert uns ist daher eine zuverlässige Planungsgrundlage.
    Sobald Sie sich entschieden haben, sende Sie uns bitte eine Anfrage über das Kontaktformular.
    Wir freuen uns, dass Sie ein paar erholsame Urlaubstage bei uns verbringen wollen.
    </p>

<table>
  <tr>
    <td style="width:22px;background:#666666">&nbsp;</td>
    <td>  die Hornklause ist frei</td>
    <td style="width:22px;background:#FFCC00">&nbsp;</td>
    <td>  der Zeitraum ist vorreserviert</td>
    <td style="width:22px;background:#CC0000">&nbsp;</td>
    <td>  die Hütte ist bereits vermietet</td>
  </tr>
</table>
<br>
</div>
</div>

    
<div class="teaser_bg">  
<div class="teaser_container">    
<iframe src="http://www.berghuette-hornklause.de/kalender_2020.html" width="950" height="530"></iframe>
</div>
</div> 
</div>

<div class="trenner_big"></div>

<div id="content_kontakt">

	<div class="content">	
    <span class="headline3">Grüß Gott – hier können Sie mit uns in Kontakt treten!</span><br>
    <div class="text">
    <p>
    Wir hoffen, dass wir auf diese Webseite die meisten Fragen zur Bergütte Hornklause beantworten konnten. 
    Wenn Sie weitere Nachfragen haben oder eine konkrete Buchungsanfrage haben – dann verwenden 
    Sie bitte diese Kontaktformular oder senden uns eine Mail an <a href="mailto:gruessgott@berghuette-hornklause.de">gruessgott(at)berghuette-hornklause.de</a>.
Wir antworten Ihnen dann umgehend per Mail. Vielen Dank und bis bald! 
</p>
    </div> 
   <div class="trenner"></div>
   <iframe src="http://www.berghuette-hornklause.de/form/contact.html" width="760" height="1200"></iframe> 
    </div>
</div>
<div id="footer">
<div id="footer_content">
	<div id="footer_left">
	<span class="text_footer">Wolfgang Schubach<br>
    Scharnitzer Weg 9<br>
    86163 Augsburg</span>
	</div>
	<div id="footer_right">
    <a id="various3" class="footer" href="agb_impressum.html">Impressum & AGB</a><br>
	<a id="various5" class="footer" href="datenschutz.html">Datenschutz</a><br>
	<span class="text_footer">Berghütte Hornklause © 2019</span>
	</div>
</div>
</div>
</div>
</body>
</html>