/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/raleway-v28-latin-600.eot); /* IE9 Compat Modes */
  src: local(''),
       url(../fonts/raleway-v28-latin-600.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(../fonts/raleway-v28-latin-600.woff2) format('woff2'), /* Super Modern Browsers */
       url(../fonts/raleway-v28-latin-600.woff) format('woff'), /* Modern Browsers */
       url(../fonts/raleway-v28-latin-600.ttf) format('truetype'), /* Safari, Android, iOS */
       url(../fonts/raleway-v28-latin-600.svg#Raleway) format('svg'); /* Legacy iOS */
}



ul, li, p, html, body, h3
{
 padding: 0;
 margin: 0;
}

body
{
 font-family: 'Raleway', Arial; 
 font-size: 1.1em;
 line-height: 1.4em;
 color: #1e1e1e;
 hyphens: auto;
}


h1
{
 font-size: 1.6em;
 line-height: 1.3em;
}

h1:before
{
content:url("../img/logoicon5.jpg");
padding-right: 8px;
}

h2
{
 font-size: 1.3em;
 color: green;

}

h3
{
 font-size: 1.2em;
 color: green;
 padding-bottom: 10px;
}

h4
{
  font-weight: bold;
}

p
{
 /* font-size: 1em; */
 line-height: 1.4em;
 margin-bottom: 1em; 
}

hr
{
color:white;
}

.button
{
padding:4px 10px;
text-decoration: none;
color: #000;
line-height: 1.5em;
border-radius: 20px; 
/* box-shadow: 2px 1px 2px 2px gray; */

}

.button:hover
{
color: white;
background: green;
}

.button2
{
padding:5px 30px;
text-decoration: none;
color: white;
background:green;
line-height: 1.5em;
border-radius: 20px; 
box-shadow: 2px 1px 2px 2px gray;

}

.button2:hover
{
color: black;
background: white;
}



.button3
{

padding:5px 30px;
text-decoration: none;
color: white;
background:gray;
line-height: 1.5em;
border-radius: 20px; 
box-shadow: 2px 1px 2px 2px gray;

}

.button3:hover
{
color: black;
background: white;
}

.bildmitbeschriftung
{
position: relative;
}

.bildmitbeschriftung img
{
display: block;
width:96%;
margin:auto;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
 /* -moz-box-shadow: 0 0 5px black; */
 /* -webkit-box-shadow: 0 0 5px black; */
 /* box-shadow: 0 0 5px black; */
}

.bildmitbeschriftung span
{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  text-align: center;
  height: 2.5em;
  line-height: 1.0em;
  text-shadow: 1px 1px 2px black, 0 0 1em gray, 0 0 0.2em gray;
  /* background:white; */
  /* opacity:0.6; */
  font-weight: bold;
 }




/* CSS CSS CSS nav nav nav nav nav nav nav nav nav */
#navgesamt {
 z-index:10;
 position:fixed;
 top:0px;
 width:100%;
 height:55px;
 line-height: 1em;

}

.navurl {
 z-index:100;
 position:fixed;
 top:45px;
 left:20px;
 width:200px;
 height:25px;
 font-size: 0.8em;
 color: green;
 opacity:0;

}

nav {
  width: 100%;
  height: 100%;
  background-color:white;
  text-align: right;
  padding-top:15px;
 border-bottom: 4px solid gray;

}

nav ul li {
  display:inline-block;  
}

nav a {
  color:gray;
  display:block;
  width:120px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  text-decoration: none;
  /* padding:20px 30px; */
  padding:10px 30px;

 }

nav .current a {
  background: gray; 
  color: #fff;
  border-radius: 15px; 
  box-shadow: 1px 1px 2px rgba(0,0,0,.3);
}

nav a:hover {
  /* background: #E65540; */
  background: green; 
  color: #fff;
  border-radius: 15px; 
  box-shadow: 1px 1px 2px rgba(0,0,0,.3);

}



.telefonicon {
   z-index:80;
   position:fixed;
   top:20px;
   left:50px;}


.telefon {
   z-index:80;
   position:fixed;
   top:22px;
   left:90px;
   color:gray;
}

#logoinnen {

    float:left;
    width: 240px;
    height: 230px;
    background-color: white;
    -moz-border-radius: 0px 0px 20px 20px;
    -webkit-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;
    border-left: 4px solid gray;
    border-right: 4px solid gray;
    border-bottom: 4px solid gray;
}

#logoinnen img {
    width:220px;
    display:block;
    margin-left: auto;
    margin-right: auto;
}

#logoinnen_klein {
    /* float:left; */
    width: 130px;
    height: 120px;
    background-color: white;
    -moz-border-radius: 0px 0px 20px 20px;
    -webkit-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;
}

#logoinnen_klein img {
    width:115px;
    display:block;
    margin-left: auto;
    margin-right: auto;
}

.headergesamt {
    z-index:101;
position:fixed;
top:70px;
width:100%;
height:250px;


}

.header {


width:760px;
height:250px;
margin:0px auto;
}

.spruch
{

 width:450px;
 float: right; 
 margin-top: 120px;
 font-size: 1.8em;
 font-weight: bold;
 color: #fff;
 text-shadow: 1px 1px 2px black, 0 0 1em gray, 0 0 0.2em gray;
 line-height: 1.3em;
}

.mittespruch
{
 width:730px;
 padding:15px;
 margin-left: auto;
 margin-right: auto;
 font-size: 1.3em;
 color:gray;
 font-weight: bold;
 line-height: 1.3em;
 Text-align:center;
}



.logo45 {display:none;}

.inhalt {
 z-index:2;
 position:relative;
 top:65px;
 background-image: url(../img/verkauf003c.jpg);
 background-size: cover;
 height:100%;
 padding-top:300px;
 padding-bottom:0px;
 border-bottom: 1px solid gray;
}

.inhalt_stauden {
 z-index:2;
 position:relative;
 top:65px;
 background-image: url(../img/staudenbannerlow.jpg);
 background-size: cover;
 height:100%;
 padding-top:280px;
 padding-bottom:40px;
 border-bottom: 1px solid gray;
}

.inhalt_404 {
 z-index:2;
 position:relative;
 top:65px;
 background-image: url(../img/kalt.jpg);
 background-size: cover;
 height:100%;
 padding-top:280px;
 padding-bottom:40px;
 border-bottom: 1px solid gray;
}

.inhalt_garten {
 z-index:2;
 position:relative;
 top:65px;
 background-image: url(../img/schaufelbanner4low.jpg);
 background-size: cover;
 height:100%;
 padding-top:280px;
 padding-bottom:40px;
 border-bottom: 1px solid gray;
}


.inhalt_datenschutz {
 z-index:2;
 position:relative;
 top:65px;
 background-image: url(../img/stauden003b.jpg);
 background-size: cover;
 height:100%;
 padding-top:300px;
 padding-bottom:0px;
 border-bottom: 1px solid gray;
}

.inhalt_angebote {
 z-index:2;
 position:relative;
 top:65px;
 background-image: url(../img/verkauf002.jpg);
 background-size: cover;
 height:100%;
 padding-top:280px;
 padding-bottom:40px;
}


.trennermitte
{
 width:100%;
 height:100%;
 position:relative; 
 top:28px; 
 background: white;
 padding-top:30px;
 padding-bottom:30px;
 background-image: url(../img/bg01.png);
 /* background-size: cover; */
 overflow:hidden;
}

.trennermitte2
{
 width:100%;
 height:100%;
 position:relative; 
 top:28px; 
 background: white;
 padding-top:30px;
 padding-bottom:30px;
 /* background-image: url(../img/bg01.png); */
 /* background-size: cover; */
 overflow:hidden;
}

.trennermitte3
{
 width:100%;
 height:100%;
 position:relative; 
 top:28px; 
 background: white;
 padding-top:30px;
 padding-bottom:30px;
/*  background-image: url(../img/stauden003d.jpg); */
/*  background-size: cover; */
 overflow:hidden;
}

.inhalt2 {
 /* border:1px solid red; */
 z-index:2;
 position:relative;
 top:32px;
 background-image: url(../img/white01.jpg);
 background-size: cover;
 height:100%;
 padding-top:50px;
 padding-bottom:45px;
}

.inhalt2angebote {
 /* border:1px solid red; */
 z-index:2;
 position:relative;
 top:28px;
 background-image: url(../img/white02.jpg);
 background-size: cover;
 height:100%;
 padding-top:50px;
 padding-bottom:50px;
}

.mittekasten {
 width:730px;
 height:100%;
 padding:15px;
 margin-left: auto;
 margin-right: auto;
 background: white;
 opacity:0.9;
 -moz-box-shadow: 0 0 20px black;
 -webkit-box-shadow: 0 0 20px black;
 box-shadow: 0 0 20px black;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
}

.mittekasten2 {
 width:730px;
 height:100%;
 padding:15px;
 margin-left: auto;
 margin-right: auto;
 background: white;
 opacity:1;
 -moz-box-shadow: 0 0 20px black;
 -webkit-box-shadow: 0 0 20px black;
 box-shadow: 0 0 20px black;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
}

.mittekasten3 {
 width:730px;
 height:100%;
 padding:15px;
 margin-left: auto;
 margin-right: auto;
 background: white;
 opacity:0.8;
 -moz-box-shadow: 0 0 20px black;
 -webkit-box-shadow: 0 0 20px black;
 box-shadow: 0 0 20px black;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
}

.mittekasten_ohne {
 width:730px;
 height:100%;
 padding:15px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 20px;
 margin-bottom: 20px;
 /* background: white; */
 opacity:0.8;
 -moz-box-shadow: 0 0 20px black;
 -webkit-box-shadow: 0 0 20px black;
 box-shadow: 0 0 20px black;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
}

.mittekasten_leer {
 width:730px;
 height:550px;
 padding:15px;
 margin-left: auto;
 margin-right: auto;
 position:relative;
}

.kasten {
 /* padding:15px; */
 padding:25px 25px 25px 50px;
 width:420px;
 height:400px;
 position:absolute;
 top:0px;
 left:280px;
 background: white;
 opacity:0.8;
 overflow:hidden;
 -moz-box-shadow: 0 0 20px black;
 -webkit-box-shadow: 0 0 20px black;
 box-shadow: 0 0 20px black;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
}

.kasten2 {
 padding:0px 15px 15px 20px;
 width:260px;
 height:260px;
 position:absolute;
 top:60px;
 left:0px;
 background: #fafafa;
 opacity:1;
 overflow:hidden;
 -moz-box-shadow: 0 0 20px black;
 -webkit-box-shadow: 0 0 20px black;
 box-shadow: 0 0 20px black;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
}

.kasten3 {
 padding:0px;
 width:180px;
 height:180px;
 position:absolute;
 top:340px;
 left:630px;
 background: white;
 background-image: url(../img/goldstauden01.jpg);
 background-size: cover;
 opacity:1;
 overflow:hidden;
 -moz-box-shadow: 0 0 20px black;
 -webkit-box-shadow: 0 0 20px black;
 box-shadow: 0 0 20px black;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 z-index:4;
 border:2px solid lightgray;
}

.kasten4 {
 padding:0px;
 width:140px;
 height:140px;
 position:absolute;
 top:360px;
 left:495px;
 background: white;
 background-image: url(../img/goldwasser02.jpg);
 background-size: cover;
 opacity:1;
 overflow:hidden;
 -moz-box-shadow: 0 0 20px black;
 -webkit-box-shadow: 0 0 20px black;
 box-shadow: 0 0 20px black;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 z-index:3;
 border:2px solid lightgray;
}

.kasten5 {
 padding:0px;
 width:120px;
 height:120px;
 position:absolute;
 top:370px;
 left:245px;
 background: white;
 background-image: url(../sitzplatz2.jpg);
 background-size: cover;
 opacity:1;
 overflow:hidden;
 -moz-box-shadow: 0 0 20px black;
 -webkit-box-shadow: 0 0 20px black;
 box-shadow: 0 0 20px black;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 z-index:2;
 border:2px solid lightgray;
}

.fuss {
padding-top:50px;
padding-bottom:50px;
 font-size: 0.9em;
 height:100%;
 width:100%;
position:relative;
top:28px;
 background: lightgray;
 border-top:1px solid gray;
 /* border-bottom:10px solid gray; */
}

.fuss_unten {
padding-top:50px;
padding-bottom:50px;
color: #fff;
 font-size: 0.8em;
 line-height: 1.2em;
 height:100%;
 width:100%;
position:relative;
top:28px;
 background: gray;
 border-top:1px solid white;
 /* border-bottom:10px solid black; */
}


.fuss_unten2 {
color: #fff;
 font-size: 0.8em;
 line-height: 1.2em;
 height:100%;
 width:100%;
position:relative;
top:28px;
 background: black;
 /* border-top:1px solid black; */
 /*  border-bottom:10px solid black; */
}


.goldkasten {
 width:710px;
 height:100%;
 padding:15px;
 margin-top: auto;
 margin-bottom: auto;
 margin-left: auto;
 margin-right: auto;
 /* border:1px solid green; */
 overflow:hidden;
 
}

.gold2links {width:45%; float:left; padding-right:5%; }
.gold2rechts {width:49%; float:left; }
.gold3 {width:33%; float:left;}
.gold3text {width:33%; float:left; margin:0px; padding:10px;}
.goldtext {float:left; width:60%; margin:0px; padding:10px;}

.mitte {text-align:center;}



    .slider {
        width: 80%;
        margin: 0px auto;
    }

    .slick-slide {
      margin: 0px 15px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }

   .headergesamt {
     /* transition: transform .25s .1s ease-in-out; */
     opacity:1;
     transition: opacity 1s ease-in-out;
   }

   .down .headergesamt {
      /* display:none; */
    /* transform: translate3d(0, -350px, 0);*/
      opacity:0;
    }






/* RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE */
/* RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE */

@media screen and (max-width:1050px) {

.telefonicon {display:none;}
.telefon {display:none;}

}



@media screen and (max-width:720px) {

body {
 font-size: 1.1em;
}


 
 #navgesamt {
 /* top:100px; */

 position:static;
 width:100%;
 height:100%;
 /* margin-bottom:5px; */

}


  nav {

padding-top:10px;
padding-bottom:10px;
 border-top: 4px solid gray; 
    text-align:center;

  }
  nav ul li {
    width:70%;
    padding:4px;
    display:block;
    text-align:center;
margin-left: auto;
margin-right: auto;
    /* text-indent: 5px; */
    /* border-top:1px #79896D solid;  */
  }

nav a {
width:70%;
text-decoration: underline;
text-align:center;
margin-left: auto;
margin-right: auto;
}

.button
{
text-decoration: underline;
}

.button2 
{
 line-height: 2.7em;

}

.button2:hover
{

}

.inhalt {position:static; padding-top:10px; padding-bottom:10px;}
.inhalt_datenschutz {position:static; padding-top:200px; padding-bottom:10px;}
.inhalt_stauden {position:static; padding-top:10px; padding-bottom:10px;}
.inhalt_404 {position:static; padding-top:10px; padding-bottom:10px;}
.inhalt_garten {position:static; padding-top:10px; padding-bottom:10px;}
.inhalt_angebote {position:static; padding-top:10px; padding-bottom:10px;}

.inhalt2 {position:static; padding-top:10px; padding-bottom:10px;}
.inhlat2angebote {position:static; padding-top:10px; padding-bottom:10px;}

.trennermitte {position:static; padding-top:10px; padding-bottom:10px;}
.mittespruch {width:90%; padding:5px; font-size: 1.1em;}


.mittekasten {width:100%; }
.kasten3 {display:none;}
.kasten4 {display:none;}

.logo45 {
 z-index:103;
 display:inline;
 position:static;
 top:0px;
 width:100%;
 height:100px;
 background: white;
border-bottom: 1px solid black;
}

.logo45 img {
 width:250px;
    display:block;
    margin-left: auto;
    margin-right: auto;

}


.navurl {display:none;}
.headergesamt {display:none;}

.mittekasten {width:90%;}
.mittekasten2 {width:90%;}
.mittekasten3 {width:90%;}
.mittekasten_leer {width:100%; height:100%; padding:0%;}
.kasten {position:static; padding:15px; width:90%; height:100%; margin-left:auto; margin-right:auto; margin-bottom:10px;}
.kasten2 {position:static; padding:15px; width:90%; height:100%; margin-left:auto; margin-right:auto; margin-bottom:10px;}


.fuss, .fuss_unten, .fuss_unten2 { top:0px;}
.goldkasten {margin-top:0px; width:90%; height:100%; margin-left:auto; margin-right:auto; }
.gold2links, .gold2rechts {width:100%;  margin-top:10px; clear:both;}
.gold3 {width:100%; margin-top:10px; clear:both;}
.goldtext {width:95%; clear:both;}


.bildmitbeschriftung img
{
 width: 80%;
}


}
/* Ende media 45 */