html.hc-nav-yscroll {
	overflow-y: scroll
}

.hc-nav.hc-nav-1 {
	display: block !important;
}

body.hc-nav-open {
	overflow: visible;
	position: fixed;
	width: 100%;
	min-height: 100%
}

.nav-top {
    display: flex;
    width: 100%;
    padding-right: 45px;
}

.nav-top a {
    display: block;
    width: 100%;
    text-align: center;
}

.nav-top > .language,
.nav-top > .currency {
    height: 45px;
    position: relative;
}

.nav-top > .currency{
    width: 40%;
}

.nav-top > .language{
    width: 60%;
}

.nav-top > .language .lang-wrap > a:not(.act),
.nav-top > .currency .currency-wrap > a:not(.act) {
    display: none;
}

.nav-top > .language .lang-wrap:hover > a:not(.act),
.nav-top > .currency .currency-wrap:hover > a:not(.act),
.nav-top > .language .lang-wrap:active > a:not(.act),
.nav-top > .currency .currency-wrap:active > a:not(.act) {
    display: block;
}

.nav-top > .language .lang-wrap:hover > a.act,
.nav-top > .currency .currency-wrap:hover > a.act {
    background: #c1c1c1;
}

.nav-top > .language .lang-wrap a.act:after,
.nav-top > .currency .currency-wrap a.act:after {
    content: "";
    display: inline-block;
    margin-left: 13px;
    position: relative;
    top: 1px;
    margin-top: 0px;
    width: 8px;
    height: 8px;
    transform: translate(-50%, -50%) rotate(-135deg);
    border-top: 2px solid #333;
    border-left: 2px solid #333;
}

.nav-top > .language .lang-wrap,
.nav-top > .currency .currency-wrap {
    position: absolute;
    width: 100%;
    z-index: 5;
    background-color: #dbdbdb;
    top: 45px;
    box-shadow: 1px 4px 3px -2px rgba(95, 95, 95, 0.19);
}

.nav-top img {
    display: none;
}




.hc-offcanvas-nav {
	visibility: hidden;
	display: none;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 99999999999/* heureka fix */
}

.hc-offcanvas-nav.is-ios * {
	cursor: pointer !important
}

.hc-offcanvas-nav .nav-container {
	position: fixed;
	z-index: 9998;
	top: 0;
	width: 240px;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	box-sizing: border-box;
	transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease;
	overflow-y: auto;
}

.hc-offcanvas-nav .nav-wrapper {
	width: 100%;
	height: 100%;
	max-height: 100vh;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	box-sizing: border-box
}

.nav-wrapper.nav-wrapper-0>.nav-content>ul>li>a {
	font-weight: 700;
}

.nav-wrapper.nav-wrapper-0 {
}

.hc-offcanvas-nav .nav-wrapper-0>.nav-content {
	overflow: scroll;
	overflow-x: visible;
	overflow-y: auto;
	box-sizing: border-box
}

.hc-offcanvas-nav ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.hc-offcanvas-nav li {
	position: relative;
	display: block
}

.hc-offcanvas-nav li.expanded {
    background-color: #d9d9d9;
}

.hc-offcanvas-nav li.level-open>.nav-wrapper {
	visibility: visible
}

.hc-offcanvas-nav input[type="checkbox"] {
	display: none
}

.hc-offcanvas-nav label {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	cursor: pointer
}

.hc-offcanvas-nav a {
	position: relative;
	display: block;
	box-sizing: border-box;
	cursor: pointer
}

.hc-offcanvas-nav a.act {
    position: absolute;
    top: -46px;
    border-right: 1px solid #e6e6e6;
}

.hc-offcanvas-nav a,
.hc-offcanvas-nav a:hover {
	text-decoration: none
}

.hc-offcanvas-nav .nav-item {
	position: relative;
	display: block;
	box-sizing: border-box
}

.hc-offcanvas-nav.disable-body::after,
.hc-offcanvas-nav .nav-wrapper::after {
	content: '';
	position: fixed;
	z-index: 9990;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s ease .4s, opacity .4s ease
}

.hc-offcanvas-nav.disable-body.nav-open::after,
.hc-offcanvas-nav .sub-level-open::after {
	visibility: visible;
	opacity: 1;
	transition-delay: .05s
}

.hc-offcanvas-nav:not(.nav-open)::after {
	pointer-events: none
}

.hc-offcanvas-nav.nav-levels-expand .nav-content {
	overflow: scroll;
	overflow-x: visible;
	overflow-y: auto;
	box-sizing: border-box
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {
	display: none
}

.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {
	min-width: 0;
	max-height: 0;
	overflow: hidden;
	transition: height 0s ease .4s
}

.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper {
	max-height: none
}

.hc-offcanvas-nav.nav-levels-overlap .nav-content {
	overflow: scroll;
	overflow-x: visible;
	overflow-y: auto;
	box-sizing: border-box
}

.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
	position: absolute;
	z-index: 9999;
	top: 0;
	height: 100%;
	visibility: hidden;
	transition: visibility 0s ease .4s, -webkit-transform .4s ease;
	transition: visibility 0s ease .4s, transform .4s ease;
	transition: visibility 0s ease .4s, transform .4s ease, -webkit-transform .4s ease
}

.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {
	position: static
}

.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease
}

.hc-offcanvas-nav.nav-position-left {
	left: 0
}

.hc-offcanvas-nav.nav-position-left .nav-container {
	left: 0;
	-webkit-transform: translate3d(-240px, 0, 0);
	transform: translate3d(-240px, 0, 0)
}

.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {
	left: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

.hc-offcanvas-nav.nav-position-right {
	right: 0
}

.hc-offcanvas-nav.nav-position-right .nav-container {
	right: 0;
	-webkit-transform: translate3d(240px, 0, 0);
	transform: translate3d(240px, 0, 0)
}

.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {
	right: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

.hc-offcanvas-nav.nav-position-top {
	top: 0
}

.hc-offcanvas-nav.nav-position-top .nav-container {
	top: 0;
	width: 100%;
	height: auto;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {
	left: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

.hc-offcanvas-nav.nav-position-bottom {
	top: auto;
	bottom: 0
}

.hc-offcanvas-nav.nav-position-bottom .nav-container {
	top: auto;
	bottom: 0;
	width: 100%;
	height: auto;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {
	left: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}



.hc-offcanvas-nav::after,
.hc-offcanvas-nav .nav-wrapper::after {
	background: rgba(0, 0, 0, 0.3)
}

.hc-offcanvas-nav .nav-content>ul>li>a {
	padding-left: 15px;
}

.hc-offcanvas-nav .nav-content .nav-close a {
    border-bottom: none;
}

.hc-offcanvas-nav .nav-content>ul>li .nav-content>ul>li>a {
	padding-left: 30px !important;
}

.hc-offcanvas-nav .nav-content>ul>li .nav-content>ul>li .nav-content>ul>li>a {
	padding-left: 45px !important;
	font-size: 12px;
}

.hc-offcanvas-nav span.sidebarmenu-title {
	font-size: 19px;
	font-weight: 700;
	text-align: left;
	padding: 18px 15px 14px;
	display: inline-block;
}

.hc-offcanvas-nav a,
.hc-offcanvas-nav .nav-item {
    padding: 14px 17px 12px;
	font-size: 14px;
	z-index: 1;
}

.nav-top > .language .lang-wrap a, .nav-top > .currency .currency-wrap a {
      padding: 14px 5px 12px;
}

.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a {
	margin-top: -1px
}

.hc-offcanvas-nav li {
	text-align: left
}

.hc-offcanvas-nav li.nav-close {}

.hc-offcanvas-nav li.nav-close a {
	font-size: 0;
	padding: 0;
	border-top: none !important;
}

.hc-offcanvas-nav li.nav-close a span {
    position: fixed;
    top: 0;
    right: 0 !important;
    height: 45px;
    width: 45px;
	right: 2px;
    background-color: #e6e6e6;
}

.hc-offcanvas-nav li.nav-close a:hover span {
    background-color: #c1c1c1;
}

.hc-offcanvas-nav li.nav-close:not(:first-child) a,
.hc-offcanvas-nav li.nav-back:not(:first-child) a {
	margin-top: -1px
}

.hc-offcanvas-nav li.nav-close span,
.hc-offcanvas-nav li.nav-parent span.nav-next,
.hc-offcanvas-nav li.nav-back span {
	box-sizing: content-box;
	width: 40px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	cursor: pointer;
	transition: background .2s ease
}

.hc-offcanvas-nav li.nav-close span::before,
.hc-offcanvas-nav li.nav-close span::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff
}

.hc-offcanvas-nav li.nav-close span::before {
	margin-left: -9px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}

.hc-offcanvas-nav li.nav-close span::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.hc-offcanvas-nav span.nav-next::before,
.hc-offcanvas-nav li.nav-back span::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin-left: -2px;
	box-sizing: border-box;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform-origin: center;
	transform-origin: center
}

.hc-offcanvas-nav span.nav-next::before {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg)
}

.hc-offcanvas-nav li.nav-back span::before {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper {
	box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2)
}

.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper {
	box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2)
}

.hc-offcanvas-nav.nav-position-right span.nav-next::before {
	margin-left: 0;
	margin-right: -2px;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

.hc-offcanvas-nav.nav-position-right li.nav-back span::before {
	margin-left: 0;
	margin-right: -2px;
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg)
}

.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.hc-offcanvas-nav.nav-position-top span.nav-next::before {
	margin-left: 0;
	margin-right: -2px;
	-webkit-transform: translate(-50%, -50%) rotate(-135deg);
	transform: translate(-50%, -50%) rotate(-135deg)
}

.hc-offcanvas-nav.nav-position-top li.nav-back span::before {
	margin-left: 0;
	margin-right: -2px;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}

.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2)
}

.hc-offcanvas-nav.nav-position-bottom span.nav-next::before {
	margin-left: 0;
	margin-right: -2px;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}

.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before {
	margin-left: 0;
	margin-right: -2px;
	-webkit-transform: translate(-50%, -50%) rotate(-135deg);
	transform: translate(-50%, -50%) rotate(-135deg)
}

.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {
	box-shadow: none;
	background: transparent
}

.hc-offcanvas-nav.nav-levels-expand .nav-container ul span.sidebarmenu-title,
.hc-offcanvas-nav.nav-levels-none .nav-container ul span.sidebarmenu-title {
	display: none
}

.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,
.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {
	font-size: 13px;
	padding: 10px 17px 7px;
	padding-right: 41px;
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li,
.hc-offcanvas-nav.nav-levels-none .nav-container li {
	transition: background .3s ease
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item .nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item .nav-next::before {
	margin-top: 2px;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}

.hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before {
	margin-top: -2px;
	-webkit-transform: translate(-50%, -50%) rotate(-135deg);
	transform: translate(-50%, -50%) rotate(-135deg)
}

#header .bar .left {
	display: block;
}

#header div.bar.links .menue {
	display: none;
}


/* === RESPO === */

@media (max-width: 800px) {
    body.logoleft #header div.oxid .logo{
        margin-top: -35px;
    }
    #header .fixedbar{
        background-color: transparent;
    }
    
    #header .fixed .box-small-account a:before{
        font-size: 22px !important;
    }

    .oxid #top_basket{
        position: absolute;
        top: -58px;
        right: 18px;
    }

    .search-button{
        position: absolute;
        right: 88px;
        top: -35px;   
        cursor: pointer;
    }

    .search-button:before{
        content: "\f002";
        font-family: 'FontAwesome', sans-serif;
        font-size: 22px;
        padding: 10px;
        color: #666;
    }

    body.oxylogo #header .fixed a:before{
        color: #666;
    }
    
    #top_basket .tb-total,
    #top_basket #test_TopBasketHeader {
        display: none !important;
    }

    .oxid #top_basket:before {
        background: transparent;
        background-color: transparent;
        color: #656565;
        font-size: 24px;
        padding: 12px 0;
    }

    .oxid #top_basket.full #test_TopBasketItems{
        background-color: #ff6b6b;
        color: #fff;
        width: 20px;
        height: 20px;
        line-height: 20px;
        padding: 0;
        text-align: center;
        font-size: 11px;
        left: 21px;
        top: 4px;
        font-weight: 700;
    }

    .bordered-searchbox #header div.oxid #box-search {
        box-shadow: 1px 3px 8px -1px #0003;
        z-index: 101;
        width: 100%;
        margin-top: 10px;
        transition: all 150ms ease-in-out;
        height: 0px !important;
        overflow: hidden;
        border-color: #fff;
        margin-left: 0;

    }

    .bordered-searchbox #header div.oxid #box-search.open {
        transition: all 150ms ease-in-out;
        height: 49px !important;
        border-color: #ddd;
    }

    #box-search span.btn{
        z-index: 100;
    }
    
}


@media (max-width: 420px) {
    .bordered-searchbox #header div.oxid #box-search{
            min-height: 0 !important;
    }
   
    #header div.oxid #top_basket{
        width: auto !important;
    }
    .oxid #top_basket {
        padding-left: 60px !important;
    }
    .bordered-searchbox #header div.oxid #box-search.open{
        height: 38px !important;
    }
}


/* === THEME === */


/* background color */

.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
	background: #f4f4f4;
}


/* text color */

.hc-offcanvas-nav a,
.hc-offcanvas-nav .nav-item,
.hc-offcanvas-nav span.sidebarmenu-title {
	color: #333;
}

.nav-categories a {
    font-weight: 700;
}
.nav-categories a.active {
    background: #d9d9d9;
}

/* item border */

.hc-offcanvas-nav a,
.hc-offcanvas-nav .nav-item .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {
	border-bottom: 1px solid #e5e5e5;
}


/* item left border arrow */

.hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next {
	border-left: 1px solid transparent;
}


/* item hover */

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover,
.hc-offcanvas-nav:not(.touch-device) a:hover {
	background: #eaeaea;
}


/* item focus open */

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {
	background: #d9d9d9;
}


/* item back button */

.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav li.nav-back a {
	background: eaeaea;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav li.nav-back a:hover {
	background: #eaeaea;
}


/* item arrow color */

.hc-offcanvas-nav li.nav-close span::before,
.hc-offcanvas-nav li.nav-close span::after,
.hc-offcanvas-nav span.nav-next::before,
.hc-offcanvas-nav li.nav-back span::before {
	border-top: 2px solid #333;
	border-left: 2px solid #333;
}