html{font-size:16px;}

body,.standard-c{

   font-family: 'Raleway', sans-serif;
   font-weight:300;
   font-size: 15px;
line-height:17px;
font-size: 0.9375rem; 
line-height:1.375rem;
color:#333;
margin:0;
   padding:0;
   letter-spacing:0.01rem;
  -webkit-text-size-adjust: 100%;

}

#container-insta{

    width: 1150px;
    position:absolute;
    height:40px;
    bottom:20px;
  left: 50%;
  transform: translate(-50%, 0%);

}

#instagram{
width:40px;
float:right;

}

.modal{
  display: none; 
  position: fixed;
  z-index: 9999; 
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(255,255,255); 
  background-color: rgba(255,255,255,0.7); 
}

.modal-content {
  background-color: #ffff;
  margin: auto;
  padding: 20px;
  width:80%;
  border-radius:4px;
}




.soldout{
width:35%;
position:absolute;
right:4%;
top:4%;
z-index:99;
color:#fff;
background-color:#333;
  border-radius: 50%;
  width:100px;
  height:100px;
justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;


}


.youtube{
width:50px;
position:absolute;
right:3%;
bottom:5%;
z-index:99;

}

.link-weiss{
color:#fff;
}

br.cb { 
   clear: both; 

}


#facebook {
    position: fixed;
    *position: absolute;
    left: 15px;
    bottom: 15px;
    z-index: 99999;
}


#formular-response{
   display:none;
     -moz-border-radius:5px;
	-webkit-border-radius:5px;
   border-radius:5px;
   padding:10px 15px 10px 15px;
   background-color:#edeeec
}

a:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}



:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #999;
}


a,.link-url{
    color: #b87117;
   font-weight:500;
text-decoration:none;
}


.link-black{
color:#333;
}


a:hover{
text-decoration:none;
}

a:focus {
   outline: 0;
   outline: none;
   border:0;
   text-decoration:none;
}

.full-page{
   width:1150px;
   margin:0 auto;
   position:relative;
}



.col-2{
   width:48%;
   float:left;
   margin-bottom:10px

}


.col-2-right{
   width:48%;
   float:right;
   margin-bottom:10px
}


.my-thumb{
   height:75px;
   width:auto;
   margin: 0 15px 15px 0;
   float:left;
   
}

.border-gal{
border:1px solid #efefef
}


.mehr-info,.button-back{
  border:1px solid #4a4a4a; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; font-size:13px;font-size: 0.8125rem; padding:0px 6px 0px 6px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color: #FFFFFF;
 background-color: #666666; background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
 background-image: -webkit-linear-gradient(top, #666666, #333333);
 background-image: -moz-linear-gradient(top, #666666, #333333);
 background-image: -ms-linear-gradient(top, #666666, #333333);
 background-image: -o-linear-gradient(top, #666666, #333333);
 background-image: linear-gradient(to bottom, #666666, #333333);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#666666, endColorstr=#333333);
  margin-top:8px;
font-weight:600



}





.mehr-info:hover,.button-back:hover{
 border:1px solid #333333;
 background-color: #4d4d4d; background-image: -webkit-gradient(linear, left top, left bottom, from(#4d4d4d), to(#1a1a1a));
 background-image: -webkit-linear-gradient(top, #4d4d4d, #1a1a1a);
 background-image: -moz-linear-gradient(top, #4d4d4d, #1a1a1a);
 background-image: -ms-linear-gradient(top, #4d4d4d, #1a1a1a);
 background-image: -o-linear-gradient(top, #4d4d4d, #1a1a1a);
 background-image: linear-gradient(to bottom, #4d4d4d, #1a1a1a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4d4d4d, endColorstr=#1a1a1a);
color:#fff;
}



#kontakt{
font-weight:300;
font-size: 50px;
   font-size: 3.0rem; 
   position:absolute;
   right:0;
   top:25px;

}


.col-60{
   width:62%;
   float:left
}

.col-30{
   width:32%;
   float:right
}


.colors-stands{
margin-bottom:10px;width:600px;margin:0 auto
}


#headerimage-scale{
 background-color:#fff;
   width:100%;
   height:650px;
   overflow:hidden;
   padding-top:68px;
   margin-bottom:30px;
   z-index:99
}



#nav-spacer{
   width: calc(100% - 309px);

   background-color:#333;  
   float:left;
   height:75px
}




#sidebar-container{
   position:absolute;
   right:0;
   top:0px;
   z-index:999;
  width:35px;
   height:75px;
   overflow:hidden
}



#logo{
float:left;
   padding:0px 0 0px 0;
   width:274px;
   height:auto;
   z-index:99
   
}

#logo-left {
   background-color:#333;
    float: left;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
   height: 75px;
}

#logo-right {
   background-color:#333;
    float: left;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height:75px;
}



#header{
    width:100%;

   z-index:9;
   position: fixed;


}

.mycontent{
   padding-top:90px;
   backgrund-color:#fff;
}


.line-detail{
   border-top:1px solid #333;
   
   margin:20px 0 15px 0}

.line-header{
width:100%;
   height:5px;
   border-bottom:1px solid #333;
   position:fixed;
   top:73px;
   z-index:9

}



.line-top{
   height:6px;
   margin:15px 0 30px 0;
   border-top:1px solid #333;
   border-bottom:2px solid #333;
}



.line-content{
   height:6px;
   margin:35px 0 25px 0;
   border-top:1px solid #333;
   border-bottom:2px solid #333;
}



h1{

  color: #333;
  font-size: 32px;
  line-height: 38px;
  font-size: 2.0rem;
  line-height: 2.375rem;
  margin: 0px;
  font-weight: 500;
    margin-bottom:5px;


}


 h2,.consent-titel {

  color: #333;
    font-size: 20px;
    line-height: 26px;
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin: 0px;
    font-weight: 500;
    margin-bottom:5px;
    text-transform:uppercase;
}


#back-top {
    right: 10px;
    bottom: 300px;
    top: auto;
    position: fixed;
    text-decoration:none;
    cursor: pointer;
   filter: alphƒopacity=50);
   
/*
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
 -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;*/
    z-index:99;
}

#back-top a {
   font-family: 'Raleway', sans-serif;
   color: #333 !important;
   font-size: 35px;
   font-size: 1.8rem;
   line-height: 1.5rem;
   text-align: center;
   display: block;
   font-weight: 300;
   -webkit-transition: 1s;
   -moz-transition: 1s;
   transition: 1s;
   width: 40px;
  height: 40px;
   padding:2px 0 0 2px;
 -moz-border-radius:5px;
	-webkit-border-radius:5px;
   border-radius:5px;
  /* background-color:#1b2edd;*/
  border:1px solid #333;
}



img {
   width:100%;
   max-width: 100%;
   width: auto\9; /* ie8 */
   display:block;
   margin:0;
   padding:0;
   height: auto;
   border:0;
   border: none;

}


.videoScale {
   position: relative;
   // padding-bottom: 56.25%; /* 16:9 */
   
   padding-bottom: 49.50%; 
   padding-top: 25px;
   height: 0;
}


.videoScale iframe {
  position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}



input, textarea, select{
    background-color:#edeeec;
   border:0;
   border:none;
   
   color: #333;
   padding:4px;
   margin-bottom:4px;
-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

   
}


.smaller{
   font-size: 12px;
   line-height: 17px;
   font-size:  0.75rem;
   line-height: 1.125rem;
}


#footer-all{
   width:100%;
   background-color:#333;
   padding:15px 0 30px 0;
   margin:0;
  
  
}


#footer{width:1150px; margin:0 auto;   background-color:#333;
}

#footer,.footer-a{
   margin:0 auto;
   font-size: 12px;
   line-height: 17px;
   font-size:  0.75rem;
   line-height: 1.125rem;
   color:#fff;

   font-weight:300;
}


.footer-a:hover{
color:#fff
}

.footer-h{
   font-weight:500;
   font-size: 12px;
   line-height: 17px;
   font-size: 0.75rem;
   line-height: 1.0rem;
   text-transform:uppercase;
}


.col-4-first{
   width:18.0%;
   float:left;
   margin-right:15%
}




.col-4-second{
   width:29%;
   float:left;

}


.col-4-third{
   display:inline-block;
   float:left;
}



.col-4-last{
   float:right;
   display:inline-block;

}





.my-button {
   
   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f1f1f1), color-stop(1, #e3e3e3));
	background:-moz-linear-gradient(top, #f1f1f1 5%, #e3e3e3 100%);
	background:-webkit-linear-gradient(top, #f1f1f1 5%, #e3e3e3 100%);
	background:-o-linear-gradient(top, #f1f1f1 5%, #e3e3e3 100%);
	background:-ms-linear-gradient(top, #f1f1f1 5%, #e3e3e3 100%);
	background:linear-gradient(to bottom, #f1f1f1 5%, #e3e3e3 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e3e3e3',GradientType=0);
   background-color:#f1f1f1;
   border:1px solid #dcdcdc;
   color:#333;
   	text-shadow:0px 1px 0px #ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	padding:4px 6px;
	text-decoration:none;
 font-size: 12px;
line-height:14px;
font-size:0.75rem; 
   line-height:0.875rem;
   text-transform:uppercase;
}




@media screen and (max-width:1700px) {
   #headerimage-scale{
      height:auto;
   }
   
}



@media screen and (max-width:1250px) {
.col-4-first{ width:20.0%; margin-right:13.5%}
.col-4-second{width:29%;}
  
}



@media screen and (max-width:1200px) {
 .full-page,#footer { width:90%;}
.my-thumb{ height:65px;}
#container-insta{ width:90%; }
   
}



@media screen and (max-width:1100px) {
.my-thumb{ height:60px;}
}



@media screen and (max-width:1050px) {
   
   
   .my-thumb{ height:60;}
   
.col-60{ width:58%;}

.col-30{ width:36%;}
   
   #container-insta{height:35px}
   
   #instagram{
width:35px;}

   
}





@media screen and (max-width:1020px) {
   .my-thumb{ height:58px;}
   .col-4-first{ width:24.0%; margin-right:10.5%}
.col-4-second{width:28%;}
   
}



@media screen and (max-width:980px) {
   .my-thumb{ height:55px;}
}



@media screen and (max-width:920px) {
   .my-thumb{ height:52px;}
}


@media screen and (max-width:880px) {
   .my-thumb{ height:48px;}
}


@media screen and (max-width:850px) {
   
   .my-thumb{ height:45px;}
}


@media screen and (max-width:800px) {
    .col-4{ width:26%;}

}



@media screen and (max-width:768px) {
.col-60{width:100%;  float:left;margin-bottom:30px;}
   .col-30{width:100%;float:left}
  
   .col-2{width:47%;}
   .col-2-right{ width:47%;}
   .videoScale {   padding-bottom: 52.8%; }
   .col-4-first{ width:25.0%; margin-right:6.0%}
.col-4-second{width:29%;}
   body{  font-size: 16px;line-height:17px;font-size: 1.0rem;   line-height:1.375rem;}
}



@media screen and (max-width:750px) {
   .my-thumb{ height:42px;}
   
   .col-4-first{ width:45.0%;margin-right:0;height:100px;}
.col-4-second{float:right;margin:0;width:40%}
   .col-4-third{float:left;width:40%;clear:both;margin-top:30px}
      .col-4-last{width:40%;margin-top:30px}
   
#back-top {right: 5px;}
}



@media screen and (max-width:730px) {
   .my-thumb{ height:40px;}
}



@media screen and (max-width:680px) {
 .col-2{width:100%;margin-bottom:30px;}
   .col-2-right{ width:100%;float:left;}
   .my-thumb{ height:80px;}
}


@media screen and (max-width:620px) {
   .colors-stands{width:100%}
   .my-thumb{ height:73px;}
      .col-4-first,.col-4-second{height:220px}
}


@media screen and (max-width:550px) {
   .colors-stands{width:100%}
   .my-thumb{ height:67px;}
   .videoScale {   padding-bottom: 50.50%; }


}





@media screen and (max-width:500px) {
  
#headerimage-scale { padding-top: 75px;}
  
   .mycontent{padding-top:78px;}
   
   .my-thumb{ height:60px;}
   #back-top a {font-size: 30px; font-size: 1.6rem; line-height: 1.35rem;   padding:2px 0 0 2px;width: 30px; height: 30px;}
   #back-top {right: 2px;}
   
      .col-4-first,.col-4-second{height:200px}
      
      #container-insta{    bottom:15px;height:33px}
         #instagram{
width:33px;}
      
}





@media screen and (max-width:450px) {

   .my-thumb{ height:52px;}
   .videoScale {   padding-bottom: 49.5%; }
         .col-4-first,.col-4-second{height:200px}
}


@media screen and (max-width:400px) {
  
      .my-thumb{ height:48px;}
   
}