/****tags****/
html {
  height: 100%;
}
body {
  background-color: #e9e2d0;
  font-family: 'Lora', serif;
  color: #581c0c;
  margin: 0;
  height: 100%;
  padding: 0;
  padding-bottom: 60px;
}

h1{
  font-family: 'Shadows Into Light', cursive;
  font-size: 3.75rem;
  letter-spacing: 2px;
  font-weight: bold;
}
h2 {
  font-family: 'Lora', serif;
  font-size: 2rem;
  font-weight: 600;
}
h3 {
font-family: 'Lora', serif;
}
h4 {
  font-family:'Shadows Into Light', cursive;
  letter-spacing: 2px;
 }
p {
  font-size: 1rem;
line-height: 2;
margin: 0;
}

a {
  color: #430a1a;
  text-decoration: none;
  font-size: 1rem;
  padding-left: 2rem;
}

a:hover {
  color: #910a1a;
  text-decoration: none;
}

iframe {
  color: #581c0c;
  margin: 5.25rem 20.25rem;
  position: relative;
  text-align: center;
}
/***classes***/
.content{
  min-height: 100%;
}

.menu {
  position: absolute;
  right: 80px;
  padding: 30px;
  top:15px;
  list-style-type: none;
  text-align: right;
}

.menuli {
  display: inline-block;
}

.bee-img{
width:15%;
position: absolute;
top: 20px;
left: 200px;
padding-top: 40px;
margin-bottom: 20px;
transform: rotate(-350deg);
}

.header {
  color: #581c0c;
  width: 70%;
  margin: 5.25rem auto;
  position: relative;
}
.header_h1{
  margin-bottom: 1rem;
  text-align: right;
  margin: 150px 350px auto 150px;
}
.header_hr{
  margin: auto 350px auto 150px;
}
.header_h4{
  text-align: left;
  margin-left: 150px;
}
.mobile-img{
width: 30%;
position: absolute;
margin-left: 1000px;
top: 80px;
right: 0;
left: 0;
}

.Intro {
  color: #581c0c;
  width: 30%;
  margin: 5.25rem auto 130px auto;
  position: relative;
  text-align: center;
}
/*Pflanzenarten und Calendar Intro*/
.Intro1 {
  color: #581c0c;
  width: 30%;
  margin: 5.25rem auto;
  position: relative;
  text-align: center;
}
 /* Inhalt */
.Inhalt_1{
  padding: 50px 0 40px 0;
  margin-top: 100px;
  background-color: #ffffea;
}

.Jahreszeiten {
width: 50%;
margin: 50px auto 200px auto;
}

.Jahreszeiten_img{
  width: 35%;
  float: left;
  margin-right: 40px;
}
.Pflanzenspezifika {
  width: 50%;
  margin: 0 auto 150px auto;
}

.Pflanzenspezifika_img {
  width: 35%;
  float: right;
  margin-left: 40px;
}
.Impressionen{
  width: 50%;
  margin: 50px auto 80px auto;
  text-align:center;
  padding-bottom: 50px;
}

.Impressionen1{
  width: 50%;
  margin: 80px auto;
  text-align:center;
}

.footer{
  padding-left: 35%;
  font-size: 0.75rem;
  background-color: #024249;
  color: #ffecc7;
  height: 60px;
  margin-top: -60px;
  /* position:inherit;
  bottom: 0;
  width: 100%;
  height: 60px; */
}
.pixabay {
padding: 0;
font-size: 0.75;
color: #ffecc7;
}

/* Pflanzenarten */
.Pflanzen {
  margin: 20px 50px;
  padding-bottom: 50px;
}

/* .GemüseListe {
  List-style-type: none;
} */
/* .Gemüsebox {
  color: #581c0c;
  width: 60%;
  margin: 5.25rem auto;
  position: relative;
  border-style: dashed;
  padding: 1rem;
} */

@media only screen and (max-width: 1300px) {
  .mobile-img{
  margin-left: 890px;
  top: 80px;
}
}

@media only screen and (max-width: 1100px) {
  .menu {
    right: 0;
    padding: 0;
    top:10px;
  }

  .menuli {
    display: inline-block;
  }

  .bee-img{
  top: 30px;
  left: 200px;
  }

  .header {
    width: 50%;
    margin: 3.25rem auto;
  }
  .header_h1{
    margin-bottom: 1rem;
    text-align: left;
    margin: 150px auto auto 0;
  }
  .header_hr{
    margin: auto;
  }
  .header_h4{
    text-align: right;
    margin-left: 30px;
  }
  .mobile-img{
  margin-left: 700px;
  top: 20px;
  }

  .Intro {
    width: 50%;
    margin: 6.25rem auto 50px auto;
    text-align: left;
  }
  /*Pflanzenarten Intro*/
  .Intro1 {
    width: 60%;
    margin: 5.25rem auto;
  }
   /* Inhalt */
  .Inhalt_1{
    margin-top: 20px;
  }

  .Jahreszeiten {
  width: 70%;
  margin: 50px auto;
  }

  .Jahreszeiten_img{
  margin-bottom: 15px;
  }
  .Pflanzenspezifika {
    width: 70%;
    margin: 50px auto;
  }

  .Pflanzenspezifika_img {
    margin-bottom: 15px;
  }
  .Impressionen{
    width: 70%;
    margin: 50px auto;
  }

  .Impressionen1{
    width: 70%;
  }

  .footer{
    padding-left: 35%;
  }

}
@media only screen and (max-width: 960px) /*and (screenresolution:landscape)*/ {
  .mobile-img{
  margin-left: 0;
  top: 80px;
}
}
@media only screen and (max-width: 415px) {
  .menu {
    right: 0;
    padding: 0;
    top:10px;
    text-align: left;
  }

  .menuli {
    display: inline-block;
  }

  .bee-img{
  top: 40px;
  left: 200px;
  }

  .header {
    width: 80%;
    margin: 3.25rem auto;
  }
  .header_h1{
    margin-bottom: 1rem;
    text-align: left;
    margin: 150px auto auto 0;
  }
  .header_hr{
    margin: auto;
  }
  .header_h4{
    text-align: right;
    margin-left: 30px;
  }
  .mobile-img{
  margin-left: 20px;
  top: 310px;
  }

  .Intro {
    width: 65%;
    margin: 3.25rem 10px 20px auto;
    padding-left: 10px;
  }
  /*Pflanzenarten Intro*/
  .Intro1 {
    width: 80%;
    margin: 5.25rem auto;
  }
   /* Inhalt */
  .Inhalt_1{
    margin-top: 20px;
  }

  .Jahreszeiten {
  width: 80%;
  margin: 10px auto 50px auto;
  }

  .Jahreszeiten_img{
  margin-bottom: 10px;
  }
  .Pflanzenspezifika {
    width: 80%;
    margin: 0 auto 50px auto;
  }

  .Pflanzenspezifika_img {
    margin-bottom: 10px;
  }
  .Impressionen{
    width: 80%;
    margin: 20px auto 100px auto;
  }

  .Impressionen1{
    width: 80%;
  }

  .footer{
    padding-left: 10%;
  }

}