* {
	box-sizing:	border-box;
}

html {
	height:		100%;
	overflow:	hidden;
}

body {
	height:		100%;
	margin:		0;
	padding:	0;
	width:		100%;
	max-width:	100%;
	display:	table;
	table-layout: fixed;
	
	background:	#000;
	color:		#fff;
	font-family:	"Lato",Calibri,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:	14px;
	letter-spacing: 1px;
}

.align {
	display:	table-cell;
	width:		100%;
	max-width:	inherit;
	vertical-align: middle;
}

header, nav {
	margin:	0;
}

header {
	padding:		2%;
	padding-left:	15%;

	text-align:	left;
}

header h1
{
	vertical-align:	middle;
	height:	80px;
}

nav {
	margin-left:	50%;
	margin-bottom:	3em;
	padding:		1em 64px;

	text-align:		left;
	text-transform:	uppercase;
}

header h1, nav ul {
	/* height:	100%; */
}

nav ul,
.nav ul {
	margin:		0;
	padding:	0;
	vertical-align:	top;

	list-style:	none;
}

nav ul li,
.nav ul li {
	display:	inline-block;
	padding:	1em 1.5em 1em 0;
}

nav ul li a:link,
nav ul li a:visited,
.nav ul li a:link,
.nav ul li a:visited {
	color:	#fff;
	text-decoration:	none;
}

nav ul li a:active,
nav ul li a:hover,
.nav ul li a:active,
.nav ul li a:hover {
	color:	#0b9;
}

#content {
	margin:		0;
	padding:	0;

	white-space:	nowrap;
}

.half {
	display:	inline-block;
	position:	relative;
	width:		50%;
}

.picture {
	display:	block;
	width:		100%;
	height:		auto;
}

.text {
	position:	absolute;
	top:		0;
	
	padding:	0px 64px;
	
	line-height:	2em;
	white-space:	normal;
}

.text a:link,
.text a:visited,
.text a:active,
.text a:hover {
	color:			inherit;
	font-size:		inherit;
	text-decoration:	underline;
}

.mobile {
	display:	none;
}

.nonmobile {
	display:	initial;
}

img.language {
	width:			1.5em;
	margin-bottom:	0.2em;
	vertical-align:	middle;
}

h1 {
	margin:	0;
}

h1#logo a {
	display: inline-block;
/*	height: 80px;
	width:	176px; */
	height:	100%;
	width:	auto;
	vertical-align:	middle;

	background-position: left;
    background-repeat: no-repeat;
	background-image: url("../gfx/laxa-logo.png");
	background-size: contain;
	color:		rgba(0, 0, 0, 0);
}

h2 {
	color:		#777;

	line-height:	inherit;
	font-size:		1em;
	font-weight:	normal;
	text-transform:	uppercase;
	margin-top:		0;
	margin-bottom:	0;
}

p {
	line-height:	inherit;
	font-size:		1em;
	text-transform:	uppercase;
	margin-top:		0;
	margin-bottom:	0;
}

small {
	font-size:	0.75em;
}

.hint {
	color:		#777;
}

#contentslider {
	overflow:	visible!important;
}

/* orientation check only */
@media screen and (orientation: portrait)
{
	header {
		padding-left:	10%;
	}
	
	nav {
		margin-left:	0;
		padding:		0.75em;

		text-align:	center;
	}
	
	nav ul li {
		padding:	0.5em 0.75em;
	}

/*	
	h1 {
		top:	8px;
		left:	8px;
		height:	100%;
	}
*/

	h1#logo a  {
		height:	60%;
	}

	.text {
		padding:	0px 16px;

		letter-spacing:	0px;
	}
}

/* smartphone size */
@media screen and ( max-width: 1024px )
{
	.text {
		line-height:	2em;
		font-size:	12px;
	}
}

/* smartphone size */
@media screen and ( max-width: 768px )
{
	html {
		overflow:	auto;
		scroll-behavior:	smooth;
	}
	
	#content {
		padding-bottom: 32px;
	}
	
	.textspacer {
		display:	none;
	}

	.text {
		position:	relative;
		padding:	24px;

		line-height:	2em;
		font-size:	10px;
		width:		inherit;
	}
	
	.half {
		display:	block;
		width:		100%;
	}
	
	#contentslider {
		list-style:	none;
		padding:	0;
		margin:		0;
	}
	
	header {
		padding:	16px;
		text-align:	center;
	}
	
	header h1 {
		height:		48px;
	}
	
	h1#logo a {
		height:		100%;
		background-position:	center;
	}
	
	nav {
		position:	fixed;
		bottom:		0;
		left:		0;
		width:		100%;
		z-index:	123;
		text-align:	center;
		margin:		0;

		background-color:	black;
	}
	
	nav ul {
		text-transform:	uppercase;
		margin:	0 -1em;
	}
	
	nav ul li {
		font-size:	16px;
		margin:		0;
		padding:	0em 1em;
	}
	
	.picture {
		border-bottom:	4px solid black;
	}
	
	.justify {
		display:	none;
	}
	
	.mobile {
		display:	block;
	}
	
	.nonmobile {
		display:	none;
	}
}