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

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

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

@media (min-width: 950px) {
    .content-container {
    margin-left: 100px;
    }
}

.content-image {
    margin: 10px;
}


.reference-box {
    position: relative;
    margin: 10px;
    /* height: 90%;
    width: 90%; */
   }
    
 .reference-box-text {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 80%;
    height: 80%;
    margin: 10px;
    padding: 10px;
    background-color: #801c31;
    opacity: 0;
   }
   
   .reference-box-text:hover {
    opacity: 0.8;
    color:#f3f3f3; 
   }

/* .shabanaj-headline {
    margin-top: -10px; 
    margin-bottom: 20px
}     */


.bg-dark {
  background-color: #d2c8c5 !important; }

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

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: black !important; 
  }
  
a {
   color: #801c31;
   text-decoration: none; 
}  
    
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: 500;
    line-height: 1.1;
    color: #801c31;
}
 
#leistungen,#team,#projekte,#ueber,#kontakt,#kunst-desktop,#kunst-mobile
   {
    margin-top: 50px;
    margin-bottom: 15px;
   }
#footer {
    margin-top: 50px;
}


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

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

.nav-item-active {
    border-bottom:3px solid #801c31;
}

.navbar { 
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}  

.btn { 
    font-size: 1.7rem;
    }

.btn-feja-artesano {
    background-color: transparent;
    background-image: none;
    color: #801c31;
    border-color: #801c31;
    border-radius: 0;
}
  
.btn-feja-artesano:hover {
    color: #801c31;
}    

.headline-feja-artisano {

    margin-top: 200px;
    font-size: 300%;
    font-weight: 700;
}

.referenzen-headline-feja-artisano {

    margin-top: 100px;
    font-size: 300%;
    font-weight: 700;
}

.referenzen-slider-feja-artisano {

    padding-top: 250px;
    font-size: 300%;
    font-weight: 700;
}


/* auf der Kunstseite    */

.kunsttext-invisible {
    display: none;
}

@media (min-width: 576px) {
    #kunst-mobile {
        display: none;
    }

    #kunst-desktop {
        text-align:left;
    }
    .kunst-image-desktop {
        padding-left: 10px;
    }
    .kunst-image {
        width:15%;
        float:left;
        margin: 5px;
    }
}

@media (max-width: 576px) {
    #kunst-desktop {
        display: none;
    }
    .kunst-image {
        width:100%;
        margin: 5px;
       
    }
}