@charset "UTF-8";
/* CSS Document */
@font-face {
      font-family: 'fontello';
      src: url('../font/fontello.eot?64981033');
      src: url('../font/fontello.eot?64981033#iefix') format('embedded-opentype'),
           url('../font/fontello.woff?64981033') format('woff'),
           url('../font/fontello.ttf?64981033') format('truetype'),
           url('../font/fontello.svg?64981033#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
     

.select-wrapper {
  width: 130px;
	  position: relative;

}

.select-wrapper select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  height: 33px;
		 background: url(../images/line.png);
	line-height: 33px;
  color: #000;
  outline: none;
  font-family: 'URW Geometric W05 Light';
  font-size: 15px;
	  cursor: pointer;
}

.select-wrapper::before {
  font-family: fontello;
  content: "\f107";
  font-size: 18px;
  position: absolute;
  right: 10px;
  top: 5px;
  color: #000;
	 pointer-events: none;
}

.select-wrapper select option {
  color: #666;
	font-family: 'URW Geometric W05 Light';
}

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

.select-wrapper select:focus::-ms-value {
  background-color: transparent;
}


.grecaptcha-badge{
	visibility: collapse !important;  
}

* {margin: 0; padding: 0; border: none; box-sizing: border-box;}
html, body { font-size: 15px; line-height: 24px; font-family: 'URW Geometric W05 Light'; }

.product_slider2 {position: relative; width:50%; margin: 0 auto;}

#arrow_left { position: absolute; top: 46%; left: -16px; z-index: 999; border-radius: 20px; font-size: 24px; line-height: 24px;  background: url("../images/trans_white.png"); padding: 3px;}
#arrow_right { position: absolute; top: 46%; right: -16px; z-index: 999; border-radius: 20px;  font-size: 24px; line-height: 24px; background: url("../images/trans_white.png"); padding: 3px;}

.zoom {cursor: crosshair;}
.text_mood {position: absolute; z-index: 1; bottom: 0; left: 0; color: #87888a; padding: 0 0 16px 22px; font-size: 106%;}
.text_mood2 {position: absolute; z-index: 1; bottom: 40px; color: #fff; padding: 10px 30px; font-size: 200%; background: url("../images/trans_black.png"); font-family: 'URW Geometric W05 Bold'; left:50%; transform: translate(-50%, 0%);}
.text_mood3 {position: absolute; z-index: 1; width:86%; left:50%; transform: translate(-50%, 0%);
    bottom: 5%; color: #000; padding: 30px 0px; font-size: 140%; line-height: 170%; background-color: #fff; font-family: 'URW Geometric W05 Bold';}
.text_mood4 {position: absolute; z-index: 1; width:86%; height: 86%; left:50%; top: 50%; transform: translate(-50%, -50%);
    bottom: 5%; color: #000; padding: 30px 0px; font-size: 140%; line-height: 170%; background-color: #fff; font-family: 'URW Geometric W05 Bold';}
.text_mood3 a, .text_mood4 a {font-size:68%; font-family: 'URW Geometric W05 Light';}
.text_mood4 h2 {line-height:110%; font-size: 140%;}
.text_mood4 h3 {line-height:110%; padding: 0px 30px}
.text_mood4 p {font-size:68%; font-family: 'URW Geometric W05 Light'; line-height: 135%; padding: 0px 30px}
.elast_mood {height: 6%; width: 10px;}

.search_line {width:158px !important; }

.button_fr {letter-spacing: -0.7px; font-size: 88%;}

#logo_mobile {display:none;}
/* [1] The container */
.img-hover-zoom {
 /* height: 300px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom a img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover a img {
  transform: scale(1.03);
}



.clear {clear: both;} 
a {opacity: 0.8; color: #000;}
a:hover {opacity: 1;}se

.mobile_shove,.mobile_shove2 {display: none;}
a.privacy_lnk {color:#000; white-space: nowrap;}

.mobile_lang_button {cursor:pointer;}
.mobile_lang_div {opacity: 0;}
.small_nav_type {font-family: 'URW Geometric W05 Light'; font-size: 76%;}
.model_active {color: #000 !important; border-color: #000 !important;}

#small_nav {position: absolute; z-index: 6; left: 82px;}


.table {padding-top: 10px;}
.table tr td { padding-bottom: 20px;}

.lang_button {cursor: pointer; }
.lang_div { font-size: 85%; opacity: 0;}

.hideme:nth-child(-n+12){opacity: 1;}
.hideme {opacity: 0;}

.icons_small {display:none;}

.logo_blocks {position:absolute; width:99%; max-width: 700px; border-top:1px solid #fff; padding-top:0.5px; padding-bottom: 0.5px; border-bottom:1px solid #fff; border-left:1px solid #fff; border-right: 1px solid #fff; }
.logo_blocks .blocker {border-right: 1px solid #fff; }

#search {position: absolute; top: 33px; z-index: 5; cursor: pointer; text-align: left; overflow: hidden; }
#hide_search_form, #hide_search_form_mobile {opacity: 0;}
.search_float {float:right;}

#product_grid {
   display: grid;
   grid-gap: 10px;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: repeat(3, auto);
   
}

#product_grid div {
    background-color: #f3f3f3;
    /*display: flex;
    justify-content: center;
    align-items: flex-end;
    text-overflow: ellipsis;
    white-space: nowrap;     
    */
    text-align: center;
    padding: 30px 0;
    
}

.grid_image_max_height {
  object-fit: contain;
  max-height:250px;
  width: 80%;
  }



.boxcounter {display:none;}
/*.hideme {display:none; opacity: 0;}*/
.show-more {displyay:none; cursor: pointer;}

.grid_line_height {line-height: 14px;}
.grid_image_height {height: 200px;}

.new_pad {height: 100px;}

/* Form wrapper styling */
.form-wrapper_new {
    width: 370px; margin: 0 auto;
}

/* Form text input */

.form-wrapper_new input {
    width: 344px;
    height: 24px;
	padding-left:5px;
    float: left;   
    font: inherit;
    font-size: 16px;
    border: 0;
	color:#000;
    background: none;
	border-bottom:1px #000 solid;
}

.form-wrapper_new input:req {
    outline: 0 none transparent;
    background: none;
}

.form-wrapper_new input:focus {
    outline: 0 none transparent;
    background: none;
}

.form-wrapper_new input::-webkit-input-placeholder {
   color: #000;
}

.form-wrapper_new input:-moz-placeholder {
    color: #000;
}

.form-wrapper_new input:-ms-input-placeholder {
    color: #000;
}   

/* Form submit button */
.form-wrapper_new button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
	left:-2px;
    padding-top: 4px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
    cursor: pointer;
    height: 25px;
    width: 20px;
    color: #9b9c9c;
    background: url(../images/questionmark_on.png);
	border-bottom:1px #000 solid;
}  

.form-wrapper_new  button:hover{    
    background: url(../images/questionmark_on.png);
	border-bottom:1px #000 solid;
}  

.form-wrapper_new button:active,
.form-wrapper_new button:focus{  
    background: url(../images/questionmark_on.png);
	border-bottom:1px #000 solid;
    outline: 0;  
	-moz-appearance:none;
}
    

.form-wrapper_new button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}   



#newsletter {
    position: absolute;
height: auto;
width: 376px;
background-color: #fff;
text-align: center;
padding: 20px;
opacity: 1 !important;
top:50%;
left: 50%; transform: translate(-50%, -50%);}

.o-lightbox {
top: 0;
left: 0;
bottom: 0;
right: 0;
background: url("../images/grey.png");
position: fixed;
align-items: center;
justify-content: center;
transform: none;
    z-index: 999;
display: none;}

.o-lightbox2 {
top: 0;
left: 0;
bottom: 0;
right: 0;
background: url("../images/grey.png");
position: fixed;
align-items: center;
justify-content: center;
transform: none;
    z-index: 999;
}

.column {
    float: left;
    width: 33%;
    text-align: center;
    line-height: 21px !important;
}


/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}


 /* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #fff;
  color: #000;
  cursor: pointer;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
    font-size: 15px;
    font-family: 'URW Geometric W05 Light'; 
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  text-decoration: underline;
}

.panel {
  background-color: white;
  padding: 0px 60px 0px 15px;
    min-width: 180px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
    line-height: 210%;
}

.panelright
{text-align: left !important;
 padding: 0px 15px 0px 30px;
 min-width: 0px;}


.filter {position: absolute; z-index: 2; padding: 0 0 0 30px;}
.filter_inside {position: absolute; display: inline-block; overflow: hidden;}

#sorter_small {display:none;}
#sorter {position: absolute; z-index: 2; right: 255px; cursor: pointer; text-align: right;}
#sorter:hover {text-decoration: underline;}

.filter_padding{height:35px; width: 1px;}
#filter2 {left:158px;}
#filter2_var {left:177px;}
#filter3 {left:228px;}
#filter3_razor {left:210px;}
#filter4 {left:276px;}
#filter5 {left:344px;}
#filter5_fr {left:330px;}
#filter6 {left:440px;}
#filter6_razor {left:308px;}
#filter6_razor_fr {left:328px;}

#filter6_var {left:275px;}
#filter6_var_fr {left:295px;}

#filter_small {display:none;}
.bt_open_filter_mobile {cursor: pointer;}

.loeschen {display:none;}



.trigger {
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border-bottom:1px solid #c6c6c6;
	color:#000;
	cursor:pointer;
	margin-bottom:12px;
    padding-bottom: 10px;
	width:90%;
    font-weight: normal;
    font-family: 'URW Geometric W05 Light';
    font-size: 80%;
}
.trigger_active {
	color:#333;
}
.toggle_container, .toggle_container2 {
	width:100%;
    padding: 10px 20px;
    text-align: left;
}

.toggle_container ul, .toggle_container2 ul {list-style: none; font-weight: normal; font-family: 'URW Geometric W05 Light'; font-size: 80%;}



.error_nl {color: #f00; text-align: center; padding-bottom: 10px; display:none;}

/*contact form*/
textarea {resize: none; display: block; width: 100%; border:none; background: url(../images/line.png); font-size: 15px; line-height: 33px; font-family: 'URW Geometric W05 Light'; }
.contact_name {color:#000; font-size:15px; letter-spacing:0.4px; width: 100%; height:33px; border:none; background: url(../images/line.png); line-height: 33px; font-family: 'URW Geometric W05 Light'; }

.buttoner_promo1 {text-decoration: none; display:inline-block; font-family: 'URW Geometric W05 Light'; border: 1px solid #fff !important; color: #fff; background-color: #000; padding: 8px 0px 12px 0px; min-width: 250px; opacity: 1 !important;}
.buttoner_promo2 {margin-top:18px; text-decoration: none; display:inline-block; font-family: 'URW Geometric W05 Light'; border: 1px solid #000 !important; padding: 8px 0px 12px 0px; min-width: 250px; opacity: 1 !important;}

.buttoner_promo1:hover {background-color: #fff; color: #000; border: 1px solid #000 !important;}
.buttoner_promo2:hover {background-color: #000; color: #fff; border: 1px solid #fff !important;}

.buttoner {text-transform: uppercase; border: 1px solid #5d5d5d !important; font-size: 20px; color: #5d5d5d; padding: 4px 30px 7px 30px; font-family: 'URW Geometric W05 Light'; cursor: pointer;}

.buttoner2 {text-transform: uppercase; border: 1px solid #5d5d5d !important; font-size: 20px; color: #5d5d5d; padding: 4px 15px 7px 15px; font-family: 'URW Geometric W05 Light'; text-decoration: none; cursor: pointer;}

.buttoner:hover, .buttoner2:hover {background-color:#ccc !important; color: #fff; border-color: #ccc !important;}

.product_name {text-transform: uppercase;}
.product_category {text-transform: capitalize;}
.product_category2 {font-size: 90%; line-height: 26px; }
.product_category2 img {display:inline; margin-bottom: -2px;}
.greybox, .greybox2 {background:url("../images/prod_grey.jpg")}

.damascus_box {/*background-color: #ecedf1;*/background-color: rgb(233,237,244, 0.6)}
.millennium_box {/*background-color: #e0dfdb;*/ background-color: rgb(224,223,219, 0.6);}
.xp_box {/*background-color: #fbe5e7;*/background-color:rgb(251,229,231, 0.6);}
.green_box {/*background-color: #f0f7f1;*/background-color: rgb(240,247,241, 0.8);}


.sagano_box {/*background-color: #d5eaeb;*/background-color: rgb(213,234,235, 0.6);}
.ivory_box {/*background-color: #f1f0ec;*/background-color: rgb(241,240,236, 0.6);}
.silver_box {/*background-color: #f6f6f6;*/background-color: rgb(246,246,246, 0.9);}
.blue_box {/*background-color: #dce9f1;*/background-color: rgb(220,233,241, 0.6);}
.chrome_box {/*background-color: #dfe3e6;*/background-color: rgb(223,227,230, 0.5);}
.designmaster_box {/*background-color: #f0e9f0;*/background-color: rgb(240,233,240, 0.6);}
.impression_box {/*background-color: #fafaf2;*/background-color: rgb(250,250,242, 1);}
.wasabi_box {/*background-color: #e7e9e6;*/background-color: rgb(231,233,230, 0.5);}
.designrazors_box {/*background-color: #f4f7fc;*/background-color: rgb(244,247,252, 0.9);}
.captain_box {/*background-color: #e9e9e1;*/background-color: rgb(233,233,225, 0.4);}
.various_box {/*background-color: #f5f5f7;*/background-color: rgb(245,245,247, 0.9);}

.unselected {opacity: 0.5;     -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.newsletter_form {color:#36373C; font-family: 'URW Geometric W05 Light'; background-color:transparent; padding:6px; font-size:14px; width:100%; border: 1px solid #c6c6c6; letter-spacing:0.2px;}

/* accordion */
dt { border-top:1px solid #5d5d5d; text-align:center;  padding:15px 0}
dd { display:none; }
.initial-open {display:block;}
.open, .closed {text-decoration: none;}

.route {color: #7C7D7A; text-transform: uppercase; font-size: 70%;}
.route a {text-decoration: none;}

/*teaser content*/
.teaser_cnt {border-top: 0.75px solid #ccc; border-bottom: 0.75px solid #ccc;}
.teaser_cnt2 {border: none; border-top: 0.75px solid #ccc; padding-top: 30px;}
.teaser_cnt div { text-align: left;}
.teaser_cnt_right {padding-top:35px;}
.teaser_img {width:90%;}
.teaser_img_left {}
.teaser_img_left_small {display:none;}
/*
font-family:'URW Geometric W05 Light';
font-family:'URW Geometric W05 Light Obliqu';
font-family:'URW Geometric W05 Regular';
font-family:'URW Geometric W05 Regular Obl';
font-family:'URW Geometric W05 Medium';
font-family:'URW Geometric W05 Medium Obl';
font-family:'URW Geometric W05 Semi Bold';
font-family:'URW Geometric W05 Semi Bold Ob';
font-family:'URW Geometric W05 Bold';
font-family:'URW Geometric W05 Bold Oblique';
font-family:'URW Geometric W05 Extra Bold';
font-family:'URW Geometric W05 Xtra Bold Ob';
font-family:'URW Geometric W05 Heavy';
font-family:'URW Geometric W05 Heavy Obliqu';
font-family:'URW Geometric W05 Black';
font-family:'URW Geometric W05 Black Obliqu';
*/

/*test module damascus*/
.test {display:block;}
.test_mobile {display:none;}

/* layout */

#wrap {position: relative; background-color:#fff; width: 100%; max-width: 1600px; margin: 0 auto; /*border-left: .5px solid #000; border-right: .5px solid #000;*/}

.header {text-align: center; padding-top: 30px; padding-bottom: 30px; position: relative; }
.header a {color: #000; text-decoration: none;}
.header a:hover {color: #202020;}

#mobile_nav, #mobile_search, #mobile_search_form {display:none;}
.logo {width: 83px;}
.plus {font-family:'URW Geometric W05 Light'; float: right; margin-right: 20px; font-size: 125%; font-weight: lighter; opacity: 0.9;}

.side_nav {position: absolute; z-index: 4; font-size: 130%; line-height: 160%; font-family:'URW Geometric W05 Bold'; text-align: center; width: 250px; background-color: #fff;}
.side_nav_mobile, .side_nav_behind_mobile, .filter_mobile, .sorter_mobile {display: none;}
.side_nav_behind {position: absolute; top: 0; opacity: 0; z-index: 3; width:250px; height: 100%; background-color: #fff; text-align: center; font-size: 130%; line-height: 160%; padding-top: 165px; font-family:'URW Geometric W05 Bold';}
.side_nav_behind_line {border-left: 1px solid #989797; }
.hor_arrow {position: absolute; left: -10px; background-color: #fff; padding: 0px 10px 4px 10px; margin-top:82%; display: none; }
.side_nav a, .side_nav_behind a, .side_nav_mobile a, .side_nav_behind_mobile a { position: relative; color: #000; text-decoration: none; cursor: pointer;}
.side_nav a:before, .side_nav_behind a:before, .side_nav_mobile a:before, .side_nav_behind_mobile a:before { content: ""; position: absolute; width: 100%; height: 1.5px; bottom: 0; left: 0; background-color: #000; visibility: hidden; transform: scaleX(0); transition: all 0.3s ease-in-out;}
.side_nav a:hover:before, .side_nav_behind a:hover:before, .side_nav_mobile a:hover:before, .side_nav_behind_mobile a:hover:before { visibility: visible; transform: scaleX(1);}

.side_nav_mobile span a {opacity: 1 !important; color: inherit;}
.side_nav_mobile span a:before { content: ""; position: absolute; width: 0; height: 0; bottom: 0; left: 0; background-color: transparent; visibility: hidden; transform: scaleX(0); transition: all 0.3s ease-in-out;}
.side_nav_mobile span a:hover:before { visibility: visible; transform: scaleX(0);}


.bt_active:before { content: ""; position: absolute; width: 100%; height: 1.5px; bottom: 0; left: 0; background-color: #000; visibility: visible; transform: scaleX(1); transition: all 0.3s ease-in-out;}

.side_nav2 {position: absolute; z-index: 99; right: 0; padding: 0 2.5%; text-align: center; width: 23%; background-color: #fff;}
.side_nav2_small {display:none !important;}

.tech_details {text-align: left; line-height: 330%; font-family:'URW Geometric W05 Light Obliqu'; }

.side_content {width:100%; padding-left: 250px; padding-right: 47px;}
.side_content2 {width:100%; padding-left: 250px; padding-right: 23%; text-align: center;}

.full_height {height: 100%;}

#footer1_head {padding-bottom: 10px;}
#footer2_head {padding-bottom: 10px;}
#footer3_head {padding-bottom: 10px;}
#footer4_head {padding-bottom: 10px;}

.footer {text-align: center;}
.footer_social {width: 55%; margin: 0 auto; padding: 0 150px; }
.footer_nav {width:63%; margin: 0 auto; line-height: 150%;}
.footer_nav a {color: #000; text-decoration: none;}
.footer_nav a:hover {text-decoration: underline;}

.inside_padding {padding-left: 47px; padding-right: 47px;}

.flex_container {display:flex;  justify-content: space-between; flex-wrap: wrap;}
.flex_center {margin-left: 18%;}
.flex_center_text {text-align: left; width:40%; margin: 0 auto;}
/*.flex_container:after {
    content: "";
    flex: auto;
  }*/

.fr_show {display:none;}
.fr_hide {display:none;}

.flex_item {position: relative;}
.flex_item img {width: 100%; height: 100%;}
.side_content2 .flex_container .flex_item img {width: 100%; height: auto;}

.flex_item_oneth_twoth {width: 32.9%; text-align: center; margin-top: 7px; }
.flex_item_twoth_twoth {width: 66.4%; text-align: center; margin-top: 7px;}
.flex_item_oneth_twoth2 {width: 22.9%; text-align: center; margin-top: 7px; }
.flex_item_twoth_twoth2 {width: 76.4%; text-align: center; margin-top: 7px;}

.flex_item_two {width: 45%; text-align: center; margin:7px auto 0px auto;}
.flex_item_three {width: 32.9%; text-align: center; margin:7px auto 0px auto;}
.flex_item_three_footer {width: 32.9%; text-align: center; margin:7px auto 0px auto;}
.flex_twothree_pad {width: 16.5%; height: 1px;}

.flex_item_three_dealers {width: 32.9%; text-align: center; margin: 7px auto 0 auto;}
.flex_item_four {width: 24.5%; text-align: center;  margin-top: 7px;}
.flex_item_five {width: 20%; text-align: center;  margin-top: 7px;}
.flex_item_five_gap {width: 40%; text-align: center;  margin-top: 7px;}
.flex_item_full {width:100%; margin-top: 7px;}
.flex_item_text {position: absolute; bottom: 0px; left: 7%; width:32%; text-align: center; padding: 30px 10px 44px 10px;}
.flex_item_solocenter {width: 50%; text-align: left; margin: 0 auto;}
.flex_item_solocenter2 {width: 60%; text-align: left; margin: 0 auto; padding-top: 10px;}
/*.flex_item_text_full {position: absolute; top: 50%; left: 50%; width: 80%; transform:translate(-50%,-50%); padding: 40px;}*/

.left {width: 45%; text-align: left;}
.center {width: 10%;}
.right {width: 45%; text-align: right;}

/* color */
.trans_grey {background:url("../images/trans_black.png"); color: #fff;}
.trans_grey a {color: #fff;}
.trans_white {background-color:#fff; color: #000;}
.trans_white a {color: #000;}

.red {color: #e30613;}

 a.red {position: relative; color: #e30613;}
 a.red:before { content: ""; position: absolute; width: 100%; height: 1.5px; bottom: 0; left: 0; background-color: #e30613; visibility: hidden; transform: scaleX(0); transition: all 0.4s ease-in-out;}
 a.red:hover:before { visibility: visible; transform: scaleX(1);}


.line {background-color: #989797; height: 1px;}
.lines_headline {border-top: 1px solid #989797; border-bottom: 1px solid #989797; padding: 10px 0 12px 0; font-family:'URW Geometric W05 Bold Oblique'; text-transform: uppercase;}

/* type */
.models {letter-spacing: 5px; text-transform: uppercase;}
.type {font-family:'URW Geometric W05 Bold Oblique'; text-transform: uppercase;}

.flex_item_text a, .flex_item_text_full a {font-size:85%;}
.flex_item_text h1 {font-family:'URW Geometric W05 Light'; font-weight: normal; font-size: 300%; line-height: 90%;}

.teaser_cnt div h1 {font-family:'URW Geometric W05 Bold'; font-weight: normal; font-size: 170%; text-transform: uppercase;}

.flex_item_text_full h1, h2 {font-family:'URW Geometric W05 Bold'; font-weight: normal; font-size: 194%; line-height: 108%;}
.flex_item_text_full h2 {font-family:'URW Geometric W05 Bold'; font-weight: normal; font-size: 170%; line-height: 108%;} 

.flex_item_solocenter h2, .flex_item_solocenter2 h2 {text-align: center;}

.side_nav2 h1, .side_nav2_small h1 {font-family:'URW Geometric W05 Bold'; font-weight: normal; font-size: 180%;  margin-top: 10px; padding-bottom: 3px;}

h3 {font-family:'URW Geometric W05 Bold'; font-weight: normal; letter-spacing: 1px;}

.enforce {font-size: 150%;}
.small {font-size:80%; line-height: 135%;}
.bold {font-family:'URW Geometric W05 Bold';}

.button {display: inline-block; color: #989797; border: 1px solid #989797; padding: 5px 30px 7px 30px; font-size: 130%; letter-spacing: 1px; }
.model {color: #989797; border: 1px solid #989797; padding: 6px; cursor: pointer;}
.lang {color: #989797; border: 1px solid #989797; padding: 6px; cursor: pointer;}

.lang_button:before {background-color: #fff !important;}


@media only screen and (max-width : 1420px) {
.elast_mood {height: 4%; }
}

@media only screen and (max-width : 1330px) {
    .flex_item_solocenter2 {width:54%;}
    #product_grid {
   grid-template-columns: repeat(2, 1fr);
    }
    .search_float {float: none; margin-top: 50px;}
  
    
    .text_mood4 p {display:none;}
    .elast_mood {height: 2%; }
    
    .flex_center {margin-left: 4%;}
}

@media only screen and (max-width : 1150px) {
    .flex_item_solocenter2 {width:52%;}
    
    .text_mood4 h3 {display:none;}
    .text_mood4 {position: absolute; z-index: 1; width:86%; height: auto; left:50%; top:auto; transform: translate(-50%, 0%);
    bottom: 5%; color: #000; padding: 30px 0px; font-size: 140%; line-height: 170%; background-color: #fff; font-family: 'URW Geometric W05 Bold';}
    .elast_mood {display: none;}
     .flex_center {margin-left: 0;}
    .flex_center_text {text-align: left; width:60%; margin-left: 35%;}
}

@media only screen and (max-width : 1024px) {
    .search_line {width:100% !important;}
    #kai_logo {display:none;}
    #logo_mobile {display:block; position: absolute; right: 35px; top: 25px;}
      .flex_center_text {width:60%; margin-left: 25%;}

        .side_nav_mobile {position: fixed; z-index: 200; font-size: 130%; line-height: 160%; font-family:'URW Geometric W05 Bold'; text-align: center; width: 400px; display: block; height: 100%; background-color: #fff; padding-top: 16px; margin-left: -1400px; opacity: 0;}
    
    .side_nav_behind_mobile {position: fixed; top:40px; z-index: 200; font-size: 130%; line-height: 160%; font-family:'URW Geometric W05 Bold'; text-align: center; width: 400px; display: block; height: 100%; background-color: #fff; padding-top: 16px; margin-left: -1400px; opacity: 0;}
    
    
    
    #small_nav, #search {display: none;}
    #mobile_nav {display:block; position: absolute; top: 22px;}
    #mobile_search {display:block; position: absolute; top: 22px; left: 64px;}
    #mobile_search_form { width:100%; }
    
    .footer_social {width: 60%; padding: 0 70px; }
    
    .flex_item_oneth_twoth, .flex_item_oneth_twoth2 {margin-top: 5px; }
    .flex_item_twoth_twoth, .flex_item_twoth_twoth2 {margin-top: 5px;}
    .flex_item_two {margin-top: 5px;}
    .flex_item_three {margin-top: 5px;}
    .flex_item_four {margin-top: 5px;}
    .flex_item_five {margin-top: 5px;}
    .flex_item_five_gap {margin-top: 5px;}
    .flex_item_full {margin-top: 5px;}
    .flex_item_solocenter, .flex_item_solocenter2 {width: 80%; padding-top: 35px;}
    
    /*.mobile_height { min-height: 400px; max-height: 450px; width: 100%; }*/
    .left, .center, .right {width: 100%;}
    
    .side_nav {display: none;}
    .side_nav2 {display:none;}
    .side_nav2_small {display:flex !important; padding-bottom: 70px;}
    .button {font-size: 110%; }
    
    .side_content {padding-left: 30px; padding-right: 30px; padding-top:100px;}
    .side_content2 {padding-left: 30px; padding-right: 30px; padding-top: 100px;}

    .inside_padding {padding-left: 30px; padding-right: 30px;}
    
    .header {padding-top: 10px; padding-bottom: 10px; position: fixed; z-index: 100; width: 100%; background-color: #fff;}
    .logo {width: 60px;}
    
    .flex_item_text {bottom: 0px; left: 5%; width:35%;}
    
    #filter_big {display:none;}
    #filter_small {display:block; position: absolute; z-index: 3; padding: 0; margin-top: -5px;}
    #sorter {display:none;}
    #sorter_small {display:block; position: absolute; z-index: 3; padding: 0; margin-top: -5px; right:35px; cursor: pointer;}
    .filter_padding{height:45px; width: 1px;}
    
    .filter_mobile {position: absolute; z-index: 200; font-size: 120%; line-height: 150%; font-family:'URW Geometric W05 Bold'; text-align: center; width: 400px; display: block; height: 100%; background-color: #fff; padding-top: 16px; margin-left: -1400px; top:0; opacity: 0;}
    
    .sorter_mobile {position: absolute; z-index: 200; font-size: 120%; line-height: 150%; font-family:'URW Geometric W05 Bold'; text-align: center; width: 400px; display: block; height: 100%; background-color: #fff; padding-top: 16px; padding-left: 30px; right: -1400px; top:0; opacity: 1;}
    
    .text_mood {padding: 0 0 8px 12px; font-size: 90%;}
    .text_mood2 {font-size: 150%; bottom: 20px;}
    
    .text_mood3, .text_mood4 {font-size: 100%; line-height: 130%;}
    .text_mood4 h2 {font-size: 100%;}
    .text_mood4 h3 {display:none;}
    .text_mood4 p {display:none;}
}

    
    @media only screen and (max-width : 650px) {
        .product_slider2 {width:100%; margin: 0 auto;}
        
           .zoom {cursor: auto;}
        .search_float {display:none;}
        
         #logo_mobile { right: 28px; top: 23px;}
        
        .teaser_cnt2 {padding-top: 0px;}
        
        .text_mood {padding: 0 0 1px 4px; font-size: 80%; letter-spacing: -0.2px;}
           #product_grid {
   grid-template-columns: repeat(1, 1fr);
        }
        
        .text_mood3 {padding: 10px 0;}
        
        .form-wrapper_new button {

	left:-141px;
            top:-5px;
}  
        
        
    a.privacy_lnk {white-space: normal;}
    
    .test {display:none;}
    .test_mobile {display:block;}
    .hide_mobile {display:none;}
    
    #test_hide {display:none;}
    
    #footer1_head {order: 1; padding-bottom: 15px;}
    #footer2_head {order: 2; padding-top: 40px; padding-bottom: 15px;}
    #footer3_head {order: 3; padding-top: 40px; padding-bottom: 15px;}
    #footer4_head {order: 4; padding-top: 40px; padding-bottom: 15px;}
    
    #footer1_body {order: 1;}
    #footer2_body {order: 2;}
    #footer3_body {order: 3;}
    #footer4_body {order: 3;}
    #footer5_body {order: 4;}
    
        .flex_item_three_footer {width: 100%; text-align: center;  margin-top: 5px;}
        
    .footer_social {width: 80%; padding: 0 10px; }
    
    .flex_item_oneth_twoth, .flex_item_oneth_twoth2 {width: 100%; text-align: center; margin-top: 5px; }
    .flex_item_twoth_twoth, .flex_item_twoth_twoth2 {width: 100%; text-align: center; margin-top: 5px;}
    .flex_item_two {width: 100%; text-align: center; margin-top: 5px; padding: 0 20px }
    .flex_item_three {width: 49.2%; text-align: center; margin-top: 5px;}
    .flex_twothree_pad {display:none;}
    .flex_item_three_dealers {width: 100%; margin-top: 45px;}
    .flex_item_four {width: 49.2%; text-align: center;  margin-top: 5px;}
    .flex_item_five {width: 100%; text-align: center;  margin-top: 5px;}
    .flex_item_five_gap {width: 100%; text-align: center;  margin-top: 5px;}
    .flex_item_full {width:100%; margin-top: 5px;}
    .flex_item_solocenter, .flex_item_solocenter2 {width: 84%; padding-top: 5px;}
    
    .mobile_shove {display: block; height: 40px;}
    .mobile_shove2 {display: block; height: 25px;}
    
    .mobile_height { min-height: 400px;  max-height: 400px; width: 100%;}
    .mobile_height img {object-fit: cover; width: 100%; height: 100%; }
    
    .left, .center, .right {width: 100%;} 
    
    .side_content {padding-left: 24px; padding-right: 24px; padding-top: 70px;}
    .inside_padding {padding-left: 24px; padding-right: 24px;}
    
    .header {padding-top: 5px; padding-bottom: 8px;}
    .logo {width: 40px;}
    
    .flex_item_text {bottom: 10px; left: 10px; right: 10px; width: auto; padding: 20px 10px 34px 10px;}
    
    .teaser_img {width:100%;}
    .teaser_img_left {display:none;}
    .teaser_img_left_small {display:block;}
    .teaser_cnt_right {padding-top:15px;}
    
    .side_nav_mobile {width: 100%;  line-height: 124%;}
    .side_nav_behind_mobile {width: 100%;  height: 100%;  }
    
    .product_name {font-size:84%;}
    .product_category2 {font-size: 84%; line-height: 20px; }

    .filter_mobile {width: 93%;}
        .sorter_mobile { width:100%; padding-left: 24px;}
        
        
.column {
    float: none;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding-bottom:40px;
    line-height: 21px !important;

}
    
        .column h1 {text-align: center; }
        
        #newsletter { width: 84%; }



/* Clear floats after the columns */
.row:after {
    content: "";
    display: block;
    clear: both;
}
        
        .initiativ {width:100% !important;}
        .initiativ_font {font-size: 15px !important; width: 100% !important; float: none !important; padding-top: 20px !important;}
        .icons_big {display:none;}
        .icons_small {display:block; margin: 0 auto; padding-bottom: 5px;}
}