html {
    font-family: sans-serif;
    line-height: 1.15;
    font-size: inherit;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}
h1,
h2,
h3,
h4,
h5 {
	padding: 0;
	margin: 0;
}
.grid {
    #display: none!important;
}
a {
	color: inherit;
}

a:hover {
	color: inherit;
	text-decoration: none;
}
a.readmore {
    /*text-decoration: underline;*/
    border-bottom: 1px solid currentColor;
    display: inline-block;
    line-height: 1;
}
.btn {
	border: 0px;
	border-radius: 0px;
}

h2 {
	font-family: MavenPro;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	text-transform: uppercase;
}

h3 {
	font-family: MavenPro;
	font-size: 20px;
	font-weight: 900;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.8;
	letter-spacing: normal;
	text-transform: uppercase;
	width: max-content;
}
#shipping-description h3{
    width:inherit;
}
.word-break, .desc, .shortdesc, .product-title {
    -webkit-hyphens: inherit;
    -moz-hyphens: inherit;
    -ms-hyphens: inherit;
    hyphens: inherit;
}
.image-thumbs.carousel.vertical li:nth-of-type(1n+6) {
  display: none!important;
}
ul.category.list-inline li:first-child {
    font-weight: 100;
    cursor: default;
}
.product-wrapper{
    opacity:0;
}
.img-sm {
    max-width: 140px!important;
}
.img-sm.cart-dd{
    max-width: 50px!important;
}
.pswp__button.pswp__button--arrow--right,
.pswp__button.pswp__button--arrow--left{
 display:none;   
}




.product-wrapper {
    height: auto!important;
}
.product-cell {
    height: auto!important;
}
/*
.image-box.loaded {
    max-height: 100%!important;
    line-height: 100%!important;
}
*/
.image-box.loaded .image-content {
    border: 0px!important;
}
/*
.image-content img {
    height: 100%!important;    
    max-height: 100%!important;
}
*/

div#kPlugin_2_paypalbasic img {
    max-width: 100% !important;
}


p {
	font-family: Gotham;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	color: #495356;
}
#tableoptions-img .frs {
    font-size: 18px!important;
    margin: 10px;
    margin-bottom: 73px;
    background: #ffffff;
    padding: 35px;
    position: relative;
    top: -30px;
    line-height: 1.5;
    min-height: 270px;
    border: 1px solid #80808042;
}
.frs h3 {
    margin-bottom: 10px;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
	padding-right: 0;
	padding-left: 0;
	margin-left: 1px;
}
#tab-content ul.dropdown-menu li {
    width: 100%;
}

 

#acr .fa-caret-down {
    position: relative;
    margin-right: -6px;
        font-size: 36px;
}
li.login.dropdown.hidden-xs .caret {
    display: none;
}
#acr i.fa.fa-angle-down.nav-toggle.pull-right {
    font-size: 35px;
    position: relative;
    right: 0;
    margin-right: -7px;
    top: -4px;
}

#legal-content p, #legal-content h3, #legal-content h4 {
    width: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
#legal-content .col-xs-12.col-md-8.col-md-offset-2 {
    overflow: hidden;
}

#newsletter-unsubscribe .btn-default {
    background: #e2dbdb;
}


.col-view {
    position: absolute;
    top: -450px;
}


select:focus,
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
	box-shadow: inset 0 -1px 0 #ddd;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
}
.form-control:focus {
	border-color: #fff;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .2);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .2);
}
#newsletter-subscribe h3 {
    width: 100%;
    display: inline;
}
/* ++++++++++++++++++++++++++++++ */
.middle .not-available {
    display: none;
    //opacity: 0.2;
    pointer-events: none; 
}

.middle {
  width: 100%;
  text-align: center;
  /* Made by */
}
.middle h1 {
  font-family: "Dax", sans-serif;
  color: #fff;
}
.middle input[type=radio] {
  display: none;
}
.middle input[type=radio]:checked + .box {
    background-color: #e0e0e0;
    border: 2px solid #001a22;
}
.middle input[type=radio]:checked + .box span {
  color: #001a22;
  transform: translateY(0px);
}
.middle input[type=radio]:checked + .box span:before {
  transform: translateY(0px);
  opacity: 1;
}
/*
.middle .box {
    width: 48px;
    height: 48px;
    transition: all 250ms ease;
    will-change: transition;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-family: "Dax", sans-serif;
    font-weight: 900;
    border: 2px solid #c5c5c5;
    top: 20px;
    float: left;
    margin-right: 5px;
        margin-top: 5px;
}
*/
.middle .box:hover {
    border: 2px solid #001a22;
}
.middle .box:active {
  transform: translateY(1px);
}
/*
.middle .box span {
  position: absolute;
  transform: translate(0, 6px);
  left: 0;
  right: 0;
  transition: all 300ms ease;
  font-size: 1.5em;
  user-select: none;
  color: #c5c5c5;
}
*/
.middle .box span {
    position: absolute;
    transform: translate(0, 0px);
    left: 0;
    right: 0;
    transition: all 300ms ease;
    font-size: 1.5em;
    user-select: none;
    color: #c5c5c5;
}
.middle .box {
    width: 42px;
    height: 30px;
    transition: all 250ms ease;
    will-change: transition;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-family: "Dax", sans-serif;
    font-weight: 900;
    border: 2px solid #c5c5c5;
    top: 20px;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    font-size: 8px;
}

.middle .box span:before {
  font-size: 1.2em;
  font-family: FontAwesome;
  display: block;
  transform: translateY(-80px);
  opacity: 0;
  transition: all 300ms ease-in-out;
  font-weight: normal;
  color: white;
}
.middle .front-end span:before {
  content: "";
}
.middle .back-end span:before {
  content: "";
}
.middle p {
  color: #fff;
  font-family: "Dax", sans-serif;
  font-weight: 400;
}
.middle p a {
  text-decoration: underline;
  font-weight: bold;
  color: #fff;
}
.middle p span:after {
  content: "";
  font-family: FontAwesome;
  color: yellow;
}

ul.dropdown-menu.inner {
    overflow-y: hidden!important;
}
span.swatches-Groesse {
    //display: block!important;
   // margin-top: 20px;
  //  margin-bottom: -15px;
    display:none;
}
label.xvariation {
    display: block;
    margin-bottom: 0;
    line-height: 2.2em;
    font-weight: normal;
}
#stories-hero .screen {
    background-position: 20% 50%;
}

/* ++++++++ VIDEO EMBED +++++++++++++ */


 .container_yt {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
     margin: 50px 0;
}
.video_yt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.storie-teaser-block .col-md-8 {
    width: 100%!important;
}
/* +++++++++++++++++++++ */



span.fa.fa-check.check-mark {
    display: none!important;
}
i.pw {
    font-size: 24px;
    color: rgba(78, 77, 77, 0.71);
    display: inline-block;
    vertical-align: text-bottom;
}
ul.footer_social.bottom li {
    display: inline-block;
    font-size: 27px;
    margin: 0 10px;
}

#box-full-width em {
    font-size: 20px;
    display: block;
    margin-top: 15px;
}


.ext-pad em {
    font-size: 22px;
    display: block;
    margin-top: 15px;
}

.teaser_home h3 {
    max-width: 62%;
    text-align: center;
    line-height: initial;
    margin: 25px auto -12px auto;
    font-size: 14px;
    color: #001a22;
    background: #ffffff63;
    padding: 10px;
}
.headline_pos em {
    display: block;
}

.select-cat a {
border: #001a22;
    background: #001a22;
    text-decoration: none!important;
    font-family: Gotham;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.44px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 16px 77px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
}

section#cube-image-cat {
    padding: 0 15px;
}

#qube-image-cat .container {
    padding: 0 15px;
}




section.small-margin {
	padding: 0 15px 15px 15px;
}
.nav-wrapper {
    border-bottom: 1px solid #dbdbdb;
        padding-bottom: 12px;
}

section:nth-of-type(1) {
	padding-top: 0px;
	padding-bottom: 0px;
}

section:nth-of-type(2) {
	padding-top: 0px;
}

section:nth-last-of-type(1) {
	padding-top: 0px;
	padding-bottom: 0px;
}

.container.big-block {
	padding: 77px 25px 77px 25px;
}
section#kontakt {
    margin-bottom: 40px;
}
 

.container.big-block-button {
	padding: 69px 0 69px 0;
}
#content {
    margin-bottom: 0px;
}
ul.category li {
    cursor: pointer;
    padding: 10px;
}
#gl-8 ul#language-dropdown {
    border: 0;
    border-top: solid 0px #7d7d7d;
    z-index: 1;
    margin: 0 auto;
    text-align: center;
    background: #f7f5f2;
}
#gl-8 ul#language-dropdown.shown {
    border: 0;
    border-top: solid 1px #7d7d7d;
    z-index: 1;
    margin: 0 auto;
    text-align: center;
    background: #f7f5f2;
}

.box-tile-width-img.pp {
    margin-bottom: 15px;
}
li#gl-8 a {
    font-family: Gotham;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.6px;
    text-align: center;
    color: #707070;
    text-transform: none;
    padding: 12px!important;
    background: transparent;
}
#sel_3_ #predivsel {
    display: inline-block;
    width: 100%;
    height: inherit;
    margin-bottom: 20px;
}

    .bs-example{
    	margin: 20px;
    }
    .modal-dialog iframe{
        margin: 0 auto;
        display: block;
    }
.modal-dialog {
    width:50%!important;
    margin: 1.75rem auto;
}
h5.modal-title {
    font-family: MavenPro;
    font-size: 18px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
}
.modal-header .close {
margin-top: -25px;
    font-family: MavenPro;
    font-size: 25px;
    font-weight: 100;
}
.storie-teaser img {
    margin-bottom: 15px;
}
/**********************************************************
LOADER
******************/
.loader {
position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    #margin: -81px 0 0 -50px;
    #border: 10px solid #f3f3f3;
    #border-radius: 50%;
    #border-top: 10px solid #3498db;
    opacity: 0.5;
}
.v-box.action img {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}


/**********************************************************
BUTTONS
******************/

.button.dark a,
.button.dark a {
	color: #ffffff;
}

.button.dark a:hover,
.button.dark a:hover {
	color: red;
}

.button_wrapper {
	display: inherit;
	text-align: center;
}
#acr .nav-sub {
    display: block;
}
#acr a{
text-decoration: none;
}
div#acr li ul {
    margin-top: 5px;
    margin-bottom: -5px;
}


.button.dark.big {
	background-color: #001a22;
	font-family: Gotham;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.25;
	letter-spacing: 1.28px;
	display: inline;
	color: #ffffff;
	text-transform: uppercase;
}
#navi .loged {
    margin-top: 53px;
    width: 220px;
    left: -158px;
}
span.caret {
    margin-right: -10px;
}
/**********************************************************
SECTION HEADER
******************/
#search .input-group {
    background: white;
}
#navi ul {
	text-align: right;
	margin-top: 26px;
	margin-bottom: 41px;
}

#navi ul li {
	float: left;
	display: inline;
	margin-right: 33px;
}

#navi ul li:nth-of-type(4n) {
	#background: #ff00009c;
	width: 200px;
	text-align: center;
	margin: 0 auto;
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0px;
	height: auto;
}

#navi ul li:nth-last-child(1),
#navi ul li:nth-last-child(2),
#navi ul li:nth-last-child(3) {
	float: none!important;
	display: inline-block;
}


#navi li:nth-last-child(1) {
	margin-right: 0px!important;
        width: 91px;
}

#navi .navi a {
	font-family: Gotham;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.11;
	letter-spacing: 0.9px;
	text-align: left;
	color: #00242f;
	text-transform: uppercase;
        padding: 0 0 1px 0;
}
#navi .navi a:hover {
    border-bottom: 10px solid #000;
    padding-bottom: 45px;
}

#navi ul li:nth-of-type(4n){
    margin-bottom: 0px!important;
}



#navi ul li img {
	width: 152px;
	margin-top: -11px;
        margin-bottom: 3px;
}
#navi .login a:hover, 
#navi .cart-menu a:hover {
    border-bottom: 0px;
    padding-bottom: 0;
}
section#header {
	border-bottom: 2px solid #dbdbdb;
}

#navi-sub ul {
	float: right;
	margin-top: 39px;
	margin-bottom: 5px;
	border-radius: 0;
}

#navi-sub ul li {
	float: left;
	display: inline;
	margin-right: 30px;
}
#navi-sub ul li:last-child{
    float: left;
    display: inline;
    margin-right: 0px;
}
#navi-sub .navi-sub a {
	font-family: Gotham;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.6px;
	text-align: left;
	color: #707070;
}

.navbar {
    margin-bottom: 0px;
}

#login-options:nth-last-child(1) {
 #  display: block!important;
  #  position: relative;
  #  left: 0;
   # background: red;
}
#login-options:nth-last-child(1) {
/*    
    display: block!important;
    position: relative;
    left: 0;
    background: red;
    text-align: left;
/*  
    width: 100%!important;
}
#navi-sub ul li:nth-last-child(1) {
	#float: none!important;
	#display: inline-block;
	margin-left: 5px;
}
.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
#navi-sub .dropdown-menu>li>a {
	padding: 10px;
}
#navi-sub ul li:nth-last-child(1) {
	margin-right: 0px;
}
#navi-sub ul li #dropdown-language {
	min-width: 100%;
	margin-top: 3px;
	display: inline-block;
	border-radius: 0;
}
#dropdown-language li {
	margin-right: 0px !important;
}
#dropdown-language .dropdown-menu {
	margin-top: 6px !important;
	min-width: 100%;
}
.dropdown-toggle::after {
	display: inline-block;
	margin-left: 0px;
	vertical-align: 1px;
	/*content: url(../images/caret.png); */
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}



li#login-options a {
    font-size: 12px!important;
    text-transform: inherit!important;
    text-align: left!important;
    width: 100%;
    border-bottom: 1px solid #dfdfdf!important;
    padding: 8px 5px!important;
}
#login-options a:hover {
}


ul#login-dropdown {
    padding: 15px!important;
    margin-top: 53px!important;
        margin-right: -79px!important;
        background: white;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
    background-clip: padding-box;
}

ul#dropdown-menu-md {
    margin-top: 53px!important;
    margin-right: -40px!important;
        background: #fff;
}
td.item-image img {
    margin-top: 0px!important;
}
td.item-image img {
    margin-top: 0px!important;
}
#login-dropdown,
#dropdown-menu-md {
    -webkit-box-shadow: none;
    box-shadow: none;
}
#dropdown-menu-md td.item-name, td.item-name a {
    font-size: 12px!important;
    text-align: left;
}
#dropdown-menu-md .table > tbody > tr > td {
    border-top: 0;
}
#navi a.btn.btn-primary {
padding-bottom: 6px!important;
    margin-bottom: 8px;
    margin-right: 7px;
    background: #00242f;
    font-family: MavenPro;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 1.28px;
    color: #ffffff;
    padding: 7px;
    text-transform: uppercase;
}
#cart-btn a:hover {
    border-bottom: 0px solid #000!important;
    padding-bottom: 6px!important;
}

a.static-empt-link {
    padding: 5px!important;
    margin: 5px!important;
    border: 0px!important;
        background: #fff;
}
a.static-empt-link:hover {
    padding: 5px!important;
    margin: 5px!important;
    background: #fff!important;
}


fieldset#quick-login .form-error-msg {
    line-height: initial;
    text-align: left;
    padding: 10px;
}

 

li#login-options {
    width: 100%!important;
}
#login-options ul li ul a {
    display: block;
}
#login-options .navi a:hover {
    padding-bottom: 0;
    padding: 8px 20px;
    border-bottom: 1px solid transparent;
}
ul#language-dropdown {
    margin: 0;
    min-width: auto;
        border: 1px solid #cccccc;
}
ul#language-dropdown li {
    margin: 0;
}
#dropdown-language a:focus,
#dropdown-language a:focus-within,
#dropdown-language a:active,
#dropdown-language a:hover {
    background: transparent;
    background-color: #ffffff;
}
#dropdown-language .dropdown-toggle.btn-default {
    color: #707070;
    background-color: #ffffff;
    border-color:none;
}
select:focus, textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus {
    box-shadow: inset 0 0px 0 #cccccc;
    border: 1px solid #cccccc;
    border-right:0px;
}
@media (min-width: 992px){
#search {
    max-width: 23em;
}
}
/**********************************************************
SECTION NAVIGATION
******************/
.header-user {
    background: url(/images/icon_login.png);
    width: 21px;
    height: 24px;
    background-size: cover;
    display: inline-block;
}
.header-shopping-cart {
    background: url(/images/icon_cart.png);
    width: 20px;
    height: 24px;
    background-size: cover;
    display: inline-block;
}
.header-search {
    background: url(/images/icon_search.png);
    position: absolute;
    top: -20px;
    left: -17px;
    padding: 8px;
    z-index: 1;
    display: block;
    width: 18px;
    height: 21px;
    
}
.header-search-bar {
    display: inline-block;
    position: relative;
    margin-right: 24px;
    margin-top: 0px;
}
li#search {
position: absolute;
    right: 250px;
    top: -25px;
    background: #fff!important;
    z-index: 99;
}
li#search .close-form {
    background: white;
}




#navi .hi.hi-search {
background: #fff0 url(/images/icon_search.png);
    width: 18px;
    height: 21px;
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: -14px;
    right: -8px;
}
#navi ul li ul {
padding: 0;
    margin: 0;
    position: absolute;
    right: 15px;
    top: 24px;
}
#navi ul li ul a {
display: inline-table;
}
#navi .cart-menu{
position: absolute;
    right: 0px;
    top: 2px;  
        margin: 0;
    padding: 0;
}
#navi li.login {
    position: relative;
    right: 6px;
    top: 2px;
    z-index: 1;
}
.input-group-addon {
    padding: 6px 18px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #606060;
    text-align: center;
    background-color: #f3f3f3;
    border: 1px solid #cccccc;
    border-radius: 0px;
}
.input-group .twitter-typeahead:first-child .tt-input, .input-group .twitter-typeahead:first-child .tt-hint {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    width: 100%;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: inherit;
    line-height: 1.42857143;
    color: #606060;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    ##border-right: 0;
}
span.twitter-typeahead {
    font-family: Gotham;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.6px;
    text-align: left;
    color: #303030;
}
.input-group .twitter-typeahead:last-child .tt-input, .input-group .twitter-typeahead:last-child .tt-hint {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    width: 100%;
}
.hi.hi-search-closer {
background: url(/images/closer.png);
    background-size: cover;
    width: 17px;
    height: 18px;
    z-index: 99;
    position: absolute;
    top: 7px;
    right: 9px;
}
span.input-group-addon.close-form {
    background: transparent;
}
.input-group-addon:first-child {
    border-right: 0;
}
input.form-control.ac_input.tt-hint{
        border-left: 0px;
}
input.form-control.ac_input.tt-input {
    border-left: 0px;
}
span.input-group-addon {
    background: transparent;
}
button:active {
outline: none;
border: none;
}

button:focus {
    outline:0;
}

li#search .ac_input {
    background-color: white!important;
    width: 280px;
        font-size: 16px;
}

li#search .close-form,
#navi .header-search{
 cursor:pointer;   
}
#dropdown-language .dropdown-toggle::after {
    display: inline-block;
    margin-left: 5px;
    vertical-align: 1px;
    content: url(../images/caret.png);
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}
.btn-default:active:active,
.btn-default.active:active,
.btn-default:active.active,
.btn-default.active.active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border-color: transparent;
    border: 0;
}
#dropdown-language a:hover {
    background: transparent;
}
#login-dropdown li {
    float: none;
    display: block;
margin-right: 0px!important;
}
fieldset#quick-login input {
    font-family: Gotham;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.6px;
    text-align: left;
    color: #707070;
    border: 1px solid #7e7e7e;
}
/**********************************************************
NAVI
******************/
ul.nav.navbar-nav.navbar-left.force-float {
    z-index: 99999!important;
    position: relative!important;
}
#navbar-offcanvas {
    position: absolute!important;
    top: 0!important;
    width: 100%!important;
    background: transparent!important;
    padding-top: 74px!important;
}
nav#navbar-offcanvas .container-fluid {
    background: #fff!important;
}
ul.nav.navbar-nav.navbar-right.force-float.action-nav {
    z-index: 99999!important;
    position: relative!important;
    width: min-content!important;
}
/**********************************************************
WARENKORB
******************/
#content h1 {
    font-family: MavenPro;
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    text-transform: uppercase;
    margin: 30px 0;
}
.table-striped > tbody > tr:nth-of-type(odd){
 background: transparent;   
}
li.shortdescription {
    display: none;
}
.order-items thead {
    display: none;
}
form#basket-shipping-estimate-form .input-group {
    width: inherit;
}
#cart-form td.img-col img {
    width: 200px;
}
.empty-cart-info {
    display: inline;
    width: 200px;
    font-size: 10px;
}
div#tableoptions h4 span {
    font-size: 15px;
    margin-top: 20px;
}
div#tableoptions h3 {
    width: 100%;
    font-size: 15px;
}
div#tableoptions h4 i {
    font-family: MavenPro;
    font-size: 30px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    text-transform: uppercase;
    margin: 30px 0;
}
div#tableoptions p, div#tableoptions {
    font-family: Gotham;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.3px;
    color: #495356;
        font-size: 16px;
}
div#shipping-description {
    margin: 80px auto;
}
#account .list-group {
    margin-top: 38px;
}
.price-note {
    display: none;
}
/**********************************************************
SECTION HERO
******************/
#hero .screen{
    width: 100%;
    height: 600px;
    background: url(/mediafiles/Bilder/banners/us_bg.jpg);
    background-size: cover;
    background-position: 50%;
}
#hero {
    margin-bottom: 60px;
}

#hero .container {
	padding: 0 15px;
}

#hero .screen .row {
	margin: 0 -5px;
}
#hero h2 {
	font-size: 50px;
	font-weight: 900;
	line-height: 0.92;
	text-align: center;
	color: #001a22;
	margin-top: 173px;
    width: 100%;
}
#hero .button_wrapper {
	margin-top: 53px;
}
#hero .button {
	padding: 16px 34px;
}
.no-wrap {
    white-space: normal;
        line-height: 1.3!important;
}
.img-top-rated{
    width: 100%;
    padding: 25px 36px;
}
.lines {
    font-family: Gotham;
    font-size: 26px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.3px;
    text-align: center;
    color: #000000;
    border-bottom: 1px solid #9c9c9c;
    border-top: 1px solid #9c9c9c;
    padding: 15px;
    margin-bottom: 30px;
    margin-top: 70px;  
}
/**********************************************************
SECTION HILFEBEREICH
******************/
#hilfebereich h1 {
    font-family: Gotham;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.3px;
    text-align: left;
    color: #000000;
    margin-bottom:30px;
}
.blog-content,
#hilfebereich_faq p,
#hilfebereich p {
    font-family: Gotham;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: 0.3px;
  text-align: left;
  color: #495356;
}

.blog-content ul {
    margin-left: 10%;
    padding: 0;
}
.blog-content ul li {
    list-style-type: disc;
}
.blog-content h2 {
    width: 100%;
    margin: 36px 0 15px 0;
}
#hilfebereich .go-back {
    margin-bottom: 30px;
    margin-top: 27px;
}
#blog-content-detail .go-back:before,
#hilfebereich .go-back:before {
    content: url(../images/arr_left.png);
    display: inline-block;
    margin-left: 0px;
    margin-right: 8px;
    position: relative;
    top: 3px;
}
#blog-content-detail img {
    max-width: 100%;
    height: auto;
}
#blog-content-detail .slick-slide img {
    max-width: 100%;
}

#hilfebereich_faq p {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    padding: 20px;
    margin-top: 48px;
}
.customer-review {
    height: 200px;
}
/**********************************************************
SECTION MESSEN
******************/
#dynamic-content .button.light.small {
	float: right;
	font-family: Gotham;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.6px;
	text-align: left;
	color: #707070;
	border: solid 1px #707070;
}
#dynamic-content ul.dropdown-menu.show {
	width: 163px;
	padding: 0;
	margin-left: -26px;
	border: solid 1px #707070;
	border-radius: 0;
	margin-top: 16px;
}
#dynamic-content ul.dropdown-menu.show {
	width: 162px;
	padding: 0px;
	margin-left: -1px;
	border: solid 1px #707070;
	border-radius: 0;
	margin-top: 16px;
	padding: 8px 0px 11px 24px;
}
#dynamic-content ul.dropdown-menu li {
	font-family: Gotham;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.6px;
	text-align: left;
	padding: 3px 0;
}
#dynamic-content #dropdown-messen ul li a {
	padding: 0;
}
#dynamic-content .button.dark.big {
	font-family: MavenPro;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.25;
	letter-spacing: 1.28px;
	text-align: center;
	color: #ffffff;
	display: block;
	padding: 7px;
	text-transform: uppercase;
    width: 100%;
    border-radius: 0;
        margin-bottom: 37px;
    border: 0;
}
#dynamic-content .box_date {
	width: 135px;
	height: 135px;
	display: inline-block;
	float: left;
	background: #00242f;
	position: relative;
}
#dynamic-content .box_date span:nth-child(1) {
	font-family: MavenPro;
	font-size: 50px;
	font-weight: 900;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.92;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	display: block;
}
#dynamic-content .box_date span:nth-child(2) {
	font-family: Gotham;
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.22;
	letter-spacing: 1.44px;
	text-align: center;
	color: #ffffff;
	display: block;
}
#dynamic-content .box_date_display {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#dynamic-content .box_logo {
	width: 135px;
	height: 135px;
	display: inline-block;
	float: left;
}
#dynamic-content .box_location {
	display: table-cell;
	max-width: 100%;
	height: 135px;
	vertical-align: middle;
	padding-left: 61px;
}
#dynamic-content .box_location span:nth-child(1) {
	font-family: MavenPro;
	font-size: 20px;
	font-weight: 900;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.9;
	letter-spacing: normal;
	text-align: left;
	color: #001a22;
	display: block;
	margin-bottom: 8px;
	text-transform: uppercase;
	margin-top: 5px;
}
#dynamic-content .box_location span:nth-child(2) {
	font-family: Gotham;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.24px;
	color: #495356;
	text-align: left;
	display: block;
	margin-bottom: 16px;
}
#dynamic-content .box_location span:nth-child(3) {
	font-family: Gotham;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.24px;
	text-align: left;
	color: #000000;
}
#dynamic-content .box_location span a {
	color: #000000;
	text-decoration: underline;
}
#dynamic-content .box_location {
	display: inline-block;
	display: table-cell;
	vertical-align: middle;
}
.box_details {
	display: block;
	background: white;
}
#dynamic-content .mx-auto {
	margin-bottom: 20px;
	margin-top: 59px;
}
#dynamic-content .button_wrapper {
	margin: 59px auto;
}
#dynamic-content .button.load {
	font-family: Gotham;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: 1.28px;
	text-align: left;
	color: #ffffff;
	background-color: #001a22;
	padding: 13px 37px;
	text-transform: uppercase;
}
#dynamic-content .box_wrapper {
	margin-bottom: 20px;
}
#dropdown-messen a {
	color: #707070;
	display: block;
	padding: 12px 24px;
    text-decoration: none;
}
#dropdown-messen a:focus {
    text-decoration: none;
}
input#search_location {
	background-color: #f7f5f2;
	border-radius: 0;
	border: 0px;
	margin-bottom: 22px;
	padding: 21px 22px;
	border-top: 2px solid #cdccca;
	border-bottom: 2px solid #cdccca;
	text-transform: uppercase;
}
input.search-query {
    background-color: #f7f5f2;
    border-radius: 0;
    border: 0px;
    margin-bottom: 22px;
    padding: 21px 22px;
   /* border-top: 2px solid #cdccca;
    border-bottom: 2px solid #cdccca;*/
    text-transform: uppercase;
}
input#bh-sl-address {
    border-top: 2px solid #cdccca;
    border-bottom: 2px solid #cdccca;
}
input#bh-sl-address:focus {
    border-left: 0px;
}
.btn:focus {
	box-shadow: none;
}
.btn:active {
	box-shadow: none;
}
#dynamic-content .search:before {
	content: url(../images/magnifying.png);
}
 #dynamic-content .input-group button {
    position: absolute;
    top: 7px;
    right: 3px;
    z-index: 999;
    background: url(/images/icon_search_gray.png);
    width: 33px;
    height: 27px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 50%;
}

#bh-sl-map{
 display: none;   
}
#bh-sl-user-location p,
#bh-sl-map-container p {
	font-family: Gotham;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.6px;
	text-align: center;
	color: #707070;
	margin-bottom: 20px;
        margin-top: 20px;
}
.input-group-append {
	margin-left: 0px;
}
#load-list .box_wrapper {
	display: none;
}
#loadmore {
	cursor: pointer;
}
#dynamic-content {
	background: #f7f5f2;
	padding: 0;
}
a.sortbyname,
a.sortbydate {
    cursor: pointer;
}
/**********************************************************
SECTION SHOPFINDER
******************/
.listing_wrapper {
	border-top: 1px solid gray;
/*	margin-top: 10px;
	padding-top: 16px;
	padding-bottom: 10px;
	margin-bottom: -10px;*/
}
.listing_number {
	width: 25px;
	display: inline-block;
	vertical-align: top;
	font-family: Gotham;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.24px;
	text-align: left;
	color: #495356;
	margin-left: 10px;
}
.listing_address {
	width:100%;
/*display: inline-block;*/
	font-weight: normal;
	color: #495356;
}
.listing_address .bold {
	font-family: Gotham;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.24px;
	text-align: left;
	color: #000000;
}
.listing_distance {
	vertical-align: top;
	text-align: right;
	font-family: Gotham;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.6;
	letter-spacing: 0.4px;
	color: #707070;
	float: right;
	margin-right: 8px;
        position: absolute;
top: 24px;
    right: 7px;
}
.sitemap.panel.panel-default:last-of-type {
    display: none;
}
.listing_distance span {
    background: rgb(0 0 0 / 5%);
	display: inline-block;
	padding: 0 5px;
}
span.search_info {
    width: 100%;
    font-family: Gotham;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.6px;
    color: #707070;
    display: block;
    margin-bottom: 13px;
    text-align: left;
    padding-left: 40px;
}
.listing_wrapper:hover {
	background: #fff;
	display: block;
}
.direction_map {
	background: url(../images/map.jpg);
	background-size: cover;
	width: 100%;
	height: 814px;
}
.button_wrapper_maps {
	margin: 52px auto;
}
.bh-sl-loc-list::-webkit-scrollbar {
    width: 0!important;
}
ul.xm li {
    background: transparent!important;
}
.loc-street, .loc-city, .phone, .url {
    font-family: Gotham;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.24px;
    text-align: left;
    color: #495356;
}
.gm-style-iw.gm-style-iw-c::before, .gm-style-iw.gm-style-iw-c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-color: transparent;
    border-style: solid;
}
.gm-style-iw.gm-style-iw-c::after {
border-width: 15px;
    border-left-color: #001a22;
    border-top-color: #001a22;
}


/**********************************************************
SECTION PRODUCT 4 SMALL QUBES
******************/
.product-qube-small {
	background: #f7f5f2;
	border-bottom: 10px solid black;
}

/*
.product-qube-small.img1 {
    width: 100%;
    height: 350px;
    background: #e4e4e4 url(../images/prod_001.png);
    background-size: cover;
    background-position: 50%;
    border-bottom: 10px solid black;
}
.product-qube-small.img2 {
    width: 100%;
    height: 350px;
    background: #e4e4e4 url(../images/prod_002.png);
    background-size: cover;
    background-position: 50%;
    border-bottom: 10px solid black;
}
.product-qube-small.img3 {
    width: 100%;
    height: 350px;
    background: #e4e4e4 url(../images/prod_003.png);
    background-size: cover;
    background-position: 50%;
    border-bottom: 10px solid black;
}
.product-qube-small.img4 {
    width: 100%;
    height: 350px;
    background: #e4e4e4 url(../images/prod_001.png);
    background-size: cover;
    background-position: 50%;
    border-bottom: 10px solid black;
}
*/
#product-qube .label {
	font-family: Gotham;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.11;
	letter-spacing: 0.9px;
	text-align: left;
	color: #00242f;
	text-transform: uppercase;
	display: block;
	margin-top: 17.5px;
    margin-bottom: 2.5px;
    padding: 0; 
}
#product-qube .price {
	font-family: Gotham;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.6px;
	text-align: left;
	color: #707070;
}
#product-qube .category {
	font-family: Gotham;
	font-size: 25px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 1.25px;
	text-align: center;
	color: #00242f;
	text-transform: uppercase;
	margin-bottom: 21.5px;
	margin-top: 21.5px;
}


/**********************************************************
SECTION MONOGRAMM
******************/
#monogramm {
	text-align: center;
    padding: 0 15px 15px 15px;
}
#monogramm .container {
	padding: 0 15px;
}
#monogramm h2 {
	font-size: 50px;
	font-weight: 900;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.9;
	text-align: center;
	color: #ffffff;
	margin-bottom: 40px;
	display: inline-block;
}
.centered {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-top: -5px;
}
#monogramm .button_wrapper {
	margin-top: 48px;
}
#monogramm .button {
	padding: 17.5px 20.5px 14.5px 21.5px;
}
#monogramm .screen {
	width: 100%;
	height: 400px;
	background: url(../images/monogramm.jpg);
	background-size: cover;
	background-position: 50%;
}
#monogramm .button.dark.big font-family: Gotham;
font-size: 16px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 2.25;
letter-spacing: 1.28px;
text-align: left;
color: #ffffff;
text-transform: uppercase;
display: inline;
background-color: #001a22;

}

/**********************************************************
SECTION SPLIT QUBE IMAGE BIG
******************/
#split-image .qube-big {
	padding: 32px 0 0 25px;
	position: relative;
}
#split-image .container {
	padding: 0 15px;
}
#split-image .qube-big a {
	font-family: Gotham;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 1.44px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	/*width: 252px;
	height: 70px;
    */
	display: inline-block;
}
#split-image .qube-big span {
	position: absolute;
	bottom: 40px;
	left: 32.5px;
}
#split-image .qube-big:nth-of-type(1) {
	background-image: url(../images/herren.jpg);
	background-size: cover;
	background-position: 50%;
	max-width: 100%;
	height: 600px;
	color: white;
	padding: 20px;
}
#split-image .qube-big:nth-of-type(2) {
	background-image: url(../images/damen.jpg);
	background-size: cover;
	background-position: 50%;
	max-width: 100%;
	height: 600px;
	color: white;
	padding: 20px;
}
#split-image .button {
	padding: 0.6vw 2.2vw;
}
#split-image .dark.big {}
#split-image .button_wrapper {
	display: inherit;
	text-align: center;
	position: absolute;
	bottom: 75px;
	left: 0;
	right: 0;
}
.selector {
    margin-bottom: 35px;
}
/**********************************************************
SECTION QUBE IMAGE BIG
******************/
#qube-image .qube-big {
	padding: 32px 0 0 25px;
	position: relative;
}
#qube-image .container {
	padding: 0 15px;
}
#qube-image a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
}
#qube-image .qube-big a {
	font-family: Gotham;
	font-size: 25px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 1.25px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: underline;
}
#qube-image .qube-big span {
	position: absolute;
	bottom: 40px;
	left: 32.5px;
}
#qube-image .qube-big:nth-of-type(1) {
	background-image: linear-gradient(to bottom, rgba(0, 36, 47, 0), rgb(0, 0, 0, 0.18)),
	url(../images/../images/die_manufaktur.jpg);
	background-size: cover;
	background-position: 50%;
	max-width: 100%;
	height: 500px;
	color: white;
	padding: 20px;
}
#qube-image .qube-big:nth-of-type(2) {
	background-image: linear-gradient(to bottom, rgba(0, 36, 47, 0), rgb(0, 0, 0, 0.43)),
	url(../images/die_heinzbauer_jacke.jpg);
	background-size: cover;
	background-position: 50%;
	max-width: 100%;
	height: 500px;
	color: white;
	padding: 20px;
}

/**********************************************************
SECTION STORIES
******************/
#stories .container {
	padding: 0 15px;
}
#stories .screen {
	width: 100%;
	height: 500px;
	background: url(../images/hb_stories.jpg);
	background-size: cover;
	background-position: 50%;
}
#stories .screen-left {
	padding-left: 25px;
}
#stories h2 {
	font-size: 50px;
	font-weight: 900;
	line-height: 0.92;
	text-align: center;
	color: #001a22;

}

#stories p {
	font-size: 20px;
	line-height: 1.35;
	letter-spacing: 0.3px;
	text-align: center;
	width: 300px;
	margin: 0 auto;
	margin-top: 18px;
        color: #fff;
    background: #02020230;
}
#stories .button_wrapper {
	margin-top: 47px;
}
#stories .button {
	padding: 16px 34px;
}
#stories span {
	font-family: MavenPro;
	font-size: 20px;
	font-weight: 900;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.9;
	letter-spacing: normal;
	text-align: center;
	color: #001a22;
	float: right;
	margin-top: -1.5px;
	position: relative;
	top: -2px;
	margin-right: 0;
}
#stories span:after {
	content: url(../images/slash.png);
	display: inline-block;
	margin-left: 5px;
	margin-right: 12px;
	position: relative;
	top: 2px;
}
#stories-category .cat-menu {
    margin-top: 12px;
    margin-bottom: 60px;
}
.row.ono-gutters h2 {
    margin: 60px auto 0 auto;
}
.container.container-margin {
    padding: 0 0 50px 0;
}

/**********************************************************
SECTION QUBE IMAGE SMALL
******************/
#qube-image .qube-small {
	padding: 32px 0 0 25px;
}
#qube-image .container {
	padding: 0 15px;
}
#qube-image a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
}
#qube-image a {
	font-family: Gotham;
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.11;
	letter-spacing: 0.9px;
	text-align: left;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: underline;
}
#qube-image .qube-small:nth-of-type(1) {
	max-width: 100%;
	height: 350px;
	background: url(../images/produktpflege.jpg);
	background-size: cover;
	background-position: 50%;
}
#qube-image .qube-small:nth-of-type(2) {
	max-width: 100%;
	height: 350px;
	background: url(../images/shopfinder.jpg);
	background-size: cover;
	background-position: 50%;
}
#qube-image .qube-small:nth-of-type(3) {
	max-width: 100%;
	height: 350px;
	background: url(../images/katalog.jpg);
	background-size: cover;
	background-position: 50%;
}
#qube-image .qube-small:nth-of-type(4) {
	max-width: 100%;
	height: 350px;
	background: url(../images/premium_qualitaet.jpg);
	background-size: cover;
	background-position: 50%;
}
#qube-image {

}
/**********************************************************
SECTION SERVICE
******************/
#service .container {
	padding-top:128px;
	padding-bottom:77px;
}
#service .wrapper {
	text-align: left;
}
#service img {
	display: inline-block;
	float: right;
	margin-top: -4px;
}
#service h3 {
	line-height: 0.9;
	color: #001a22;
	margin-bottom: 8.5px;
}
#service p {
	font-size: 16px;
	line-height: 1.25;
	letter-spacing: 0.24px;
	text-align: left;
}
 
.recommendations section#product-qube {
    margin-bottom: 0;
}
/**********************************************************
SECTION FOLDER
******************/
#folder .container {
	background: #f7f5f2;
}
#folder .screen .screen-inset {
	width: 100%;
	margin-top: 77px;
	margin-bottom: 0;
}
#folder .button.light,
#folder .button.dark {
	padding: 7px;
	display: block;
}
#folder .button_wrapper {
	display:inline-block;
	margin: 20px;
}
#folder .button.dark.big {
	font-family: MavenPro;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.25;
	letter-spacing: 1.28px;
	text-align: center;
	color: #ffffff;
}
#folder .button.light.big {
	font-family: MavenPro;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.25;
	letter-spacing: 1.28px;
	text-align: center;
	color: #6d7278;
	box-shadow: inset 0 0 0 2px #6d7278;
	background: #f7f5f2;
	text-transform: uppercase;
}
#folder .buttons {
	margin-top: 39px;
	margin-bottom: 84px;
}
#folderform textarea {
	height: 350px;
	width: 100%;
}
#folderform .note {
	font-family: Gotham;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.6px;
	text-align: left;
	color: #707070;
}

#folderform .row.dend-btn a {
	width: 200px;
	text-align: center;
	margin-top: 0!important;
}
.row.dend-btn {
	margin-top: 36px;
}
#folderform .mx-auto p {
	margin-bottom: 38px;
}
#folder .btn-left {
    float: right;
}
ul.pagination.pagination-ajax {
    display: none;
}


/**********************************************************
DIV HEADLINE whit TEASER
******************/

#big-hl-txt h2 {
	font-size: 50px;
	font-weight: 900;
	line-height: 0.92;
	text-align: center;
	color: #001a22;
	margin-bottom: 40px;
        width: initial;
}
#big-hl-txt p {
    text-align: center;
    margin-bottom: 64px;
    font-family: Gotham;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.3px;
    color: #495356;
}
#big-hl-txt-white {
	padding: 64px 0;
}

#big-hl-txt {
	background: #f7f5f2;
	padding: 64px 0;
}
#big-hl-txt .service-qube {
	background: #ffffff;
	width: 200px;
	height: 200px;
	text-align: center;
	margin-bottom: 30px;
	padding: 0 8px;
}
#big-hl-txt span {
	font-family: Gotham;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.24px;
	text-align: center;
	color: #000000;
	display: block;
	margin-bottom: 9px;
}
#big-hl-txt a {
	font-family: Gotham;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.24px;
	text-align: center;
	color: #000000;
	text-decoration: underline;
}
#big-hl-txt .service-qube img {
	margin-top: 18px;
	margin-bottom: 16px;
}


/**********************************************************
SECTION KUNDENSERVCIE
******************/
#kundenservice h2 {
	font-size: 50px;
	font-weight: 900;
	line-height: 0.92;
	text-align: center;
	color: #001a22;
	margin-bottom: 40px;
        width: initial;
}
#kundenservice p {
	font-size: 25px;
	line-height: 1.2;
	letter-spacing: 1.25px;
	text-align: center;
	color: #00242f;
	margin-bottom: 64px;
}
#kundenservice {
	background: #f7f5f2;
	padding: 64px 0;
}
#kundenservice .service-qube {
	background: #ffffff;
	width: 100%;
	height: 200px;
	text-align: center;
	margin-bottom: 30px;
	padding: 0 8px;
}
#kundenservice span {
	font-family: Gotham;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.24px;
	text-align: center;
	color: #000000;
	display: block;
	margin-bottom: 9px;
}
#kundenservice a {
	font-family: Gotham;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.24px;
	text-align: center;
	color: #000000;
	text-decoration: underline;
}
#kundenservice .service-qube img {
	margin-top: 18px;
	margin-bottom: 16px;
}


/**********************************************************
SECTION MANUFAKTUR
******************/

/************ MODUL HEADER MIT BILD  + HEADLINE **********/

#manufaktur .container {
    padding: 0 15px;
}
 
#manufaktur .center {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#manufaktur .screen {
	width: 100%;
	height: 600px;
	background: url(../images/manufaktur.jpg);
	background-size: cover;
	background-position: 50%;
	position: relative;
}
#manufaktur h2 {
	font-family: MavenPro;
	font-size: 50px;
	font-weight: 900;
	line-height: 0.92;
	text-align: center;
	color: #ffffff;
}
.tx-1 {
    margin-bottom: 50px;
}
.jqu-img-01 {
    padding: 0;
}
.jqu-img-01 img {
    width: 100%;
    padding: 0;
    margin: 0;
}
.teaser-main-block {
    font-family: Gotham;
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 1.25px;
    text-align: center;
    color: #00242f;
}

/**********************************************************
RELATED PRODUKTS SLIDER
**********

.product-wrapper {
    float: left;
    padding: 8px;
    margin-left: -9px;
    margin-right: 24px;
        width: 330px!important;
}
.product-wrapper:nth-last-child(1) {
     margin-right: -50px;
}
.product-cell.thumbnail {
    border: none;
    box-shadow: none;
    background: red;
    padding: 0;
}
********/


.panel {
    border: 0;
}
/************ MODUL HEADER MIT BILD  + HEADLINE **********/
input[type="button"]:focus,
input[type="button"]
{
    width:120px;
    height:60px;
    margin-left:35px;
    display:block;
    background-color:gray;
    color:white;
    border: none;
    outline:none;
}
button.btn.btn-secondary {
    width: 120px;
    height: 60px;
    margin-left: 35px;
    display: block;
    background-color: gray;
    color: white;
    border: none;
    outline: none;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
}
/**********************************************************
PRODUCT CATEGORY  ::::::::: PRODUCT PRICE
******************/

#cat-caption .price span {
    font-family: Gotham;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.17;
    letter-spacing: 0.96px;
    text-align: left;
    color: #00242f;
}

/**********************************************************
PRODUCT DETAIL ::::::::: PRODUCT PRICE
******************/
.price,
.price_label,
#price-format span {
    font-family: Gotham;
font-size: 18px!important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: 0.9px;
    text-align: left;
    color: #00242f;
    
}

/**********************************************************
PRODUCT FILTER
******************/
.panel-body .label.label-warning {
    background: #eaeaea;
    font-family: Gotham;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.6px;
    text-align: left;
    color: #707070;
    border: 1px solid #7e7e7e;
    border-radius: 0;
}
.panel-body .label.label-info {
    background: #ffffff;
    font-family: Gotham;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.6px;
    text-align: left;
    color: #707070;
    border: 1px solid #7e7e7e;
    border-radius: 0px;
}
#product-offer .bootstrap-select.btn-group .dropdown-menu {
    margin-top: -1px;
    position: relative;
    top: 0;
    left: 0;
}

/**********************************************************
BLOG CONTAINER
******************/

#hilfebereich .blog-content {
    margin-top: 54px;
}
#hilfebereich .go-back {
    margin-top: 44px;
}

#hilfebereich {
    padding-bottom: 60px;
}
#hilfebereich ul.blog-navi li {
    font-family: Gotham;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: 0.9px;
    text-align: left;
    color: #00242f;
    text-transform: uppercase;
    /*padding-bottom: 17px;*/
        padding: 8px 0;
    position: relative;
    width: 100%;
}

#hilfebereich .blog-content h1 {
    font-family: MavenPro;
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    text-transform: uppercase;
    margin-top: 42px;
    border-bottom: 10px solid #000;
    margin-bottom: 29px;
    padding-bottom: 16px;
}
#hilfebereich .blog-content-answers h1 {
    font-family: MavenPro;
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-top: 42px;
    border-bottom: 10px solid #000;
    margin-bottom: 29px;
    padding-bottom: 16px;
}
.activemenu{
  font-family: MavenPro;
  font-size: 20px;
  font-weight: 900!important;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.9;
  letter-spacing: normal;
  text-align: left;
  color: #001a22;
}
#hilfebereich .blog-content p a {
    border-bottom: 1px solid;
}
img.blog-content-image {
    width: 100%;
    margin: 50px 0;
}
.blog-detail-categoryname {
    font-family: Gotham;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: 0.9px;
    text-align: left;
    color: #040404;
    text-transform: uppercase;
    margin-top: 47px;
}

/**********************************************************
SECTION STORIES-BLOG - DETAILSEITE
******************/
#blog-content-detail  p {
    font-family: Gotham;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.3px;
    text-align: left;
    color: #495356;
}
#blog-content-detail img.blog-content-image {
    max-width: 100%;
    margin: 37px 0 50px 0;
}
#blog-content-detail .blog-detail-categoryname {
    font-family: Gotham;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.9px;
    text-align: left;
    color: #040404;
    text-transform: uppercase;
    margin-top: 43px;
    padding: 3px 0 44px 0;
}
#blog-content-detail .blog-content-answers h1 {
    font-family: MavenPro;
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-top: -16px;
    text-transform: uppercase;
}

#blog-content-detail .go-back {
    margin-bottom: 30px;
    margin-top: 44px;
}
#blog-content-detail {
    padding-bottom: 60px;
}
#blog-content-detail p a {
    text-decoration:underline;
}
#cat-caption .price span {
    line-height: 2.1;
}










.xs-home {
    width: 140px;
    height: 61px;
    background: transparent;
    margin: 0 auto;
    position: absolute;
    z-index: 99999999;
    top: 0px;
    left: 30%;
    right: 30%;
}
.xs-wrapper {
    position: relative;
    text-align: center;
    margin: 0 auto;
    width:100%;
    
    position: absolute;
    text-align: center;
    margin: 0 auto;
    width: 446px;
    left: 0;
}



/**********************************************************
SECTION STORIES-BLOG
******************/
.category-reorder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}



.row{
 display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;   
}

#footer-boxes div:nth-child(6), 
#footer-boxes div:nth-child(7) {
    display: none;
}


.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.ml-auto, .mx-auto {
    margin-left: auto!important;
}

.mr-auto, .mx-auto {
    margin-right: auto!important;
}


#stories-hero .container {
    padding: 0 15px;
}
#stories-hero .center {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#stories-hero .screen {
	width: 100%;
	height: 600px;
	background: url(/images/targa.jpg);
	background-size: cover;
	background-position: 50%;
	position: relative;
}
#stories-hero h2 {
	font-family: MavenPro;
	font-size: 50px;
	font-weight: 900;
	line-height: 0.92;
	text-align: center;
	color: #ffffff;
}

.cat-divider {
    margin: 60px 0;
    display: inline-block;
}



#stories-category .filter {
	font-family: Gotham;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.24px;
	text-align: left;
	color: #495356;
	margin-right: 60px;
    margin-left: -5px;
}
#stories-category .category {
	font-family: Gotham;
	font-size: 18px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.11;
	letter-spacing: 0.9px;
	text-align: left;
	color: #00242f;
	text-transform: uppercase;
        text-align: center;
}
#stories-category .category li a:hover {
	border-bottom: 10px solid #000;
	padding-bottom: 2px;
}
#stories-category li {
	display: inline-block;
	/*margin-right: 25px;*/
}
#stories-category {
	padding: 45px 0 10px 0;
}

.storie-cat {
	font-family: Gotham;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.11;
	letter-spacing: 0.9px;
	color: #00242f;
	display: block;
	width: auto;
	text-transform: uppercase;
	margin-top: 40px;
    margin-bottom:10px;
}
.storie-headline {
	font-family: MavenPro;
	font-size: 30px;
	font-weight: 900;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
	display: block;
	width: auto;
	text-transform: uppercase;
	margin-bottom:25px;
}
.storie-teaser {
	font-family: Gotham;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.35;
	letter-spacing: 0.3px;
	text-align: left;
	color: #495356;
	display: block;
	width: auto;
	margin-top: 4px;
}
.storie-teaser-block {
	margin-bottom: 60px;
}
#stories-category-image .button.load {
	font-family: Gotham;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: 1.28px;
	text-align: left;
	color: #ffffff;
	background-color: #001a22;
	padding: 13px 37px;
	text-transform: uppercase;
}
#stories-category-image .button_wrapper {
	margin: 59px auto;
}
#load-list .storie-teaser-block {
	display: none;
}
.related-posts,
.related-category {
	font-family: Gotham;
	font-size: 25px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 1.25px;
	text-align: center;
	color: #00242f;
	text-transform: uppercase;
}
.related-category {
	margin-bottom: 70px;
	margin-top: 8px;
}
span.content {
	font-family: Gotham;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.35;
	letter-spacing: 0.3px;
	text-align: left;
	color: #495356;
}
.related-products.img1 {
	width: 100%;
	height: 372px;
	background:url(../images/related_post.jpg);
	background-size: cover;
	background-position: 50%;
	border-bottom: 0;
}
.related-products.img2 {
	width: 100%;
	height: 372px;
	background:url(../images/related_post.jpg);
	background-size: cover;
	background-position: 50%;
	border-bottom: 0;
}
#related-products .headline {
	font-family: MavenPro;
	font-size: 30px;
	font-weight: 900;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
	text-transform: uppercase;
	display: block;
	margin-bottom: 4px;
}
#related-products .label {
	font-family: Gotham;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.11;
	letter-spacing: 0.9px;
	text-align: left;
	color: #00242f;
	text-transform: uppercase;
	display: block;
	margin-top: 27px;
	margin-bottom: 9.5px;
}
section#related-products {
	margin-bottom: 67px;
}
.storie-details-block {
	margin-bottom: 45px;
}
.cat-divider span {
    font-family: MavenPro;
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 15px; 
    display: block;
}
.cat-divider p {
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: 0.32px;
    text-align: left;
    color: #495356;
}
.vertical-center {
    margin-top: 40%;
}
.product-wrapper .form.form-basket.evo-validate {
    display: none;
}
.row.gallery .product-wrapper{
 border:0;   
}

.product-wrapper .thumbnail {
    border: 0;
    padding: 0;
}
.price_wrapper {
    text-align: left;
}
.caption .title a {
    font-family: MavenPro;
    font-size: 20px;
    line-height: 1.215;
    letter-spacing: 0.5px;
    text-align: left;
    color: #00242f;
}

/*
.price_wrapper span,
strong.price.text-nowrap span{
      font-family: Gotham;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.17;
  letter-spacing: 0.96px;
  text-align: left;
  color: #6d7278;
}
*/
.thumbnail .caption {
    padding-left: 0;
}
.product-cell h4.title {
    margin-bottom: -3px;
}
#result-options {
    margin-bottom: 20px;
}

.tx-1 {
    max-width: 100%;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.tx-1 h3 {
    max-width: 100%;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    line-height: 1;
}
.tx-1 h3 {
    margin-top: 34px;
}
.sup1 {
    margin-top: 18px;
    color: #616263;
    font-family: Gotham;
    font-size: 14px;
}
/**********************************************************
SECTION STORIES DETAIL
******************/
#stories-detail {
	margin:5px 0 30px 0;
}
.back::before {
	display: inline-block;
	margin-left: 0px;
	vertical-align: -3px;
	content: url(../images/arr_left.png);
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	margin-right: 8px;
}
#stories-category .back {
	font-family: Gotham;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.24px;
	text-align: left;
	color: #495356;
}
.breadcrumb-story {
	font-family: Gotham;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.11;
	letter-spacing: 0.9px;
	text-align: center;
	color: #040404;
	text-transform: uppercase;
}
#stories-detail p bold {
	font-family: Gotham;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.35;
	letter-spacing: 0.3px;
	text-align: left;
	color: #000000;
	display: block;
	margin-bottom: 15px;
	margin-top: 60px;
}
#stories-detail p {
	font-family: Gotham;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.35;
	letter-spacing: 0.3px;
	text-align: left;
	color: #495356;
}
.blog-end-line {
	border-top: solid 1px rgba(0, 0, 0, 0.25);
	margin-bottom:23px;
}
.end-line img {
	margin-right: 20px;
}
.end-line img:nth-last-child(1) {
	margin-right: 0px;
}
.blog-footer-date {
	font-family: Gotham;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.24px;
	text-align: left;
	color: #bfbfbf;
}
.blog-text ul {
	font-family: Gotham;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: 0.3px;
	text-align: left;
	color: #495356;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 25px;
}
.blog-text ul {
	list-style: disc;
}
.blog-text {
	padding: 0;
}
.blog-text h3 {
	font-family: Gotham;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.15;
	letter-spacing: 1.3px;
	text-align: left;
	color: #00242f;
	margin-top: 36px;
	margin-bottom: 33px;
	width: auto;
}
.blog-text .blockquote {
	font-family: Gotham;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.38;
	letter-spacing: 0.39px;
	text-align: left;
	color: #00242f;
	padding: 0 4px;
	margin-top: 36px;
	margin-bottom: 36px;
}

/**********************************************************
SECTION LEGAL-CONTENT
******************/
#legal-content h2 {
    font-size: 50px;
    font-weight: 900;
    line-height: 0.92;
    text-align: left;
    color: #00242f;
    margin-bottom: 43px;
    margin-top: 8px;
    width: auto;
}
#legal-content p bold {
	font-family: Gotham;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.35;
	letter-spacing: 0.3px;
	text-align: left;
	color: #000000;
	display: block;
	margin-bottom: 38px;
}
#legal-content p {
    font-family: Gotham;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.3px;
    text-align: left;
    color: #495356;
}
#legal-content a {
    border-bottom: 1px solid #495356;
}
#legal-content h3 {
  margin-top: 60px;   
    margin-bottom: 12px;
}
#legal-content .formlegal {
    padding: 22px;
    margin-top: 45px;
    border: 1px solid #4E4D4D;
    display: inline-block;
}
#legal-content .formlegal form p {
    width: 100%;
    display: inline-block;
}
#legal-content .formlegal form input {
    padding: 5px;
    border: 1px solid #4E4D4D;
}
#legal-content .sended {
    padding: 15px;
    background: #36d7ac;
    color: #fff;
    margin: 15px 0;
    font-size: 18px;
}
#legal-content .formlegal form select {
    border: 1px solid #4E4D4D;
}
#legal-content .formlegal textarea#message {
    border: 1px solid #4E4D4D;
}
#legal-content textarea, 
#legal-content textarea.form-control {
    min-width: 100%;
    max-width: 100%;
}
#legal-content .formlegal form small {
    display: inline-block;
    width: 100%;
}
#legal-content p.clearline {
    padding: 0;
    margin: 45px 0 15px;
}

#legal-content li {
    list-style-type: disc;
    margin: 0 20px;
}
#legal-content ul {
    font-family: Gotham;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.3px;
    text-align: left;
    color: #495356;
}
#legal-content i {
    font-family: inherit;
    margin: 40px 0;
    display: block;
}
#legal-content .wdrblg {
    background: #ECECEC;
    padding: 35px;
    color: #0C0C0C;
}
#legal-content h4 {
    font-family: MavenPro;
    font-size: 18px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    text-transform: uppercase;
     
    margin-top: 45px;
}
/*******************
VERSAND DIVs
************************/


.shipping {
	position: relative;
	margin-bottom: 15px;
border: 1px solid #001a22;
}
.col-responsive-show{
    display: none!important;
}
.shipping-head {
	text-align: center;
}

.shipping-head h3,
.shipping-head h4 {
	margin: 0;
	line-height: normal;
}

.shipping-head h3 span,
.shipping-head h4 span {
	display: block;
	margin-top: 5px;
	font-size: 14px;
	font-style: italic;
}

.shipping-head h3 {
	font-weight: 300;
	color: #fafafa;
	padding: 12px 15px;
	font-size: 27px;
	background: #36d7ac;
	border-bottom: solid 1px #41b91c;
}

.shipping-head h4 {
	color: #4D4E4A;
	padding: 20px 0;
	font-weight: 300;
	background: #E6E6E3;
	border-bottom: solid 1px #D6D6D3;
}

.shipping-head h4 i {
	font-size: 28px;
	font-style: normal;
	position: relative;
}

.shipping-head h4 span {
	top: -10px;
	font-size: 14px;
	font-style: normal;
	position: relative;
}

.shipping-content li {
	color: #888;
	font-size: initial;
	padding: 7px 15px;
	text-align: center;
	border-bottom: solid 1px #f5f9e7;
}

.shipping-content li span {
	margin-right: 5px;
}

.shipping-footer p {
	padding: 15px;
	    text-align: center;
}

.padd {
	padding: 50px;
	width: 90%;
	float: none;
	margin: 0 auto;
}

ul.shipping-content.list-unstyled {
	padding-top: 15px;
}

/**********************************************************
SECTION KONTAKT
******************/
#kontakt h2 {
	font-size: 50px;
	font-weight: 900;
	line-height: 0.92;
	text-align: left;
	color: #00242f;
	margin-bottom: 43px;
    margin-top: 8px;
}
#kontakt a {
	border-bottom:1px solid #495356;
}
#kontakt p bold {
	font-family: Gotham;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.35;
	letter-spacing: 0.3px;
	text-align: left;
	color: #000000;
	display: block;
	margin-bottom: 38px;
}
#kontakt .kontakt-img {
	max-width: 100%;
	height: 345px;
	background:url(../images/kontakt.jpg);
	background-position: 50%;
	background-size:cover;
	margin-top: 6px;
}
#kontakt p {
  font-family: Gotham;
  font-size: 20px; 
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: 0.3px;
  text-align: left;
  color: #495356;
}
#kontakt h3 {
	font-family: MavenPro;
	font-size: 20px;
	font-weight: 900;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.9;
	letter-spacing: normal;
	text-align: center;
	color: #001a22;
}
.form-in-right {
    margin-right: 0;
}

ul.nav.nav-tabs li {
    float: none;
    display: inline-block;
    zoom: 1;
}
#tab-content ul.nav.nav-tabs li {
    float: left;
    display: inline-block;
    zoom: 1;
}

#infobanner p {
	font-family: Gotham;
	font-size: 16px;
	line-height: 1.25;
	letter-spacing: 0.24px;
	text-align: center;
	color: #495356;
	margin-bottom: 27px;
}
#infobanner p.textlink {
	font-family: Gotham;
	font-size: 18px;
	line-height: 1.11;
	letter-spacing: 0.9px;
	text-align: left;
	color: #00242f;
	border-bottom:1px solid #00242f;
	display: inline;
	text-transform: uppercase;
}
#infobanner {
	background: #f7f5f2;
    margin-top: 13px;
}
#infobanner h3,
#infobanner .on-center {
	text-align: center;
    display: inline-block;
}
#infobanner .on-center {
	padding: 48px 15px 58px 15px;
}
#infobanner h3 {
	margin-bottom: 12px;
}
#infobanner.transparent {
    background: #fff;
}
p.btn-group.btn-group-justified a {
    display: inline-table;
}

/**********************************************************
SECTION KATALOG / SHOPFINDER / 
******************/



#box-full-width{
	text-align: center;
}
#box-full-width h2 {
	font-size: 50px;
	font-weight: 900;
	line-height: 0.92;
	text-align: center;
	color: #00242f;
	margin-bottom: 35px;
	display: inline-block;
        width: 100%;
}

.container.big-block-text {
    padding-top: 50px;
    padding-bottom: 50px;
}

#box-full-width p {
	font-size: 25px;
	line-height: 1.2;
	letter-spacing: 1.25px;
	text-align: center;
    color: #00242f;
}

/**********************************************************
SECTION BLOG STYLE 
******************/


h2 {
	font-family: MavenPro;
	font-size: 30px;
	font-weight: 900;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
	display: block;
	width: inherit;
	text-transform: uppercase;
	margin-bottom:41px;
}


#box-tile-width span {
    font-family: Gotham;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: 0.9px;
    text-align: left;
    color: #00242f;
    margin-bottom: 17px;
    display: block;
    text-transform: uppercase;
}
#box-tile-width h1 {
    font-family: MavenPro;
    font-size: 40px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.9;
    letter-spacing: normal;
    text-align: left;
    color: #001a22;
    margin-bottom: 21px;
    text-transform: uppercase;
}
#box-tile-width p {
    font-family: Gotham;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
  
    letter-spacing: 0.3px;
    text-align: left;
    color: #495356;
    line-height: 1.2;
}

#box-tile-width p{
    line-height: 27px;
}

#box-tile-width .box-tile-width-img {
    max-width: 100%;
    height: 600px;
    background: url(../images/manufaktur_produktion.jpg);
    background-position: 70% 50%;
    background-size: cover;
    margin-top: 6px;
}
#box-tile-width .adj{
    margin-top: 125px;
}
#box-tile-width .text-center span {
 text-align: center;   
}
#box-tile-width .text-center h1 {
 text-align: center;   
}
#box-tile-width .text-teaser {
    font-family: Gotham;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.3px;
    text-align: center;
    color: #495356;
    display: block;
    width: inherit;
    margin-top: 47px;
    margin-bottom: 60px;
}
#box-tile-width .gray {
    background: #e6e6e6;
}
#box-tile-width .screen {
    width: 100%!important;
    height: 760px;
    background: url(../images/hbm_speedster_functional.jpg);
    background-size: cover;
    background-position: 50% 50%;
}
#box-tile-width .padding-bottom-0{
 padding-bottom:0;   
}
#box-tile-width h3 {
    font-size: 30px;
    color: #000000;
    margin-bottom: 2px;
}

#box-tile-width h2 {
    font-family: MavenPro;
    font-size: 50px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    text-align: left;
    color: #001a22;
    display: table-cell;
}


#box-tile-width .subline h2 {
    font-family: MavenPro;
    font-size: 40px;
    font-weight: 900;
    text-align: left;
    color: #001a22;
    text-transform: uppercase;
    display: table-cell;
}
#box-tile-width #ul-area{
    ##border: 0;
    ##width: auto;
}
.underline {
    ##border-bottom: 10px solid #000000;
    ##width: 102.2%;
    ##padding-bottom: 25px;
}
.underline hr {
    margin-top: 26px;
    margin-bottom: 46px;
    border: 0;
    border-top: 10px solid #001a22;
    width: 100%;
}
.ext-pad {
    padding-bottom: 21px;
}


.col-sm-6.col-md-6.col-lg-11.col-lg-offset-1.subline {
    margin-bottom: 10px;
}
.menuline hr {
    background: #3a3a3a;
    height: 1px;
    padding-top: 0;
    margin-top: -1px;
    border-top: 0;
    display: block;
    clear: both;
}
.scalize {
    width: auto!important;
}
.scalize img.target {
    display: none;
}
#box-tile-width .scalize p {
    font-family: Gotham;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.3px;
    text-align: left;
    color: #495356;
    line-height: 1.2;
}
#box-tile-width .scalize h6 {
    font-size: 15px;
    font-family: MavenPro;
    font-weight: 900;
    text-align: left;
    color: #001a22;
    text-transform: uppercase;
    display: table-cell;
    margin: 0;
    padding: 0;
}
/**********************************************************
PRODUKT DETAIL BESCHREIBUNG
******************/
.pro-det-des ul li {
    list-style-type: disc;
}

.pro-det-des ul {
    margin-bottom: 30px;
    margin-left: 18px;
}
.pro-det-des h3 {
    margin-bottom: 10px;
}
#ul-area li.dropdown.pull-right.tabdrop.active {
    position: relative;
    right: -2px;
}
p.alert.alert-info.choose-variations {
    font-family: Gotham;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: 1.44px;
    text-align: left;
    color: #000000;
    text-transform: uppercase;
    width: 100%;
    padding: 24px;
    background: #f7f5f2;
    border-radius: 0;
}
.image-thumbs li:nth-of-type(2) {
    /*display: none!important;*/
}
a.nivo-control:nth-child(2) {
    /*display: none;*/
}
a.nivo-control:nth-of-type(1n+5) {
    display: none!important;
}
/**********************************************************
MATEREIAL FARBEN DETAILSEITE
******************/
section#material_farben h2 {
    font-family: MavenPro;
    font-size: 50px;
    font-weight: 900;
    line-height: 0.92;
    text-align: center;
    color: #ffffff;
}
#material_farben .screen {
    width: 100%;
    height: 600px;
    background: url(../images/material_farbe.jpg);
    background-size: cover;
    background-position: 50%;
    position: relative;
}
#material_farben .center {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#material_farben p{
   font-family: Gotham;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: 0.3px;
  text-align: left;
  color: #495356;   
}
#material_farben h1 {
    font-family: MavenPro;
    font-size: 40px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.9;
    letter-spacing: normal;
    text-align: left;
    color: #001a22;
text-transform: uppercase;
    margin-bottom: 25px;
    margin-top: 20px;   
}
.sel-preview img {
    padding: 0;
    width: 97%;
}
.description-text {
    margin-bottom: 20px;
}
.material-preview-description span {
    display: block;
    font-weight: normal;
    color: #495356;
}
.material-preview-image .button-load a{
    font-family: MavenPro;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.25;
    letter-spacing: 1.28px;
    text-align: center;
    color: #6d7278;
    border: solid 2px #6d7278;
    text-transform: uppercase;
    padding: 4px 0;
    margin-top: 36px;
    text-decoration: none;
}
#material_farben .material-preview-image p {
    font-family: Gotham;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.24px;
    text-align: center;
    color: #495356;
    margin-top: 36px;
    margin-bottom: 30px;
}
.material-preview-image a {
    display: block;
    font-family: Gotham;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: 0.9px;
    text-align: center;
    color: #00242f;
    text-transform: uppercase;
    text-decoration: underline;
}

.sel-preview .material-preview-image img:hover {
    border: 0px solid gray;
    padding: 4px;
}
.row.preset h2 {
    font-family: Gotham;
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 1.25px;
    text-align: center;
    color: #00242f;
    margin-bottom: 60px;
    margin-top: 54px;
}
.hr-line {
    border-top: 1px solid gray;
}
.col-sm-1.small-img {
    width: 130px;
}
.sort-by-test {
    display: block;
}   
.sort-by-test-mobile {
    display: none;
}
/**********************************************************
MATEREIAL FARBEN AUSWAHLSEITE
******************/
.material-preview-description {
    font-family: Gotham;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.3px;
    text-align: center;
    color: #000000;
}
.material-preview-image img {
    max-width: 100%;
}
.box-tile-width#material_farben {
    margin-top: 103px;
    margin-bottom: 80px;
}
.material-preview-image img {
    margin-bottom: 23px;
        padding: 5px;
}
.material-preview-image {
    margin-top: 25px;
    margin-bottom: 25px;
}
.sel-preview .material-preview-image {
    margin-top: 25px;
    margin-bottom: 90px;
}

.material-preview-image img:hover {
    border: 1px solid gray;
        padding: 4px;
}

.preselct.btn-group.bootstrap-select.show-tick.form-control span {
    color: #e0e0e0;
}
li.item.v-box.action.active img {
    width: 550px;
}
/**********************************************************
SECTION FOLDER FORM
******************/
#folder {
	background: #f7f5f2;
}
#folderform h2 {
	font-family: MavenPro;
	font-size: 30px;
	font-weight: 900;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
	margin-bottom: 41px;
}
#folderform p {
	font-family: Gotham;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.35;
	letter-spacing: 0.3px;
	text-align: left;
	color: #495356;
}
#folderform h3 {
	font-family: Gotham;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.11;
	letter-spacing: 0.9px;
	text-align: left;
	color: #00242f;
	margin-top: 55px;
	margin-bottom: 22px;
}
#folderform span {
	font-family: Gotham;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.6px;
	text-align: left;
	color: #707070;
}
#folderform form {
	margin-top: 20px;
}
#folderform textarea,
#folderform input,
#folderform select {
	background-color: #f7f5f2;
	border-radius: 0;
	border: 0px;
	margin-bottom: 22px;
	padding: 24px 22px;
}
#folderform form {
	font-family: Gotham;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.88;
	letter-spacing: 0.24px;
	text-align: left;
	color: #6d7278;
}
#folderform select.form-control {
	padding: 13px 20px;
	height: 48px;
	background-color: #f7f5f2;
	border-radius: 0;
	border: 0px;
	margin-bottom: 22px;
        color: #999999;
}
#folderform .button.dark.big {
	font-weight: 500;
	padding: 7px 32px;
	margin-top: 38px;
	display: inline-block;
    float: right;
}
#folderform .container {
	padding: 92px 25px 121px 25px;
}
#email-sent-error,
.formalert{
    background-color: #ff2f00!important;
    color: #fff;
    font-family: Gotham;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: 0.24px;
    text-align: left;
    text-transform: uppercase;
    margin-top: 20px;
        height: auto;
    border: 0;
}
.respond{
 display: none;   
}
#submitmail{
 cursor:pointer;   
}
input#sicherheits_frage {
    color: #fff;
    background-color: #ff2f00!important;
}
input#sicherheits_antwort {
    color: #001a22;
    border: 5px solid #ff2f00!important;
}
#sicherheits_frage {
    height: auto;
    background: #ff2f00;
    color: #fff;
    border: 0;
}
section.service.cc {
        background: #f7f5f2;
    padding-top: 0;
}



/**********************************************************
SECTION NEWSLETTER
******************/
#newsletter {
	text-align: center;
}
#newsletter h2 {
	font-size: 50px;
	font-weight: 900;
	line-height: 0.96;
	text-align: center;
	color: #001a22;
	margin-bottom: 40px;
	display: inline-block;
}
#newsletter .button_wrapper {
	margin-top: 10px;
}
#newsletter .button {
	padding: 15px 12px;
}

/**********************************************************
ASSETS HELPER
******************/
.Xgs {
	background: red;
	display: block;
	width: 100%;
	height :300px;
}
.divider {
	width: 100%;
	height: 151px;
	background-image: linear-gradient(rgba(200, 200, 200, .3) 1px, transparent 0),
	linear-gradient(90deg, rgba(200, 200, 200, .3) 1px, transparent 0),
	linear-gradient(rgba(150, 150, 150, .3) 1px, transparent 0),
	linear-gradient(90deg, rgba(150, 150, 150, .3) 1px, transparent 0);
	background-size: 10px 10px,
	10px 10px,
	50px 50px,
	50px 50px;
	background-position: 1px 0;
}
.instead_bg:nth-of-type(1) {
	background-image: linear-gradient( 45deg, rgba(0, 0, 0, 0.5) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 75%, transparent 75%, transparent)!important;
	background-size: 5px 5px!important;
}
.instead_bg:nth-of-type(2) {
	background-image: linear-gradient( 45deg, rgba(0, 0, 0, 0.75) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0.75) 75%, transparent 75%, transparent)!important;
	background-size: 5px 5px!important;
}
.instead_bg:nth-of-type(3) {
	background-image: linear-gradient( 45deg, rgba(0, 0, 0, 0.5) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 75%, transparent 75%, transparent)!important;
	background-size: 5px 5px!important;
}
.instead_bg:nth-of-type(4) {
	background-image: linear-gradient( 45deg, rgba(0, 0, 0, 0.75) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0.75) 75%, transparent 75%, transparent)!important;
	background-size: 5px 5px!important;
}
.grid {
	position: fixed;
	top: 0;
	left: 0;
	width: 1400px;
	margin: 0 auto;
	right: 0;
	opacity: 1;
	z-index: 999;
}
.settings {
	position: fixed;
	left: 0px;
	top: 50%;
	-webkit-transform: translate(-0%, -50%);
	transform: translate(-0%, -50%);
	z-index: 999;
}
.dividercheck,
.phon_phoff,
.on_off {
	background: #ff8100;
	padding: 10px;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	margin-bottom: 1px;
}

/**********************************************************
FOOTER
******************/
footer {
	background-color: #00242f;
	padding-top: 58px;
    margin-top: 15px;
	padding-bottom: 97px;
}
footer ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
footer li {
	font-family: Gotham;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.19;
	letter-spacing: 0.32px;
	text-align: left;
	color: #ffffff;
}
footer ul li a {
	color: #ffffff;
}
footer ul li a:hover {
	color: #ffffff;
}
footer h3 {
	text-align: left;
	color: #ffffff;
	margin-bottom: 12px;
        display: inline-block;
}
footer img.logo-footer {
	margin-top: 6px;
}

/**********************************************************
SECTION LEGAL
******************/
#legal .legal-inside-list-left li {
	display: inline;
	margin-right: 41px;
}
#legal .legal-inside-list-right li {
	display: inline;
	margin-right: 13px;
}
#legal .legal-inside-list-right li:nth-of-type(1) {
	display: inline;
	margin-right: 35px;
	margin-left: -20px;
}
#legal li a {
	font-family: Gotham;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.19;
	letter-spacing: 0.32px;
	text-align: left;
	color: #545d60;
}
#legal ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#legal ul li img {
	width: 30px;
}
#legal .container {
	margin: 30px auto;
}
div#copyright {
    display: none;
}

#dropdown-menu-md li {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
    background-clip: padding-box;
}





/**********************************************************
MEDIA QUERIES FOR PRODUCT-SLIDER
******************/
    .MultiCarousel {
        float: left;
        overflow: hidden;
        padding: 15px;
        width: 100%;
        position: relative;
    }

    .MultiCarousel .MultiCarousel-inner {
        transition: 1s ease all;
        float: left;
    }

    .MultiCarousel .MultiCarousel-inner .item {
        float: left;
    }

    .MultiCarousel .MultiCarousel-inner .item > div {
        margin: 10px;
    }

    .MultiCarousel .leftLst,
    .MultiCarousel .rightLst {
        position: absolute;
        border-radius: 50%;
        top: calc(50% - 20px);
    }

    .MultiCarousel .leftLst {
        left: 0;
    }

    .MultiCarousel .rightLst {
        right: 0;
    }

    .MultiCarousel .leftLst.over,
    .MultiCarousel .rightLst.over {
        pointer-events: none;
        background: #ccc;
    }

    .MultiCarousel .MultiCarousel-inner .item {
    ##    float: left;
    ##    margin-right: 6px;
    ##    margin-left: 5px;
    ##    width: 24.22% !important;
        
    margin-right: 6px;
    margin-left: 6px;
    width: 24.12% !important;      
        
    }

    .MultiCarousel {
        padding: 0px;
    }
.MultiCarousel .col-xs-6 {
    margin-bottom: 40px;
}
  button.btn.btn-primary.leftLst,
  button.btn.btn-primary.rightLst {
    display: none;
}
 @media (max-width: 1200px) {   
     .item:nth-last-child(2) {
     #display:none;
}
ul#dropdown-menu-md li {
    position: absolute;
    top: -38px;
    right: 104px;
    border: 1px solid gainsboro;
}
    .container.start-block {
    padding: 37px 25px;
} 
     
    }
    
    
 #MultiCarousel1 .item:nth-last-child(1) {
        margin-right: -50px!important;
}
.caption .title{
	font-family: Gotham;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.11;
	letter-spacing: 0.9px;
	text-align: left;
	color: #00242f;
	text-transform: uppercase;
	display: block;
	/*margin-top: 17.5px;*/
	margin-top: 0px;  
    /*margin-bottom: 2.5px;*/
    margin-bottom: -0.5px; 
    padding: 0; 
}
.caption .price {
	font-family: Gotham;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0.6px;
	text-align: left;
	color: #707070;
}
a.filter_by {
    font-size: 16px;
    text-transform: none;
    color: #495356;
}

a.filter_by:hover {
    border-bottom: 0!important;
    padding-bottom: 2px;
}
#pushed-success .caption .title {
    font-family: Gotham;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: 0.9px;
    text-align: center;
    color: #00242f;
    text-transform: uppercase;
    display: block;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 0;
}



/**********************************************************
PRODUCT TABS
******************/
.tabselect{
  font-family: Gotham;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: 0.9px;
  text-align: left;
  color: #00242f;
}

div#tab-content {
    margin-top: 80px;
    margin-bottom: 15px;
}
.tab-content-wrapper {
    background: #f7f5f2;
    padding-top: 50px;
    padding-bottom: 50px;
    padding: 50px;
    width:100%;
}


span.label.label-default.label-not-available {
    display:none;
    font-size: 10px;
    float: right;
    padding: 11px;
}




.swatches-Initials,
span.swatches-Initialien {
    margin-top: 25px;
    display: inline-block;
    width: 100%;   
}


.swatches-Size,
.swatches-Color{
 display: none;   
}
#predivsel .form-control.ini {
    padding: 15px;
    height: auto;
    width: 100%;
}


input#quantity {
    min-width: 4em;
}





.tab-pane {
    border: 0;
    padding-top: 50px;
    padding-bottom: 50px;
    padding: 50px;
}
.nav-tabs {
    border:0;
}



div#ul-area {
    border-bottom: 1px solid #001a22;
    position: relative;
    width: 90%;
    height: 41px;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 71px;
}

#result-wrapper hr {
    border: none;
    padding: 0px;
}
#article-tabs strong {
    font-family: MavenPro;
    font-size: 20px;
    letter-spacing: normal;
    font-weight: bold;
    color: #000000;
}

#article-tabs strong a {
  font-family: Gotham;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.24px;
  text-align: left;
  color: #001a22;
    text-decoration:underline;
}
#article-tabs {
    display: inline-block;
}

ul.col-sm-10.image-container.v-wrap.carousel.vertical.slide {
    height: auto!important;
}

/*
*/
.image-gallery ul.image-container {
    margin: 0;
    ##padding: 15px;
    overflow: hidden;
}
#gallery .thumbs {
    ##position: relative;
    ##display: inline-block;
    ##float: left;
    ##margin-left: 15px;
    ##margin-right: 15px;
    width: 85px;
    padding: 0;
}
#gallery .image-container {
    max-width: 100%;
    height: auto!important;
    float: right;
}
 .thumbs-box {
      ##  width: 100%!important;
}
.image-gallery ul.image-thumbs li {
    border: 0;
    background: #f7f6f2;
}
.image-gallery ul.image-thumbs li img {
max-width: 85px;
    max-height: 85px;
}
.product-gallery.col-sm-7 {
    margin: 0;
    padding: 0;
}





.updatingStockInfo {
    display: none;
    margin-bottom: -20px;
    position: absolute;
    bottom: 630px;
    left: 0;
    font-size: 30px;
}
sup.badge {
    position: absolute;
    top: -10px;
    right: -15px;
    background: #8f9394;
}

.go-back{
   font-family: Gotham;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.24px;
  text-align: left;
  color: #495356;
  width: 99px;
    margin-right: 15px;
}
/*
.go-back:before{
	content: url(../images/arr_left.png);
    display: inline-block;
    margin-left: 0px;
    margin-right: 3px;
    position: relative;
    top: 3px;
}
*/
.go-back i {
    font-size: 28px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 7px;
}


.go-back a{
 text-decoration:none;
    cursor:pointer;
}
div#result-wrapper {
    margin-top: 37px;
}


.h1.visible-xs.text-center,
#content h1.fn.product-title {
  font-family: MavenPro;
  font-size: 30px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.87;
  letter-spacing: normal;
  text-align: left;
  color: #00242f;
text-transform:uppercase;
    margin-bottom: 9px;
    line-height: 1.2;
}
.h1.visible-xs.text-center {
    text-align: center;
    width: 65%;
    margin: 0 auto;
}
strong#price-format {
    font-weight: 600;
    display: block;
    font-size: 26px!important;
    margin: 5px 0;
}
.product-wrapper strong#price-format {
    margin: 0 0;
}

#content .shortdesc {
  font-family: Gotham;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.24px;
  text-align: left;
  color: #495356;
    padding-bottom: 11px;
}
#content .product-category.word-break,
#content .text-muted.product-sku {
    display: none;
}

div#product-actions {
    display: none;
}
#add-to-cart .input-group-btn {
    width: 100%;
    display: inline-block;
    height: auto;
    clear: both;
    margin: 15px 0;
}
#quantity-grp {
    display: block;
    vertical-align: middle;
}

label.label_quantity {
    font-family: Gotham;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.36px;
    text-align: left;
    color: #00242f;
    margin-left: 15px;
}
div#quantity-grp {
    display: block;
    vertical-align: middle;
}

 
#add-to-cart .quantity,
#add-to-cart .unit {
    width: 50px!important;
    height: 34px;
    margin: 15px 0;
    margin-left: 20px;
    padding-right: 20px;
}
label.label_quantity {
    margin: 20px 15px;
    padding: 0;
    display: block;
    height: 10px;
    float: left;
}





.sel_3 .label-not-available {
    color: #cac6c6!important;
    font-family: Gotham;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.36px;
}
#cart-input-group-btn {
    width: 100%;
    display: inline-block;
    margin: 15px 0;
}


#sel_3_1 .label.label-default.label-not-available,
#sel_3_ .label.label-default.label-not-available{
 background: purple;   
}


.pricestarting{
 display:none;   
}


#add-to-cart button {
    width: 100%;
}
div#add-to-cart  {
    margin-top: 0px;
}

.price-note {
    font-size: 13px;
}
.delivery-status .status {
    display: inline;
    float: left;
    font-family: Gotham;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.24px;
    text-align: left;
    color: #01b476;
    
}
.delivery-status .status:after {
    content: "|";
     margin: 0 10px;
}
.delivery-status p.estimated-delivery {
float: left;
    display: inline;
    font-family: Gotham;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.24px;
    text-align: left;
    color: #01b476;
}
p.delivery-status {
    font-family: Gotham;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.24px;
    text-align: left;
    color: #01b476;
    display: block;
    margin-top: 25px;
}
#quantity-grp .hidden-xs,
#quantity-grp .visible-xs{
    font-family: Gotham;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: 1.44px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
}
#add-to-cart button {
    width: 100%;
    padding: 24px;
    background: #001a22;
}
#MultiCarousel1 span {
    font-size: 12px;
    color: #6d7278;
}
.form-control.ini,
#add-to-cart .form-control {
    border: 1px solid #d4d4d4;
}
#product-offer .product-detail-description .price_wrapper {
    border-bottom: 10px solid #000;
    padding-bottom: 15px;
}
#product-offer .product-attributes-value span a {
    background: #ccbb3a;
    border-radius: 0;
    display: inline-block;
    margin: 0;
    padding: 7px 10px;
    font-family: Gotham;
    font-size: 8px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.8px;
    vertical-align: bottom;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    width: inherit;
    margin-bottom: 8px;
}
p.alert.alert-info.choose-variations {
       /*opacity: 0;*/
}
h4.success-title {
    font-family: MavenPro;
    font-size: 20px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #00242f;
    text-transform: uppercase;
    margin-bottom: 9px;
    line-height: 1.2;
}
.image-thumbs .item:hover {
    border: 2px solid #cacaca!important;
}
.image-thumbs li.item {
    border: 2px solid transparent!important;
}

#product-offer .select-options {
    font-family: Gotham;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.6px;
    text-align: left;
    color: #707070;
    margin-top: 15px;
    text-transform:uppercase;
}

#product-offer button.btn.dropdown-toggle.btn-default {
    font-family: Gotham;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.36px;
    text-align: left;
    color: #00242f;
        border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
        padding: 12px 15px;
}
#product-offer a.variation {
    font-family: Gotham;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.36px;
    text-align: left;
    color: #00242f;
}
#product-offer .swatches-Material,
#product-offer .swatches-Groesse,
#product-offer .swatches-Farbe {
    display: none;
}
#result-wrapper hr {
    display: inline-block;
}



.dropdown-toggle .label.label-info {
    background: #001a22!important;
    border-radius: 0px;
    position: absolute;
    right: 60px;
    top: 15px;
}
ul .label.label-info {
    background: #001a22;
        border-radius: 0;
}

ul span.label.label-info.label-surcharge {
    position: absolute;
    right: 10px;
    top: 7px!important;
}


.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #001a22;
        font-weight: 100;
}


#product-offer .vat_info {
    font-family: Gotham;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.6px;
    text-align: left;
    color: #707070;
    margin-top: 5px;
}
#product-offer .form-group {
    margin-bottom: 5px;

}
.price_wrapper {
    font-family: Gotham;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: 0.9px;
    text-align: left;
    color: #00242f;
}
.ft {
    margin-top: 30px;
}


li.oc {
    display: none;
}
#sidebox_categories0 li.active {
    display: block;
}
ul.nav li.active ul.nav li.oc{
    display: block;
}
.page-total {
    display: none;
}




.related-products {
    margin: 50px 0;
}
.related-products .container {
    width: 100%;
    /*padding: 0;*/
}
.text-right .form-inline.pagination {
    display: none;
}

/**********************************************************
SELECT BOXES CAT
******************/
.active .nav-sub {
    display: none;
}
aside .panel-default > .panel-heading > .panel-title {
    border: 0;
    padding: 0;
}
.aside-panel-title {
    width: 100%;
    text-align: left;
    position: relative;
    background: transparent;
    font-family: Gotham;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: 0.9px;
    text-align: left;
    color: #00242f;
    cursor:pointer;
    text-transform: uppercase;
}
aside .box {
    margin-bottom: 0px;
}
aside .panel-heading {
    padding: 0;
}

aside .title h1 {
    font-family: MavenPro;
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    text-transform: uppercase;
}
aside .title {
    margin-bottom: 28px;
    margin-top: 36px;
}
.sort-by-test {
    margin-bottom: 36px;
    font-family: Gotham;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.24px;
    text-align: left;
    color: #495356;
 
}
.aside-panel-title {
 #padding-bottom: 19px;
}
aside ul.lnav li {
    list-style-type: none;
    padding-bottom: 5px;
}

aside ul.lnav {

}
aside .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}
aside ul.lnav {
    font-family: Gotham;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.24px;
    text-align: left;
    color: #00242f;
    #margin-top: 8px;
}
aside ul.nav.nav-list a {
    font-family: Gotham;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.24px;
    text-align: left;
    color: #00242f;
    padding-bottom: 0px;
    padding-top: 5px;
}


aside ul.lnav{
        padding-top: 26px;
        margin-bottom: 10px;  
}
aside ul.nav.nav-list {
        padding-top: 26px;
        margin-bottom: 14px;
}
.box .fa {
    position: relative;
    top: -2px;
    font-size: 11px;
        left: 1px;
    margin-right: 17px;
}
i.fa.fa-square-o.text-muted:before {
    display: none;
}

i.fa.fa-square-o.text-muted {
    width: 10px;
    height: 10px;
    background: white;
    border: 1px solid #a79f9f;
}



li.red a i.fa.fa-square-o.text-muted {
    background: #a79f9f;
    border: 1px solid #a79f9f;
}

.plus-button {
    height: 100%;
    margin-top: 13px;
    margin-right: 1px;
    margin-left: 7px;
    position: relative;
    display: inline-block;
    padding: 0px 0px;
    transition: .3s;
    cursor: pointer;
    float: left;
}

.plus-button:hover {
  opacity: 0.75;
}

.plus-icon {
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #00242f;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  user-select: none;
  border-radius: 0.75em;
  transition: .3s;
  position: relative;
}

.plus-icon:before {
  display: inline-block;
  width: 20px;
  height: 2px;
  background-repeat: no-repeat;
  background-size: 3px 3px;
  user-select: none;
  border-radius: 0.75em;
  transition: .3s;
  position: absolute;
  content: '';
  transform-origin: 10px center;
  transform: rotate3d(0, 0, 1, 90deg);
  background-color: #00242f;
}
#sidepanel_left a {
        padding: 0;
}
.open.plus-button .plus-icon:before,
.open.plus-button {
  top: 0;
  width: 20px;
  transform: rotate3d(0, 0, 0, 90deg);
}
span.ca-plus {
    position: absolute;
    right: 0;
    top: -18px;
}
    #hilfebereich span.ca-plus {
 display:none;       
}



span.badge.pull-right {
    display: none;
}
#result-wrapper select.form-control.form-small {
    font-family: Gotham;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.6px;
    text-align: left;
    color: #707070;
    border: 1px solid #7e7e7e;
    max-width: 130px;
}
#result-wrapper_buy_form_3 .image-box .image-content img {
    display: block;
    width: 100%;
}
.image-box.loaded {
    border-bottom: 10px solid black;
}
#result-wrapper_buy_form_3 .thumbnail {
    padding: 0;
}
#navbar-filter .filter-type-special {
    font-family: Gotham;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.6px;
    text-align: left;
    color: #707070;
    border: 1px solid #7e7e7e;
}
#navbar-filter .btn.form-control {
    border-radius: 0;
    border: 0;
}
.panel-default.box {
    padding-bottom: 17px;
}
.impr-search {
    margin-bottom: 60px;
    opacity: 0;
}

#dynamic-content ul.dropdown-menu {
    min-width: 145px!important;
    left: -1px;
    top: 50px;
    border: 0;
    padding: 5px;
    border: 1px solid #cccccc;
    /* border: 1px solid rgba(0, 0, 0, 0.15); */
    border-radius: 0;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
    background-clip: padding-box;
}
#dynamic-content #dropdown-messen ul li a {
    font-size: 12px;
        padding: 5px;
    margin: 0px;
}
#dynamic-content ul.dropdown-menu li {
    min-width: 121px;
    padding: 0;
    margin: 0;
}
#dropdown-messen ul.dropdown-menu {
    min-width: 161px!important;
    left: -1px;
    top: 50px;
        padding: 0;
}
#dropdown-messen a.dropdown-toggle:after {
    display: inline-block;
    margin-left: 5px;
    vertical-align: 1px;
    content: url(../images/caret.png);
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}
#dropdown-language a:hover {
    background: #e8e8e8;
}
/**********************************************************
DIV CONTAINER
******************/
.blog-content-answers h3 {
    width: auto;
    line-height: 1.4;
    margin-bottom: 15px;
}
.small-margin {
    padding: 30px 0;
}


    #box-tile-width .row-2 {
        margin-top: 85px;
        margin-bottom: 180px;
    }
    #hero .col-sm-12.mobil-view {
     display: none;
    }
.form-group .form-error-msg {
    clear: both;
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 3px;
    padding-left: 14px;
    text-transform: initial;
    line-height: 2;
    background: #fb961a;
    color: #fff;
    display: block;
    width: 100%;
    margin: 0px;
}
#quick-login {
    margin: 10px;
    margin-bottom: 0;
    width: 220px;
}
.btn-primary {
    border-color: #a73122;
}
ul#dropdown-menu-md li {
    padding: 15px;
}

#MultiCarousel1 .product-qube-small {
    margin-bottom: 8px;
}
#box-tile-width span {
    font-size: 16px;
    line-height: 1.4;
}
.image-stripe div {
    padding: 0;
}
.headline_pos {
    position: relative;
    bottom: -100px;
    height: 500px;
}
section#product-qube {
    margin-bottom: 40px;
}
.container.small-block {
    margin-bottom: 80px;
}

.col-sm-push-4 {
    padding: 0;
    margin-bottom: 27px;
}
.product-wrapper {
    margin-bottom: 45px;
}
.form-control-xs.menu{
        display: none;
    }
ul.blog-navi {
    display: block;
}
aside .panel {
    display: block;
}
.panel-body {
    padding-left: 0;
}
.oversize {
    font-family: Gotham;
    font-size: 13px;
}

.oversize h4 {
    font-family: Gotham;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}
#product-offer button.btn.dropdown-toggle.btn-default {
    border-bottom: 1px solid #d4d4d4 !important;
    border-top: 1px solid #d4d4d4 !important;
}
.shortdesc.description_add h5 {
    font-family: Gotham;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 2px;
}
/********************************************************************************************************************************
MEDIA QUERIES
******************/
@media (max-width: 1418px) {
    .scalize .wrapper {
        display: none;
    }
    #qube-image .qube-big span a,
    #qube-image span a{
        background-color: #001a22;
    font-size: 1.0rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    padding: 10px;
    text-align: center;
    width: fit-content;
    height: auto;
    text-decoration: none;
    margin: 0 auto;
    }
    #qube-image .qube-big span {
        position: initial;
    }
    .container {
        width: 100%;
    }
    #product-qube .preview {
	margin-bottom: 30px;
    padding: 0;
    border-right: 5px solid white;
    border-left: 5px solid white;
    }

}



@media (min-width: 1200px) {
	.container {
		max-width: 1400px;
		padding: 0 25px;
        position: inherit;
	}
    
    
    
    


#ul-tabs{
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
}
#ul-tabs ul{
    list-style:none;
    position:relative;
    left:50%;
}

#ul-tabs li{
    float:left;
    position:relative;
    margin-bottom: -10px;
}/* ie needs position:relative here*/
#ul-tabs a {
    padding-bottom: 40px;
}
#ul-tabs a:hover {
    border-bottom: 10px solid #000;
        padding-bottom: 30px;
}

#ul-tabs a{
    text-decoration:none;
    margin:10px;
    float:left;
    color:#fff;
    padding:2px 5px;
    text-align:center;
    white-space:nowrap;
    
  font-family: Gotham;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: 0.9px;
  text-align: left;
  color: #00242f;
    text-transform: uppercase;
    background: transparent;
    border: 0;
}
#ul-tabs li.active a{
border-bottom: 10px solid #000!important;
    padding-bottom: 30px!important;
}
    
    
    
.img-sm {
    max-width: 48px;
    max-height: inherit;
}
    
    

    
}
/******************************************************************** MAX-WIDTH 1200PX ********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************
**********************/


@media (max-width: 1200px) {
    li#search form .input-group {
    position: relative;
    right: -10px;
}
#navi li.login {
    position: absolute;
    right: -79px;
    top: 0px;
    z-index: 6;
}
#navi .cart-menu {
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0;
    padding: 0;
    left: 54px;
}
li.login.dropdown .dropdown-toggle {
    position: absolute;
    right: 53px;
    top: 0;
}
ul#login-dropdown {
    padding: 15px!important;
    margin-top: 46px!important;
    margin-right: 43px!important;
    background: white;
    position: relative!important;
}
#navi li.login {
    position: absolute;
    right: -77px;
    top: 0px;
    z-index: 1;
}
    #navi .cart-menu {
    position: absolute;
    right: 0;
    top: 0px;
    margin: 0;
    padding: 0;
    left: 55px;
}
#navi ul li:nth-last-child(1), #navi ul li:nth-last-child(2), #navi ul li:nth-last-child(3) {
    float: none!important;
    display: inline-block;
}
    #navi ul li:nth-of-type(4n) img {
        width: 89px;
    }

    #navi ul li:nth-of-type(4n) {
        top: -43px;
        z-index: 99;
    }
    #navi-sub {
        z-index: 1;
    }
    .header-search {
        position: absolute;
        top: -15px;
    }
    #navi ul li ul {
        position: relative;
        top: 0;
        left: 0;
    }
 
    
    #navi ul {
    text-align: center;
    margin: 22px auto 10px auto;
    }  
    
    #navi ul li {   
    float: none;
    margin-right: 15px;
    margin-left: 15px;
    }

    header#evo-nav-wrapper {
        ##position: sticky;
        ##top: 0;
        ##z-index: 999;
    } 
    #navi .navi a:hover {
        border-bottom: 0;
        padding-bottom: 0;
    }  

    #navi li:nth-last-child(1) {
        margin-right: 16px!important;
        width: 35px;
    }
     .row.ono-gutters span {
    display: none;
}
    .teaser_home h3 {
    font-size: 14px!important;
    max-width: 80%!important;
}
.nav-tabs > li > a {
margin-right: 2px;
    background-color: #e9e9e9;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0;
    font-family: Gotham;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.9px;
    text-align: left;
    color: #00242f;
    text-transform: uppercase;
    background: transparent;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: 1px solid #001a22;
    border-bottom-color: transparent;
}
div#ul-area {
    padding-bottom: 0;
}
    
    
}

#cat-caption .price_wrapper #price-format span {
    font-size: 14px!important;
}

.product-detail-description .price_wrapper #price-format span {
    font-weight: 600;
    display: block;
    font-size: 26px!important;
    margin: 0px 0;
}
strong#price-format span {
    font-weight: 700;
}


@media (min-width: 992px){
    .image-gallery.has-thumbs ul.image-container {
    margin: 0;
    margin-top: -15px;
    height: auto!important;
    float: right;
    position: absolute;
    top: 15px;
    right: 0;

    } 

}
.navi ul {
    z-index: 99;
}
strong#price-format {
    font-weight: 600;
    display: block;
    font-size: 26px!important;
    margin: 5px 0;
}
div#predivsel button {
    height: 54px;
}
/******************************************************************** MAX-WIDTH 1200PX ********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************
**********************/
@media (max-width: 1200px) {


    section.service.cc {
        padding-top: 35px;
    }

    #box-tile-width .row-2 {
        margin-top: 15px;
        margin-bottom: 30px;
    }

    #box-tile-width .adj {
        margin-top: 60px;
    }

    #box-tile-width h1 {
        font-size: 33px;
    }

    #blog-content-detail p {
        font-size: 17px;
    }
    #kontakt p,
    #box-tile-width .text-teaser,
    #box-tile-width p {
        font-size: 17px;
    }

    .pk {
        padding: 0 15px;
    }

    #tab-content {
        padding: 0 15px;
    }

    .legal-inside-list-left ul,
    .legal-inside-list-right ul {
        margin: 0 auto !important;
        display: table;
    }

    .srv {
        #border: 1px solid gray;
        display: inline-block;
        margin: 0 15px;
        padding: 30px;
        margin-bottom: 35px;
        width: 100%;
    }

    .srv .col-sm-3 {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 15px;
    }

    #service img {
        float: initial;
    }
    #service .other2 {
        width: 100%;
    }
    #service .other2 p,
    #service .other2 h3 {
        text-align: center;
        margin: 0 auto;
    }
          .cat-divider {
    display: none;
    }  
    sup.badge {
        position: absolute;
        top: -10px;
        right: 19px;
        background: #8f9394;
    }
    #service .container {
    padding-top: 0;
    padding-bottom: 0;
}
    
    .screen-right.col-sm-6 {
    display: none;
}
    .screen-left.col-sm-6 {
    width: 64%;
}
.category.list-inline li:first-child{
    width: 100%;
    display: block;
}
    
    #product-qube .price, 
    #product-qube .label,
    #MultiCarousel1 .caption a, 
    #MultiCarousel1 .price span {
    font-size: 17px!important;
    font-family: Gotham;
}   

    
}

.image-gallery ul.image-thumbs li {
    background: transparent!important;
}
.image-thumbs .item:hover {
    border: 2px solid transparent!important;
}
.image-box.loaded {
    border-bottom: 0px solid black;
}
/**********************************************************
IMG GALLERY DETAIL 
******************/
.thumbs-box {
    width: 100%;
    display: inline;
}
.stick-down, .slick-up {
    display: none!important;
}
.image-gallery ul.image-thumbs {
    width: 100%!important;
    margin: 0;
    margin-bottom: 140px;
    margin-top: 15px;
}
.image-gallery ul.image-thumbs li {
    border: 0;
    ##border: 1px solid #80808073;
    border-radius: 0;
    width: 84px;
    background: #f7f6f2;
    margin-bottom: 15px;
}
.image-box.loaded .image-content {
    display: inline-block;
    border: 1px solid #80808042;

}
.sidebar-offcanvas .active .nav-sub {
    display: block;
}
.swatches-Initialen {
    margin-top: 30px;
    display: block;
}
.ini-infotext {
    font-family: Gotham;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.6px;
    text-align: right;
    color: #707070;
    margin-top: 3px;
}
/**********************************************************
IMG GALLERY DETAIL 
******************/

.visible-xs .navbar-left {
    float: right;
}
.nav-logo a {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 0px;
}
.nav-logo a img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.nav-logo img {
    width: 95px;
}
.nav-logo {
    text-align: center;
    position: relative;
    z-index: 0;
    max-width: 100%;

}
.navbar-default {
    border: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: transparent!important;
}

.hamburger {
    padding: 0!important;
}

a.offcanvas-toggle.js-offcanvas-has-events {
    display: block!important;
    z-index: 2!important;
}
.navbar-default .nav > li > a,
.navbar-default .btn {
    position: relative;
padding: 20px 15px 10px 15px;
}


.hamburger-box {
   ## width: 25px!important;
   ## height: 24px!important;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
   height: 2px!important;
}


.navbar-overlay {
    top: 71px;
    display:none!important;
}
.navbar-overlay {
    z-index: 4;
    background-color: rgb(255 255 255);
top: 71px;
}
#navbar-offcanvas {
    position: absolute;
    top: 72px;
    width: 100%;
}

.navbar-offcanvas.in {
    box-shadow: 0 0 black;
    box-shadow: 0 0 black;
}
.grid {
    display: none;
}

.image-gallery.has-thumbs ul.image-thumbs {
    display: inherit;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #001a22;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #001a22;
}

.img-content img{
    vertical-align: inherit;  
}



/******************************************************************** MAX-WIDTH 992PX ********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************
**********************/


@media (max-width: 992px){    

    

  
.mobile-cat-results {
    margin-top: 73px;
}
#result-wrapper {
    margin: 0;
}
#result-wrapper hr {
    display: none;
    margin: 0;
}
    
#result-options {
position: absolute;
    top: 150px;
    right: 0;
    z-index: 9;
    width: 50%;
    height: 34px;
    display: none;
}

    
.active-filters.panel.panel-default {
    display: none;
}    
    
    /*
                                                                     #improve_search {
                                                                        margin-bottom: -40px;
                                                                    }
    */
 
#gallery .image-container {
    float: none;
}    
    
    #box-tile-width .adj {
        margin-top: 50px;
    }

    #box-tile-width .row-0 {
        margin-bottom: 35px;
    }

    #box-tile-width .row-0 {
        margin-bottom: 25px;
    }

    .tx-1 {
        margin-bottom: 14px;
    }
    

    #box-tile-width .row-2 {
        margin-top: 25px;
        margin-bottom: 90px;
    }




    #box-tile-width .adj.sm-top {
        margin-top: -15px;
    }

    #box-tile-width .ext-pad h2 {
        font-size: 35px;
    }

    .impr-search a.button.dark.big {
        width: 50%;
        margin: 0 auto;
    }

    div#dropdown-messen {
        display: none;
    }

    #hero .col-sm-7,
    #hero .col-sm-5 {
        display: none;
    }

    #hero .screen {
        background-position: 34% 50%;
    }

    #hero .col-sm-12.mobil-view {
        display: block;
    }

    .product-info,
    .product-gallery {
        width: 100%;
    }


    #gallery .thumbs {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }

    .image-gallery ul.image-thumbs li {
        width: initial;
    }

    .thumbs-box {
        overflow: inherit !important;
        height: auto !important;
    }

    #navi-sub .tf-1 {
        display: none;
    }

    nav.force-float > li {
        float: right;
    }

    .navbar-nav.navbar-right.force-float > li {
        float: left;
    }

    #hero .col-sm-12.mobil-view h2 {
        font-size: 36px;
        font-weight: 900;
        line-height: 0.92;
        text-align: center;
        color: #001a22;
        margin-top: 21px;
        width: 100%;
    }

    #hero .col-sm-12.mobil-view h2 br {
        display: none;
    }

   
    .category-reorder {
        display: table;
        width: 100%;
    }

    .table-options {
        display: table-footer-group;
        float: none;
    }

    aside {
        display: table-header-group;
    }

       nav#navbar-offcanvas hr {
        display: none;
    } 
    ul.nav.navbar-nav.offset-nav-last {
        width: 80%;
        border-bottom: solid 1px #7d7d7d;
        border-top: solid 1px #7d7d7d;
        z-index: 1;
        margin: 0 auto;
        text-align: center;
            margin-top: 20px;
    }
    li#gl-1 {
        border-top: solid 1px #7d7d7d;
        z-index: 1;
        margin: 0 auto;
        text-align: center;
    }
    ul.nav.navbar-nav.offset-nav-last li a {
        font-family: Gotham;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 0.6px;
        text-align: center;
        color: #707070;
        text-transform: none;
    }
    li#gl-8 {
        border-bottom: solid 1px #7d7d7d;
        z-index: 1;
        margin: 0 auto;
        text-align: center;
        
    }
    .mm-01 {
        border-right: solid 1px #7d7d7d;
        display: inline-block;
        padding: 15px;
        width: 50%;
        float: left;
    }
    ul.nav.navbar-nav.offset-nav-last a {
        padding: 12px 0!important;
    }

    li#gl-8 a {
        overflow: hidden;
        display: block;
    } 
        ul.nav.navbar-nav sup {
        position: absolute;
        top: 10px;
        right: 0;
    }

    .tab-content-wrapper {
        padding: 70px 0;
    }
    .product-attributes-value.value {
    margin-top: 20px;
}
.category-reorder {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}
    
    .bh-sl-container .bh-sl-loc-list {
    height: 292px!important;
    }
    
    #product-qube .price, 
    #product-qube .label,
    #MultiCarousel1 .caption a, 
    #MultiCarousel1 .price span {
    font-size: 14px!important;
    font-family: Gotham;
}  
    .lines{
    margin-right: 15px;
    margin-left: 15px;
    width: 100%;
}
    
 .qube-big span a{
     font-size: 14px!important
    }
.qube-small {
    margin-bottom: 15px;
}  
.qube-small span a {
    font-size: 14px!important;
}
    
    h1{
            font-size: 7.2vw;
    }
    
    h2{
            font-size: 5.2vw;
    }
    .screen {
    width: 100%;
    ##height: 530px!important;
    height: 80%;    
    }
/*
section.stories-hero#manufaktur {
        margin: -5px 15px 15px;
}
*/
    section#box-tile-width {
        margin: 5px;
    }
section#box-tile-width.sclze {
    margin: 0 15px;
}
    .col-xs-12.col-sm-12.col-md-5.col-md-offset-1 {
    padding: 0;
}
    .container.big-block {
    padding: 20px 25px 0px;
}
    
    .scalize {
    margin-bottom: 27px;
}
    .fullsize-bnr {
    padding: 15px;
    margin-top: -20px;
    margin-bottom: 0px!important;
    margin-top: -20px!important;
}
    .underline,
    .ext-pad,
    .col-md-4.col-md-offset-1.row-0 {
    padding: 0;
}
    .tx-1 {
    #padding: 0;
}
    .subline {
    text-align: left;
    padding: 0;
    margin-top: 30px;
}
    .teaser-main-block {
    font-size: 18px;
    margin: 20px;
    width: 100%;
}
    .subtext {
    padding: 10px;
}
    
 
    
.sort-by-test {
    display: none!important;
}   
.sort-by-test-mobile {
    display: block;
}
    
aside#sidepanel_left .panel {
    display: none;
}
    .title.cat-title h1 {
    text-align: center;
}
.title.cat-title {
    width: 100%;
}
    
    
.sort-by-test-mobile{
    font-family: Gotham;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.6px;
    text-align: left;
    color: #707070;
    border: 1px solid #7e7e7e;
} 
.sort-by-test-mobile,{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: inherit;
    line-height: 1.42857143;
    color: #606060;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 0%);
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 0%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}   
    

 .col-sm-push-4 {
    padding: 0 15px;

}

.form-control-xs{
    position: relative;
    left: -15px;
    top: 44px;
    max-width: 20%;
    display: block;
    max-width: 100%!important;
    left: 0;
    }
aside#sidepanel_left {
    padding: 0;
}   
    
#result-wrapper {
    margin-top: -8px;
}
    
#improve_search .displayoptions select {
       max-width: 100%!important;
} 
section#sidebox_categories0 {
    margin-top: 40px;
}

    
}
/* END 992 px REsponsive **********************************/


#product-offer .vat_info {
    font-size: 14px;
}

#product-offer .price_label {
    font-size: 16px!important;
    display: contents;
    font-family: Gotham;
    margin-bottom: 10px;
}

.price, .price_label, #price-format span {
    font-family: Gotham;
    font-size: 18px!important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: 0.9px;
    text-align: left;
    color: #00242f;
}

/******************************************************************** MAX-WIDTH 1199px AND MIN-WIDTH 768px ********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************
**********************/

@media (max-width: 1199px) and (min-width: 768px){
    #improve_search .displayoptions select {
       # max-width: 130px;
    }
    #product-qube .price, 
    #product-qube .label,
    #MultiCarousel1 .caption a, 
    #MultiCarousel1 .price span {
    font-size: 16px!important;
    font-family: Gotham;
}  

    ment.style {
    float: inherit!important;
    background: white;
    width: 360px;
    position: relative;
    top: 15px;
    left: -100px;
}

    /*
     #hero .col-sm-12.mobil-view {
    display: none;
    }
    #hero .col-sm-12.mobil-view h2 {
        font-size: 36px;
        font-weight: 900;
        line-height: 0.92;
        text-align: center;
        color: #001a22;
        margin-top: 21px;
        width: 100%;
    }
    */
}

/******************************************************************** MAX-WIDTH 862PX ********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************
**********************/


@media (max-width: 862px) {
.navi li:last-child {
    /*display: none!important;*/
        position: absolute;
    top: -30px;
    left: 30px;
}
    #stories h2 {
    font-size: 40px;
    }
    .vvcontainer #ul-area {
    display: block;
}
    
    ul#login-dropdown {
    margin-top: 98px!important;
    margin-right: -160px!important;
    }   
    li#login-options a {
        border-bottom: 0!important;
        }
    #navi .cart-menu {
        z-index: 99;
    }
    li#search{
        z-index: 999;
    }
    li#login-options {
    top: 10px;
    left: 0;
    position: relative;
}
    ul#dropdown-menu-md {
    border: 0;
    background: transparent;
}
    ul#dropdown-menu-md li {
    position: absolute;
    top: 15px;
    left: -100px;
}
    /*
        ul#dropdown-menu-md {
            border: 0;
            background: transparent;
        }
        #navi ul li ul li {
            position: relative;
            top: 15px;
            left: -100px;
        }  
    */
}




@media (min-width: 768px) {
    #navbar-offcanvas {
        display: none!important;
    }
}

/******************************************************************** MAX-WIDTH 768PX ********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************
**********************/

@media (max-width: 768px) {
    .col-sm-12.bh-sl-container {
    width: 100%!important;
}
.storeLocator-container {
    padding: 0!important;
}
.storeLocator-searchBox {
    width: 100%!important;
    display: block;
}
ul.storeLocator-storesList {
    position: relative!important;
    top: 0!important;
    left: 0!important;
    width: 100%;
    height: 290px;
}
    
    sup.badge {
    top: 10px;
}
#hilfebereich .blog-content {
    margin-top: 15px;
}
    
    #hilfebereich span.ca-plus {
        position: absolute;
        right: 8px;
        top: -6px;
        display: block;

    }  
    
    
.form-control-xs.menu{
        display: block;
    }
ul.blog-navi {
    display: none;
}
    
    
.form-control-xs.menu {
    position: relative;
    left: 0;
    top: -3px;
    display: block;
    max-width: 100%;
    margin-bottom: 20px;
}    
    
.form-control-xs{
    max-width: 50%;

    }
    
.col-sm-push-4 {
padding: 0 15px 0 15px;
    margin-bottom: 15px;
    position: relative;
}
/*
#result-options {
    position: absolute;
    top: 103px;
}
*/
  
    footer .mf-6,
    footer .mf-8 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    #box-tile-width .row-2 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #box-tile-width .row-last {
        margin-bottom: 180px;
    }

    .legal-inside-list-right ul li,
    .legal-inside-list-left ul li {
        text-align: center;
        display: table !important;
        margin: 0 auto;
        margin-right: auto !important;
    }

    .legal-inside-list-right ul li {
        width: inherit;
        float: left;
        margin: 0 12px !important;
    }

    #service .other2 p,
    #service .other2 h3 {
        text-align: center;
        margin: 0 auto;
        padding: 10px 0;
    }

    .vertical-center {
        margin-top: 0;
    }

    .tx-1 {
        margin-bottom: 0px !important;
    }

    #qube-image .qube-big {
        /*margin: 10px 25px;*/
    }

    #box-tile-width .adj {
        margin-top: 80px;
    }

    #box-tile-width .start-block {
        opacity: 0;
        padding: 10px;
    }

    #folder a.button.light.big {
        ##width: 50%;
        margin: 0 auto;
        margin-top: 25px;
    }

    #folder a.button.dark.big {
        ##width: 50%;
        margin: 0 auto;
        margin-top: 25px;
    }

    .screen .row .col-sm-5,
    .screen .row .col-sm-7 {
        display: none;
    }

    #hero .col-sm-12.mobil-view h2 {
        font-size: 36px;
        font-weight: 900;
        line-height: 0.92;
        text-align: center;
        color: #001a22;
        margin-top: 21px;
        width: 100%;
    }

    div#product-offer .col-sm-1 {
        position: absolute;
        top: 30px;
        left: 20px;
    }

    div#product-offer .col-sm-1 i {
        font-size: 44px;
    }

    .go-back i {
        font-size: 28px;
        vertical-align: middle;
        position: relative;
        top: -2px;
    }

    span.col-return {
        display: none;
    }

    #gallery .image-container {
        margin-top: 0;
    }

    .mf-3,
    .mf-4 {
        margin-top: 40px;
        margin-bottom: 60px;
    }

    #tab-pane {
        padding: 20px 0px;
    }

    .tab-pane {
        padding: 50px 0;
    }

    .navbar-overlay {
        display: none !important;
    }

    nav.navbar.navbar-inverse {
        display: none;
    }

    header#evo-nav-wrapper {
        border-bottom: 1px solid gray;
    }

    ul.nav.navbar-nav {
        text-align: center;
    }

    .nav i.fa.fa-square-o.text-muted {
        display: none;
    }

    .lnav i.fa.fa-square-o.text-muted {
        display: inline-block;
    }

    i.fa.fa-caret-right.nav-toggle.pull-right {
        display: none;
    }


    .navbar-categories ul.nav.navbar-nav:nth-child(1) li:nth-child(1),
    .navbar-categories ul.nav.navbar-nav:nth-child(1) li:nth-child(2) {
        background: #f7f5f2 !important;
    }

    .navbar-categories ul.nav.navbar-nav a {
        background: transparent;
    }

    .navbar-default .navbar-nav a,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        font-family: Gotham;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.11;
        letter-spacing: 0.9px;
        color: #00242f;
    }

    .sidebar-offcanvas {
        margin-top: -16px;
    }

    .navbar-offcanvas.navbar-default .nav > li > a {
        padding: 12px 15px;
        color: #00242f;
        text-transform: uppercase;
    }

    .navbar-categories li:first-child:after {
        content: '';
        width: 80%;
        /*border-bottom: solid 1px #7d7d7d;*/
        position: absolute;
        left: 10%;
        right: 10%;
        z-index: 1;
        margin: 0 auto;
        text-align: center;
    }

    ul.nav.navbar-nav li:nth-child(2) {
        clear: both;
    }

    .sidebar-offcanvas h5 {
        display: none;
    }

    .navbar-categories ul.nav.navbar-nav:nth-child(1) li:nth-child(3) a,
    .navbar-categories ul.nav.navbar-nav:nth-child(1) li:nth-child(4) a,
    .navbar-categories ul.nav.navbar-nav:nth-child(1) li:nth-child(5) a {
        padding: 15px;
    }

    .navbar-categories ul.nav.navbar-nav:nth-child(1) li:nth-child(3) a {
        margin-top: 15px;
    }

    li#gl-2 {
        display: none;
    }

    #product-qube .label {
        font-size: 16px;
        margin-top: 13.5px;
        margin-bottom: -1.5px;
    }

    #product-qube .price,
    #product-qube .price_label {
        font-size: 14px !important;
    }

    .h1.visible-xs.text-center {
        font-size: 23px;
        position: relative;
        top: 40px;
        margin-bottom: 60px;
    }

    .price,
    .price_label,
    #price-format span,
    .caption .title a {
        font-size: 16px;
    }

    span.select-cat a {
        padding: 16px 47px;
    }

    h1 {
        font-size: 36px !important;
    }

    ul.blog-navi a {
        display: block;
        width: 100%;
        padding: 5px;
        /*background: #f1ecec85;*/
    }

    .screen {
        width: 100%;
        ##height: 470px !important;
    }



    div#ul-area {
        display: none;
    }

    .price,
    .price_label,
    #price-format span {
        font-size: 13px !important;
    }
    .table-content-responsive {
    width: 100%;
}
    .header-search-bars {
    background: url(/images/icon_search_mobile.png);
    width: 20px;
    height: 24px;
    background-size: cover;
    display: inline-block;
}
    
    .action-nav li {
    display: inline-block;
    margin: 0!important;  
}    
    .action-nav li:first-of-type {
    float: left;
    margin: 0!important;
}
    .action-nav li a {
    padding: 20px 10px 10px 5px!important;
}

}



/******************************************************************** MAX-WIDTH 510PX ********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************
**********************/

@media (max-width: 510px) {
    .modal-dialog {
    width: 100%!important;
    margin: 0 auto;
}
    .teaser_home h3 {
        width: auto;
        max-width: 62%;
        text-align: center;
        line-height: initial;
        margin: 25px auto -12px auto;
        font-size: 17px;
        color: #001a22;
        background: #ffffff63;
        padding: 10px;
    }

    .box_date,
    .box_logo {
        width: 50% !important;
    }

    #hero .col-sm-12.mobil-view h2 {
        font-size: 36px;
        font-weight: 900;
        line-height: 0.92;
        text-align: center;
        color: #001a22;
        margin-top: 21px;
        width: 100%;
    }

    section#hero {
        margin-bottom: 90px;
    }

    #product-qube .label {
        font-size: 12px;
        margin-top: 11.5px;
        margin-bottom: -3.5px;
    }

    #product-qube .price,
    #product-qube .price_label {
        font-size: 14px !important;
    }

    div#content h2 {
        font-size: 7.8vw;
        width: 80%;
    }

    #box-full-width p {
        font-size: 5vw;
    }

    #box-full-width em {
        font-size: 4vw;
    }

    .ext-pad em {
        font-size: 4vw;
    }

    .serviceboxes {
        width: 100%;
    }

    #kundenservice p {
        font-size: 18px;
    }

    #product-qube .price,
    #product-qube .label,
    #MultiCarousel1 .caption a,
    #MultiCarousel1 .price span {
        font-size: 14px !important;
        font-family: Gotham;
    }

    .price,
    .price_label,
    #price-format span,
    .caption .title a {
        font-size: 14px;
    }

    #material_farben .sel-preview.text-center {
        width: 100%;
        margin: 0;
    }

    .price,
    .price_label,
    #price-format span {
        font-size: 13px !important;
    }
    #folder .screen {
    width: 100%;
    height: 80%!important;
    }
    #folder .buttons {
        margin-top: 45px;
        margin-bottom: 45px;
    }
    #folder .button {
        width: 80%!important;
    }
}

/******************************************************************** MAX-WIDTH 409PX ********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************
**********************/
@media (max-width: 409px) {

    .caption {
        margin-bottom: 0px !important;
        padding: 5px 20px;
    }

    footer .mf-8,
    footer .mf-6,
    footer .mf-4,
    footer .mf-2 {
        width: 100%;
    }


    #box122,
    #box123,
    #box125,
    #box126 {
        display: table;
        margin: 0 auto;
        text-align: center;
    }

    #box122 li,
    #box123 li,
    #box125 li,
    #box126 li {
        display: inline;
    }

    .mf-6,
    .mf-8 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mf-2,
    .mf-4,
    .mf-6,
    .mf-8 {
        margin-left: 0;
        margin-bottom: 40px;
        margin-top: 0 !important;
    }

    .mf-2 li a,
    .mf-4 li a,
    .mf-6 li a,
    .mf-8 li a {
        display: block;
        text-align: center;
    }

    .mf-8 h3,
    .mf-6 h3 {
        margin: auto;
    }

    .legal-inside-list-right ul li {
        width: inherit;
        float: left;
        margin: 0 15px;
    }

    .legal-inside-list-right li:nth-of-type(1) {
        width: 100%;
        text-align: center;
        float: none;
        margin: 0 !important;
    }

    #hero .screen {
        width: 100%;
        height: 473px;
        background: url(../images/hero_small.jpg);
        background-size: cover;
        background-position: 50%;
    }

    #hero .col-sm-12.mobil-view h2 {
        font-size: 36px;
        font-weight: 900;
        line-height: 0.92;
        text-align: left;
        color: #001a22;
        margin-top: 21px;
        width: 100%;
    }

    #hero a.button.dark.big {
        width: 100%;
        display: block;
        padding: 7px;
    }

    .other2 h3 {
        width: min-content;
    }

    footer .mf-1,
    footer .mf-3 h3 {
        width: 100%;
        margin: 30px auto;
        padding: 0;
        text-align: center;
    }

    .MultiCarousel .MultiCarousel-inner .item {
        float: none;
        width: 50% !important;
        padding: 0 !important;
        margin: 0 0 0 0 !important;
    }

    #product-qube .price,
    #product-qube .label,
    #MultiCarousel1 .caption a,
    #MultiCarousel1 .price span {
        font-size: 14px !important;
        font-family: Gotham;
    }

    .MultiCarousel .MultiCarousel-inner .item > div {
        margin: 0;
    }

    #hero .col-sm-12.mobil-view h2 {
        font-size: 30px;
    }

    #product-qube .label {
        font-size: 14px;
        margin-top: 10.5px;

    }

    #product-qube .price,
    #product-qube .price_label {
        font-size: 14px !important;
    }

    .mf-3 {
        width: 100%;
        padding: 0;
        margin: 0;
        margin-bottom: 60px;
    }

    footer ul li a {
        display: block;
        text-align: center;
    }

    #newsletter h2,
    #monogramm .screen h2 {
        font-size: 38px;
    }

    section#stories {
        display: none;
    }


    #split-image .qube-big:nth-of-type(1),
    #split-image .qube-big:nth-of-type(2) {
        height: 387px;
    }

    .screen {
        width: 100%;
        height: 400px !important;
    }

}

/******************************************************************** MAX-WIDTH 339PX ********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************
**********************/


@media (max-width: 339px) {

.col-xs-6.col-sm-6.col-md-6.preview {
    width: 100%;
}
}