/* GENERAL */

@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

@font-face {
  font-family: 'Domaine';
  src: url('DomaineDisplayWeb-Regular.woff') format('woff');
}

*:focus, * {
	outline: 0;
	outline: none;
	-moz-outline: none;
	margin: 0;
 	padding: 0;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	-ms-touch-action: manipulation;
/*  	touch-action: manipulation; */
 	-webkit-tap-highlight-color: rgba(0,0,0,0);
 	-webkit-tap-highlight-color: transparent;
}

* {
	margin: 0;
	padding: 0;
}

a, img {
    border:none;
    outline:none
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

html {
/* 	overflow: hidden; */
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

section, nav {
	display: block;
}

/* STYLES */

body {
	color: black;
	font-family: 'Montserrat', sans-serif;
/* 	-ms-overflow-style: none; */
	/* 	-moz-scrollbars-none; */
	opacity: 1;
	font-weight: normal !important;
	/* 	height: 100%; */
/* 	overflow: hidden; */
	float: left;
}

.overflow-hidden {
	overflow-y: hidden;
}

.hide-scrollbar::-webkit-scrollbar {
	display: none !important;
}

.news-item-lightbox::-webkit-scrollbar, .detail-item-lightbox::-webkit-scrollbar {
	display: none !important;
}

nav {
	padding: 2.3em 2.5em 2.1em 2.5em;
	background: white;
	position: absolute;
	font-size: 0.8em;
	text-transform: uppercase;
	z-index: 99999;
	left: 0;
	right: 0;
}

#logo {
	height: 1.05em;
	width: auto;
	float: left;
}

#home {
	min-width: 15em;
	display: inline-block;
}

#logo_gross {
	height: auto;
	width: 35em;
	margin: auto;
	position: fixed;
	z-index: -1;
	margin-left: -17.5em;
	left: 50%;
	top: 41%;
	opacity: 0;
	-webkit-transition: opacity 1.3s ease;
	-moz-transition: opacity 1.3s ease;
	-ms-transition: opacity 1.3s ease;
	-o-transition: opacity 1.3s ease;
	transition: opacity 1.3s ease;
}

li {
	list-style: none;
	display: inline-block;
}

.section-title,
.section-title-outgoing {
	float: initial;
	margin-left: 4em;
}

@-moz-document url-prefix(){
	#right {
		position: absolute !important;
		z-index: 999 !important;
		margin-left: -1.5em !important;
		width: 55% !important;
		left: 50% !important;
		overflow-y: scroll !important;
	}
	
	#left {
		overflow-y: scroll !important;
	}
	
	body {
		overflow-y: hidden !important;
	}
	
	.collection-image-title {
		margin-right: 5em !important;
	}
}

#everything {
	position: absolute;
	width: 100%;
	float: left;
	opacity: 0;
	-webkit-transition: all .78s linear;
	-moz-transition: all .78s linear;
	-ms-transition: all .78s linear;
	-o-transition: all .78s linear;
	transition: all .78s linear;
	z-index: 100;
}

.scrolltotop {
	-webkit-transform: translateY(0) !important;
	-moz-transform: translateY(0) !important;
	-ms-transform: translateY(0) !important;
	-o-transform: translateY(0) !important;
	transform: translateY(0) !important;
}

@-webkit-keyframes rotating {
    from {
    	-webkit-transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes rotating {
    from {
    	-moz-transform: rotate(360deg);
    }
    to {
        -moz-transform: rotate(0deg);
    }
}

@-ms-keyframes rotating {
    from {
    	-ms-transform: rotate(360deg);
    }
    to {
        -ms-transform: rotate(0deg);
    }
}

@-o-keyframes rotating {
    from {
    	-o-transform: rotate(360deg);
    }
    to {
        -o-transform: rotate(0deg);
    }
}

@keyframes rotating {
    from {
    	transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}

.loading_needle {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 500;
	height: 2em;
	width: auto;
	margin-left: 1.41em;
	margin-top: -3.3em;
}

.loading_thread {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 501;
	height: 3em;
	width: auto;
	margin-left: 0;
	margin-top: -3em;
	-webkit-animation: rotating 1.5s linear infinite;
	-moz-animation: rotating 1.5s linear infinite;
	-ms-animation: rotating 1.5s linear infinite;
	-o-animation: rotating 1.5s linear infinite;
	animation: rotating 1.5s linear infinite;
}

.splash_img_container {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
	opacity: 0;
}

.splash_img {
	width: 100%;
	height: 100%;
/*
    -webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
*/
}

.video_container {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  position: fixed;
	z-index: -9;
  -webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
  opacity: 0;
}

video {
    width: 100%;
    height: 100%;
    object-fit: cover;

	
	
	/* opacity: 0; */
}

.sticky {
	position: fixed !important;
	top: 0 !important;
}

a, a:link, a:visited, .no-touch a:hover, a:active {
	color: black;
	text-decoration: none;
}

.navigation-link,
..navigation-link-outgoing {
	border-bottom: 1px solid white;
	padding-bottom: 0.35em;
	-webkit-transition: all 0.85s ease;
	-moz-transition: all 0.85s ease;
	-ms-transition: all 0.85s ease;
	-o-transition: all 0.85s ease;
	transition: all 0.85s ease;
}

address .facebook {
/* 	font-size: 0.6em !important; */
}

.no-touch .navigation-link:hover,
.no-touch .navigation-link-outgoing:hover {
	border-bottom: 1px solid black;
}

.navigation-link.active {
	border-bottom: 1px solid black !important;
}

#content {
	position: relative;
	overflow: hidden;
/* 	height: 900px; */
	/* top: 0; */
	/*
	right: 0;
	bottom: 0;
	*/
	/* left: 0; */
	width: 100%;
	/* z-index: 7; */
	float: left;
	background: rgb(252,248,245);
}

.contentwr {
	position: relative;
	left: 0;
	top: 0;
	float: left;
}

#left {
	position: relative;
	top: 0;
	left: 0;
	background: rgb(252,248,245);
	width: 50%;
	height: 100%;
	float: left;
	overflow-y: hidden;
	/* -ms-overflow-style: none; */
	/* 	-moz-scrollbars-none; */
}

#left::-webkit-scrollbar, #right::-webkit-scrollbar {
/* 	width: 0 !important; */
	display: none;
}

.section_title {
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Montserrat', sans-serif;
	font-size: 0.9em;
	margin-bottom: 4em;
	margin-top: 4em;
	text-align: center;
}

#madebyhand h2 {
	margin-bottom: 3.5em !important;
}

#collection h2 {
	margin-bottom: 6em !important;
	margin-top: 0 !important;
}

.item-text {
	position: absolute;
	z-index: 99;
	width: 35%;
	text-align: center;
	display: block;
	left: 7.9%;
	top: 30%;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
	display: none;
}

#madebyhand p, #about p {
	margin-bottom: 1em;
}

.collection-image-detail-item img {
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
	opacity: 1;
}

.collection-image {
	cursor: pointer;
}

.no-touch .collection-image-detail-item:hover {
/* 	opacity: 0; */
}

.no-touch .collection-image-detail-item:hover ~ .item-text{
/* 	opacity: 1; */
}

#intro {
	padding-top: 1.45em !important;
}

#detail {
	display: none;
}

#madebyhand, #news, #about, #contact, #news-mobile, #stores {
	float: left;
	position: relative;
	/* 	padding: 2.5em 1em 1em 0.8em; */
	width: 100%;
/* 	padding-top: 4em; */
	padding-bottom: 2em;
	border-bottom: 1px solid black;
}

#madebyhand p, #news p, #about p, #contact p, #agency p, #news-mobile p, #stores p {
	font-family: "Domaine", serif;
	font-size: 1.8em;
	line-height: 1.41;
}

#collection {
	padding-top: 4.5em;
	border-bottom: 1px solid black;
	float: left;
	position: relative;
	width: initial;
	width: 100% !important;
	overflow-x: hidden;
}

#collection-left, #collection-right, #madebyhand-left, #madebyhand-right {
	float: left;
	position: relative;
}

#collection-right {
	padding-top: 2em;
}

.collection-image {
	width: 100%;
	position: relative;
	height: auto;
	float: left;
	top: 0;
	overflow: hidden;
}

.news-item, .detail-item {
	width: 100%;
	position: relative;
	height: auto;
	float: left;
	text-align: center;
	margin-bottom: 3em;
}

.news-item-date, .detail-item-date {
	font-weight: normal;
	font-family: "Domaine", serif;
	font-size: 0.9em;
}

.news-item-title, .detail-item-title {
	font-weight: normal;
	font-family: 'Montserrat', sans-serif;	
	font-size: 0.9em;
	text-transform: uppercase;
	padding-bottom: 1.3em;
	padding-top: 0.4em;
}

.news-item-thumbnail, .detail-item-thumbnail {
	width: 15em;
	height: auto;
	cursor: pointer;
}

.news-item-text, .detail-item-text {
	font-weight: normal;
	font-family: 'Domaine', serif;	
	font-size: 0.45em !important;
	padding-top: 1.5em;
}

.news-item-text p, .detail-item-text p {
	width: 50%;
	text-align: center;
	margin: auto;
}

.news-item-lightbox, .detail-item-lightbox {
	position: fixed;
	top: 4.2em;
	padding-top: 2em;
	left: 0;
	background: rgba(225,235,245,1);
	height: 800px;
	width: 100%;
	text-align: center;
	-webkit-transition: opacity .35s ease;
	z-index: -1;
	opacity: 0;
	overflow-y: auto;
	/* background: green; */
}

.news-item-img {
	width: 100%;
/* 	display: none; */
/* 	-webkit-transition: all .3s ease; */
	float: left;
	margin-bottom: 2em;
}

.detail-item-img {
	width: 100%;
/* 	display: none; */
/* 	-webkit-transition: all .3s ease; */
	float: left;
	margin-top: 1em;
	margin-bottom: 5em;
}

.lightbox-img-container {
	display: inline-block;
	position:relative;
	margin: auto;
	width: 100%;
	padding-top: 2em;
}

.left, .right {
	display: table-cell;
	vertical-align: middle;
}

#lightbox-nav {
	visibility: hidden;
}

.lightbox-img-container-wr {
	display: inline-block;
	vertical-align: middle;
	padding-right: 1.2em;
	padding-left: 1.2em;
/* 	display: none; */
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
	width: 35em;
	margin-bottom: 10em;
}

.news-item-text-wr, .detail-item-text-wr {
	margin-bottom: 1.5em;
}

.news-item-text-wr p, .detail-item-text-wr p {
	font-weight: normal;
	font-family: 'Domaine', serif;	
	font-size: 0.9em !important;
	padding-top: 0.5em;
	width: 25em;
	margin: auto;
	text-align: center;
}

.news-images {
	display: inline-block;
/* 	margin-bottom: 5em; */
	width: 100%;
}

.lightbox-close {
	cursor: pointer;
	height: 2.7em;
	width: auto;
	position: fixed;
	right: 7em;
	float: right;
	top: 8.4em;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 5;
	display: inline-block;
}

.lightbox-close:hover {
	-webkit-transform: scale(0.87);
	-moz-transform: scale(0.87); 
	-ms-transform: scale(0.87); 
	-o-transform: scale(0.87); 
	transform: scale(0.87); 
}

.lightbox-nav {
	height: 10%;
}

.fadein {
	opacity: 1 !important;
/* 	z-index: 9999 !important; */
/* 	-webkit-transition: all .3s ease; */
}

.fadeout {
	opacity: 0 !important;
/* 	-webkit-transition: all .3s ease; */
}

/*
.news-item-lightbox {
	height: 100%;
	width: auto;
}
*/

/*
:target {
	-webkit-transition: top 2s ease;
	top: -10em;	
}
*/

.collection-image-detail {
	width: 200%;
	position: relative;
	height: auto;
	float: left;
	margin-bottom: 6em;
/* 	overflow: hidden; */
/* 	min-height: 7.95em; */
}

.collection-image img {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	margin-top: -6em;
}

.collection-image-detail img {
	width: 10%;
	height: auto;
	position: relative;
	float: left;
	margin-left: 9%;
}

.arrow_l {
/*
	background: url(arrow_r.png);
	background-repeat: no-repeat;
	background-size: 17%;
	background-position: 47% 20%;
/*
/*
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: 0% 50%;
	-moz-transform: rotate(-90deg);
	-moz-transform-origin: 0% 50%;
	-ms-transform: rotate(-90deg);
	-ms-transform-origin: 0% 50%;
	-o-transform: rotate(-90deg);
	-o-transform-origin: 0% 50%;
	transform: rotate(-90deg);
	transform-origin: 0% 50%;
*/

	cursor: pointer;
	font-weight: normal;
	font-family: 'Domaine', serif;
	font-size: 1.75em;
	position: absolute;
	z-index: 9999;
	left: -0.65em;
	display: block;
	top: 0;
	opacity: 1;
	padding: 0 1.5em 0 0.5em;
/* 	margin-top: -0.9em !important; */
/*
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
*/
/* 	text-align: right; */
	height: 100%;
/* 	background: blue; */
	margin: 0;
}

.arrow_r_img {
	height: 5px !important;
	width: auto !important;
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: 55% 50%;
	-moz-transform: rotate(-90deg);
	-moz-transform-origin: 55% 50%;
	-ms-transform: rotate(-90deg);
	-ms-transform-origin: 55% 50%;
	-o-transform: rotate(-90deg);
	-o-transform-origin: 55% 50%;
	transform: rotate(-90deg);
	transform-origin: 55% 50%;
	display: block;
	margin-right: 0% !important;
	top: 50% !important;
	margin-top: 1em;
}

.arrow_l_img {
	height: 5px !important;
	width: auto !important;
	-webkit-transform: rotate(0deg);
	-webkit-transform-origin: 55% 50%;
	-moz-transform: rotate(0deg);
	-moz-transform-origin: 55% 50%;
	-ms-transform: rotate(0deg);
	-ms-transform-origin: 55% 50%;
	-o-transform: rotate(0deg);
	-o-transform-origin: 55% 50%;
	transform: rotate(0deg);
	transform-origin: 55% 50%;
	display: block;
	margin-right: 0% !important;
	top: 50% !important;
	position: absolute !important;
	margin-top: 0.5em;
}


.morecoloursheadline {
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: rotate(-90deg);
	-moz-transform-origin: 50% 50%;
	-ms-transform: rotate(-90deg);
	-ms-transform-origin: 50% 50%;
	-o-transform: rotate(-90deg);
	-o-transform-origin: 50% 50%;
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
	display: none;
	text-align: center  !important;
/* 	background: green; */
	width: 7em;
	margin-left: -3em;
	top: 56%;
	position: absolute;
}

.arrow_r {
/*
	background: url(arrow_r.png);
	background-repeat: no-repeat;
	background-size: 17%;
	background-position: 47% 20%;
/*
/*
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: 0% 50%;
	-moz-transform: rotate(-90deg);
	-moz-transform-origin: 0% 50%;
	-ms-transform: rotate(-90deg);
	-ms-transform-origin: 0% 50%;
	-o-transform: rotate(-90deg);
	-o-transform-origin: 0% 50%;
	transform: rotate(-90deg);
	transform-origin: 0% 50%;
*/

	cursor: pointer;
	font-weight: normal;
	font-family: 'Domaine', serif;
	font-size: 0.9em;
	position: absolute;
	z-index: 9999;
	left: 46%;
	/* display: block; */
	top: 0;
	opacity: 1;
	padding: 0 0 0 1em;
/*
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
*/
/* 	text-align: right; */
	height: 100%;
	/* background: green; */
	margin: 0;
	width: 3em;
}

.arrow_r:hover .morecoloursheadline {
	display: block;
}

.arrow_r:hover .arrow_r_img {
	display: none;	
}
/*

.item-76 .arrow_l {
	top: 0% !important;
}
*/

/*
.item-19 h3 {
	top: 55% !important;
}

.item-19 .arrow_l {
	top: 0% !important;
}
*/
/*

.item-25 .arrow_l {
	top: -19% !important;
}

.item-25 .arrow_r {
	padding-top: 3% !important;
}

.item-25 .item-text {
	top: 23% !important;
}

.item-11 .arrow_l {
	top: 0% !important;
}

.item-20 .arrow_l {
	top: 9% !important;
}

.hasmorecolours:hover ~ .arrow_l, .hasmorecolours:hover ~ .arrow_r {
	opacity: 1;
}

.item-9 .arrow_l {
	top: 0% !important;
}

.arrow_r:hover {
	opacity: 1;
}



.item-21 .item-text {
	top: 10% !important;
}

.item-22 h3 {
	top: 25% !important;
}

.item-22 .arrow_l {
	top: -23% !important;
}

.item-22 .item-text {
	top: 23% !important;
}

.item-22 .arrow_r {
	padding: 2% 1.5em 1em 1em;
}
*/


.item-21 {
	padding-top: 1em !important;
}

/* .item-image */

.item-image:first-child {
/* 	float: left; */
	margin-left: 0 !important;
}


.item-image:last-child {
/* 	float: right; */
}

b {
	font-style: normal;
	font-weight: normal;
}

.collection-image-title-detail {
/*
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: rotate(-90deg);
	-moz-transform-origin: 50% 50%;
	-ms-transform: rotate(-90deg);
	-ms-transform-origin: 50% 50%;
	-o-transform: rotate(-90deg);
	-o-transform-origin: 50% 50%;
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
	position: absolute;
	top: 50%;
	left: -3.95em;
	z-index: 111;
	font-weight: normal;
	font-size: 0.9em;
	text-transform: uppercase;
	margin-left: 0em;
	margin-top: 0em;
	min-width: 10em;
	text-align: center;
*/

top: 50%;
width: 50%;
font-weight: normal;
font-size: 0.9em;
text-transform: uppercase;
text-align: center;
padding-bottom: 3em

}

.collection-image-title {	
	-webkit-transform: rotate(90deg);
	-webkit-transform-origin: 100% 0%;
	-moz-transform: rotate(90deg);
	-moz-transform-origin: 100% 0%;
	-ms-transform: rotate(90deg);
	-ms-transform-origin: 100% 0%;
	-o-transform: rotate(90deg);
	-o-transform-origin: 100% 0%;
	transform: rotate(90deg);
	transform-origin: 100% 0%;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 3;
	font-weight: normal;
	font-size: 0.9em;
	text-transform: uppercase;
	margin-right: 2em;
	display: none;
}

.collection-image-detail-item {
	padding-left: 5%;
	float: left;
	cursor: pointer;
	width: 85%;
	text-align: center;
	position: relative;
/*
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
*/
	background: rgb(252,248,245);
	opacity: 1;
	z-index: 101;
}

.item-text p, .collection-item-content-mobile p {
	font-weight: normal;
	font-family: 'Domaine', serif;	
	font-size: 0.9em;
}

.item-text b, .collection-item-content-mobile b, .detail-images > div b {
/* 	font-weight: 700; */
	font-family: 'Montserrat', sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
}

#impressum {
	font-weight: normal;
	font-family: 'Montserrat', sans-serif;
	font-size: 0.9em;
/* 	text-transform: uppercase;	 */
}

.left_content {
	padding: 2em 2em 1em 1.8em;
}

#right {
	position: relative;
	top: 0;
	left: 0;
	background: rgb(252,248,245);
	width: 50%;
	height: 100%;
	float: left;
	overflow-y: hidden;
	/* -ms-overflow-style: none; */
	/* 	-moz-scrollbars-none; */
}

.detail-images > .news-item-text-wr {
	margin-bottom: 3.5em;
}

/*
#intro {
	float: left;
	position: relative;
	font-family: "Domaine", serif;
	font-size: 2.3em;
	padding: 2.5em 1em 1em 0.8em;
}
*/

/*
#intro-left p {
	margin-bottom: 1em;
}
*/

address {
	font-style: normal;
	padding-bottom: 2em;
	border-bottom: 1px solid black;
	padding-bottom: 3em;
}

/*
#agency {
	font-style: normal;
	padding-bottom: 2em;
	border-bottom: 1px solid black;
	padding-bottom: 3em;
}
*/

#agency, #stores-mobile, #agency-mobile {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 1em;
	border-bottom: 1px solid black;
/* 	padding-top: 1em; */
}

#messe, #messe-mobile {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 2.3em;
	border-bottom: 1px solid black;
/* 	padding-top: 1em; */
}

#impressum, #impressum-mobile {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 3em;
	border-bottom: 1px solid black;
	padding-top: 3em;
}

#impressum, #impressum-mobile {
	border-bottom: 0 !important;
}

#stores p, /* #messe p, */ #impressum p, #stores-mobile p, /* #messe-mobile p, */ #impressum-mobile p {
	font-weight: normal;
	font-family: 'Domaine', serif;	
	font-size: 0.9em;
}

#messe h4 {
	font-family: 'Domaine', serif;
	font-size: 1.8em;
	line-height: 1.41;
}

.contact-detail-title {
/*
	float: left;
	position: relative;
	margin-right: 1.4em;
	min-height: 9em;
*/
float: left;
position: relative;
margin-right: 3em;
min-height: 10em;
width: 10em;
/* background: green; */
overflow-x: hidden;
}

#messe .contact-detail-title, #agency .contact-detail-title {
	width: auto;	
/* 	background: green; */
}

.contact-detail-title:last-child {
	margin-right: 0 !important;
}

#stores h3, #messe h3, #agency h3, #stores-mobile h3, #messe-mobile h3, #agency-mobile h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: normal;
/* 	margin-bottom: 1em; */
	text-align: center;
	margin-bottom: 3.8em;
	margin-top: 3.8em;
}

#stores h4, /* #messe h4, */ #stores-mobile h4/* , #messe-mobile h4 */ {
	font-family: 'Montserrat', sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: normal;
}

#contact {
	border-bottom: 0 !important;
	padding-bottom: 4.5em;
}

.ext_link {
	border-bottom: 1px solid transparent;
	padding-bottom: 0.2em;
	-webkit-transition: all 0.85s ease;
	-moz-transition: all 0.85s ease;
	-ms-transition: all 0.85s ease;
	-o-transition: all 0.85s ease;
	transition: all 0.85s ease;
}

.no-touch .ext_link:hover {
	border-bottom: 1px solid black;
}

#introbild_mobile, .collection-item-content-mobile, .headline-content-mobile, #about-mobile, #madebyhand-mobile, #contact-mobile, #stores-mobile {
	display: none;
}

.stretch {
	display: none;
}

.no-touch .logo {
	float: left;
}

#navigation {
	text-align: right;
}

.no-touch .splash_img {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    z-index: -1;
}

.touch .splash_img {
	display: none;
}

/* MOBILE */

@media all and (max-width: 50em) {
	
	/* #everything {
		top: 0;
	} */
	
	#logo_gross, #collection, .madebyhand {
		display: none;
	}
	
	nav {
/* 		position: fixed; */
/*
		top: 0;
		left: 0;
*/
		padding: 1.1em 1.5em 0.15em 1.5em !important;
		position: absolute;
		left: 0;
		right: 0;
	}
	
	.sticky_mobile {
		position: fixed;
		top: -7em;
		
	}
	
	#logo {
		height: 1.15em;
		width: auto;
	}
	
	#navigation {
		text-align: justify !important;
/* 		direction: rtl; */
/* 		padding-bottom: 0.3em; */
		width: 100%;
		position: relative;
		float: left;
	}
	
	#navigation li:first-child {
		width: 100%;
		text-align: center;
		padding-bottom: 1em;
		margin-right: 0;	
	}

	.stretch {
		display: inline-block;
		width: 100%;
	}
	
	.section-title,
  .section-title-outgoing {
		margin: auto;
		display: inline;
		float: initial;
    font-size: 3.2vw;
	}
	
	#left {
		display: none;
	}
	
	#introbild_mobile {
		display: block;
		background: rgb(252,248,245);
		padding-left: 1.3em;
		padding-right: 1.3em;
		padding-top: 7em;
	}
	
	#introbild_mobile_left {
		width: 100%;
		margin: auto;
		padding-bottom: 4.5em;
		border-bottom: 1px solid black;
	}
	
	#introbild_mobile img {
		width: 100%;
		margin: auto;
	}
	
	#right {
		width: 100%;
	}
	
	.collection-image h3 {
		display: none;
	}
	
	.collection-image img {
		margin: 0;
	}
	
	#collection-right {
		padding-top: 0;
		padding-bottom: 2.5em;
	}
	
	.item-text p, .collection-item-content-mobile p {
		font-size: 0.78em;
	}
	
	.loading_needle {
		margin-left: 0.25em;
	}
	
	.loading_thread {
		margin-left: -1.35em
	}
	
	.collection-image {
		cursor: default;
	}
	
	.collection-item-content-mobile {
		display: inline-block;
		padding-top: 1em;
		padding-bottom: 1.5em;
		padding-left: 1.3em;
		padding-right: 1.3em;
	}
	
	.headline-content-mobile {
		display: block;
		text-align: left;
		text-transform: uppercase;
		font-size: 0.83em;
		padding-top: 4.5em;
		padding-bottom: 2.5em;
		padding-left: 1.63em;
	}

	.headline-content-mobile-item {
		display: block;
		text-align: left;
		text-transform: uppercase;
		font-size: 0.83em;
/* 		padding-top: 4.5em; */
/* 		padding-bottom: 2.5em; */
/* 		padding-left: 1.87em; */
	}
	
	#madebyhand-right {
		display: none;
	}
	
	#about-mobile, #madebyhand-mobile, #contact-mobile, #news-mobile, #stores-mobile, #stores-mobile {
		display: inline-block;
		float: left;
		padding-left: 1.3em;
		padding-right: 1.3em;
		padding-bottom: 3.35em;
		width: 100%;
    box-sizing: border-box;
	}
	
	#about-mobile {
		padding-bottom: 2em;
	}
  
  #stores-mobile {
    padding-left: 0;
    padding-right: 0;
  }
	
	#about-mobile p, #madebyhand-mobile p, #contact-mobile p, #stores-mobile p {
		font-family: "Domaine", serif;
		font-size: 1.3em;
		line-height: 1.41;
/*
		padding-left: 1.21em;
		padding-right: 1.21em;
*/
	}
	
	#about-mobile .headline-content-mobile, #madebyhand-mobile .headline-content-mobile, #contact-mobile .headline-content-mobile, #stores-mobile .headline-content-mobile, #news-mobile .headline-content-mobile {
		border-top:	1px solid black;
		padding-bottom: 2.3em !important;
		padding-left: 0;
		padding-right: 0;
	}
	
	#contact-mobile .facebook {
		font-size: 0.75em !important;
	}
	
	#stores-mobile .contact-detail-title p, #messe-mobile .contact-detail-title p {
		font-size: 0.95em !important;
	}
	
	#stores-mobile .contact-detail-title, #impressum-mobile .contact-detail-title {
		min-height: 11em;
	}
	
	#messe-mobile {
/* 		border-bottom: 0; */
/* 		padding-top: 0 !important; */
	}
	
	#messe-mobile .contact-detail-title {
		min-height: 9em;
	}
	
	#stores-mobile, #messe-mobile {
		padding-bottom: 0;
	}
	
	#impressum-mobile b {
		font-weight: normal;
		font-family: 'Montserrat', sans-serif;
		font-size: 1em;
		text-transform: uppercase;
	}
	
	#impressum-mobile p {
		font-size: 0.9em !important;
	}
	
/*
	.lightbox-img-container {
		display: block;
		position: relative;
		margin: auto;
		width: 100%;
		padding-top: 2em;
	}
*/
	
	.lightbox-img-container-wr {
		width: 100%;
		padding: 0 !important;
	}
	
	.news-item-lightbox, .detail-item-lightbox {
		padding-left: 1.7em;
		padding-right: 1.7em;
		left: 0;
		right: 0;
		top: 2em;
		width: auto;
	}
	
	.news-item-text-wr p {
		width: auto;
	}
	
	.lightbox-img-container {
		padding-top: 0;
	}
	
	.lightbox-close {
		right: 1.5em;
		top: 3.5em;
		height: 1.3em;
		background: black;
		padding: 0.7em;
		border-radius: 1.3em;
	}
	
	#news-mobile {
		border: 0 !important;
	}
	
}