/* header */


.carousel {
    margin-bottom: 0;
    
}
  
.carousel-item {
    height: 92.4vh;
}

.carousel-item > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.titel{
    position: absolute;
    top: 32vh;
    left: 27vw;
    background-color: rgb(172, 209, 241, 0.5);
    padding: 2rem 2rem;
    border-radius: 2rem;
}

.titel_wegbegleiter{
    
    padding-right: 2rem;
}




/* nav */



.nav-link{
    font-size: 1.5rem;
}

.nav-link:hover{
    text-decoration: underline;
}



/* main */

.lorem{
    margin: 1rem 22vw;   
}

.row{
    padding-left: 15vw;
    
}

.natur{
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.landschaft{
    hyphens: auto;
    text-align: justify;
    margin-bottom: 2rem;
}

.col-lg-3{
    text-align: center;
}

.featurette-divider{
    margin: 3rem;
}

/* Featurettes
------------------------- */

.featurette-divider {
    margin: 5rem 0; /* Space out the Bootstrap <hr> more */
  }
  
  /* Thin out the marketing headings */
  .featurette-heading {
    font-weight: 300;
    line-height: 1;
    /* rtl:remove */
    letter-spacing: -.05rem;
  }
  
  .featurette{
      margin-left: 3rem;
      padding-left: 0;
  }
  
.wandernb{
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 1rem;
}

.karte{
    height: 80vh;
}


.lead{
    hyphens: auto;
    text-align: justify;
}

  /* RESPONSIVE CSS
  -------------------------------------------------- */
  
  @media (min-width: 40em) {
    /* Bump up size of carousel content */
    
  
    .featurette-heading {
      font-size: 50px;
    }
  }
  
  @media (min-width: 62em) {
    .featurette-heading {
      margin-top: 7rem;
    }
  }

.oberbild{
    display: none;
}
  
@media screen and (max-width: 800px){
    .oberbild{
        display: block;
    }
    .bild{
        width: 100vw;
    }
    .site-header{
        display: none;
    }
    
}





  .datenschutz, .impressum{
        text-align: justify;
        hyphens: auto;
        margin: 3rem 25vw;
  }