/* columns & structure => remove floats, fluid width */
.mobile, .mobile div#hd, .mobile div#bd, .mobile div#ft, .mobile div#w0, .mobile div#w1, .mobile div#w2, .mobile div#w3 {position:relative;width:100%;height:auto;margin:0;padding:0;min-width:100%;-webkit-text-size-adjust:none;} /* specific mobile body */
.mobile div#bd div#bd_bg {position: relative;clear:none;width:auto;height:auto;margin:0;padding: 0!important;}
.mobile div.cn, .mobile div#ft div.cn, .mobile div#bd div.cn {clear:none;width:auto;height:auto;margin:0;padding: 0 20px;} /* enlarge content to 100% width, defines margin  */
.mobile div#bd div.c1, .mobile div#bd div.c2, .mobile div#bd div.c3 {float: none;width: 100%!important;height:auto!important;margin:0;padding:0;} /* removes "float", puts every content on top of each other */
.mobile div#ft div.c1, .mobile div#ft div.c2, .mobile div#ft div.c3 {float: none;width: 100%!important;} /* removes "float", puts every content on top of each other */
.mobile #content .object h2, .mobile h1, .mobile #content h1 {width:auto;}
.mobile div#cn {min-height: auto;}
.mobile div#bd div.c2 div.wrap, .mobile div#bd div.c1 div.wrap{margin:0;padding:0;}
.mobile div.c2 div.object:not(.slick-slide) {width: auto!important;float:none!important;-webkit-column-count: auto!important;column-count: auto!important;}
.mobile div.c2 div.standard.object:not(.detail) div, .mobile div.c2 div.image.object div{width: auto!important;float:none;-webkit-column-count: auto!important;column-count: auto!important;}

/* content paddings & margins */
.mobile div#bd div#bd_bg div.cn {margin-top: 0;padding-top: 25px;}
.mobile div#bd_bg div.cn #content {min-height: 0;height: auto;padding-bottom: 5px;}
.mobile #content {padding-bottom: 20px;}
.mobile table {max-width: 100%!important;}

/* mobile slider */
.mobile .slider {padding:0;margin:0;width: 100%;position: relative;display: none;}
.mobile .slider img{width: 100%;height: auto;}
.mobile .fixed, .mobile .absolute {position: relative;left:auto;right:auto;bottom:auto;top:auto;}




/* mobile logo */
.mobile #logomobile a{width:0;height:0;overflow:hidden;display: block;position: absolute;top: 0;left: 0;} /* mobile logo */

/* mobileNav */
#mobile-nav {display: none;}
.mobile div#mobile-nav {width: 100%;z-index:1000;padding-bottom:4px;display: block;position: relative;}
.mobile div#mobile-nav div#top-bar {top: 0;z-index:1;width:100%;display: block;line-height: 20px;height:54px;position:relative;background-color:white}
.mobile a#togglemenu {display: block;text-transform: uppercase;font-size: 1em;text-decoration: none;color: #fff;background-color: #000;padding:5px 22px 2px 9px;position:relative;float:right;letter-spacing:0.08em;}
.mobile a#togglemenu span{background: transparent url(../img/openNav.png) 4px 4px no-repeat;width:18px;height:16px;position: absolute;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.mobile .open a#togglemenu span{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.mobile ul#mobileNav, .mobile #mobile-secnav {background:black;color:white;position:relative;z-index:2;padding:10px 0;}
.mobile ul#mobileNav{position:absolute;top:54px;width:100%;display: none;z-index:5;}
.mobile ul#mobileNav li a, .mobile #mobile-secnav li a{padding: 10px 20px;color:white;text-decoration:none;width:100%;display: block;width: auto!important;text-transform: uppercase;}
/* mobileSecNav */
.mobile #mobile-secnav {padding:0;}
.mobile #mobile-secnav ul {margin: 10px;padding:0;}
.mobile #mobile-secnav li a{padding:6px 15px;border-bottom: 1px solid #292929;color: #c4c4c4;}
.mobile #mobile-secnav li li a{text-transform: none;padding: 3px 15px;}
.mobile #mobile-secnav li.last a{border: none;}
.mobile #mobile-secnav li ul{padding-bottom: 6px;}
/* mobileSecNav display select */
.mobile #mobile-secnav a.showNav {position:relative;display:block;padding: 6px 15px;text-decoration:none;}
.mobile #mobile-secnav a.showNav span {display: block;position: absolute;width: 30px;top:0; right:0;bottom:0;left:auto;background: transparent url(/data/standards/img/arrow_select.png) center center no-repeat;}
.mobile #mobile-secnav a.showNav select {position:absolute;top: 0;right:0;bottom:0;left:0;-webkit-appearance: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;z-index: 10;cursor: pointer;border:none;border-radius:0;width: 100%;
}
/* langues */
.mobile ul#mobileNav li.lan {padding: 0;}
.mobile ul#mobileNav li.lan li, .mobile ul#mobileNav li.lan li a{line-height:36px;display: inline;float: none;background: none;}
/* images */
.mobile #content img {max-width: 100%; height: auto;float: none;}
.mobile #content .map.object img {max-width:none;}

/* footer */
.mobile div#copyright{position:relative;bottom:auto;float: none;margin:0;}
.mobile div#loginAndPowered {position: relative;bottom:auto;right: auto;margin: 0 20px 0 0;width: auto;height:14px;padding: 5px 20px;margin-left: -20px;float: none;}
.mobile div#kLogin {display: none;}
.mobile a#kPowered {background-position:right top;padding: 14px 0 0 126px;position: relative;top: auto;left: auto;bottom: auto;right: auto;float:none;}

/* forms */
.mobile form.kSiteForm fieldset, .mobile .comment fieldset div, .mobile form.kSiteForm div {width: auto!important;float: none!important;padding:0!important;}
.mobile form.kSiteForm fieldset {margin-bottom: 10px;}
.mobile form.kSiteForm label, .mobile fieldset div.container div {float: none;width: auto;border: none!important;}
.mobile form.kSiteForm input.text, .mobile form.kSiteForm textarea, .mobile form.kSiteForm select, .mobile #mc_embed_signup input.email, .mobile .container.buttons #btSubmit, .mobile #mc-embedded-subscribe {float: none;width: 100%!important;padding:9px!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0!important}
.mobile form.kSiteForm input.text, .mobile form.kSiteForm select, .mobile #mc_embed_signup input.email, .mobile .container.buttons #btSubmit, .mobile #mc-embedded-subscribe {height: 40px!important;}
.mobile form.kSiteForm label {position: relative!important; width: 100%!important;}
.mobile form.kSiteForm .container.buttons label, .mobile .kSiteForm .buttons input[type="reset"] {display: none;}

/* hide desktop header */
.mobile #hd {display: none;} /* hides original header */

/* hide desktop nav & logo */
.mobile strong#logo a {display: none;}
.mobile #mainNav, .mobile #annexeNav, .mobile .mainNavCt {display: none;} /* remove desktop nav */

/* hide mobile nav on desktop version */
.desktop div#mobile-nav, .desktop #mobile-secnav, .desktop .addedToScart{display:none}

/* shop */
.mobile .kShop{width:auto;}
.mobile .kProduct {width:44%;margin: 0 4% 10px 0;}

.mobile #kShopScart {border-top: 1px solid #d3d3d3;}
.mobile #kShopScart tr{border-bottom: 1px solid #d3d3d3;}
.mobile #kShopScart tr:first-of-type{display:none;}

/* shop alignments(modified 23.04.2020) */
.mobile #kShopScart td{display:inline-block;padding: 2px 0;margin-top:-1px;border:none;width:25%;}
.mobile #kShopScart td:first-of-type{width: 100%;}
.mobile #kShopScart td.tdprice{font-weight:bold;}
.mobile #kShopScart td.tdprice:before{content:"CHF ";font-weight:400;}
.mobile #kShopScart td.right b.tot:before, .mobile #kShopScart tr:last-of-type td#kTot b:before {content:"CHF ";font-weight:400;}
/*.mobile #kShopScart td.right.last{display:none;}*/
.mobile #kShopScart tr:last-of-type td{background-color: rgba(0,0,0,0.08); padding: 5px 0;width:25%;}
.mobile #kShopScart tr:last-of-type td[colspan="3"]{width:50%; /* emulates colspan=2 in mobile*/}
.mobile #kShopScart tr:last-of-type td.last{width:25%;}


.mobile div#bd div.c2 div.wrap table#kShopScart tr td{
	border:none;
	/*text-align:left;*/
	padding:0px;
	margin-top: -1px;
	padding: 4px 0;
	position:relative;
}

.mobile #kShopScart a.kShopDelete {
	/*float: none;*/
	float:right;
}
.mobile #kShopProcess{
	margin-bottom:20px;
}

.mobile div#bd div.c2 div.wrap table#kShopScart tr td:first-of-type{
	font-weight:600;
	padding:20px 0 0 0;
	display:block;
}

.mobile div#bd div.c2 div.wrap table#kShopScart tr td.right.last a{
	/*position:absolute;
	top:-100px;
	right:0px;*/
}

.mobile form#addressForm label{
	font-weight:600;
}

.mobile form#addressForm .container{
	text-align:left;	
}

.mobile #kShopScart tr{border-bottom:1px solid #d3d3d3;}

.mobile #kShopScart tr:last-of-type{border:none;}

.mobile form#addressForm div.gender{ display:inline-block; padding:0 10px 10px 0!important;}

.mobile form#addressForm fieldset{
	margin-bottom:20px;
}

.mobile form#addressForm p{
	text-align:left;
}

.mobile form#addressForm fieldset fieldset{
	margin-bottom:0;
}

.mobile #kShopProcess li.done, .mobile #kShopProcess li.on{
	background-position:5px 8px!important;
	padding: 0 6px 0 20px;
}

.mobile #kShopScart{
	margin-bottom:20px;
}

.mobile #factAdress h3, .mobile #livrAdress h3, .mobile #condGen h3{
	padding-bottom:0px;
	margin:0 0 20px;
	border-bottom:1px solid #d3d3d3;
	text-align:left;
}

.mobile #factAdress, .mobile #livrAdress, .mobile #condGen{
	text-align:left;
	padding:20px 0 20px 0;
}

.mobile #klikandpay{
	background-repeat:no-repeat;
	background-size:380px auto;
}

.mobile #content #klikandpay a{
	background:none;
	display: none;
}


/* blog */

.mobile .navPost {width:auto;margin: 0 -20px;padding-bottom: 0;}
.mobile .navPost-back, .mobile .navPost-prev, .mobile .navPost-next {
    float: none;
    margin: 0;
    width: auto;
    text-align: left;
}
.mobile .navPost-back a, .mobile .navPost-prev a, .mobile .navPost-next a{padding: 10px 20px;color:white;text-decoration:none;width:100%;display: block;width: auto!important;text-transform: uppercase;}
.mobile div.blog div.tags {
    padding: 10px 0;
}

.mobile div#bd div.c2 div.wrap .blog.detail img {
    float: left;
    width: 50%;
    margin-right: 25px;
}

.mobile .kProductDetail .kProductDetailInfos h1 {position:relative;}
.mobile .kProductDetailImg img {float:none;max-width: 100%;margin: 0 0 5px 0!important;}
.mobile #kScart {position: fixed;top:auto;bottom:0;left:0;right:0;height:0;overflow:hidden;margin: 0;display:none;}
.mobile .kProductDetail {width:auto}
.mobile .kShop a.back, .mobile .kShop a.back:link{position: relative;top:auto;}
.mobile #kShopProcess li {padding: 0 5px 0 18px;}
.mobile .kScartMobile {background:url(/data/standards/img/kShopSprite_mobile.png) 17px 13px no-repeat;width:auto;height:54px;float: right;margin-right:8px;display: block;font-size: 1em;position: relative;padding-left:54px;text-decoration: none;}
.mobile .kScartMobile span {display:block;font-size: 11px;line-height: 11px;height: 10px;margin: 11px 1px 11px -5px;padding: 6px 8px;border-left:1px solid #4b4d48;font-size:12px;}
.mobile .kScartMobile span.empty {display: none;}
.mobile .addedToScart {position: fixed;top:0;left:0;right:0;padding-left:39px;z-index:10;background:#323330 url(/data/standards/img/kShopSprite_mobile.png) -50px 14px no-repeat;border-bottom:2px solid #191a18;color: #fff;font-size:13px;line-height: 44px;}
.mobile #kShopProcess {border-width: 0;padding: 0;}
.mobile #kShopProcess li.on{background-position:3px 4px;}
.mobile #kShopProcess li {display:inline-block;border: 1px solid #999;padding: 0 6px;margin-left: -1px;font-size:11px;}
.mobile div#bd div.c2 div.wrap table {width: auto;min-width: 100%;}
@media only screen and (max-width: 560px) { 
    .mobile .kProductDetailImg, .mobile .kProductDetailImg img, .mobile .kProductDetailInfos, .mobile .kProductDetailMore {float:none;display:block;width:auto;margin: 0;padding: 0;position: relative;}
    .mobile .kProductDetailImg, .mobile .kProductDetailInfos, .mobile .kProductDetailMore {padding-top:20px;}
    .mobile a.button.kToScart{display:block;width:auto;background-position: center top;}
    .mobile div#bd div.c2 div.wrap .blog.detail img {float: none;margin:0 0 10px;width:auto;}
    .mobile .cookieinfo {
	    text-align: center!important;
	    display: flex;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    justify-content: center;
	    -ms-flex-pack: center;
	    flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-flow: row wrap;
	}
	.mobile div.cookieinfo a {display:block;}
	.mobile .cookieinfo span {order: 1; width: 100%;}
	.mobile div.cookieinfo-close {
		order: 2;
		padding: 8px 25px!important;
		margin: 20px 0 10px;
	}
}
/* icones retina */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	.mobile .kScartMobile {background-image:url(/data/standards/img/kShopSprite_retina.png);background-size: 80px 30px;}
	.mobile .addedToScart {background-image:url(/data/standards/img/kShopSprite_retina.png);background-size: 80px 30px;}
    a#kPowered, .mobile a#kPowered {background: transparent url(../img/login_w_retina.png) -36px top no-repeat;background-size: 160px 14px;} 
}

/* gallery */
.mobile #kamGallery {width: auto;}
.mobile #kamGallery ul li {float: none;}
/*.mobile #kamGallery ul img, .mobile div#bd div.c2 div.wrap #kamGallery ul img {width: 76px; height: auto;margin-right: 0 10px 10px 0!important} */
.mobile #lightbox-container-image-box, .mobile #lightbox-container-image-data-box, .mobile #lightbox-container-image img {max-width: 100%;}
.mobile #lightbox-secNav a{margin-right: 10px;}
.mobile .addedToScart{display:inline;}
.mobile #kamGallery ul img, .mobile div#bd div.c2 div.wrap #kamGallery ul img {width:auto; margin-right:0px; margin:0 auto;}


/* iframe */

.mobile iframe {width: 100%;}

.videoPadding {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	height: 0;
}
.videoPadding iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}