<!DOCTYPE html>
<html lang="en">

<head>

    <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>Ziegenliebe</title>

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="css/ziegenliebe.css" type="text/css">
    <link rel="stylesheet" href="css/font-awesome.css" type="text/css">

    <!-- Custom Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">

    <!-- Plugin CSS -->
    <link rel="stylesheet" href="css/animate.min.css" type="text/css">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/creative.css" type="text/css">

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

<style>

.fullvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(img/ziege_weiss.jpg) no-repeat;
    background-size: cover;
    z-index:2;
}

@media (max-width: 767px) {
  .fullvideo {
    display: none;
  }
}

.video_overlay{position:absolute;top:0;left:0;width:100%;height:100%;
	background:rgba(0,0,0,0.3);
	z-index:3;
}
.video_video{position:absolute;top:0;left:0;width:100%;height:100%;
  overflow:hidden;
	z-index:2;
}
.playstop{position:absolute;top:200px;left:20px;z-index:5;}

.portfolio-box img{max-height:350px;}

.img-partner{height:80px;margin:20px;float:left;}
</style>
</head>

<body id="page-top">

    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top"> Ziegenhof <i class="icon-logo_ziege"></i> Ziegenliebe</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a class="page-scroll" href="#about">Ich</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#services">mein Angebot</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#produkte">meine Produkte</a>
                    </li>                    
                    <li>
                        <a class="page-scroll" href="#portfolio">mein Hof</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contact">Kontakt</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <header class="fullpage">
		<div class="video_overlay"></div>
		<div class="video_video"> <!-- HTML5 VIDEO + Flash-Fallback -->
        <video autoplay muted loop poster="img/ziege_weiss.jpg" class="fullvideo">
            <source src="img/video/IMG_1411.MOV" /> <!-- hier kann das Video getauscht werden - alle Formate zwecks Kompatibilität-->
            <source src="img/video/IMG_1411.MP4"  type="video/mp4"/>
            <source src="img/video/IMG_1411.OGV" type="video/ogg" />
            <source src="img/video/IMG_1411.WEBM" type="video/webm" />
            	<object width="800" height="374" type="application/x-shockwave-flash" data="img/video/IMG_1411.swf">
                <param name="movie" value="img/video/IMG_1411.swf" />
                <param name="flashvars" value="autostart=true&amp;file=img/video/IMG_1411.flv" />
              </object>
        </video>
    </div>  
        <div class="header-content" style="z-index:4;">
            <div class="header-content-inner">
                <h1 class="dropshadow1" >Ziegenhof <i class="icon-logo_ziege" style="font-size:1em"></i> Ziegenliebe <br></h1>
                <h3 class="dropshadow1">Frischkäse aus Rohmilch</h3>
                <a href="#about" class="btn btn-primary btn-xl page-scroll" style="margin-top:50px">Finden Sie mehr heraus</a>
            </div>
        </div>
    </header>

    <section class="bg-primary" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <h2 class="section-heading">Monika Liehl</h2>
                    <hr class="light">
                    <div class="media">
                    <div class="media-left">
						<img class="media-object img-circle" src="img/PortraitLiehl2.jpg" style="width:130px">
                    </div>
                    <div class="media-body">
                    <p class="text-faded ">Seit Anfang 2009 fertige ich Rohmilchkäse aus Ziegenmilch. Die Milchmenge steigert sich von Jahr zu Jahr, und momentan melke ich in guten Zeiten ca. 50 kg Milch am Tag von 20 Ziegen. Im kommenden Jahr steigert sich die Milchmenge wieder, denn dann werden es bereits 26 Milchziegen sein.</p>
                    </div>
                    </div>
                    <a href="#portfolio" class="btn btn-default btn-xl page-scroll">mein Hof</a>
                </div>
            </div>
        </div>
    </section>






    <section id="services">
        <div class="container">
      <!--      <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">mein Angebot</h2>
                    <hr class="primary">
                </div> -->
            </div>
        </div>
        <div class="container">
            <div class="row">
                            
                <div class="col-lg-4 col-md-6 text-center">
                  <a class="no-deco text-default" href="ziege_ziegenmilch.html">
                    <div class="service-box">
                        <i class="icon-milk fa-5x wow bounceIn text-primary" ></i>
                        <h3>Ziegenmilch</h3>
                        <h4>Seit Jahrhunderten für ihre besonderen Inhaltsstoffe bekannt.</h4>
                        <p class="text-muted">Heute wird sie nicht nur von Gourmets aufgrund ihrer geschmacklichen und gesundheitsfördernden Eigenschaften geschätzt.</p>
                    </div>
                  </a>
                </div>            
                <div class="col-lg-4 col-md-6 text-center">
                  <a class="no-deco  text-default" href="ziege_hofladen.html">
                    <div class="service-box">
                        <i class="icon-Cheese2-Kopie fa-5x wow bounceIn text-primary" data-wow-delay=".1s" ></i>
                        <h3>Produkte</h3>
                        <h4>Ziegen-Frischkäse, Ziegen-Ricotta und Ziegen-Schnittkäse</h4>
                        <p class="text-muted">Produziert auf einfache und bodenständige Art, natürlich unter strenger Einhaltung der hygienischen Vorschriften.</p>
                    </div>
                  </a>
                </div>

                <div class="col-lg-4 col-md-6 text-center">
                  <a class="no-deco text-default" href="ziege_rezepte.html">
                    <div class="service-box">
                        <i class="icon-messergabel fa-5x wow bounceIn text-primary" data-wow-delay=".2s"></i>
                        <h3>Rezepte</h3>
                        <h4>Leckere Ideen für die geschmackvolle Zubereitung</h4>
                        <p class="text-muted">In der Küche ist Ziegenfrischkäse besonders vielseitig und bekömmlich.</p>
                    </div>
                  </a>
                </div>
               
            </div>
        </div>
    </section>






    <section class="no-padding" id="portfolio">
        <div class="container-fluid">
            <div class="row no-gutter">
                <div class="col-lg-4 col-sm-6">
                    <a href="ziege_unsereZiegen.html" class="portfolio-box">
                        <img src="img/collage/ZIEGENHOF.jpg" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Ziegenhof
                                </div>
                                <div class="project-name">
                                    Unsere Ziegen
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="ziege_ziegenmilch.html" class="portfolio-box">
                        <img src="img/collage/ZIEGENMILCH.JPG" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Ziegenmilch
                                </div>
                                <div class="project-name">
                                    verjüngt & schützt
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="ziege_rezepte.html" class="portfolio-box">
                        <img src="img/collage/REZEPTE.jpg" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Rezepte
                                </div>
                                <div class="project-name">
                                    Kochen mit Ziegenmilchprodukten
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="ziege_kaeserei.html" class="portfolio-box">
                        <img src="img/collage/KAESEREI.JPG" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Käserei
                                </div>
                                <div class="project-name">
                                    mein Handwerk
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="ziege_hofladen.html" class="portfolio-box">
                        <img src="img/collage/HOFVERKAUF.JPG" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Hofverkauf
                                </div>
                                <div class="project-name">
                                    meine Produkte
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="ziege_regional.html" class="portfolio-box">
                        <img src="img/collage/MARKTderERDE.jpg" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Regionalität
                                </div>
                                <div class="project-name">
                                    Markt der Erde
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>





    <aside class="bg-dark">
        <div class="container text-center">
            <!--<div class="call-to-action">
                <h2>Hier gehts zur Rezeptesammlung</h2>
                <a href="#" class="btn btn-default btn-xl wow tada">voll cool</a>
            </div>-->
            <h2 class="wow slideInRight logo">Ziegenhof <i class="icon-logo_ziege"></i> Ziegenliebe</h2>
        </div>
    </aside>



    <section id="produkte">
            <div class="row">
          <div class="col-lg-12">
                <a href="ziege_hofladen.html" class="no-deco text-default">
                    <div class="service-box text-center">
                        <i class="icon-Cheese2-Kopie fa-5x wow bounceIn text-primary" ></i> <i class="icon-milk fa-5x wow bounceIn text-primary" data-wow-delay=".1s"  ></i>
                        <h3>meine Produkte</h3>
                        <h4>gemacht aus Ziegenrohmilch</h4>
                        <hr class="primary">
                        <p>
							<h5 class="produkte  wow fadeInDown" data-wow-delay=".1s">Ziegenfrischkäse natur</h5>
							<h5 class="produkte  wow fadeInDown" data-wow-delay=".2s">Ziegenfrischkäse in Öl und Kräutern</h5>
							<h5 class="produkte  wow fadeInDown" data-wow-delay=".3s">Ziegenfrischkäse-Bällchen</h5>
							<h5 class="produkte  wow fadeInDown" data-wow-delay=".4s">Ziegenfrischkäse im Speckmantel</h5>
							<h5 class="produkte  wow fadeInDown" data-wow-delay=".5s">Ziegen-Schnittkäse</h5>
							<h5 class="produkte  wow fadeInDown" data-wow-delay=".6s">Ziegen-Hartkäse</h5>
							<h5 class="produkte  wow fadeInDown" data-wow-delay=".7s">gereifter Ziegenfrischkäse (Weichkäse)</h5>
                        </p>
                    </div>
              </a>         
          </div>            
            </div>
    </section>

    <section id="contact" class="bg-medium-dark">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center" style="margin-bottom:30px">
                    <h2 class="section-heading">ich <small>(und meine Ziegen)</small> für Sie</h2>
                    <hr class="primary">
                    <p>Sind Sie ein Liebhaber von Ziegenrohmilchprodukten? Wunderbar! <br>Kontaktieren Sie mich, ich werde mich so schnell wie möglich melden.</p>
                </div>
                <div class="col-lg-3 text-center">
                    <i class="fa fa-phone fa-3x wow bounceIn text-primary"></i>
                    <p>+43 (0)699 189 800 10</p>
                </div>
                <div class="col-lg-3 text-center">
                    <i class="fa fa-at fa-3x wow bounceIn text-primary" data-wow-delay=".1s"></i>
                    <p><a href="mailto:monika.liehl@ziegenliebe.at" style="color:#222">monika.liehl@ziegenliebe.at</a></p>
                </div>
                 <div class="col-lg-3 text-center">
                    <i class="fa fa-envelope-o fa-3x wow bounceIn text-primary" data-wow-delay=".2s"></i>
                    <p>Monika Liehl<br>A-7111 Parndorf<br>Friedhofstrasse 10</p>
                </div>   
                 <div class="col-lg-3 text-center" style="font-size:32px;">
                <a href="http://www.facebook.com/share.php?u=http://www.ziegenliebe.at" target="_blank"><i class="fa fa-facebook-square wow fadeInDown" data-wow-delay=".1s"></i></a>
                <a href="https://twitter.com/share" data-url="http://www.ziegenliebe.at" data-text="Ziegenhof Ziegenliebe" target="_blank"><i class="fa fa-twitter-square wow fadeInDown" data-wow-delay=".1s"></i></a>
                <a href="http://www.linkedin.com/shareArticle?mini=true&url=http://www.ziegenliebe.at" target="_blank" ><i class="fa fa-linkedin-square wow fadeInDown" data-wow-delay=".3s"></i></a>
                <a href="https://plusone.google.com/_/+1/confirm?hl=en&url=http://www.ziegenliebe.at" target="_blank"><i class="fa fa-google-plus-square wow fadeInDown" data-wow-delay=".4s"></i></a>
                <p>teilen Sie<br><span class="logo">Ziegenhof <i class="icon-logo_ziege"></i> Ziegenliebe</span></p>
                </div>                               
            </div>        
            
        </div>
    </section>





             
    <div id="partner" class="" style="background-color:#fff;border-top:1px solid rgba(0,0,0,0.2);padding-top:30px;padding-bottom:30px;">
        <div class="container">  
        <h2 class="section-heading text-center">meine Partner</h2> 
        <hr class="primary">     
            <div class="row">
                <div class="col-lg-8 col-lg-offset-3 text-center">
                    <a href="http://www.slowfoodburgenland.at"><img src="img/SF-Logo.gif" class="img-partner"></a>
                    <a href="https://www.arche-noah.at"><img src="img/logo_archenoah_jpg.jpg" class="img-partner"></a>
                    <a href="http://www.marktdererde.at"><img src="img/Logo_Markt_der_Erde.jpg" class="img-partner"></a>
                    <a href="http://www.arche-austria.at"><img src="img/logo-arche_austria.jpg" class="img-partner"></a>
                </div>               
            </div>                              
        </div>
    </div>





    <div id="copy" class="bg-primary" style="min-height:80px;padding:20px;">
        <div class="container">        
            <div class="row">
                <div class="col-lg-12 text-faded text-right">
                    <p><a href="ziege_impressum.html" style="color:#fff">Impressum</a> | &copy; www.ziegenliebe.at</p>
                </div>                            
            </div>                              
        </div>
    </div>
  
  
  
  
        
    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/jquery.fittext.js"></script>
    <script src="js/wow.min.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="js/creative.js"></script>
    
    
	<script> <!-- bei click on video ..Stop/Play... -->
	$(".video_overlay").click(function(){
		if ($(".fullvideo").get(0).paused) {
			$(".fullvideo").get(0).play();
			$("#playstop").removeClass("fa-play-circle-o").addClass("fa-stop-circle-o")
		} else {
			$(".fullvideo").get(0).pause();
			$("#playstop").removeClass("fa-stop-circle").addClass("fa-play-circle-o");
		}			
	});
	</script>
</body>

</html>

<!DOCTYPE html>
<html lang="en">

<head>

    <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>Ziegenliebe</title>

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="css/ziegenliebe.css" type="text/css">
    <link rel="stylesheet" href="css/font-awesome.css" type="text/css">

    <!-- Custom Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">

    <!-- Plugin CSS -->
    <link rel="stylesheet" href="css/animate.min.css" type="text/css">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/creative.css" type="text/css">

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

<style>

.fullvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(img/ziege_weiss.jpg) no-repeat;
    background-size: cover;
    z-index:2;
}

@media (max-width: 767px) {
  .fullvideo {
    display: none;
  }
}

.video_overlay{position:absolute;top:0;left:0;width:100%;height:100%;
	background:rgba(0,0,0,0.3);
	z-index:3;
}
.video_video{position:absolute;top:0;left:0;width:100%;height:100%;
  overflow:hidden;
	z-index:2;
}
.playstop{position:absolute;top:200px;left:20px;z-index:5;}

.portfolio-box img{max-height:350px;}

.img-partner{height:80px;margin:20px;float:left;}
</style>
</head>

<body id="page-top">

    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top"> Ziegenhof <i class="icon-logo_ziege"></i> Ziegenliebe</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a class="page-scroll" href="#about">Ich</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#services">mein Angebot</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#produkte">meine Produkte</a>
                    </li>                    
                    <li>
                        <a class="page-scroll" href="#portfolio">mein Hof</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contact">Kontakt</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <header class="fullpage">
		<div class="video_overlay"></div>
		<div class="video_video"> <!-- HTML5 VIDEO + Flash-Fallback -->
        <video autoplay muted loop poster="img/ziege_weiss.jpg" class="fullvideo">
            <source src="img/video/IMG_1411.MOV" /> <!-- hier kann das Video getauscht werden - alle Formate zwecks Kompatibilität-->
            <source src="img/video/IMG_1411.MP4"  type="video/mp4"/>
            <source src="img/video/IMG_1411.OGV" type="video/ogg" />
            <source src="img/video/IMG_1411.WEBM" type="video/webm" />
            	<object width="800" height="374" type="application/x-shockwave-flash" data="img/video/IMG_1411.swf">
                <param name="movie" value="img/video/IMG_1411.swf" />
                <param name="flashvars" value="autostart=true&amp;file=img/video/IMG_1411.flv" />
              </object>
        </video>
    </div>  
        <div class="header-content" style="z-index:4;">
            <div class="header-content-inner">
                <h1 class="dropshadow1" >Ziegenhof <i class="icon-logo_ziege" style="font-size:1em"></i> Ziegenliebe <br></h1>
                <h3 class="dropshadow1">Frischkäse aus Rohmilch</h3>
                <a href="#about" class="btn btn-primary btn-xl page-scroll" style="margin-top:50px">Finden Sie mehr heraus</a>
            </div>
        </div>
    </header>

    <section class="bg-primary" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <h2 class="section-heading">Monika Liehl</h2>
                    <hr class="light">
                    <div class="media">
                    <div class="media-left">
						<img class="media-object img-circle" src="img/PortraitLiehl2.jpg" style="width:130px">
                    </div>
                    <div class="media-body">
                    <p class="text-faded ">Seit Anfang 2009 fertige ich Rohmilchkäse aus Ziegenmilch. Die Milchmenge steigert sich von Jahr zu Jahr, und momentan melke ich in guten Zeiten ca. 50 kg Milch am Tag von 20 Ziegen. Im kommenden Jahr steigert sich die Milchmenge wieder, denn dann werden es bereits 26 Milchziegen sein.</p>
                    </div>
                    </div>
                    <a href="#portfolio" class="btn btn-default btn-xl page-scroll">mein Hof</a>
                </div>
            </div>
        </div>
    </section>






    <section id="services">
        <div class="container">
      <!--      <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">mein Angebot</h2>
                    <hr class="primary">
                </div> -->
            </div>
        </div>
        <div class="container">
            <div class="row">
                            
                <div class="col-lg-4 col-md-6 text-center">
                  <a class="no-deco text-default" href="ziege_ziegenmilch.html">
                    <div class="service-box">
                        <i class="icon-milk fa-5x wow bounceIn text-primary" ></i>
                        <h3>Ziegenmilch</h3>
                        <h4>Seit Jahrhunderten für ihre besonderen Inhaltsstoffe bekannt.</h4>
                        <p class="text-muted">Heute wird sie nicht nur von Gourmets aufgrund ihrer geschmacklichen und gesundheitsfördernden Eigenschaften geschätzt.</p>
                    </div>
                  </a>
                </div>            
                <div class="col-lg-4 col-md-6 text-center">
                  <a class="no-deco  text-default" href="ziege_hofladen.html">
                    <div class="service-box">
                        <i class="icon-Cheese2-Kopie fa-5x wow bounceIn text-primary" data-wow-delay=".1s" ></i>
                        <h3>Produkte</h3>
                        <h4>Ziegen-Frischkäse, Ziegen-Ricotta und Ziegen-Schnittkäse</h4>
                        <p class="text-muted">Produziert auf einfache und bodenständige Art, natürlich unter strenger Einhaltung der hygienischen Vorschriften.</p>
                    </div>
                  </a>
                </div>

                <div class="col-lg-4 col-md-6 text-center">
                  <a class="no-deco text-default" href="ziege_rezepte.html">
                    <div class="service-box">
                        <i class="icon-messergabel fa-5x wow bounceIn text-primary" data-wow-delay=".2s"></i>
                        <h3>Rezepte</h3>
                        <h4>Leckere Ideen für die geschmackvolle Zubereitung</h4>
                        <p class="text-muted">In der Küche ist Ziegenfrischkäse besonders vielseitig und bekömmlich.</p>
                    </div>
                  </a>
                </div>
               
            </div>
        </div>
    </section>






    <section class="no-padding" id="portfolio">
        <div class="container-fluid">
            <div class="row no-gutter">
                <div class="col-lg-4 col-sm-6">
                    <a href="ziege_unsereZiegen.html" class="portfolio-box">
                        <img src="img/collage/ZIEGENHOF.jpg" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Ziegenhof
                                </div>
                                <div class="project-name">
                                    Unsere Ziegen
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="ziege_ziegenmilch.html" class="portfolio-box">
                        <img src="img/collage/ZIEGENMILCH.JPG" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Ziegenmilch
                                </div>
                                <div class="project-name">
                                    verjüngt & schützt
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="ziege_rezepte.html" class="portfolio-box">
                        <img src="img/collage/REZEPTE.jpg" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Rezepte
                                </div>
                                <div class="project-name">
                                    Kochen mit Ziegenmilchprodukten
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="ziege_kaeserei.html" class="portfolio-box">
                        <img src="img/collage/KAESEREI.JPG" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Käserei
                                </div>
                                <div class="project-name">
                                    mein Handwerk
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="ziege_hofladen.html" class="portfolio-box">
                        <img src="img/collage/HOFVERKAUF.JPG" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Hofverkauf
                                </div>
                                <div class="project-name">
                                    meine Produkte
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="ziege_regional.html" class="portfolio-box">
                        <img src="img/collage/MARKTderERDE.jpg" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Regionalität
                                </div>
                                <div class="project-name">
                                    Markt der Erde
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>





    <aside class="bg-dark">
        <div class="container text-center">
            <!--<div class="call-to-action">
                <h2>Hier gehts zur Rezeptesammlung</h2>
                <a href="#" class="btn btn-default btn-xl wow tada">voll cool</a>
            </div>-->
            <h2 class="wow slideInRight logo">Ziegenhof <i class="icon-logo_ziege"></i> Ziegenliebe</h2>
        </div>
    </aside>



    <section id="produkte">
            <div class="row">
          <div class="col-lg-12">
                <a href="ziege_hofladen.html" class="no-deco text-default">
                    <div class="service-box text-center">
                        <i class="icon-Cheese2-Kopie fa-5x wow bounceIn text-primary" ></i> <i class="icon-milk fa-5x wow bounceIn text-primary" data-wow-delay=".1s"  ></i>
                        <h3>meine Produkte</h3>
                        <h4>gemacht aus Ziegenrohmilch</h4>
                        <hr class="primary">
                        <p>
							<h5 class="produkte  wow fadeInDown" data-wow-delay=".1s">Ziegenfrischkäse natur</h5>
							<h5 class="produkte  wow fadeInDown" data-wow-delay=".2s">Ziegenfrischkäse in Öl und Kräutern</h5>
							<h5 class="produkte  wow fadeInDown" data-wow-delay=".3s">Ziegenfrischkäse-Bällchen</h5>
							<h5 class="produkte  wow fadeInDown" data-wow-delay=".4s">Ziegenfrischkäse im Speckmantel</h5>
							<h5 class="produkte  wow fadeInDown" data-wow-delay=".5s">Ziegen-Schnittkäse</h5>
							<h5 class="produkte  wow fadeInDown" data-wow-delay=".6s">Ziegen-Hartkäse</h5>
							<h5 class="produkte  wow fadeInDown" data-wow-delay=".7s">gereifter Ziegenfrischkäse (Weichkäse)</h5>
                        </p>
                    </div>
              </a>         
          </div>            
            </div>
    </section>

    <section id="contact" class="bg-medium-dark">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center" style="margin-bottom:30px">
                    <h2 class="section-heading">ich <small>(und meine Ziegen)</small> für Sie</h2>
                    <hr class="primary">
                    <p>Sind Sie ein Liebhaber von Ziegenrohmilchprodukten? Wunderbar! <br>Kontaktieren Sie mich, ich werde mich so schnell wie möglich melden.</p>
                </div>
                <div class="col-lg-3 text-center">
                    <i class="fa fa-phone fa-3x wow bounceIn text-primary"></i>
                    <p>+43 (0)699 189 800 10</p>
                </div>
                <div class="col-lg-3 text-center">
                    <i class="fa fa-at fa-3x wow bounceIn text-primary" data-wow-delay=".1s"></i>
                    <p><a href="mailto:monika.liehl@ziegenliebe.at" style="color:#222">monika.liehl@ziegenliebe.at</a></p>
                </div>
                 <div class="col-lg-3 text-center">
                    <i class="fa fa-envelope-o fa-3x wow bounceIn text-primary" data-wow-delay=".2s"></i>
                    <p>Monika Liehl<br>A-7111 Parndorf<br>Friedhofstrasse 10</p>
                </div>   
                 <div class="col-lg-3 text-center" style="font-size:32px;">
                <a href="http://www.facebook.com/share.php?u=http://www.ziegenliebe.at" target="_blank"><i class="fa fa-facebook-square wow fadeInDown" data-wow-delay=".1s"></i></a>
                <a href="https://twitter.com/share" data-url="http://www.ziegenliebe.at" data-text="Ziegenhof Ziegenliebe" target="_blank"><i class="fa fa-twitter-square wow fadeInDown" data-wow-delay=".1s"></i></a>
                <a href="http://www.linkedin.com/shareArticle?mini=true&url=http://www.ziegenliebe.at" target="_blank" ><i class="fa fa-linkedin-square wow fadeInDown" data-wow-delay=".3s"></i></a>
                <a href="https://plusone.google.com/_/+1/confirm?hl=en&url=http://www.ziegenliebe.at" target="_blank"><i class="fa fa-google-plus-square wow fadeInDown" data-wow-delay=".4s"></i></a>
                <p>teilen Sie<br><span class="logo">Ziegenhof <i class="icon-logo_ziege"></i> Ziegenliebe</span></p>
                </div>                               
            </div>        
            
        </div>
    </section>





             
    <div id="partner" class="" style="background-color:#fff;border-top:1px solid rgba(0,0,0,0.2);padding-top:30px;padding-bottom:30px;">
        <div class="container">  
        <h2 class="section-heading text-center">meine Partner</h2> 
        <hr class="primary">     
            <div class="row">
                <div class="col-lg-8 col-lg-offset-3 text-center">
                    <a href="http://www.slowfoodburgenland.at"><img src="img/SF-Logo.gif" class="img-partner"></a>
                    <a href="https://www.arche-noah.at"><img src="img/logo_archenoah_jpg.jpg" class="img-partner"></a>
                    <a href="http://www.marktdererde.at"><img src="img/Logo_Markt_der_Erde.jpg" class="img-partner"></a>
                    <a href="http://www.arche-austria.at"><img src="img/logo-arche_austria.jpg" class="img-partner"></a>
                </div>               
            </div>                              
        </div>
    </div>





    <div id="copy" class="bg-primary" style="min-height:80px;padding:20px;">
        <div class="container">        
            <div class="row">
                <div class="col-lg-12 text-faded text-right">
                    <p><a href="ziege_impressum.html" style="color:#fff">Impressum</a> | &copy; www.ziegenliebe.at</p>
                </div>                            
            </div>                              
        </div>
    </div>
  
  
  
  
        
    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/jquery.fittext.js"></script>
    <script src="js/wow.min.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="js/creative.js"></script>
    
    
	<script> <!-- bei click on video ..Stop/Play... -->
	$(".video_overlay").click(function(){
		if ($(".fullvideo").get(0).paused) {
			$(".fullvideo").get(0).play();
			$("#playstop").removeClass("fa-play-circle-o").addClass("fa-stop-circle-o")
		} else {
			$(".fullvideo").get(0).pause();
			$("#playstop").removeClass("fa-stop-circle").addClass("fa-play-circle-o");
		}			
	});
	</script>
</body>

</html>
