@import url(https://weloveiconfonts.com/api/?family=entypo|fontawesome|brandico);

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}
   /* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

/* brandico */
[class*="brandico-"]:before {
  font-family: 'brandico', sans-serif;
}
  *{
                          margin:0;
                          padding:0;
                          font-size:16px;
                          font-family:helvetica,myriad;
                          color:rgb(255,255,255);
                          text-decoration:none;
                }

                html,body{
                        background-image:url(../image/hintergrund.jpg) !important;
                        min-height:100%;
                        background-attachment:fixed;
                        background-size:cover;
                        background-position:center center;
                        overflow:hidden;
                }
                a{
                         cursor:pointer;
                }
                 header{
                         width:100%;
                         height:250px;
                         position:fixed;
                         top:0px;
                         left:0px;
                         z-index:1000;
                         display:none;
                         background-size:cover;
                         background-position:center center;

                        }
                section {
                         width:100%;
                         min-height:100vH;
                         background-size:cover;
                         background-position:center center;
                         margin-top:-2px;
                         margin-bottom:200px;
                         overflow:auto;
                        }
                    footer{
                         position:fixed;
                         bottom:0px;
                         width:100%;
                         height:30px;
                         line-height:30px;
                         background-color:rgba(0,149,0,0.7);
                         z-index:1000;
                         transition:all 1s;
                    }
                    footer a {
                         display:inline-block;
                         margin-left:10px;
                        }
                    #bottom a:hover{
                         transform:scale(1.2);
                        }
                menu{
                         position:fixed;
                         top:0px;
                         right:0px;
                         width:0%;
                         height:100vH;
                         background-color:rgba(0,0,0,0.7);
                         z-index:1001;
                         overflow:hidden;
                         opacity:0;
                         transition:all 1s;
                }
                menu.aktiv{
                         width:20%;
                         height:100vH;
                         opacity:1;
                }
                menu ul{
                         margin-top:50px;
                }
                menu ul li{
                         line-height:2.4rem;
                         padding-left:20px;
                         border-bottom:1px solid #fff;

                }
                menu ul li:hover{
                        background-color:rgba(0,149,0,0.7);
                         padding-left:40px;
                }
                menu ul li a{
                         font-size:1.2rem;
                         display:block;
                        }
                menu ul li:hover a{
                        transform:scale(1.1);
                        box-shadow:0px 0px 5px rgba(0,149,0,0.7);

                      }
                section > article{
                         width:90%;
                         height:100vH;
                         overflow:auto;
                         margin:auto;
                         position:relative;
                         top:230px;
                         display:table;
                         border-spacing:50px;
			    clear:both;
                }
                section > article > article{
                         display:table-cell;
                         width:50%;
                         vertical-align:top;
                }
                section > article > article > figure,section > article > article > aside{
                         display:block;
                         width:100%;
                         background-color:rgba(255,255,255,0.7);
                         padding:15px;
                         margin:10px;
                         border-radius:15px;
                         box-shadow:4px 4px 8px #000;
                         color:#000;
                         font-weight:700;
                        overflow:auto;
                }


                     h2{
                         color:#000;
                         font-size:30px;

                         }
                     #ds {
                         overflow:auto;
                         max-height:70vH;
                     }
                     #ds *{
                         color:#000;
                     }

                     #cookiehinweis {
                         position:fixed;
                         bottom:33px;
                         width:100%;
                         height:80px;
                         padding:10px 20px;
                         background-color:rgba(0,0,0,0.7);
                         text-align:center;
                         color:#fff;
                         transition:all 1s;
                               }
                    #cookiehinweis.inaktiv{
                         bottom:-100px;
                         opacity:0;

                     }

                  #cookiehinweis > button {
                          padding:5px 5px;
                          background-color:rgba(255,255,255,0.7);
                          border:1px solid #7F7F7F;
                          border-radius:5px;
                          box-shadow:4px 4px 8px #2F2F2F;
                  }

                 #logo img{
                         margin-top:50px;
                         margin-left:10px;
                    }
                    #logo{
                         position:fixed;
                         top:0px;
                         left:10%;
                         box-shadow: 8px 8px 10px #003F00 ;
                         background-color:rgba(0,149,0,0.7);
                         z-index:2000;
                         width:200px;
                         height:220px;
                    }
                    #logow{
                         position:fixed;
                         width:200px;
                         height:220px;
                         top:0px;
                         left:10%;
                         background-color:rgba(255,255,255,0.6);
                         z-index:1999;
                    }
                     #nav1{
                         background-color:rgba(0,0,0,0.6);
                         border-bottom:1px solid #003f00;
                         border-top:1px solid #003f00;
                         box-shadow: 0px 5px 10px #1F1F1F;
                         color:#FFFFFF;
                         text-align:center;
                         bottom:20%;
                         left:0px;
                         width:100%;
                         position:absolute;
                         height:40px;
                         line-height:40px;
                      }
                 #nav1 a{
                         display:inline-block;
                         padding:0px 10px;
                         font-weight:bold;
                         font-size:1.7rem;
                         cursor:pointer;
                         color:#FFFFFF;
                         text-shadow:0px 1px 1px #000;
                         transition:all 1s;
                        box-shadow:0px 0px 5px transparent;
                      }
                      #nav1 a:hover{
                        background-color:rgba(0,149,0,0.7);
                        transform:scale(1.1);
                        box-shadow:0px 0px 5px rgba(0,149,0,0.7);

                      }

                  #nav2{
                         display:none;
                         background-color:rgba(0,0,0,0.6);
                         border-bottom:1px solid #003f00;
                         border-top:1px solid #003f00;

                         box-shadow: 0px 5px 10px #1F1F1F;
                         color:#FFFFFF;
                         left:0px;
                         width:100%;
                         height:40px;
                         line-height:40px;
                         text-align:center;
                         bottom:20%;
                         position:fixed;
                      }

                  #nav2 a{
                         padding:5px;
                         border:1px solid #fff;
                         border-radius:5px;
                         width:25px;
                         height:25px;
                         display:inline-block;
                         margin-top:2px;
                         font-size:30px;
                         line-height:25px;
                  }

                  #home{
                        width:100%;
                        height:100vH;
                       }


                  #video {
                      padding:10px 10px;


                  }

                  #s1{
                        background-image:url(../image/weide.jpg);
                        overflow:auto;
                  }
                  #s1 img{
                         max-width:100%;
                  }
                  #s2{
                        background-image:url(../image/Parkplatz.jpg);
                        overflow:auto;
                  }
                  #s3{
                        background-image:url(../image/Stall.jpg);
                        overflow:auto;
                  }

                  #s4{
                        background-image:url(../image/platz.jpg);
                        overflow:auto;
                  }

                  #videos4 video{
                         max-height:400px;
                         width:580px;
                  }
                  #s4 img{
                         max-width:100%;
                  }

                  #s5{
                        background-image:url(../image/baby.jpg);
                        overflow:auto;
                  }
                  #hk{
                        width:220px;
                        float:left;
                  }

                  #kontakt{
                        width:620px;
                        float:right;

                  }
                   #s6 {

                  }
                  #impressum{
                         line-height:25px;
                    }

                  #s7 {
                        overflow:auto;
                  }





                  #fehlermeldung{
                         text-align:center;
                         color:#C00040;
                         font-weight:bold;
                  }
                  .fehler{
                         color:#C00040;
                  }

                  form{
                       line-height:34px;
                       margin:10px 50px;
                  }
                  form label{
                       color: #000;
                       display:inline-block;
                       width:180px;
                       vertical-align:top;
                  }
                  form input,form textarea{
                       background-color:rgba(0,0,0,0.7);
                       border:1px solid #5F5F5F;
                       border-radius:8px;
                       padding:5px 8px;
                       width:280px;

                  }
                  form input[type=submit]{
                       width:auto;

                  }



                 .entypo-up{
                         position:fixed;
                         bottom:50px;
                         right:50px;
                         z-index:1000;
                         font-size:3rem;
                         display:none;
                         padding:7px;
                         border-radius:5px;
                         width:40px;
                         height:40px;
                         line-height:40px;
                         text-align:center;
                         background-color:rgba(0,149,0,0.7);
                         box-shadow: 4px 4px 8px #003F00;
                         transition:all 1s;
                 }
                  .entypo-up:hover, .entypo-menu:hover{
                        background-color:rgba(10,200,0,1);
                        transform:scale(1.1);
                 }

                 body > .entypo-menu{
                         position:fixed;
                         top:50px;
                         right:50px;
                         z-index:1000;
                         font-size:3rem;
                         display:none;
                         padding:7px;
                         border-radius:5px;
                         width:40px;
                         height:40px;
                         line-height:40px;
                         text-align:center;
                         background-color:rgba(0,149,0,0.5);
                         box-shadow: 4px 4px 8px #003F00;
                         transition:all 1s;
                 }
                 .close{
                         float:right;
                         margin-top:20px;
                         margin-right:30px;
                         font-size:2rem;
                 }

                 .link{
                   color:##FFFFFF;
                 }

                 #social{
                     position:fixed;
                     right:-150px;
                     top:50%;
                     height:80px;
                     width:190px;
                     margin-top:-50px;
                     border-top-left-radius:15px;
                     border-bottom-left-radius:15px;
                     background-color:rgba(0,149,0,0.7);
                     z-index:2000;
                     padding:10px;
                     line-height:20px;
                     transition:all 1.5s;
                     display:none;
                     box-shadow: 4px 4px 8px #003F00;
                 }

                 #social:hover{
                         right:0px;
                         background-color:rgba(10,200,0,1);
                 }
                 #social a{
                         padding-left:20px;
                         display:block;
                         margin-top:5px;
                 }
                 #social a:before{
                       font-size:2rem;
                       position:relative;
                       left:-15px;
                 }