@font-face {
  font-family: 'GlacialIndifference'; /* Gewünschter Name */
  src: url('../font/GlacialIndifference-Regular.otf');
 }

 @font-face {
  font-family: 'have-heart-one'; /* Gewünschter Name */
  src: url('../font/have-heart-one.otf');
 }



.freudenbach_blau{
  color: #4259be;
}

.bg_freudenbach_blau{
  background-color: #4259be;
}

.freudenbach_grau{
  color: #d2d2d1;
  
}


body{
  background: url('../img/bg.png');
  font-family: GlacialIndifference;
}

h1, h2 {
  font-family: have-heart-one;
}

.bg_2{
  background-color: rgba(33, 33, 33, 0.05)
}




/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.clearfix::after,
.calendar ol::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* ================
Calendar Styling */
.calendar {
  border-radius: 10px;
}

.month {
  font-size: 2rem;
}

@media (min-width: 772px) {
  .month {
    font-size: 3.5rem;
  }
  .calendar .week {
    border-top: 1px solid #eee;
    padding-top: 8px
  }
}

@media (max-width: 771px) {
  .calendar .date {
    border-top: 1px solid #eee;
    padding: 8px 0
  }
}

.calendar ol li {
  float: left;
  width: 14.28571%;
}




.calendar .day-names li {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.calendar .days{
  border-bottom: 1px solid #eee;
  min-height: 13rem;
}

.calendar .date {
  margin: 0.5rem 0;
}

.calendar .event {
  font-size: 0.75rem;
  padding: 0.4rem 0.4rem;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  /* text-overflow: ellipsis; */
  border-radius: 1.2rem;
  margin-bottom: 16px;
  position: relative;
  z-index: 99;
}



.calendar .event.span-2 {
  width: 200%;
}

/*
.calendar .event.begin {
  border-radius: 1rem 0 0 1rem;
  
}

.calendar .event.end {
  border-radius: 0 1rem 1rem 0;
}
*/
.calendar .event.clear {
  background: none;
}

.calendar .days:nth-child(n+29) {
  border-bottom: none;
}

.calendar .days.outside .date {
  color: #ddd;
}


#CarCarousel .carousel-control-next, .carousel-control-prev{
  position: relative;
  top:auto;
  bottom:auto;
  display: inline;
  width: auto;
  padding: 20px;
}