body {
    width: 100%;
    margin: 0 auto;
    font-family: "din-2014",sans-serif !important;
    font-size: 1.7rem;
    font-weight: 200;
    line-height: 1.5;
    color: #fbf8fb;
    text-align: left;
    background-color: white;
    
    }

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

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

.row {
    margin-right: 0px ;
    margin-left: 0px;
}

.spacer50px {
    margin-top: 50px;
}

.spacer25px {
    margin-top: 25px;
}

.spacer5px {
    padding-top: 5px;
}

.padding25px {
    padding: 25px;
}

 #producer,#gallery,#projekte
     {
      padding-top: 40px;
      padding-bottom: 10px;
             
 }

#header {
    margin: 0 auto;
 
}


 #footer{
      color: #eae8e7;
      padding-top: 10px;
      padding-bottom: 10px;
  }


.button-box {
    position: relative;
    margin: 10px;
    /* height: 90%;
    width: 90%; */
   }
    
 .button-text {
    position: absolute;
    top: 5px;
    left: 50px;
    width: 250px;
    height: 150px;
    margin: 10px;
    padding: 10px;
    background-color:  #e3b61f;
    opacity: 0;
   }
   
.bg-dark {
  background-color: #292b2b !important; }

.bg-light {
    background-color:#e7e7e7;
}  
  
.bg-text {
    background-image: url('../themes/zfrellingen/assets/images/UCCF-BG-TEXT.jpg');    
    background-size:cover;
    background-repeat: no-repeat;
    background-position: 50%; 
    margin-bottom: 15px;
    padding: 15px;   
   }

a {
   color: #eae8e7;
   text-decoration: none; 
}  

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "din-2014",sans-serif !important;
    font-weight: 500;
    line-height: 1.1;
    color: #e3b61f;
}

/*
#intro,#content
   {
    margin-top: 50px;
    margin-bottom: 15px;
   }
*/

.text-light {
    color: #eae8e7;
}
.text-white {
    color: #ffffff;
}
.text-grey {
    color: #e7e7e7;
}
.text-dark {
    color: #133642;
}


/*------ Button ---------*/
.btn { 
    font-size: 1.7rem;
    }

.btn-contact {
    background-color: transparent;
    left: #ffffff; 
    border-radius: 0;
    margin: 0 auto;
    font-size: 120%;
    padding: 5px;
    color: #f3f3f3; /*text-light*/
}
/*-------  Button ---------*/

.galerie-image {
   position: relative;
   margin: 10px;
 }

 
@media (max-width: 992px) {
    .image-mobile {
        display: none;
    }
}

@media (max-width: 768px) {
    .ucf-footer-text {
       font-size: 85%;
   }
}

@media (min-width: 768px) {
    .uccf-image {
       max-width: 600px;
   }       
}

.uccf-pfeil {
    padding-bottom: 5px;
}

.uccf-pfeil-gallery {
    padding-bottom: 3px;
}

.navbar-toggle {
  margin-top: 8px;
  border: 1px solid white;
  
}

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

@media (min-width: 992px) {
    .gallery-1-textbox {
       min-height: 300px;
   }     
    .gallery-2-textbox {
       min-height: 200px;
   }       
}