@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,200,300,500,600,700,800,900);

html {
  position:relative;
  min-height:100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body{
  width: 100%;
  overflow:hidden;
  -webkit-font-smoothing:antialiased;
}
a,a:focus,a:hover;a:focus;a:focus-within,a:visited,button{
  text-decoration:none;
  outline:none;
}

/*********/

#map {
  height:500px;
}
.carousel {
  margin-top: 52px;
}
.carousel, .carousel-inner {
    height: 60vh;
}
.carousel, .carousel-inner, nav, main {
    opacity: 0; /* Start with the div invisible */
    animation: fadeIn 2s forwards; /* Apply the fade-in animation */
    filter: blur(12px);
}
.carousel-item {
    background-color: rgb(0 0 0 / 33%) !important;
    background-blend-mode: color;
    background-position: 0px -36vw !important;
    background-size: cover !important;
    height: 60vh;
}
.bannerSub.unser-angebot div {
    background-position: 0px -36vw !important;
    background-size: cover !important;
    height: 60vh;
}
.bannerSub.uber-uns div {
    background-position: 0px -36vw !important;
    background-size: cover !important;
    height: 60vh;
}
.tt-menu {
    background: white;
    width: 100%;
    border-radius: 0.375rem;
    padding: 5px;
}

#subpages iframe {
  filter: brightness(1) saturate(0.9) contrast(0.85) hue-rotate(324deg);
}
@keyframes fadeIn {
    to {
        opacity: 1; /* End with the div fully visible */
            filter: blur(0px);
    }
}
@media (max-width:1334px){
  .carousel-item {
      background-position: 0px -18vw !important;
  }
}
@media (max-width:991px){
  .carousel-item {
      background-position: 0px -9vw !important;
  }
}
@media (max-width:767px){
  .carousel-item {
      background-position: 0px 0vw !important;
  }  
  .bannerSub.uber-uns div, .bannerSub.unser-angebot div {
      background-position: 0px -22vw !important;
  }
}