*{
  margin: 0 auto;
}

body{
  font-family: aktiv-grotesk-extended, sans-serif;
  font-weight: 400;
  cursor: crosshair!important;

}



p{
  font-size: 18px;
}

a{
text-decoration: none;
transition: all 0.2s ease;
letter-spacing: 1;

}

a:hover{
  letter-spacing: 3px;
  transition: all 0.2s ease;
opacity: 0.7;
}



strong{
  font-weight: 700;

}



.flex-container {

  position: fixed;
  top:0;
  left:0;
  width:100%;
  height: 100%;

}



.flower-wrap{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width:50%;

  background: #1b232c;

}


.gala-wrap{
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width:50%;

  background: #ededed;


}


.logo-flower{
  height: 250px;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

.logo-gala{
  width: 350px;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}




.info-flower{
  color: #ededed;
  position: absolute;
  left: 50px;
  bottom: -135px;
  transition: all 0.8s ease

}

.info-flower p{
  font-size: 15px;
}

.info-flower a{
  color:#ededed;
}

.email-link-flower{
  color: #ededed;
  padding-top: 38px;
  font-size: 13px!important;
}


.oeffnungszeiten{
  position: absolute;
  right: 50px;
  bottom: -135px;
  color: #ededed;
  font-size: 13px;
  transition: all 0.8s ease

}
.oeffnungszeiten p{
  font-size: 13px;

}

table{
  color: #ededed;
  font-size: 15px;
  letter-spacing: 2px;
}

.day{
  font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 700;
padding-right: 20px;
}



.info-garten{
  color: #1b232c;
  position: absolute;
  left: 50%;
    bottom: -135px;
  transform: translate(-50%, 0%);
  text-align: center;
  transition: all 0.8s ease


}

.info-garten a{
  color: #1b232c;

}

.email-link-garten{
  padding-top: 38px;
  font-size: 13px;

}



/*HOVER SLIDE HIN*/

.flower-wrap:hover .info-flower{
  bottom: 50px;
  transition: all 0.8s ease
}

.flower-wrap:hover .oeffnungszeiten{
  bottom: 50px;
  transition: all 0.8s ease
}

.gala-wrap:hover .info-garten{
  bottom: 50px;
  transition: all 0.8s ease
}

/*IMPRESSUM*/
.imprint{
  font-size: 9px;
  padding-top: 20px;
}

.imprint-container{
padding: 100px;
  background: #1b232c;
  color: #ededed;
  overflow: scroll!important;
}

.imprint-container p{
  font-size: 13px;
  line-height: 20px;
}

.imprint-container a{
  color: white;
  text-decoration: underline;
}

.imprint-container a:hover{
  letter-spacing: 1px;
}

.imprint-container h1, .imprint-container h2, .imprint-container h3{
  padding-top: 20px;
  padding-bottom: 10px;
}


/*MOBILE*/

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

p,table{
  font-size: 120%;
}

a{
  font-size: 150%;
}


.info-flower,.oeffnungszeiten, .info-garten{
  bottom: 50px!important;
}

.flower-wrap{
  width: 100%!important;
  height: 50%;
}

.gala-wrap{
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 50%;


}

}