/* FONTS */

@font-face {
  font-family: 'Roobert-Regular';
  src: url('../fonts/Roobert-Regular.eot');
  src: url('../fonts/Roobert-Regular.eot') format('embedded-opentype'), url('../fonts/Roobert-Regular.woff2') format('woff2'), url('../fonts/Roobert-Regular.woff') format('woff'), url('../fonts/Roobert-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roobert-Bold';
  src: url('../fonts/Roobert-Bold.eot');
  src: url('../fonts/Roobert-Bold.eot') format('embedded-opentype'), url('../fonts/Roobert-Bold.woff2') format('woff2'), url('../fonts/Roobert-Bold.woff') format('woff'), url('../fonts/Roobert-Bold.svg') format('svg');
  font-weight: bold;
  font-style: bold;
}

@font-face {
  font-family: 'Roobert-Heavy';
  src: url('../fonts/Roobert-Heavy.eot');
  src: url('../fonts/Roobert-Heavy.eot') format('embedded-opentype'), url('../fonts/Roobert-Heavy.woff2') format('woff2'), url('../fonts/Roobert-Heavy.woff') format('woff'), url('../fonts/Roobert-Heavy.svg') format('svg');
  font-weight: heavy;
  font-style: heavy;
}

/* NAV */

.navbar-nav .nav-item a {
  
    color:#ccc;
   
}

.page-scroll img{margin-left:10px;}


/* GLOBAL */

body, p, h1, h2, h4, h5, h6, a, ul, li, small, quote{
    color:#3c3c3c;
}

h1{
    font-family: 'Roobert-Bold';
    line-height:1em;
    }
    
h2{
   line-height:0.5em;
   }
   
.logo img{width:350px!important;}   
   
#uhr {
	font-size: 1em;
	margin: 1em auto;
	float:right;
}   
   
/* HERO */

  .header-car{overflow:hidden;height:100%;}
  .hero-img{height:auto;margin-left:0;}  

.hero-section .hero-content-wrapper h1 {
    color:#3c3c3c;
    font-size: 2.5em;
    line-height: 1em;
    margin-bottom: 1em;
}

.hero-section .hero-content-wrapper h2 {
    font-size: 1.5em;
    line-height: 1.2em;
    color: #dedb00;
    margin-bottom: 1em;
}

.hero-section .hero-content-wrapper p {
    color:#3c3c3c;
    font-size: 18px;
    line-height: 1.5em;
    margin-bottom: 2em;
}

.theme-btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.15em 0.8em;
  font-size: 1.7em;
  border-radius: 20px;
  color: #3c3c3c;
  cursor: pointer;
  z-index: 5;
  transition: all .4s ease-in-out;
  border: none;
  background: linear-gradient(to left, #dedb00 0%, #dedb00 100%);
  background-size: 200% auto; 
  overflow: hidden; }
  .theme-btn:hover, .theme-btn:focus {
    background-position: right center;
    color: #fff;
}

@media (max-width:600px) {
    .theme-btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.15em 0.8em;
  font-size: 1em;
  border-radius: 20px;
  color: #3c3c3c;
  cursor: pointer;
  z-index: 5;
  transition: all .4s ease-in-out;
  border: none;
  background: linear-gradient(to left, #dedb00 0%, #dedb00 100%);
  background-size: 200% auto; 
  overflow: hidden; }

 
    #referenzen .ref-cont {
        padding-left: 40px;
        max-height: 400px!important;
        min-height: 400px!important;
        margin-top: -100px;
    }

   
    .carousel-section-wrapper .carousel-control {
        
        bottom: 120px!important;
    
   
}


.bubble {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.1em 0.5em;
  font-size: 1.3em;
  border-radius: 15px;
  color: #3c3c3c;
  z-index: 5;
  transition: all .4s ease-in-out;
  border: none;
  background: linear-gradient(to left, #dedb00 0%, #dedb00 100%);
  background-size: 200% auto; 
  overflow: hidden; 
}

.border-bubble {
    display: inline-block;
    padding: 14px 40px;
    background: transparent;
    border: 1.5px solid #3c3c3c;
    color: #3c3c3c;
    padding: 0.15em 0.8em;
    font-size: 1.7em;
    border-radius: 20px;
}
    
.scroll-top {
    bottom: 100px;
} 

/* STUDIO SECTION */  

.studio-section{position:relative;}
.about-img-wrapper{z-index:0;}
.studio-content-wrapper{position:absolute;left:45%;top:20%;z-index:2;}
 
/* SUBSCRIBE SECTION */    
.subscribe-section {
   background-color:#3c3c3c;
}    

/* FOOTER */

.logo img{
    max-width:350px;
    }
    
.footer-desc{
    line-height:1em!important;
    } 
    
.footer-social-links ul li a {
    background: rgba(0, 0, 0, 0.1);
    color: #3c3c3c;
}

.footer .copyright-area {
    border-top: 2px solid rgba(0, 0, 0, 0.44);
}

.footer .copyright-area p a {
    color: #3c3c3c;
}

@media (max-width:600px) {
  .header-car{overflow:hidden;height:fit-content;}
  .hero-img{height:100vh;margin-left:-50%;}    
    
  .scroll-top {
    right:20px;  
    bottom: 25px;
    display:none;
} 

}