#container {
    position: relative;
    z-index: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    flex-wrap: initial;
    line-height: 1.4;
    margin: auto;
}
#headWrapper {
	position:sticky;
	z-index:1;
	inset:0 0 auto 0;
}
#head {
    position: relative;
	inset:0 0 auto 0;
    background-color: #fff;
	box-shadow:var(--cd-box-shadow);
}
#head a {
    color: inherit;
    text-decoration: none;
}
#main {
    flex: 1 1 auto;
	padding-block:5.46rem;
}
#foot {
    padding-block: 2.7em;
    color: #fff;
	background-color: #838488;
    font-size: .87rem;
	font-weight:200;
	--line-height:1.47;
}
footer a {
    color: inherit;
    text-decoration: none;
}
.Center {
	background-image:url("/css-error?message=.Center ");
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
}
.Left {
	background-image:url("/css-error?message=.Left ");
    float: left;
    margin-right: 1rem;
    margin-top: .3rem;
    margin-bottom: .3rem;
}
.Right {
	background-image:url("/css-error?message=.Right ");
    float: right;
    margin-left: 1rem;
    margin-top: .3rem;
    margin-bottom: .3rem;
}
#logo > img {
    display: block;
}

#nav {
    flex-basis: 100%;
	margin-top:-2rem;
}
#nav a { display: block; }
#nav > nav,
#nav > nav > ul > li > ul > li {
	max-width: var(--width);
	margin-left: auto;
	margin-right: auto;
	box-sizing: content-box;
	padding-left: calc(1rem + env(safe-area-inset-left));
	padding-right: calc(1rem + env(safe-area-inset-right));
	width: 100%;
	xwidth: -moz-available;
	xwidth: -webkit-fill-available;
}
#nav > nav > ul {
	display:flex;
    gap:2.8rem;
}
#nav > nav > ul > li > a {
    font-weight: bold;
    font-size: 1.27rem;
    border-bottom: .24rem solid transparent;
    transition-duration: 0.2s;
    transition-property: border;
	padding-bottom: 0.27rem;
}
#nav > nav > ul > li > a:where(.cmsInside, :hover) {
    border-bottom-color: var(--color);
}

/* drop down */
#nav nav li > ul {
	will-change:transform, opacity;
	position: absolute;
	top: 100%;
	left: 0%;
	right: 0%;
	background: #fff;
	box-shadow:var(--cd-box-shadow);
	transition-property: opacity, visibility, transform;
	transition-duration: .4s, 0s;
	transition-delay: .4s, .7s, .2s;
	visibility: hidden;
	opacity: .5;
	transform: translateY(-320px);
	margin: auto;
	z-index: -2;
	max-width: 100%;
	padding:1.6rem 0;
}
#nav nav li:where(:hover, :focus-within) > ul {
	transition-delay: 0s, 0s;
	visibility: visible;
	opacity: 1;
	z-index: -1;
	transform: translateY(0);
}
#nav nav li > ul a {
	padding:.2rem 0;
}
#nav nav li > ul a:where([aria-current=page], :hover, :focus-within) {
	color:var(--color);
}


#subnav {
	position:absolute;
	width:14.2rem;
	white-space:balance;
	right:1.7rem;
	font-weight:600;
	font-size:.9rem;
	letter-spacing: .055em;
	background: var(--color-bg);
	& li {
		&.cmsInside {
			background: var(--color-area);
			color: var(--color-bg);
		}
		& a {
			display:block;
			padding:.35em .76em;
			color:inherit;
			border:.15rem solid #ccc;
			border-width:.14rem 0 0 0;
		}
		&.cmsInside a {
			border-color:transparent;
		}
		&.cmsInside + li a {
			border-top-color:transparent;
		}
		&:last-child > a {
			border-width:.14rem 0;
		}
	}

}



#service {
    text-align: right;
    font-size: .8rem;
}
#service a {
    display: inline-block;
    font-weight: bold;
    padding-top: .3rem;
    color: rgb(151, 151, 151);
    margin: 0 0.8em;
}
#service a.cmsInside, #service a:hover {
    color: var(--color);
}
#service .-m-cms-cont-nav2 {
    display: inline-block;
}
#service .-m-cms-cont-nav2 > ul > li {
    display: inline-block;
}

/* seach icon */
#head a.cmsLink20 {
    display: inline-block;
    background-image: url("/m/cms.layout.lascaux/pub/img/search.svg");
    background-repeat: no-repeat;
	background-position:center;
    height: 1.1em;
    color: transparent;
    width: 1.15em;
	vertical-align: -0.2em;
    overflow: hidden;
}

/* cart icon */
#head a.cmsLink3304::before {
	display:inline-block;
	background-image: url("/m/cms.layout.lascaux/pub/img/cart.svg");
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	content:'';

	height:1em;
	width:1.5em;

	margin-right:.5em;
	margin-top: -0.5em;
	margin-bottom: -0.1em;
	vertical-align:middle;
	filter: invert(66%) sepia(0%) saturate(548%) hue-rotate(285deg) brightness(92%) contrast(86%);

	color: transparent;
	overflow: hidden;
}
#head a.cmsLink3304:hover::before,
#head a.cmsLink3304.cmsInside::before {
	xfilter: invert(13%) sepia(86%) saturate(4515%) hue-rotate(309deg) brightness(85%) contrast(112%);
	filter: brightness(0) saturate(100%) invert(12%) sepia(92%) saturate(4273%) hue-rotate(349deg) brightness(91%) contrast(101%);
}





#head .-m-cms-cont-lang-choose1 > :last-child {
    margin-right:0;
}
.Light {
	font-weight:200;
}
.Link {
    xdisplay: block;
    font-weight: bold;
    xmargin-top: 1.35em;
    color: var(--color);
}
.Link::after {
	xcontent:'';
    display: inline-block;
    margin-left: 0.5em;
	background: url("/m/cms.layout.lascaux/pub/img/link.svg") no-repeat 50%;
	background-size:contain;
    height: 0.8em;
    width: 0.39em;
}
.Download {
    xdisplay: block;
    font-weight: bold;
    xmargin-top: 1.35em;
    color: var(--color);
	xbackground-image: url("/m/cms.layout.lascaux/pub/img/arrow_download.svg");
	xbackground-repeat:  no-repeat;
	xbackground-size:0.6em 0.88em;
	xbackground-position:.02em .28em;
	xpadding-left:1.1em;
}

.Reload {
    font-weight: bold;
	background-image: url("/m/cms.layout.lascaux/pub/img/reload.svg");
	background-repeat:  no-repeat;
	background-size:auto 1em;
	background-position:.02em .15em;
	padding-left:1.1em;
}



.cd_category_items {
	--u2-Items-width:17rem;
	--u2-Gap:1.6rem;
}
.cd_category_items > * {
    zzzbackground-color: #F5F5F5;
	background-color: var(--light-gray);
 	border:1px solid #e3e3e3;
	color: inherit;
    display: flex;
    flex-direction: column;
    transition-duration: 0.3s;
    transition-property: opacity;
    text-decoration: none/* !important*/;
	--line-height:calc(1.2em + .2rem);
}
.cd_category_items > :hover {
    opacity: 0.6;
}
.cd_category_items > * > .-body {
    padding: 20px;
}
x.cd_category_items .-title {
    text-wrap:auto;
}


#qgRteToolbar .-options > h6 {
    display: none !important;
}
.cdSwissMade {
	font-weight:800;
	font-size:.87rem;
	letter-spacing:.02em;
	& .-made {
		color:var(--color); margin-right:.8rem
	}
	& .-since {
		font-weight:400;
	}
}