/*EXTENDING STYLES FROM LAYOUT*/

.margin-center {
	margin-left: auto;
	margin-right: auto;
}











.icon-getbutik,
.icon-getbutik-b,
.icon-getbutik-w,
.icon-getbutik-y,
.icon-getbutik-custom {
    display: inline-block !important;
    width: 75px;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
    background-image: url('/assets/images/getbutik-logo-b.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin-top: 1px; /*fix for inline use to align with text*/
}
.icon-getbutik-w {
    background-image: url('/assets/images/getbutik-logo-w.png');
}
.icon-getbutik-y {
    background-image: url('/assets/images/getbutik-logo-y.png');
}
.icon-getbutik-b.x2,
.icon-getbutik-custom.x2 {
    width: 150px;
    height: 32px;
    line-height: 32px;
    background-image: url('/assets/images/getbutik-logo-b2x.png');
}
.icon-getbutik-w.x2 {
    width: 150px;
    height: 32px;
    line-height: 32px;
    background-image: url('/assets/images/getbutik-logo-w2x.png');
}
.icon-getbutik-y.x2 {
    width: 150px;
    height: 32px;
    line-height: 32px;
    background-image: url('/assets/images/getbutik-logo-y2x.png');
}

/*for a change the default should be white instead of black (in the footer)*/
#footer .icon-getbutik-custom {
    background-image: url('/assets/images/getbutik-logo-w.png');
}
#footer .icon-getbutik-custom.x2 {
    background-image: url('/assets/images/getbutik-logo-w2x.png');
}






/* already exists
.static {
    position: static !important;
}
.relative {
    position: relative !important;
}
.absolute {
    position: absolute !important;
}
.fixed {
    position: fixed !important;
}
*/
.absolute-tl,
.absolute-tr,
.absolute-br,
.absolute-bl {
    position: absolute !important;
}
.absolute-tl,
.absolute-tr {
    bottom: auto;
    top: 0;
}
.absolute-bl,
.absolute-br {
    top: auto;
    bottom: 0;
}
.absolute-tr,
.absolute-br {
    left: auto;
    right: 0;
}
.absolute-tl,
.absolute-bl {
    right: auto;
    left: 0;
}
.fixed-tl,
.fixed-tr,
.fixed-br,
.fixed-bl {
    position: fixed !important;
}
.fixed-tl,
.fixed-tr {
    bottom: auto;
    top: 0;
}
.fixed-bl,
.fixed-br {
    top: auto;
    bottom: 0;
}
.fixed-tr,
.fixed-br {
    left: auto;
    right: 0;
}
.fixed-tl,
.fixed-bl {
    right: auto;
    left: 0;
}






/* START - proportional elements */
.fixed-ratio {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	/*overflow-y: scroll;*/
	overflow: hidden;
}
/* IE workarounds */
* html .fixed-ratio {
	margin-bottom: 45px;
	/*margin-bot\tom: 0; FAILS IN LESS - no workaround so far*/
}
.fixed-ratio > div,
.fixed-ratio > object,
.fixed-ratio > embed,
.fixed-ratio > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* ratios */
.fixed-ratio.wideScreen,
.fixed-ratio.sixteenByNine {
	padding-bottom: 56.25%;
}
.fixed-ratio.fourByThree {
	padding-bottom: 75%;
}
.fixed-ratio.golden-ratio {
	padding-bottom: 61.8%;
}
.fixed-ratio.golden-ratio-2 {
	padding-bottom: 161.8%;
}
.fixed-ratio.a4 {
	padding-bottom: 70.7%;
}
.fixed-ratio.a4-2 {
	padding-bottom: 141.4%;
}
.fixed-ratio.square {
	padding-bottom: 100%;
}
/* chromes - no idea what that is */
.fixed-ratio.chrome_25 {
	padding-top: 25px;
}
.fixed-ratio.chrome_30 {
	padding-top: 30px;
}
.fixed-ratio.chrome_35 {
	padding-top: 35px;
}
/* strict doctype / FF3 focus */
.fixed-ratio > object {
	display: block;
	outline: none;
}
/* END - proportional elements */







/* WORKAROUND for icon class .icon-refresh which does not exist in LENZERHEIDE but .fa.fa-refresh does */
[data-meta-type="captcha"] .icon-refresh {
	/* general styles from .fa */
	display: inline-block;
	font-family: "FontAwesome", "fontawesome";
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}
[data-meta-type="captcha"] .icon-refresh:before {
	/* styles from .fa-refresh:before */
	content: "\f021";
}


/* copy from bootstrap (added !important)
 * hide stuff - but not for screen readers *
 */
.sr-only,
.help-block:empty,
.form-group[data-meta-type="hidden"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}


/* v1: hide empty help-messages by default */
/*
.help-block:empty {
	display: none;
}
*/


#topNav ul.nav > li.mega-menu > ul.dropdown-menu > li {
	overflow-y: auto;
	max-height: 450px;
}

.quick-cart-content-inner {
	overflow-y: auto;
	max-height: 450px;
}

/* FIXME: CART IMAGE SIZES */
#header li.quick-cart .quick-cart-box a>img {
	max-width: 45px;
    max-height: 45px;
}



.tab-content #specs .table>tbody>tr>td:first-child,
.tab-content #specs .table>tbody>tr>th:first-child,
.tab-content #specs .table>tfoot>tr>td:first-child,
.tab-content #specs .table>tfoot>tr>th:first-child,
.tab-content #specs .table>thead>tr>td:first-child,
.tab-content #specs .table>thead>tr>th:first-child {
	width: 20%;
}


.page-header ul.page-header-tabs>li {
	background-color: inherit;
}
.page-header ul.page-header-tabs>li.done {
	background-color: #dedede;
}
.page-header ul.page-header-tabs>li.disabled>a {
	color: #777777;
}
.page-header ul.page-header-tabs>li.disabled>a:hover {
	color: #777777;
    text-decoration: none;
    cursor: not-allowed;
}


#page-menu ul li.disabled>a:hover {
    text-decoration: none;
    cursor: not-allowed;
}
#page-menu.page-menu-dark ul li.disabled>a {
	color: #b3b3b3;
}
#page-menu.page-menu-dark ul li.disabled>a:hover,
#page-menu.page-menu-dark ul li.disabled:hover {
	color: #b3b3b3;
	background-color: transparent;
}



/* alternative 1 for super strange .img-responsive */
img.img-responsive2,
img.img-max-100 {
	display: block !important;
	max-width: 100%;
	height: auto;
	width: auto !important;
}
/* alternative 2 for super strange .img-responsive */
img.width-auto {
	width: auto !important;
}
img.img-max-160px {
	max-width: 160px !important;
}




/*HARDCORE FIX for body.menu-vertical #mainMenu.sidebar-vertical*/
body.menu-vertical #mainMenu.sidebar-vertical .navbar-nav > .dropdown .dropdown-menu {
	overflow: visible;
}
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu {
	margin-top:0;

	/*right: auto;*/
	/*left: 100%;*/
}
body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li a.dropdown-toggle {
	background-image: url('../images/submenu_light.png');
	background-position:center right;
	background-repeat:no-repeat;
}
body.menu-vertical #mainMenu.sidebar-vertical ul.dropdown-menu li.divider {
    margin: -1px 0 0 0;
    padding: 0;
    border: 0;
    background-color: rgba(0,0,0,0.1);
}
body.menu-vertical #mainMenu.sidebar-vertical ul.dropdown-menu li {
	position: relative;
}

body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu {
	min-width: 477px !important; /*600px is too big*/

}






/* hide empty rows (e.g. userdata form) - spaces count as content */
form .row:empty {
    display: none;
}













/*START: fix for overlapping h1 and breadcrumbs if both are wider than 50%*/
@media only screen and (min-width: 768px) {
	section.page-header .container:not(.text-center) h1 {
		max-width: 60%;
	}
	section.page-header .container:not(.text-center) .breadcrumb {
		max-width: 40%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	section.page-header .container:not(.text-center) .breadcrumb > li {
		display: inline;
	}
}
/*END: fix for overlapping h1 and breadcrumbs if both are wider than 50%*/



/*fix so long links in nav wont overlay the +/- icon*/
div.side-nav ul>li.active>a.dropdown-toggle,
div.side-nav ul.list-group-bordered>li>a {
	padding-right: 20px;
}



/*FIX for changed mobile footer version*/
/* NEEDS TESTING FOR ADELBODEN */
@media only screen and (max-width: 767px) {
	#footer-phone,
	#footer .row:last-child>div>.row>div:last-child,
	#footer .row:last-child>div>.row>div>p:last-child {
		margin-bottom: 0;
	}
	#footer>.container>.row.margin-top-60.margin-bottom-40 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	#footer p {
		margin-bottom: 15px;
	}
	#footer h4 {
		margin-bottom: 15px;
	}
	#footer .row>div {
		margin-bottom:40px;
	}
}



/* messes up the flyout menu
body.menu-vertical #mainMenu.sidebar-vertical {
	overflow-y: auto;
}*/




/* FOOTER-Content: force styling à la .alert-link */
.custom-cart-alert a {
	font-weight: 700;
}
.custom-cart-alert.alert-success a {
	color: #2b542c;
}
.custom-cart-alert.alert-info a {
	color: #245269;
}
.custom-cart-alert.alert-warning a {
	color: #66512c;
}
.custom-cart-alert.alert-danger a {
	color: #843534;
}









/* START: other improvements for SMARTY */

#footer h2#footer-phone,
#footer #footer-phone.h2 {
	font-size: 20px
}

/* END: other improvements for SMARTY */






/* START: additional styles for ADELBODEN */

#header .header-logo>img:first-child {
	max-height: 60px;
	max-width: 235px;
}
@media only screen and (max-width: 991px) {
	#header .header-logo>img:first-child {
		max-width: 235px;
	}
}
@media only screen and (max-width: 767px) {
	#header .header-logo>img:first-child {
		max-width: 196px;
	}
}
@media only screen and (max-width: 480px) {
	#header .header-logo>img:first-child {
		max-width: 60px;
	}
}
@media only screen and (max-width: 360px) {
	#header .header-logo>img:first-child {
		max-width: 35px;
	}
}

@media only screen and (min-width: 768px) {
	#header form.search-global {
		max-width: calc(100% - 580px);
	}
}

@media only screen and (min-width: 992px) {
	#header form.search-global {
		max-width: calc(100% - 580px);
	}
}

/* END: additional styles for ADELBODEN */



/* START: updates for SMARTY */

/**** layout.css ****/

/** Globals
 **************************************************************** **/
body {
	font-size:16px;
}
/** Top Nav
 **************************************************************** **/
#header {
	font-size:14px;
}


/**** essentials.css ****/

/** 02. Headings
 **************************************************************** **/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
}

/** 04. Commons
	 Quick Positioning and Styling
 **************************************************************** **/

/* badge color (from bootstrap 4) */
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    line-height: 1;
    color: #fff;
    vertical-align: baseline;
    border-radius: .25rem;
}
.badge-default {
  background-color: #636c72;
}
.badge-default[href]:focus, .badge-default[href]:hover {
  background-color: #4b5257;
}
.badge-primary {
  background-color: #0275d8;
}
.badge-primary[href]:focus, .badge-primary[href]:hover {
  background-color: #025aa5;
}
.badge-success {
  background-color: #5cb85c;
}
.badge-success[href]:focus, .badge-success[href]:hover {
  background-color: #449d44;
}
.badge-info {
  background-color: #5bc0de;
}
.badge-info[href]:focus, .badge-info[href]:hover {
  background-color: #31b0d5;
}
.badge-warning {
  background-color: #f0ad4e;
}
.badge-warning[href]:focus, .badge-warning[href]:hover {
  background-color: #ec971f;
}
.badge-danger {
  background-color: #d9534f;
}
.badge-danger[href]:focus, .badge-danger[href]:hover {
  background-color: #c9302c;
}

/** 46. Side Nav
**************************************************************** **/
.side-nav {
	font-size:15px;
}

/* side nav sub categs */
div.side-nav ul>li>a.dropdown-toggle:before {
	content: "\f107";
}
div.side-nav ul>li.active>a.dropdown-toggle:before {
	content: "\f106";
}

/* END: updates for SMARTY */


















/* Cookie Banner Script - https://cookieconsent.insites.com
 * https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css
 *
 * NOTE: we changed:
 * .cc-theme-classic .cc-btn:last-child{min-width:150px} to .cc-theme-classic .cc-btn:last-child{width:160px} as IE-QUICK-FIX
 * @media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) to @media screen and (max-width:520px) and (orientation:portrait),screen and (max-width:736px) as IE-QUICK-FIX
 */
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:520px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{width:160px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}



/* Cookie Banner Script - style overwrite */
.cc-btn.cc-deny {
	/*color: rgb(0, 0, 0) !important;*/
	color: rgb(255, 255, 255) !important;
    background-color: rgb(224, 86, 86) !important;
    border-color: transparent !important;
}
.cc-huge-bg {
	position: fixed;
	background: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.cc-type-info .cc-link,
.cc-type-opt-out .cc-link {
	padding: 0;
}






.box-static > .box-inner,
div.category-grid .card > .card-block > .card-text {
	line-height: 1.428571429;
}

div.category-grid>div {
	margin-top: 15px;
	margin-bottom: 15px;
}
div.category-grid .card {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	     -o-box-shadow: none;
	        box-shadow: none;
}



#header.header-fixed+.page-header+#page-menu,
#header.header-fixed+.layout-top-ads+.page-header+#page-menu {
	margin-top: -20px;
	margin-bottom: 20px !important;
	z-index: 9;
}


/* move price below prod-img */
.product-price-over-image {
	display: block;
	position: static;
	left: auto;
	right: auto;
	bottom: auto;

	/*background-color: rgba(255,255,255,0.5);*/
}



#footer h2#footer-phone,
#footer #footer-phone.h2 {
	font-size: 20px;
}


div.divider:after,
body.layout-dark hr {
	/*border-top-color:rgba(255,255,255,0.1) !important;*/
	border-top-color: rgba(255,255,255,0.1) !important;
}

body.layout-dark:not(.layout-boxed) #wrapper>section {
	border-bottom-color: rgba(255,255,255,0.1) !important;
}






/* v1 - but they don't like it */
.bgimg-centered {
	display: block !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
/* not really required
@media (max-width: 767px) {
	[data-page-action="product-filter"] .bgimg-centered.fixed-ratio.square {
		height: auto;
		padding-bottom: 0;
		background-image: none !important;
	}
}
*/
/* adding !important */
.fixed-ratio.square {
	padding-bottom: 100% !important;
}