.container{
    margin-top: 4rem;
}
.navbar{
    background-color: white;
}
.btn-outline-primary {
    border-color: #164A61;
    color: #164A61;   
}

.btn-outline-primary:hover{
    background-color: #164A61;
    border-color: #164A61;
    color: white;
}

.carousel-indicators .active {
    background-color:#C27E64;
}


 
#Text{
    margin-top: 4rem;
    margin-bottom: 4rem;
}

body{
    font-family: 'Open Sans', sans-serif;
}
h1{
    color: #164A61;
    text-align: center;
    font-weight: 600;


}
h2{
      color: #164A61;
   display: inline;
   margin-left: 1rem;
   font-weight: 600;
}
h3{
    color: #164A61;
   display: inline;
   margin-left: 1rem;
   font-weight: 600;
 
}
h5{
    text-align: center;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
h6{
    color: #164A61;
    margin-bottom: 1rem;
    font-family: 'Open Sans', sans-serif;
     font-weight: 600;
 
}
#wohnungenBeschreibung{
    text-align: center; 
}

.nav-item .nav-link{
    color: #8B8B8B;
}

.nav > .active > a{
            text-decoration: underline;
text-decoration-color: #164A61;
color: red;
        }

.nav-item .nav-link:hover{
    color: #164A61;
}
 #slideAnlage{
margin-top: 1rem;
}

#unterÜ{
    margin-top: 1rem;
}

#input{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
input[type="text"],input[type="email"]{
      background-color: rgb(242, 244, 248);
border: none;
}

#to-click:hover{
cursor: pointer;
}
 

#akti{
  margin-top:1rem;
  margin-bottom: 1rem;
}

#icons8{
    color: #8B8B8B;
    text-decoration: none;
    text-align: right;
    font-size: xx-small;
    display: inline;
}
#imp{
color: #164A61;
    text-decoration: none;

}

.fade {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease-out, transform 1s ease-out;
  will-change: opacity, visibility;
}
.fade.is-visible {
  opacity: 1;
  visibility: visible;
}
 


#mobile{
margin-bottom: 1rem;
}

@media (min-width: 768px) { 
    #mobile{
margin-bottom: 0;
}
}

#map{
    height: 100%;
}

.welcome{
  text-align: center;
  position: relative;
}
.centered{
     position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
 
}
.centered > h2 {
     color: white;
}

.right{
    position: absolute;
    bottom: 8px;
 right: 5%;
  color: white;
  font-weight: 600;
}