/* All Devices styles start */
html {
/* height: 100% !important;
*/
}
* {
box-sizing: border-box;
}
body > div {
display: none !important;
}
body > div.zoomContainer {
display: block;
}
body {
margin: 0;
height: 100% !important;
position: relative;
text-align: left;
background-color: #000000;
z-index: 10;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 170%;
font-weight: normal;
color: #fff;
}
body > form {
height: 100%;
}
#main {
position: relative;
margin: 0 auto 0 auto;
z-index: 97;
}
#main.fullWidth #contentEmpty {
margin: 0;
z-index: 99;
}
#main .contentDiv {

}

a {
text-decoration: none;
cursor: pointer;
font-size: 16px;
line-height: 170%;
font-weight: normal;
color: #e84e0e;
}
a:hover {
color: #c64814;
text-decoration: none;
}
a.b2b {
display: inline-block;
text-align: center;
width: 100%;
color: #fff;
font-size: 20px;
margin: 60px 0;
}
a.b2b .arrow::before {
content: "\f061"
}
.icon,
.luk {
font-size: 22px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 22px;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#main .luk {
position: absolute;
top: 7px;
right: 9px;
color: #666666;
cursor: pointer;
z-index: 200;
}
#main .luk::before {
content: "\F00D"
}
#main h1 {
font-size: 40px;
line-height: 115%;
font-family: Anybody-Regular, sans-serif;
font-weight: bold;
margin: 0 0 10px 0;
}
#main h2, #main h1.safety {
font-size: 50px;
line-height: 115%;
font-family: Anybody-Regular, sans-serif;
font-weight: bold;
margin: 0 0 20px 0;
padding: 12px 0 0 0;
text-align: center;
color: #c64814;
}
#main h3 {
font-size: 22px;
line-height: 115%;
font-family: Anybody-Regular, sans-serif;
font-weight: bold;
margin: 0 0 5px 0;
}
#main h4 {
font-size: 16px;
line-height: 115%;
font-family: Anybody-Regular, sans-serif;
font-weight: bold;
margin: 0 0 5px 0;
}
#main h5 {
font-size: 14px;
line-height: 115%;
font-family: Anybody-Regular, sans-serif;
font-weight: bold;
margin: 0 0 5px 0;
}
#main h6 {
font-size: 14px;
line-height: 115%;
font-family: Anybody-Regular, sans-serif;
font-weight: bold;
margin: 0 0 5px 0;
}
p {
color: #fff;
text-align: left;
margin-top: 0;
margin-bottom: 40px;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 170%;
text-decoration: none;
}

.divider {
background-image: url('/media/453/v1/layout/line-divider.png');
background-repeat: no-repeat;
background-position: center;
background-size: 70%;
width: 100%;
height: 9px;
margin: 0 0 30px 0;
}
.orange {
color: #e84e0e;
}
a#overlay{
display: none;
width: 100%;
height: 100%;
background-color: #000000;
position: fixed;
top: 0px;
z-index: 100;
vertical-align: middle;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
left: 0;
}
#menuPane {
position: relative;
}
#main #ShopContent {
position: relative;
}
#main #content #precontentContainer .breadcrumb,
#main #contentEmpty #precontentContainer .breadcrumb {
background-color: #ffffff;
border-radius: 6px;
margin: 0 0 15px 0;
}
#main #content #precontentContainer .breadcrumbbdy,
#main #contentEmpty #precontentContainer .breadcrumbbdy {
padding: 3px 0px 3px 10px;
color: #999999;
}
#main #content #precontentContainer .breadcrumbbdy a,
#main #contentEmpty #precontentContainer .breadcrumbbdy a {
color: #999999;
} 
#main #content #precontentContainer .breadcrumbbdy a:hover,
#main #contentEmpty #precontentContainer .breadcrumbbdy a:hover {
color: #666666;
}
#main .headerBar {
border-radius: 6px;
text-align: center;
background-color: #bfbfbf;
padding: 6px 0 6px 0;
margin: 0 0 15px 0;
}
#main .headerBar .text {
font-size: 16px;
line-height: 17px;
font-weight: bold;
}
#main #designed-by {
font-family: Arial;
display: block;
width: 100%;
text-align: center;
color: #75001a;
font-size: 10px;
font-weight: normal;
margin: 0 0 50px 0;
padding: 10px 0 0 0;
position: relative;
z-index: 10;
}
#main #designed-by a {
font-size: 10px;
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity: 0.6;

color: #75001a;
}
#main #designed-by a:hover {
opacity: 1.0;
filter: alpha(opacity=100);
-moz-opacity: 1.0;
text-decoration: none;
}


#main .footer_heading {
color: #fff;
margin-bottom: 22px;
font-family: Anybody, sans-serif;
}

#main .footer_links-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}

#main .some-link {
margin-right: 13px;
display: inline-block;
}


#main .footer_logo {
order: -1;
width: 180px;
height: auto;
margin-bottom: 20px;
}
#main .footer_logo img {
position: relative;
left: -10px;
max-width: 180px;
}
#main .footer_wrapper {
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
max-width: 80em;
margin-bottom: 55px;
margin-left: auto;
margin-right: auto;
padding: 55px 7vw;
display: flex;
}

#main .footer_sm-wrapper {
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}

#main .footer_link {
color: #fff;
margin-bottom: 4px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 32px;
text-decoration: none;
transition: transform .35s cubic-bezier(.165, .84, .44, 1);
display: inline-block;
}

#main .footer_link:hover {
text-decoration: none;
transform: translate(10px);
}

#main .footer-2 {
background-color: #000;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}

#main .footer_sm-icon {
color: var(--orange-red);
transition: transform .35s cubic-bezier(.165, .84, .44, 1);
}

#main .footer_sm-icon:hover {
transform: translate(0, -4px);
}

#main .footer_copyright {
color: #fff;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 32px;
}

#main .footer_credits {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}

#ucInfoMessage  {
box-sizing: border-box;
width: 260px; 
color: #fff;
font-size: 15px;
line-height: 17px;
background-color: #249532;
margin: 5px 0px 15px -130px;
border: solid 1px #fff;
padding: 20px;
border-radius: 6px;
position: fixed;
top: 30%;
left: 50%;
z-index: 140;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.60);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.60);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.60);
text-align: center;
}
#ucInfoMessagebdy div {
color: #333;
background-color: #eaf4e2;
margin: 5px 0px 15px 0px;
border: solid 1px #333;
padding: 10px;
border-radius: 6px;
}
#ucInfoMessagebdy div.warning {
color: #aa6600;
background-color: #e0e0e0;
margin: 2px 0px 2px 0px;
border-top: none 1px #666666;
border-right: none 1px #666666;
border-bottom: none 1px #666666;
border-left: none 1px #666666;
padding: 4px 4px 4px 4px;
}
#ucInfoMessagebdy div.error {
color: #aa0000;
background-color: #e0e0e0;
font-weight: bold;
margin: 2px 0px 2px 0px;
border-top: solid 1px #666666;
border-right: solid 1px #666666;
border-bottom: solid 1px #666666;
border-left: solid 1px #666666;
padding: 4px 4px 4px 4px;
}
/* CMS start */


.nowrap {
white-space: nowrap;
}

/* Frontpage start */ 


.background-video {
position: relative;
overflow: hidden;
background-color: rgba(0, 0, 0, 0);
justify-content: flex-start;
height: 70vh;
padding-top: 0;
display: flex;
margin: 0 0 50px 0; 
}

.background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
top: -100%;
bottom: -100%;
left: -100%;
right: -100%;
}

.background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}

.certificat-logo img.intertek {
width: 120px;
}
.certificat-logo img.teknologiskinstitut {
width: 140px;
}
.certificat-logo img.bsci {
width: 120px;
}

/* Frontpage end */




/* Safety and warranty */
.warranty {
justify-content: center;
align-items: center;
padding-left: 11px;
padding-right: 11px;
display: flex;
margin-bottom: 20px;
}
.warranty img {
width: 130px;
margin: 0 20px;
}
.connected-logo {
width: 110px;
margin: 0 0 10px 0;
}
.wrapper {
margin: 20px auto;
}
.center {
text-align: center;
}
.grid {
grid-column-gap: 40px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 100%;
margin-bottom: 40px;
grid-auto-columns: 1fr;
display: grid;
}
.grid_left {
min-height: 550px;
}
.grid.certificates {
grid-template-columns: 1fr 1fr 1fr;
align-items: inherit;
padding-top: 60px;
}
.grid.certificates img {
margin: 10px 0 20px 0;
height: 50px;
}
.contentDiv.kontakt_os .wrapper {
padding: 40px 0 40px 0;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;  
}
.image.leki {
grid-area: span 2 / span 1 / span 2 / span 1;
background-position: 30%;
background-size: 960px;
}
.image.display,
.image.store,
.image.contact {
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
#main .certificat-logo {
justify-content: space-between;  
align-items: center;
padding-left: 11px;
padding-right: 11px;
display: flex;
}
#main .vimeoDiv {
width: 100%;
height: 100%;
border: 0;
}
#main .vimeoDiv iframe {
border: none;
width: 100%;
height: 100%;
min-height: 400px;
}


.youtubeDiv, .vimeoDiv {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
}

.youtubeDiv iframe, .vimeoDiv iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* CMS end */

/* Customer Login top start */

#menuPane #topDiv a#loginButton {
display: block !important;
position: absolute;
display: block;
color: #fff;
z-index: 160;
box-sizing: border-box;
}
#menuPane #topDiv a#loginButton .text {
color: #fff;
text-transform: uppercase;
font-size: 15px;
line-height: 15px;
}
#menuPane #topDiv a#loginButton .icon {
font-size: 20px;
line-height: 20px;
color: #fff;
margin: 0px 9px;
}
#menuPane #topDiv a#loginButton .icon::before {
content: "\f007"
}
/* Customer Login top end */


/* Showterms start */

 #main #showterms {
 display: none;
 position: absolute;
 z-index: 350;
 background-color: #ffffff;
 top: 15px;
 left: 15px;
 width: 750px;
 border: 1px solid #3c4044;
 box-shadow:0 0 12px rgba(0,0,0,0.4);
 margin: 0 0 20px 0;
 }
 #main #showterms #showtermsBdy {
 padding: 20px;
 text-align: left;
 }

 #main #showterms #showtermsheaderbar {
 height: 16px;
 }
 #main #showterms #showtermsheaderbar .header {
 display: none;
 float: left;
 color: #000000;
 padding: 1px 0 0 10px;
 line-height: 13px;
 }
 #main #showterms #showtermsheaderbar a.luk {
 float: right;
 position: relative;
 display: block;
 color: #000000;
 margin: 0 5px 0 0;
 text-decoration: none;
 } 
 #main #showterms #showtermsheaderbar a.luk .icon {
 position: relative;
 display: inline-block;
 padding: 0 7px 0 0;
 font-size: 13px;
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 line-height: 13px;
 color: #000000;
 -webkit-font-smoothing: antialiased; 
 -moz-osx-font-smoothing: grayscale;
 margin: 0 0 0 5px; 
 }
 #main #showterms #showtermsheaderbar a.luk .icon::before {
 content: "\f057";
 } 

/* Showterms end */

/* owl.carousel.css start */

.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}

/* No Js */
.no-js .owl-carousel {
display: block;
}

/*Owl Carousel - Animate Plugin */
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
z-index: 0;
}

.owl-carousel .owl-animated-out {
z-index: 1;
}

.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
} }

@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
} }

/* Owl Carousel - Auto Height Plugin */
.owl-height {
transition: height 500ms ease-in-out;
}

/* Owl Carousel - Lazy Load Plugin */

.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}


/* Owl Carousel - Video Plugin */

.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}

.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: -webkit-transform 100ms ease;
transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}

.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}


/* owl.carousel.css end */


/* owl.theme.default.css start */

.owl-dots {
 position: absolute;
 bottom: 10px;
 left: 10px;
 text-align: center;
 -webkit-tap-highlight-color: transparent;

 } 
 .owl-dots .owl-dot {
 display: inline-block;
 zoom: 1;
 *display: inline;
 }
 .owl-dots .owl-dot span {
 width: 15px;
 height: 15px;
 margin: 5px 7px;
 background: #D6D6D6;
 border: 2px solid #ffffff;
 display: block;
 -webkit-backface-visibility: visible;
 transition: opacity 200ms ease;
 border-radius: 30px;
 }
 .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
 background: #666666;
 }

/* owl.theme.default.css end */



.iframeDiv {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}


/* Cookie Message */
#cookie-msg{width:100%;padding: 10px 0 10px 0;color:#F7F7F7;font-weight:700;text-align:left;display:none;background:url(/media/374/v1/layout/trans.png);position:fixed;left:0;bottom:0;z-index:9999;}
#cookie-msg-inner{width:90%;margin:0 auto;overflow:hidden;}
#cookie-msg-inner span{float:left;display:inline;}
#cookieClose{float:right;display:inline;cursor:pointer;border:1px solid #1A75BC;border-radius:3px;padding: 3px 8px;font-weight:700;color:#FFF;box-shadow:0 0 1px #AFDAF7 inset;}
#cookieClose:hover{background:#6AADD9;}
.cookmore{display:inline-block;font-weight:700;text-decoration:underline;margin-left:15px;color:#FFF !important;}
.cookmore:hover{color:#FFF !important;}
body.cookieMsgVisible > div > div { bottom: 50px;
}


#main .productBanner {
border-radius: 8px;
margin-bottom: 15px;
}

/* Facebook start */

#main #FacebookBox {
width: 200px;
height: 60px;
background-size: 600px 500px;
background-position: -155px 2px;
margin: 10px 0 50px 15px;
position: relative;
text-align: center;
}
#main #FacebookBox a#FacebookLink {
display: block;
width: 200px;
height: 30px;
margin: 0 0 20px 0;
} 
#main #FacebookBox h3 {
position: absolute;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
color: #3c5b9a;
text-align: left;
padding: 0 0 40px 72px;
} 
#main #FacebookBox .fb-like {
top: 66px;
left: 30px;
position: absolute !important;
} 
 
/* Facebook end */

/* Pullout start */
#pullout-1 {
right: 30px !important;
left: inherit !important;
}

.pullout-button,
.pullout-content {
-webkit-box-shadow: 0 -0 20px #000;
box-shadow: 0 -0 20px #000;
text-align: left;
font-family: arial, sans-serif;
font-size: 16px;
line-height: 17px;
font-weight: bold;
color: #000000;
}
/* Pullout end */

/* Language select start */

#languageSelect #selectButton {
color: #666;
cursor: pointer;
 }
#languageSelect #selectButton .icon.earth {
font-size: 20px;
line-height: 20px;
margin: 0 10px 0 0;
color: #666;
}
#languageSelect #selectButton .icon.arrow {
font-size: 18px;
line-height: 20px;
margin: 0 0 0 10px;
color: #666;
} 
#languageSelect #selectButton .icon.earth::after {
content: "\f0ac";
}
#languageSelect #selectButton .icon.arrow::after {
content: "\f0D7";
} 
#languageSelect #selectButton:hover .icon,
#languageSelect #selectButton:hover,
#languageSelect #selectMenu:hover {
color: #ccc;
text-decoration: none;
}
#languageSelect #selectMenu {
background-color: #000;
color: #666;
padding: 8px;
}
#languageSelect #selectMenu a {
display: block;
color: #666;
margin: 0 4px;
}
#languageSelect #selectMenu a:hover {
color: #ccc;
}
#languageSelect #selectMenu a .flag,
#selectLanguage .flag {
display: inline-block;
width: 16px;
height: 12px;
margin: 0 7px 0 0;
background-size: contain;
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
}
#languageSelect #selectMenu a:hover .flag,
#selectLanguage a:hover .flag {
opacity: 1.0;
filter: alpha(opacity=100);
-moz-opacity: 1.0;
}
#languageSelect #selectMenu a#da .flag,
#selectLanguage .continueDK .flag {
background-image: url('/media//453/v1/layout/flag/dk.svg');
}
#languageSelect #selectMenu a#en .flag,
#selectLanguage .continueEN .flag {
background-image: url('/media//453/v1/layout/flag/gb.svg');
}
#languageSelect #selectMenu a#de .flag {
background-image: url('/media//453/v1/layout/flag/de.svg');
}
#languageSelect #selectMenu a#se .flag {
background-image: url('/media//453/v1/layout/flag/se.svg');
}
#languageSelect #selectMenu a#no .flag {
background-image: url('/media//453/v1/layout/flag/no.svg');
}
#languageSelect #selectMenu a#pl .flag {
background-image: url('/media//453/v1/layout/flag/pl.svg');
}
#languageSelect #selectMenu a#pt .flag {
background-image: url('/media//453/v1/layout/flag/pt.svg');
}
#languageSelect #selectMenu a#es .flag {
background-image: url('/media//453/v1/layout/flag/es.svg');
}

/* Language select end */


/* Language popup start */

#selectLanguage {
position: absolute;
left: 50%;
top: 190px;
margin-left: -300px;
width: 600px;
padding: 20px;
border: 2px solid #e84e0e;
border-radius: 2px;
background-color: #170b0b;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.50);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.50);
z-index: 300;  
}
#selectLanguage  .icon {
display: inline-block;
font-size: 60px;
line-height: 60px;
margin: 0 20px 0 0;
color: #666;
}
#selectLanguage  .icon::after {
content: "\f0ac";
}
#selectLanguage .text {
display: inline-block;
}
#selectLanguage .text .okBtn {
font-size: 16px;
line-height: 120%;
background-color: #e84e0e;
color: #fff;
text-align: center;
border-radius: 6px;
margin: 0 0 0 10px;
padding: 8px 10px;
}
#selectLanguage .continue {
text-align: center;
padding: 10px 0 0 0;
}
#selectLanguage .continue a:hover {
color: #ff7035;
}
#selectLanguage .flag {
margin: 0 5px 0 10px;
}
/* Language popup end */


/* Cookie Message */
#cookie-msg{width:100%;padding: 20px 0 20px 0;color:#F7F7F7;font-weight:normal;text-align:left;display:none;background:url(/media/453/v1/layout/trans.png);position:fixed;left:0;bottom:0;z-index:9999;border-top: solid 1px #ccc;}
#cookie-msg-inner{width:90%;margin:0 auto;overflow:hidden;}
#cookie-msg-inner span{float:left;display:inline;}
#cookieClose{float:right;display:inline;cursor:pointer;border:1px solid #1A75BC;border-radius:3px;padding: 3px 8px;font-weight:700;color:#FFF;box-shadow:0 0 1px #AFDAF7 inset;}
#cookieClose:hover{background:#6AADD9;}
.cookmore{display:inline-block;font-weight:700;text-decoration:underline;margin-left:15px;color:#FFF !important;}
.cookmore:hover{color:#FFF !important;}



/* Generelle desktop styles start */
@media (min-width: 768px) {

 
 
 #top {
 position: relative;
 height: 170px;
 }

 #top #topDiv {
 position: relative;
 max-width: 1180px;
 height: 145px;
 margin: 0 auto 0 auto;
 text-align: center;
 }
 #top #topDiv a {
 margin: 20px auto 0 auto;
 display: inline-block;  
 }
 #top #topDiv #Leki-Logo {
 width: 180px;
 }

/* Language select start */

 #menuPane  #languageSelect {
 position: relative;
 margin: -130px auto;
 max-width: 1180px;
 }

 #languageSelect #selectButton {
 position: absolute;
 top: 0;
 right: 20px;
 }
 #languageSelect #selectMenu {
 position: absolute;
 top: 20px;
 right: 0px;
 }
 #menuPane {
 position: absolute;
 top: 110px;
 width: 100%;
 height: 35px;
 z-index: 100;
 }


 #main #content {
 max-width: 1180px;
 margin: 0 auto 0 auto;
 border-radius: 8px;
 z-index: 3;
 }
 #main.fullWidth #content {
 width: 100%;
 max-width: 100%;
 }
 #main.fullWidth #content .wrapper {
 max-width: 1180px;
 }
 #main #bottom {
 margin: 0 auto 0 auto;
 }






/* smartSearch start */

#menuPane #smartSearch {
position: absolute;
top: 48px;
right: 146px;
border-radius: 6px;
border: 1px solid #ffffff;
width: 342px;
height: 32px;
background: #dcddde;
background: -webkit-linear-gradient(#c1c2c4, #fcfcfc);
background: -o-linear-gradient(#c1c2c4, #fcfcfc);
background: -moz-linear-gradient(#c1c2c4, #fcfcfc);
background: linear-gradient(#c1c2c4, #fcfcfc);
}
#menuPane #smartSearch input.smartSearchInput {
width: 302px;
height: 28px;
font-size: 19px;
font-style: italic;
border: none;
outline: none;
background-color: transparent;
padding: 2px 0 0 5px;
}
#menuPane #smartSearch .searchButton {
position: absolute;
top: 3px;
right: 8px;
}
#menuPane #smartSearch .searchButton .icon {
color: #000000;
font-size: 25px;
line-height: 25px;
}
#menuPane #smartSearch .searchButton .icon::after {
content: "\f002";
}

/* smartSearch end */

/* topMenu start */
#menuPane ul.productMenu {
display: none;
}
#menuPane #productMenu_bg {
text-align: center;
}

#menuPane ul.topMenu {
display: inline-block;
padding: 0;
}
#menuPane ul.topMenu a {
font-family: Anybody-Regular, sans-serif;
}
#menuPane ul.topMenu a:hover {
text-decoration: none;
}
#menuPane ul.topMenu .icon {
position: relative;
color: #fff;
font-size: 25px;
line-height: 20px;
padding: 0 3px 0 7px;
top: 3px;
}
#menuPane ul.topMenu .icon.arrow::after {
content: "\f107";
}
#menuPane ul.topMenu > li.home {
padding: 5px 0 2px 0;
margin: 0;
}
#menuPane ul.topMenu .icon.home {
font-size: 23px;
top: 0;
}
#menuPane ul.topMenu .icon.home::after {
content: "\f015";
}
#menuPane ul.topMenu > li {
position: relative;
display: block;
float: left;
padding: 5px 10px 2px 10px;
margin: 0 10px;
}
#menuPane ul.topMenu > li.b2b {
background-color: #e84e0e;
border-radius: 2px;
margin-left: 12px;
}
#menuPane ul.topMenu > li > a {
height: 26px;
padding: 0;
display: inline-block;
font-weight: normal;
color: #fff;
text-transform: uppercase;
}
#menuPane ul.topMenu li a:hover,
#menuPane ul.topMenu li.activeParent > a, 
#menuPane ul.topMenu li.active > a {
color: #ffffff;
}
#menuPane .topMenu li > ul {
position: absolute;
display: none;
min-width: 200px;
background-color: #000000;
top: 30px;
left: 5px;
padding-top: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.50);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.50);
z-index: 150;
}
#menuPane ul.topMenu > li ul li {
text-align: left;
display: block;
min-width: 200px;
/* border-bottom: 1px solid #333333; */
}
#menuPane ul.topMenu > li ul li:last-child {
border-bottom: none;
padding-bottom: 2px;
}
#menuPane ul.topMenu > li ul a {
display: block;
padding: 8px 15px 8px 10px;
color: #cccccc;
}
/* productMenu end */


/* leftPane & ContentPane start */
#main #content #contentPane {
/* float: right; */ 
/* width: 935px; */
min-height: 500px;
text-align: left;
margin: 0 15px 0 0;
padding: 15px 0 0 0;
text-align: left;
position: relative;
z-index: 97;
}
#main.fullWidth #content #contentPane {
margin: 0;
}
#main #content #leftPane {
display: none;
float: left;
width: 230px;
min-height: 500px;
text-align: left;
}
 
/* Productmenu All start */
#main #content #leftPane .productMenuLevel2 {
position: relative;
width: 200px;
margin: 15px 0 15px 15px;
z-index: 2;
}
#main #content #leftPane .productMenuLevel2 > li,
#main #content #leftPane .productMenuLevel2 > li.active > a,
#main #content #leftPane .productMenuLevel2 > li.activeParent > a {
display: none;
}
#main #content #leftPane .productMenuLevel2 li.active,
#main #content #leftPane .productMenuLevel2 li.activeParent {
display: block;
}
#main #content #leftPane .productMenuLevel2 li ul > li a {
display: block;
width: 190px;
height: 22px;
background-color: #666666;
color: #ffffff;
padding: 6px 0 0 10px;
border-radius: 6px;
margin: 0 0 6px 0;
}
#main #content #leftPane .productMenuLevel2 > li > ul li a:hover,
#main #content #leftPane .productMenuLevel2 > li > ul li.active a,
#main #content #leftPane .productMenuLevel2 > li > ul li.activeParent a { 
background-color: #000000
}
/* Productmenu All end */

 

/* leftPane & ContentPane end */






 /* sideBanner start */
 
 #main #Banner2bdy {
 display: none;
 border-radius: 8px;
 overflow: hidden !important;
 }
 #main #Banner2bdy img {
 border-radius: 8px;
 }
 
/* sideBanner end */




/* leftPaneBanner start */

 #main #Banner3bdy,
 #main #Banner4bdy,
 #main #Banner5bdy {
 width: 200px;
 position: relative;
 }
 #main #Banner3bdy > div,
 #main #Banner4bdy > div,
 #main #Banner5bdy > div {
 width: 198px;
 border: 1px solid #cccccc;
 border-radius: 8px;
 overflow: hidden !important;
 margin: 0 0 15px 15px;
 }
 #main #Banner3bdy img,
 #main #Banner4bdy img,
 #main #Banner5bdy img {
 width: 100%;
 border-radius: 8px;
 }

 #main .bannerLink {
 display: block;
 width: 198px;
 border: 1px solid #cccccc;
 border-radius: 8px;
 overflow: hidden !important;
 margin: 0 0 15px 15px;
 position: relative;
 }
 #main .bannerLink img {
 width: 100%;
 border-radius: 8px;
 }



 #main #serviceBanner {
 width: 200px;
 }
 #main #serviceBanner > div {
 width: 198px;
 border: 1px solid #cccccc;
 border-radius: 8px;
 overflow: hidden !important;
 margin: 0 0 15px 15px;
 }


 /* leftPaneBanner end */
 

 
}

/* Generelle desktop styles end */








/* 800px - 1024px start */


@media (min-width: 768px) and (max-width: 1023px) {

 #menuPane ul.topMenu > li {
 padding: 5px 5px 2px 5px;
 margin: 0 5px 0 0;
 }
 #menuPane ul.topMenu > li.b2b {
 margin: 0 5px 0 2px;
 }
 #menuPane #topDiv {
 /* width: 738px; */
 }
 #menuPane #topDiv a#loginButton {
 right: 5px;
 }
 #menuPane #topDiv a#loginButton .text {
 display: none;
 }
 #main #content,
 #menuPane #miniBasketDiv {
 width: 738px;
 }
 #main #content #leftPane {
 width: 212px;
 }
 #main #content #contentPane {

 }
 #main.fullWidth #content #contentPane {
 width: 100%;
 }
 #main.fullWidth #content .wrapper {
 }
 .wrapper .grid {
 grid-template-columns: 1fr;
 }
 .grid .grid_left {
 min-height: inherit;
 }
 .grid .image.store {
 aspect-ratio: 1 / 1;
 }
 .wrapper .text {
 padding: 0 0 30px 0;
 } 
 .wrapper .image.leki, .image.display { 
 height: 320px;
 margin: 20px 0 20px 0;
 background-repeat: no-repeat;
 } 
 
 #menuPane {
 height: 175px;
 }
 #menuPane #topDiv {
 height: 125px;
 }


 /* leftPaneBanner start */

 #main #Banner3bdy,
 #main #Banner4bdy,
 #main #Banner5bdy {
 width: 183px;
 }
 #main #Banner3bdy > div, 
 #main #Banner4bdy > div,
 #main #Banner5bdy > div {
 width: 181px;
 border: 1px solid #cccccc;
 border-radius: 8px;
 overflow: hidden !important;
 margin: 0 0 15px 15px;
 }

 #main #Banner3bdy img,
 #main #Banner4bdy img,
 #main #Banner5bdy img {
 width: 100%;
 border-radius: 8px;
 }
 
 #main .bannerLink {
 width: 181px;
 }
 
 /* leftPaneBanner end */







}
/* 800px - 1024px end */



/* 800px - 1024px Tablet Portrait start */
@media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1)and (orientation:portrait) {

 #menuPane ul.topMenu > li {
 padding: 5px 5px 2px 5px;
 margin: 0 5px 0 0;
 }
 #menuPane ul.topMenu > li.b2b {
 margin: 0 5px 0 2px;
 } 
 #menuPane #topDiv {
 /* width: 738px; */
 }

 #menuPane #topDiv a#loginButton {
 right: 5px;
 }

 #main #content,
 #menuPane #miniBasketDiv {
 width: 738px;
 }
 #main #content #leftPane {
 width: 212px;
 }
 #main #content #contentPane {

 }
 #main.fullWidth #content #contentPane {
 width: 100%;
 }
 #main.fullWidth #content .wrapper {
 width: 511px;
 } 
 .wrapper .grid {
 grid-template-columns: 1fr;
 }
 .grid .grid_left {
 min-height: inherit;
 }
 .grid .image.store {
 aspect-ratio: 1 / 1;
 }
 #menuPane #topMenuDiv ul.topMenu .bullet {
 display: none !important;
 }
 #main #content #leftPane #pMenuSublevelsbdy li a {
 width: 173px;
 }
 #menuPane {
 height: 175px;
 }
 #menuPane #topDiv {
 height: 125px;
 }

 #menuPane .selectShopButton {
 font-size: 17px;
 bottom: 14px;
 right: 200px;
 }
 #menuPane .showMinibasketButton {
 font-size: 17px;
 bottom: 14px;
 right: 5px;
 }

 /* leftPaneBanner start */

 #main #Banner3bdy,
 #main #Banner4bdy,
 #main #Banner5bdy{
 width: 183px;
 }
 #main #Banner3bdy > div, 
 #main #Banner4bdy > div,
 #main #Banner5bdy > div {
 width: 181px;
 border: 1px solid #cccccc;
 border-radius: 8px;
 overflow: hidden !important;
 margin: 0 0 15px 15px;
 }

 #main #Banner3bdy img,
 #main #Banner4bdy img,
 #main #Banner5bdy img {
 width: 100%;
 border-radius: 8px;
 }
 
 #main .bannerLink {
 width: 181px;
 }

 /* leftPaneBanner end */


 /* Productmenu All start */

 #main #content #leftPane .productMenuLevel2 {
 width: 183px;
 }
 #main #content #leftPane .productMenuLevel2 li ul > li a {
 width: 173px;
 }

 /* Productmenu All end */



 /* smartSearch start */

 #menuPane #smartSearch {
 position: absolute;
 top: 42px;
 right: 0px;
 width: 308px;
 height: 32px;
 }
 #menuPane #smartSearch input.smartSearchInput {
 width: 268px;
 height: 28px;
 }
 
 /* smartSearch end */



}
/* 800px - 1024px Tablet Portrait end */











/* 1024x - 1200 start */
@media (min-width: 1024px) and (max-width: 1210px) {

 #menuPane #topDiv {
 width: 990px;
 }
 #menuPane #topMenuDiv ul.topMenu .bullet {
 display: none !important;
 }
 #main #content,
 #menuPane #miniBasketDiv{
 width: 990px;
 }
 #main #content #contentPane {

 }
 #main.fullWidth #content #contentPane {
 width: 100%;
 }
 #main.fullWidth #content .wrapper {
 }
 /* App cms start */
 #main .appText {
 width: 350px;
 }
 /* App cms end */

 /* FrontpageBanner extra start */
 #main #extraBannerDiv a img {
 width: 365px;
 }
 /* FrontpageBanner extra end */


}
/* 1024x - 1200 end */








/* 1200+ start */
@media (min-width: 1210px) {

}
/* 1200+ end */



/* 1600+ start */
@media (min-width: 1600px) {

 #sideBanner {
/* display: block !important; */
 position: absolute;
 width: 1590px;
 height: 100%;
 top: 195px;
 left: 50%;
 margin-left: -795px;
 z-index: 1;
 }
 #sideBanner.fixed {
 position: fixed;
 top: 15px;
 }
 #sideBanner .banner {
 position: relative;
 z-index: 2;
 }

 #sideBanner .banner .left {
 width: 190px !important;
 height: 674px !important;
 float: left;
 }
 #sideBanner .banner .right {
 width: 190px !important;
 height: 674px !important;
 position: absolute;
 left: 1400px;
 } 
 #sideBanner img {
 width: 190px !important;
 height: 674px !important;
 border-radius: 8px;

 }
 

}
/* 1600+ end */