html{font-size:16px;}

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





.cta-spotlight{
z-index:9;
position:absolute;
bottom:43%;
left:17%;
}

#social{
width:100%;
text-align:center;
border-top: 1px solid #e8e7e7;
padding:20px 0;
}

.social-cont{
display:inline-block;
}

.social_icon {
    width: 65px;
    float: right;

}


     .row-more{width:104.0% }


.image-artikel {
    border: 1px solid #e8e7e7;
}

a{
color:#494d51;
text-decoration:underline
}

.container-colls{
    padding: 0;
    overflow: hidden;
    width:100%;
  
}



.home-titel{
   font-family: 'Montserrat', sans-serif;

text-align:center;
border-top:1px solid #e8e7e7;
padding-top:10px;
text-transform:uppercase
}


.row.display-flex {
  display: flex;
  flex-wrap: wrap;
     flex-flow: row column;
     
}

.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}


.coll-home{
text-align:center;
background-color:#f5f5f5;
text-decoration:none !important;
padding:30px 20px;
height:100%;
}

.h-coll{
 font-size: 24px;
line-height:30px;
font-size: 1.5rem; 
line-height:1.875rem;
text-decoration:none;
}


.cta-button{
-webkit-border-radius: 13px;
    -moz-border-radius: 13x;
    border-radius: 13px;
    border:1px solid #b7b7b7;
    padding:6px 20px;
    font-weight:500;
    display:inline-block;
}


.highlight{
text-decoration:underline !important;
color:#494d51 !important;
}

.t-top{
width:100%;

text-align:center;
border-bottom:1px solid #e8e7e7;
padding-bottom:15px;
margin-bottom:25px;
}


.line-content{
width:100%;
height:1px;
background-color:#e8e7e7;
margin-bottom:12px
}


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


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

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



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








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





b{
font-weight:600;
}

br.cb { 
   clear: both; 

}


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



.line-top{
   width:100%;
   height:1px;
   margin:0px 0 18px 0;
   border-bottom:1px solid #e8e7e7;
}


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

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

.grid{
   width:49.95%;
   float:left;
   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:1px solid #e8e7e7;
   text-align:center
}
   
.container{
   width:100% !important;
   padding:0;
}

.page-max,.page-max-footer{
   width:1210px;
   text-align:center;
   margin:0 auto;
   margin-top:0;
   position:relative;
  
}

.page-full{
width:100%;
float:left;
}

#tf-body{
   width:1210px;
   margin:0 auto;
   position:relative;
   padding-bottom:40px;

}



#tf-header-cont{
   width:1210px;
   margin:0 auto;
   position:relative;
   height:115px
   

}


#logo{
   width:100px;
   float:left;
   margin-top:20px;
 
}


#tf-search{
   position:absolute;
   left:0;
   top:20px;
      background-color: rgba(255,255,255);

  height:90px;
 
  transition: 0.8s;
  z-index:99;
   width:100%;
   opacity:0;
  visibility:hidden

}


#close-search{
float:right;
margin-top:0px;
}

#search-open{
width:35px;
float:right;
 margin:75px 60px 0 0;
}



#tf-lang{
   position:absolute;
   right:0;
   margin-top:82px;
   display:inline-block;
   padding:0;
   z-index:1
}





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






#main-menu{
width:auto;
float:left;
   text-align:left;
   padding:0;
   margin:0;
   margin:74px 0 0 45px;
   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%;
   border-top:1px solid #e8e7e7;
    border-bottom:1px solid #e8e7e7;
   text-align:left;
   color:#fff;
   padding:18px 25px 0px 25px
}



.grid-footer-1,.grid-footer-2,.grid-footer-3,.grid-footer-4,.grid-footer-5 {
   width: 20.0%;
   float: left;
   text-align: left;
   margin-bottom:20px;
   
}


.grid-footer-5 {
   margin-right:0
}



#tf-footer,.footer-a{
 color:#7a7c7f;
 
   font-size: 12px;
    line-height: 18px;
    font-size:   0.75rem;
   line-height: 1.25rem;
   font-weight:300;
 text-transform:uppercase;
 text-decoration:none;
}

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


.footer-a:hover{
   text-decoration:none;
   color:#494d51;
}


/* vertical spacing between columns

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

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



}


a {color:#7a7c7f; 
   text-decoration:none;
   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;

}

.slide-1{
 font-size: 50px;
line-height:58px;
font-size: 3.125rem; 
line-height:3.625rem;
}

.slide-2{
font-family: "HallOfFun-Regular";
 font-size: 56px;
line-height:64px;
font-size: 3.5rem; 
line-height:4rem;
margin-top:-10px;
}

.slide-1,.slide-2{
  text-shadow: 1px 1px #666;

}


h1{

   font-size: 30px;
line-height:36px;
font-size: 1.875rem; 
line-height:2.25rem;
   margin:0 0 4px 0;
font-weight:300;
   letter-spacing:0.04rem;
   text-transform:uppercase

}



h2,.consent-title{

   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;

}


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{

   padding-top:0px;
}

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


}




.select-custom{
 border:0;
   height:25px;
  color:#494d51;
     -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{
  
   padding:4px;
   font-size:16px;
   line-height:22px;
   background-color: #efefef;
   border:1px solid #e8e7e7;
   color:#494d5



}




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

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

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



.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:focus,.btn:active,.btn-succes:hover:focus {
   outline: none !important;
   box-shadow: none;
}


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

}

   
.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;

}



.videoScale {
    position: relative;
    padding-bottom: 56.25%;
    padding-top:0px;
    height: 0;
}


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



.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-max,#tf-body{ width:95%;}
   .page-max-footer{width:100%}
   body{background-color:#fff}
   #tf-header-cont{width:100%}
  .container-pair{width:124%; margin-left:-12%}

.single-item{width:75%;}


}

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

#news-home {    width: 200px;}
    

.cta-spotlight{
bottom:45%;
left:15%;
}


}




@media screen and (max-width:1000px) { 
   .container-pair{width:130%; margin-left:-15%}
   .single-item{width:100%;}
 
   .grid-footer-1,.grid-footer-2,.grid-footer-3{ width: 20%; margin-right: 10.0%;}

   .grid-footer-5{display:none}
   .grid-footer-3{margin-right:0}
   .grid-footer-4{float:right;margin-right:0;display:inline-block;width:auto}

     .row-more{width:102.0% }


}






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

   .grid-footer-1,.grid-footer-2,.grid-footer-3{ width: 22%; margin-right: 7.0%;}
  .grid-footer-3{margin-right:0}
   
   
.cta-spotlight{
left:14%;
}
   
   
}
   




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

.container-colls{
width:95%;
margin:0 auto;

}


.pplz{
padding-left:0  !important
}


   .padd-cat {  margin-top: 10px;}
    #tf-body{padding-top:0px;} 
  
   
   .line-content { margin: 0px 0 10px 0;}
   .line-top { margin: 12px 0 15px 0;}
   


#tf-search{
 left:0;
   top:4px;
  height:90px;}
  
  


#tf-lang {
   margin-top: 37px;  }
   #search-open {
   margin: 30px 65px 0 0;}
   #logo{position:absolute;top:0px;padding:0;margin-left: auto; margin-right: auto; left: 47%;transform: translate(-47%, 0);width:72px}
   #main-menu{display:none;}
   #mobile-menu{display:block; }
    #line-search{display:block;}
   .select2-container {  margin:0 auto}
   #tf-header-cont{ height:75px;width:95%;z-index:99;background-color:#fff;}


   
   .col-60{width:100%;  float:left;margin-bottom:30px;}
   .col-30{width:100%;float:left}
   
   .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;}
   
     .row-more{width:101.0% }
     
        
.cta-spotlight{
left:12%;
}
   

   
}


@media screen and (max-width:700px) {
  .grid-footer-1,.grid-footer-3{ width:50%;margin:0;clear:both}

.grid-footer-3{clear:both}
.grid-footer-2,.grid-footer-4{float:right;width:26%;margin-right:0}

}






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

body{ font-weight:300; font-size: 14px;line-height:19px;font-size: 0.875rem;  line-height:1.25rem;}   
.cta-spotlight{
left:10%;
bottom:37%
}
   
}



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


 #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}
      
      .grid-footer-2,.grid-footer-4{;width:33%;}
  .row-more{width:102.0% }

}


@media screen and (max-width:510px) {
.cta-spotlight{
left:6%;
bottom:37%
}
 

}


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

   
   .slide-1{
 font-size: 35px;
line-height:42px;
font-size: 2.1875rem; 
line-height:2.5rem;
}

.slide-2 {

    font-size: 42px;
    line-height: 50px;
    font-size: 2.625rem;
    line-height: 3.0rem;
}
   

}


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

   .grid-footer-1,.grid-footer-2,.grid-footer-3,.grid-footer-4,.grid-footer-5 {overflow:hidden}


    .container-pair{width:130%; margin-left:-15%}

         .col-xs-6{width:100% !important}

   #logo {left: 35%;
      transform: translate(-35%, 0);   
   }
   
   
         .grid-footer-2,.grid-footer-4{width:34%;}

   .grid-footer-1, .grid-footer-3 {
    width: 55%;}
   
   
   .cta-spotlight{

bottom:34%
}
   
   
    .slide-1{
 font-size: 30px;
line-height:38px;
font-size: 1.875rem; 
line-height:2.75rem;
}
   
   .slide-2 {
    font-family: "HallOfFun-Regular";
    font-size: 36px;
    line-height: 40px;
    font-size: 2.25rem;
    line-height: 2.75rem;
}
   
   .cta-button{
    padding:4px 12px;

}
   
   
   
}






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


   .cta-spotlight{

bottom:30%
}

    .slide-1{
 font-size: 25px;
line-height:33px;
font-size: 1.5625rem; 
line-height:1.875rem;
}
   
   .slide-2 {
    font-family: "HallOfFun-Regular";
    font-size: 30px;
    line-height: 40px;
    font-size: 1.875rem;
    line-height: 2.125rem;
}
   
  .cta-button{
    padding:4px 10px;

}

}


@media screen and (max-width:340px) {
   
              .row-more{width:102.8% }

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

      .grid-footer-2,.grid-footer-4{width:35%;}

}

   
}