body {
    width: 100%;
    margin: 0 auto;
    font-family: neo-sans, sans-serif; 
    font-size: 1.7rem;
    font-weight: 200;
    line-height: 1.5;
    color: #646363;
    text-align: left;
    background-color: white;
    
    }
    
.row {
    
    margin-right: 0px ;
    margin-left: 0px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
         
}

.container-small {
    max-width: 800px;
    margin: 0 auto;

         
}

.container-padding {
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 10px;
    
   }

.container-margin {
    margin-top: 50px;
    margin-bottom: 10px;
}

.spacer-h-25px {
    margin: 25px;
}

.spacer-v-25px {
    margin-top: 25px;
    margin-bottom: 10px;
}

.padding-v-15px {
     padding-top: 15px;
     padding-bottom: 15px;
}

.bg-dark {
  background-color: #d2c8c5
 }

.bg-light {
    background-color:#f7f7f7;
} 

.bg-white {
    background-color:#fbfbfb;
} 

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: black !important; 
  }
  
a {
   color: #646363;
   text-decoration: none; 
}  
    
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: neo-sans, sans-serif; 
    font-weight: 500;
    line-height: 1.1;
    color: #646363;
}

.h2 {
    font-size: 26px;
}

.h1 {
    font-size: 32px;
}
 
.font-small {
     font-weight: 200;
}

#footer {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fffbfd;
}


.text-red-dark {
    color: #801c31; 
}
.text-green {
    color: #6ea825;
}
.text-light {
    color: #f3f3f3;
}
.text-white {
    color: #fbfbfb;
}
.text-grey {
    color: #646363;
}
.text-dark {
    color: #393939;
}

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

.navbar { 
    background-color:#e7e7e7;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}  

.navbar-toggle .icon-bar {
    background-color: #646363 !important;
    width: 30px;
    height: 4px;
}


.btn { 
    font-size: 1.7rem;
    }


@media (min-width: 567px) {
   /* breite Browserfenster */
     .home-gallery-mobile {
         display:none;
     }
     
}

@media (max-width: 567px) {
   /* breite Browserfenster */
     .home-gallery-desktop {
         display:none;
     }
     
}



@media (min-width: 1150px) {
   /* breite Browserfenster */
     .intro-mobile {
         display:none;
     }
     .home-intro-mobile {
         display:none;
     }
     
     .home-intro-desktop {
         margin-top: 300px;
         max-width: 500px;
         height: 250px;
         padding: 50px 50px 50px 50px;
             
     }
      
}

@media (max-width: 1150px) {
     /* mobile Geräte */ 
      .intro-desktop {
         display:none;
     }
     .home-intro-desktop {
         display:none;
     }
      .home-intro-mobile {
         max-width: 400px;
         margin: 0 auto;
         margin-top: 200px;
         margin-bottom: 20px;
         height: 250px;
         padding: 20px 20px 20px 20px;
     }
}