@font-face {
    font-family: MS Sans Serif, Geneva, sans-serif;

    font-weight: normal;
    font-style: normal;
}


body {
  font-family: MS Sans Serif, Geneva, sans-serif;

  color:#64824B;
  background: #FFF;
  margin:0;
  border:0;


}

a{
         color: #64824B;
         text-decoration: none;
}


h1 {

         font-size: 1.2em;
         line-height: 1.7em;

         font-weight:normal;

         }
h2 {
         font-size: 1.4em;
         line-height: 2.0em;

         }
h3 {
         font-size: 0.9em;
         line-height: 1.5em;

         font-weight:normal;

         }
h4 {
         font-size: 0.9em;
         line-height: 1.8em;
         }

h5 {
         font-size: 0.8em;
         line-height: 1.6em;
         }
.text-pl{
    padding-left: 24px;
    padding-right: 20px;
    text-align: left;
}

.container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.start{
    width: 100%;
    background: #FFF;
    position: fixed;
    top: 0px;
    left: 0px;

        opacity: 1.0;
        z-index: 9999;
        position: fixed;
        -moz-box-shadow: 0px 0px 0px #000;
        -webkit-box-shadow: 0px 0px 0px #000;
        box-shadow: 0px 0px 0px #000;
}
.kopf{
    width: 100%;
    height: 20px;
    background: #FFF;
    position: fixed;
    top: 0px;
        opacity: 1.0;
        z-index: 9999;
        position: fixed;
        -moz-box-shadow: 0px 0px 0px #000;
        -webkit-box-shadow: 0px 0px 0px #000;
        box-shadow: 0px 0px 0px #000;
}
.willkomm{

        background: #FFF;
        border-left: 0px solid #000;

        letter-spacing: 1px;
        font-weight: normal;




        opacity: 1.0;
        z-index: 9999;
        position: fixed;
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 75%;
        padding: 2.1em 1.5em 1em;


        }
.box-1{
    width: 186px;
    height: 192px;
    background: #FFF;
}
.box-2{

    flex: 1;
    background: #FFF;
    margin-top: 20px;
    margin-left: 10px;
}
.box-3{
    width: 290px;
    margin-top: 20px;
    background: #FFF;
    padding: 0px 40px 2px 24px;
    border-left: 0px solid #000;
}

.hoven-top{
        width: 152px;
        height: 170px;
        background: #FFF;

        line-height: 2.0em;
        font-size: 0.9em;
        font-weight: normal;
        padding-left:18px;
        margin-top:20px;
        margin-left:20px;
        border: 1px solid #000;

        opacity: 1.0;
        z-index: 9999;
        position: fixed;
        -moz-box-shadow: 0px 0px 0px #000;
        -webkit-box-shadow: 0px 0px 0px #000;
        box-shadow: 0px 0px 0px #000;
}



.hoven-top a{
        display: inline-block;
        color: #64824B;
        display: block;
        float: center;


}
.hoven-top a:hover{
        color: #000;
}
.hoven-top a:active{
        color: #FFF;
}

.hoven-stelle{
         color: #FFF;
        width: 150px;
        height: 115px;
        background: #FFF;

        line-height: 2.0em;
        font-size: 0.9em;
        font-weight: normal;
        padding-left:18px;
        margin-top:205px;
        margin-left:20px;
        border: 2px solid red;

        opacity: 1.0;
        z-index: 9999;
        position: fixed;
        -moz-box-shadow: 0px 0px 0px #000;
        -webkit-box-shadow: 0px 0px 0px #000;
        box-shadow: 0px 0px 0px #000;
}




.gfoto{
        color: #000;
        position: relative;
        margin-left: 10px;
        line-height: 2.4em;

}


.overlay {
  position: absolute;
  top: -157px;
  left: 0px;
  right: 0;
  height: 172px;
  width: 172px;

  opacity: 0;
  transition: .5s ease;
  background-color: #000;
}


.text {
  color: white;
        line-height: 2.0em;
        font-size: 0.8em;
  position: relative;
  text-align: center;
  top: 80px;
}


.gfoto:hover .overlay {
  opacity: 0.6;
}

.hoven-erl{

        color: #000;
        font-size: 0.8em;
        line-height: 1.6em;
        padding-left: 24px;
        padding-right: 0.8em;
        letter-spacing: 1px;
        font-weight: normal;
        background: #FFF;





        opacity: 0.6;
        z-index: 9999;
        position: fixed;
        bottom: 4%;
        right: 0px;
        left: 0px;
        -moz-box-shadow: 0px 0px 0px #000;
        -webkit-box-shadow: 0px 0px 0px #000;
        box-shadow: 0px 0px 0px #000;
}

.plan {
  max-width: 1000px;
  position: relative;
  padding: 0em 3em 1em 3em;
  text-align: left;
}


@media all and (max-width: 930px){
    .box-1{
        -webkit-order: 1;
        -ms-order: 1;
        order: 1;

    }
    .box-2{
        -webkit-order: 3;
        -ms-order: 3;
        order: 3;
        width: auto;
        padding: 12px 20px 2px 190px;

    }
    .box-3{
        -webkit-order: 2;
        -ms-order: 2;
        order: 2;
        width: 100%;
        padding: 12px 20px 2px 210px;
        margin-top: -190px;
        border-left: 0px solid #000;
    }
         h1 {
                font-size: 0.9em;
                line-height: 1.6em;
        }
         h3 {
                font-size: 0.8em;
                line-height: 1.6em;
        }
         h5 {
                font-size: 0.7em;
                line-height: 1.6em;
        }



@media all and (max-width: 570px){
    .box-1{
        -webkit-order: 1;
        -ms-order: 1;
        order: 1;
        width: 100%;
    height: 140px;

    }
    .box-2{
        -webkit-order: 3;
        -ms-order: 3;
        order: 3;
        width: 100%;
        padding: 12px 20px 2px 12px;
        text-align: center;

    }
    .box-3{
        -webkit-order: 2;
        -ms-order: 2;
        order: 2;
        width: 100%;
        margin-top: 10px;
        padding: 12px 20px 2px 12px;
        border-left: 0px solid #000;
    }
         h1 {
                font-size: 0.8em;
                line-height: 1.3em;
        }
         h3 {
                font-size: 0.7em;
                line-height: 1.2em;
        }
         h5 {
                font-size: 0.6em;
                line-height: 1.0em;
        }
.kopf{
    width: 100%;
    height: 20px;
    background: #FFF;
    position: fixed;
    top: 0px;
        opacity: 1.0;
        z-index: 9999;
        position: fixed;
        -moz-box-shadow: 0px 0px 0px #000;
        -webkit-box-shadow: 0px 0px 0px #000;
        box-shadow: 0px 0px 0px #000;
}
.willkomm{

        background: #FFF;
        border-left: 0px solid #000;

        letter-spacing: 1px;
        font-weight: normal;


        opacity: 1.0;
        z-index: 9999;
        position: fixed;
        top: 60%;
        bottom: 0px;
        right: 0px;
        left: 0%;
        padding: 1em 1em 1em 1em;

}

.hoven-top{
        font-size: 0.9em;
        line-height: 1.6em;
        position: fixed;
        width: 100%;
        height: 150px;
        display: block;
        float: center;


        padding: 0;
        margin: 0;
        padding-left: 33%;

        background: #FFF;
        font-weight: normal;
        border: 0px solid #000;
        border-bottom: 1px solid #000;
}



.hoven-top a{
        display: inline-block;
        color: #64824B;
        display: block;
        float: center;


}
.hoven-top a:hover{
        color: #000;
}
.hoven-top a:active{
        color: #FFF;
}

.hoven-stelle{

  background: #FFF;
        font-size: 0.9em;
        line-height: 1.6em;
        position: fixed;
        width: 99%;
        height: 85px;
        display: block;
        float: center;

        text-align: center;
        padding-left:0;
        margin-top:150px;
        margin-left:0px;

        font-weight: normal;

}



   .gfoto{
        color: #000;
        position: relative;
        margin-left: 0px;
        line-height: 2.4em;

}
.hoven-erl{
        font-size: 0.8em;
        line-height: 1.6em;
        padding-left: 24px;
        padding-right: 0.8em;
        letter-spacing: 1px;
        font-weight: normal;
        background: #FFF;

        opacity: 0.8;
        z-index: 9999;
        position: fixed;
        bottom: 30px;
        right: 0px;
        left: 0px;
        -moz-box-shadow: 0px 0px 0px #000;
        -webkit-box-shadow: 0px 0px 0px #000;
        box-shadow: 0px 0px 0px #000;
}
.plan {
  max-width: 1000px;
  position: relative;
  padding: 0em 1em 1em 0em;
  text-align: left;
}

}