/*FONTS*/
@font-face {font-family:'montserrat';src:url('../fonts/Montserrat-Regular.ttf') format('truetype');}

/*TYPOS*/
a,h1,h2,h3,hr,p,li,td{font-family:'montserrat','sans-serif';}

#nav .active {
  color: #04cafc;
} 

body {
  padding-top: 56px;
}

#home-overlay{
  position: absolute;
  top: 20%;
  z-index: 2000;
  margin: 0px auto;
  color:#fff;
  width: 100%;
}

#home-overlay img {
  max-width: 50%;
  max-height: 50dvh;
}

#home h1{
  font-size:10vw;
}

#home .carousel-item img {
  width:100%;
  height:100dvh;
  object-fit: cover;
}


.h1 {
  color:#04cafc;
}


.app_root,body,dw-app-container,.mdc-form-field, .mdc-button.mdc-button--secondary.mdc-button--raised.mdc-ripple-upgraded, .mdc-button, .f-bold ft2{
  font-family: 'montserrat';
}


/*GALLERY*/
.gallery-image:hover {
  transform: scale(1.05);
}

.gallery-image {
  cursor: pointer;
  transition: transform 0.3s ease;
}

.aussichttext,.carousel-caption{
  background: rgba(0, 0, 0, 0.5);
  color:#fff;
}

#map {
  height:500px;
  pointer-events:auto;
}





section {
  scroll-margin-top: 56px; /* Höhe der Sticky-Navbar */
}

.thumbnail > a {
  display: block;
  width: 100%;
  height: 200px;
  /* for center alignment */
  position: relative;
}
.thumbnail > a > img {
  max-width: 100%;
  max-height: 100%;
  /* for center alignment */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0 auto;;
}


#buchenbtn {
  background-color: #04cafc;
  color: #fff;
}