body, html {
  height: 100%;
}

#bitBauInfotext{
  top: 50%;
  left: 50%;
}

li.borderless {
  border-top: 0 none;
  border-bottom: 0 none;
  border-left: 0 none;
  border-right: 0 none;
}

/* green text */
.green {
  color: #49875B;
}

/* green background */
.green-bg {
  background-color: ##49875B;
}

.yellow {
  background-color: #ffc800;
}

.red {
  background-color: #ff0000;
}

.standardPlacement{
  background-color: #93BEE5;
}

.topPlacement{
  background-color: #347EC1;
}

.premiumPlacement{
  background-color: #153C75;
}

.bookedPlacement{
  background-color: #ff0000;
}

.reservedPlacement{
  background-color: #ffc800;
}

.btn-primary {
  background-color: #49875B;
  border-color:  #49875b;
}

.btn-primary:hover {
  background-color: ##49875B;
  border-color:  ##49875B;
}

.parallax {
  /* The image used */
  background-image: url("../images/Hintergrundbild dunkel.jpg");
  
  /* Set a specific height */
  min-height: 100%;
 
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  /*background-position: center;*/
  background-repeat: no-repeat;
  background-size: cover;
  
}

#carouselHero .carousel-item img {
  object-fit: cover;
  object-position: center;
  height: 50vh;
  overflow: hidden;
}

#mailtoElement{
  color:black;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* .footer {
  position: absolute;
  width: 100%;
  min-height: 0px;
  bottom: 0px;
  left: 0;
} */

@media (min-width: 768px) {
  .card {
    height: 100%;
  }
}

@media (max-width: 768px) {
  .card {
    margin-bottom:15px;
  }
}