body, html {
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    text-align: center; 

    } 
    
 main {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top;
   padding: 0;
   
    }  
    
    
.baaten-container {
    margin-top: 40px;
    margin-bottom: 10px;
    padding-top: 10px; 
}
    

#baaten-header, #baaten-nav {
  background-color: #004a7e;
  color: #fff;
  font-family: "Open Sans",sans-serif;
  font-weight: 400;
  padding-top: 0px;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #318fd1;
}

a:hover {
  color: #318fd1;
}

#baaten-footer {
  background-color: #004a7e;
  color: #fff;
  font-family: "Open Sans",sans-serif;
  font-weight: 400;
  padding-top: 10px;
  
}

h1, h2, h3 {
    color: #004a7e;
    font-family: "Open Sans",sans-serif;
    font-weight: 700;
}    

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
  /* hinzugefügt   */
  color: #004a7e !important;
}



a {
  color: #fff;
}

.text-dark {
  color: #212529; 
}

.spacer25px {
    margin-top: 25px;
}

.spacer50px {
    margin-top: 50px;
}

#baaten-img {
    position: auto;
    align-items: center;
}

.baaten-headerimage {
    margin-top:50px;
    margin-bottom:50px;
}


.phone {
  
    font-weight: 700;
    color: #fff;
    text-align: right;
    padding: 8px 24px 8px 8px;
    font-size: 24px;
  
}

.logo {
  position: absolute;
  top: -34px;
  left: 0;
   
}

.navbar-nav {
 border: none;
 flex-direction:row;

}

blockquote {
   border-left: none;
}

.navbar-default {
      border: none;
      margin-bottom: 10px;
}

.baaten-headline {
  margin-top: 35px;
}

.carousel-caption {
    color:#212529;
    text-align: center;
    text-shadow: none;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #004a7e; 
    border: 1px solid rgb(0, 6, 17);
    border-radius: 10px;
}


@media (min-width: 992px) {
        .referenz-slider {
             height: 400px;
              }
        #baaten-footer  {
            font-size: 14px;
              }
        .baaten-slider {
          
            height: 450px !important;
            width: 100% ;
            object-fit: cover;
            object-position: top center;
                
            }

      }       

 @media (min-width: 768px) and (max-width: 992px){
        .logo {
                width: 200px;	
                
                      }
               
        #baaten-footer  {
                font-size: 12px;
              }
    
        .baaten-slider {
          
                height: 450px !important;
                width: 100% ;
                object-fit: cover;
                object-position: top center;
                 
              }

        .referenz-slider {
          height: 600px ;
         } 
      }


@media (min-width: 576px) and (max-width: 768px) {
    .logo {
            width: 150px;
            top: 2px;
          }
    .phone > a {
          font-size: 20px;;
          }      
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
          color: #fff;
           }  
    #baaten-footer  {
            font-size: 12px;
          } 
   .baaten-slider {
      
            height: 300px !important;
            width: 100% ;
            object-fit: cover;
            object-position: top center;
             
          }   
  
    .referenz-slider {
            height: 600px;
           } 
          
     }
   

@media (max-width: 576px) { 

       .logo {
          width: 150px;
          top: 2px;
        }
      .phone > a {
        font-size: 20px;;
        } 
      .navbar-default .navbar-nav .open .dropdown-menu > li > a {
          color: #fff;
           }  
      #baaten-footer  {
              font-size: 12px;
            } 
      .baaten-slider {
          
                height: 300px !important;
                width: 100% ;
                object-fit: cover;
                object-position: top center;
                
              }   
      .referenz-slider {
        height: 650px;
          } 

      .baaten-footer-block {
        border-top: 1px solid #f6f6f7;
        margin-bottom: 10px;
   } 
  }