html{font-size:16px;}

body{
   font-family: 'Open Sans', sans-serif;
   font-weight:300;
   font-size: 14px;
line-height:19px;
font-size: 0.875rem; 
line-height:1.25rem;
color:#6c6c6c;
margin:0;
   padding:0;
   letter-spacing:0.01rem;
   -webkit-text-size-adjust: 100%;
   background-color:#efefef;
}

.line-content{
width:100%;
height:10px;
/*background-color:#7c7c7c;*/
background-color:#0e0e0e;
margin-bottom:12px
}


.pplz{
padding-left:15px !important
}


#news-home {
z-index:9;
    width: 300px;
    position: absolute;
    left: 5%;
           background-image:url();
top: 40px;
    
    
    /*
        border-radius: 50%;

       background-color:#FED141;
filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
   text-align: center;
   -webkit-transform: rotate(-15deg);
   -moz-transform: rotate(-15deg);
   -ms-transform: rotate(-15deg);
   -o-transform: rotate(-15deg);
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-3);
   */
}

.l-teaser:hover{text-decoration:none;}



.hide-line{display:none;width:100%;float:left;}

.line-wk{
   height:2px;
   width:100%;
   background-color:#f1f1f1;
   clear:both;
   margin:15px 0 15px 0
   
}

.wk-1,.wk-2,.wk-3,.wk-4,.wk-5{line-height:22px;line-height: 1.375rem;}
.link-normal{color:#6c6c6c !important;}

.wk-1{float:left;width:13%}
.wk-2{float:left;width:20%;margin-left:2%;}
.wk-3{float:left;width:15%;;text-align:center;}
.wk-4{float:right;width:35%;}
.wk-5{float:right;width:15%;text-align:right}
.wk-mwst{float:right;width:30%;text-align:right;}
.wk-delete-item{ 
   font-weight:500;background: url(1167.svg) no-repeat left; 
   background-position: left 3px bottom 1px; 
   margin-left:-2px; 
   background-size: 15px 15px;padding:5px 0 0 25px;
       font-size: 13px !important;
   font-size: 0.8125rem !important;
   margin-top:4px;
}

#wk-details-mobile{display:none}




#js-header{
   width:1240px;
   position:relative;
   background-color:#fff;
   z-index:99;


 
}

.container-pair{
   width:116%;
   padding:0;
   margin:0;
   overflow-x:hidden;
   margin-left:-8%
}


header.smaller-header {
   height: 125px;

}

header.smaller-header #tf-header-cont{

      border-bottom:2px dotted #7c7c7c;
}

header.smaller-header #logo{
   width: 85px;
   padding-top:15px;
            transition:all 0.3s ease;

}


header.smaller-header #main-menu{
margin-top:5px;
}




b{
font-weight:600;
}

br.cb { 
   clear: both; 

}


.padd-cat{
margin-top:16px;
}



.line-top{
   width:100%;
   height:1px;
   margin:12px 0 18px 0;
   border-bottom:2px dotted #7c7c7c;
}


.line-cont{
      width:100%;
   height:1px;
   margin:25px 0 25px 0;
   border-bottom:1px dotted #7c7c7c;
}
   
.line-grey,.line-grey-cont{
 width:100%;
   height:1px;
   margin:10px 0 10px 0;
   border-bottom:1px dotted #7c7c7c;
}

.line-grey-cont{
   margin:20px 0 20px 0;
}
   

.grid{
   width:49.95%;
   float:left;
   border-right:2px dotted #7c7c7c;
   padding-right:5%;
   margin-right:5%
}


.grid_right{
    width:45%;
   float:left
}

#detail-pair{
   width:100%; 
   display: flex; 
   flex-flow: row column;
}

.single-item
{    width:60%;
   padding-right:0;
   margin-right:0;
   border-right:0;
   border-bottom:0;
 }


#line-search{
      width:100%;
   display:none;
   height:1px;
   margin:10px 0 15px 0;
   border-bottom:2px dotted #7c7c7c;
   text-align:center
}
   
.container{
   width:100% !important;
   padding:0;
}

#page-all{
   background-color:#fff;
   width:1240px;
   text-align:center;
   margin:0 auto;
   position:relative;
  
}

#tf-body{
   width:1184px;
   margin:0 auto;
   position:relative;

}



#tf-header-image{
  /* padding-top:200px;*/


}

#tf-header-cont{
   width:1184px;
   margin:0 auto;
   position:relative;

}


#logo{
   width:150px;
   margin:0 auto;
   padding-top:27px;
               transition:all 0.3s ease;
}


#tf-search{
   position:absolute;
   left:2px;
   top:14px;
   display:inline-block;
   width:200px;

}


   
#tf-search-mobile{display:none;}




#tf-lang{
      position:absolute;
right:75px;
   top:14px;
  text-align:left;
   display:inline-block;
   padding:0;
}





.dropdown-toggle{
  background-color: #efefef;
   border-radius:3px;
   border: 1px solid  #0e0e0e;
   height:24px;
   width:auto;
}





.lang-flag{
   width:25px;
   float:right
}



#tf-warenkorb{
   background-color:#0e0e0e;
   position:absolute;
   right:0px;
   top:14px;

   width:60px;
   height:24px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}


#main-menu{
width:100%;
   text-align:center;
   padding:0;
   margin:0;
   margin-top:20px;
   height:37px;
 
}

#mobile-menu{
   display:none;
   position:absolute;
   left:0;
   top:18px;
}


.box-home{
  float:left;
   /*padding:0 20px 0px 20px;*/
   padding:0 0 30px 0;
   margin:0;
   margin-bottom:30px;
   
}





#tf-footer{
   width:100%;
   background-color:#0e0e0e;
   text-align:left;
   color:#fff;
   padding:18px 25px 25px 25px
}



.col-4,.col-4-second,.col-4-third,.col-4-last{
min-height:100px;
}

.col-4{
   width:31.0%;
   float:left;


}


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


.col-4-third{
   width:23.5%;
   float:left;
}


.col-4-last{

   float:right;
display:inline-block;
}



#tf-footer,.footer-a{
   font-family: 'Montserrat', sans-serif;
   margin:0 auto;
   font-size: 11px;
    line-height: 16px;
    font-size:   0.6875rem;
   line-height: 1.0rem;
   color:#fff !important;
   font-weight:300;

}

.footer-h{
   font-family: 'Montserrat', sans-serif;
font-weight:700;
    font-size: 12px;
    line-height: 17px;
    font-size: 0.75rem;
   line-height: 1.0rem;
   text-transform:uppercase;
   color:#fff;
      margin-bottom:4px;
}


.footer-a:hover{
   text-decoration:none;
}


/* vertical spacing between columns

[class*="col-"] {
  margin-bottom: 35px;
}
 */

.row-flex {
  display: flex;
   flex-wrap: wrap;
   margin:0 auto
}

/*
.padd-no-claim{
padding-top:200px
}
*/


.padd-cont{
 padding-bottom:40px;
}

#tf-content{
position:relative;
   width:100%;
   text-align:left;
   min-height:300px;

}


a {color:#0e0e0e !important; 
   text-decoration:none !important;
   font-weight:normal;}

a:hover {color:#6c6c6c;text-decoration:underline;}




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




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


input:focus, select:focus, textarea:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}





div#imagegallery img{display:inline;}

img{display:block;border:0px;}

img.map, map area{
    outline: none;
}

.linecont{
width:100%;border-bottom:1px dotted #cccccc;float:left;margin:20px 0 20px 0
}

br.cb { 
   clear: both; 
}



#news{
   z-index:99;
    width: 150px;
    height: 150px;
   position:absolute;
   left:400px;
   top:185px;
   /*bottom:30%;
     border-radius: 50%;
      background-color:#fff;
   filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
   opacity: 0.8;*/
   */
   text-transform:uppercase;
   text-align:center;

}


h1{
   font-family: 'Montserrat', sans-serif;
   font-style:normal;
   font-size: 26px;
line-height:30px;
font-size: 1.625rem; 
line-height:1.875rem;
   font-weight: 500; 
   margin:0 0 4px 0;

   letter-spacing:0.04rem;
   color: #0e0e0e;
}



h2,.consent-title{
   font-family: 'Montserrat', sans-serif;
   font-style:normal;
   font-size: 20px;
line-height:24px;
font-size: 1.25rem; 
line-height:1.5rem;
   font-weight: 500; 
   margin:5px 0 0 0;
   margin-bottom:4px;
   letter-spacing:0.04rem;
   color: #0e0e0e;
}


h3{
 font-size: 13px;
line-height:14px;
font-size: 0.875rem; 
line-height:1.125rem;
   text-transform:uppercase;
   letter-spacing:0.05rem;
   margin:0 0 10px 0;
   font-weight:500;
}


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

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



.col-50{
   width:45%;
   float:left
}

.col-50-right{
   width:45%;
   float:right
}



.beschreibungstext{

   font-size: 13px;
line-height:16px;
font-size: 0.8125rem; 
line-height:1.0rem;
  
}

.ringtitel{
   font-size:12px;
   font-weight: 300; 
   color: #6c6c6c;
   padding-top:0px;
}

#filter-list{
   float:right;
   margin-top:10px;


}




.select-custom{
 border:0;
   height:25px;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
   border:1px solid #7c7c7c;
   background: url(1151.svg) no-repeat right #efefef;
   width:auto;
   padding:0 25px 0 10px;
   background-size:18px 18px;
    -webkit-appearance: none;
   -moz-appearance: none;


}


select::-ms-expand {
    display: none;
}


.preis{

   font-style:normal;
   font-size:12px;
   font-weight: 600; 
   margin-bottom:2px;
   line-height:14px;
   color: #666666;
}
.news {color:#333333; font-size:11px;text-decoration:none;font-weight:normal;line-height:19px;text-decoration:none;}

.lagernd{color:#FF0000}
.produktion{color:#339933}

.headline18{font-size:18px;margin-bottom:16px;}



.IndexHead{font-size:14px;;line-height:18px;margin-top:0px;color:#333333;font-weight:normal;}

.MenuHead{color:#333333;line-height:19px;font-size:12px;}


.TextFacts{color:#666666;line-height:15px;font-size:11px;}


.TextFactsLink{color:#333333;line-height:15px;font-size:11px;}

.facts_upper{color:#666666;line-height:15px;text-transform:uppercase;font-weight:bold;font-size:11px;}
.footer_button{color:#FFFFFF;font-size:10px;text-transform:uppercase;}

.back{color:#333333;background-image:url(449.gif);background-repeat:no-repeat;padding-left:20px;line-height:19px;}
.map{color:#333333;background-image:url(450.gif);background-repeat:no-repeat;padding-left:20px;line-height:19px;}




.TextLink {color:#333333; font-size:12px;text-decoration:none;font-weight:normal;line-height:19px;}

.service_link{color:#ffffff;font-size:11px;line-height:14px;}


.headline12{font-size:12px;margin-bottom:14px;}
.headline_upper{font-weight:bold;text-transform:uppercase;}



#container_box{
width:175px;
height:20px;
float:left;
text-align:center;
background-image:url(418.gif);
margin-left:7px;
} 


.search_button{
float:right;
margin-right:2px;
margin-top:2px;
}


.suchfeld{
float:left;
margin-top:1px;
}



input, textarea, select{
  

   font-size:12px;
   line-height:20px;
   background-color: #f5f5f5;
   border:1px solid #7c7c7c;
   color:#0e0e0e;
   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;


}




::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;
}



.sucheingabe {font-family:Verdana;color:#666666;font-size:10px;line-height:12px;}

.multiple_select {color:#333333;font-size:11px;height:17px;line-height:18px;}

.footer{color:#FFFFFF;font-size:10px;background-color:#333333;}

input[type="submit"]:active {
   color: green;
       background-color: #666666;
}

.mybutton,.btn-succes,.btn-succes:hover:focus {

    border: 1px solid #4a4a4a;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 0px 6px 0px 6px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #FFFFFF !important;
    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: 4px;
   font-weight: 600;
   height:24px;
  
   
   }


.btn-succes  {
   padding: 2px 6px 4px 6px;

}

.btn-succes:hover:focus {

}

   
.mybutton:hover,.btn-succes: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;

}



ul.my-list { margin-left: 1.4em; list-style: none;  position: relative; line-height: 180%;}


ul.my-list li:before{
    position:absolute;
     left: -1.4em;
   content: url(1119.svg) " " !important;

}




.videoScaleMapContent {
   position: relative;
   padding-bottom: 78.0%; 
   height: 0;
}

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







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

}




@media screen and (max-width:1250px) {
   #page-all{width:95%;}
   #js-header {width:100%;}
   body{background-color:#fff}
   #tf-header-cont,#tf-body{width:100%}
  .container-pair{width:124%; margin-left:-12%}

.single-item{width:75%;}


}

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

#news-home {    width: 200px;}
    

}




@media screen and (max-width:1000px) { 
   .container-pair{width:130%; margin-left:-15%}
   .single-item{width:100%;}
   .wk-2{width:28%;margin-left:1%}
   .wk-3 { float: left; width: 10%;}
   .wk-4{width:30%}
   

   
}






@media screen and (max-width:890px) { 
.grid{width:50.15%;}
.grid_right{width:44.7%;float:right}
.single-item{width:100%;}


   
}
   




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

.pplz{
padding-left:0  !important
}


   .padd-cat {  margin-top: 10px;}
    #tf-header-image,.padd-no-claim  {padding-top: 0px;}
    #tf-body{padding-top:75px;} 
   header.smaller-header #logo{width:52px;padding:0;top:6px;}
   header.smaller-header #tf-header-cont {height: 55px;}
   header.smaller-header {height: 55px;}
      header.smaller-header #tf-warenkorb {top:14px}
         header.smaller-header #mobile-menu {top:10px}
            header.smaller-header #tf-lang {top:14px;right:70px}
   
   .line-content { margin: 0px 0 10px 0;}
   .line-top { margin: 12px 0 15px 0;}
   
   
   #tf-lang{ position:absolute;top:24px;right:70px}
   #tf-warenkorb {top:24px;}
   
   
   #logo{position:absolute;top:10px;padding:0;margin-left: auto; margin-right: auto; left: 50%;transform: translate(-50%, 0);width:72px}
   #main-menu{display:none;}
   #mobile-menu{display:block; }
   
   #tf-search-mobile{
      display:block;
     
      height:40px;
       text-align:center}
   
 
   
   
   #line-search{display:block;}
   #tf-search{display:none}
   

   
   
   .select2-container {  margin:0 auto}
   

   


   #tf-header-cont{position:fixed; height:75px;width:95%;z-index:99;background-color:#fff;}


   .col-4,.col-4-third{ width:40%;float:left}
   .col-4-third{clear:both}
   .col-4{margin-bottom:30px;}
   .col-4-second{float:right;width:25%;margin-bottom:30px}
   .col-4-last{float:right;width:25%;}
   .col-60{width:100%;  float:left;margin-bottom:30px;}
   .col-30{width:100%;float:left}
   
   .padd-cont{ padding-bottom:0px;}
   .col-50,.col-50-right{ width:100%; float:left  }    
   .hide-line{display:block;}
  .col-50{ margin-bottom:35px}
   #filter-list{float:left;width:100%}
   
   .single-item{width:100%; }
   .col-single,.col-single-right{width:45% !important}
      .col-single-right{float:right}
   
   h1{ font-size: 22px;line-height:26px;font-size: 1.375rem; line-height:1.625rem; font-weight: 500;  margin:2px 0 0px 0;}
   h2 {font-style: normal; font-size: 16px; line-height: 20px;  font-size: 1.10rem; line-height: 1.25rem;}
     #wk-desktop,.wk-3,.wk-4{display:none;}
   #wk-details-mobile{display:block;}
   .wk-1{width:25%;margin-right:3%}
   .wk-5{width:auto;display:inline-block;}
   .wk-2{width:55%}
      .wk-mwst {width: 60%;margin-right:5%}
   
   
}

@media screen and (max-width:650px) {
 .col-4-second,.col-4-last{width:28%;}
body{ font-weight:300; font-size: 14px;line-height:19px;font-size: 0.875rem;  line-height:1.25rem;}   
}



@media screen and (max-width:600px) {
 .col-4-second,.col-4-last{width:30%;}

 #detail-pair{display:block;}  
   .grid, .grid_right { width: 100%;padding: 0;  border-right: 0px;margin-bottom:20px} 

.grid { border-bottom: 2px dotted #7c7c7c; padding-bottom: 20px;margin-bottom:20px}   
   
   
      .single-item{border-bottom:0 }
   .col-single,.col-single-right{width:100% !important}
      .col-single-right{float:right}

}



@media screen and (max-width:560px) {
 .col-4-second,.col-4-last{width:35%;}

}


@media screen and (max-width:500px) {
 .col-4-second,.col-4-last{width:40%;}
   .wk-2{width:50%}

}



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

    .container-pair{width:130%; margin-left:-15%}
.col-4,.col-4-third{ width:48%;t}
   .col-4-second{width:44%}
   .col-4-last{width:44%;}
         .col-xs-6{width:100% !important}

   #logo {left: 35%;
      transform: translate(-35%, 0);   
   }
   
}




@media screen and (max-width:340px) {
   
     #logo {left: 30%;
      transform: translate(-30%, 0);   
   }
   
   
   h1{ font-size: 18px;line-height:24px;font-size:  1.125rem; line-height:1.5rem; font-weight: 500;  margin:2px 0 0px 0;}
   
   header.smaller-header #tf-lang {top:14px;right:65px}
   
     header.smaller-header #logo {
    
    left: 34%;
      transform: translate(-34%, 0);

}

   
}