/*@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=2731f058-637a-4e68-a810-779cfde9f2d8&fontids=672853"); */

@font-face{
	font-family:"BasicCommercial";
	src:url("../fonts/672853/9bf2775e-20df-428d-a8c6-d65f79bb2f7b.eot?#iefix");
	src:url("../fonts/672853/9bf2775e-20df-428d-a8c6-d65f79bb2f7b.eot?#iefix") format("eot"),url("../fonts/672853/2d96c912-e30a-46fd-92a5-bdf139cab30b.woff2") format("woff2"),url("../fonts/672853/80fccca1-ffd4-473b-a074-d231aacb770d.woff") format("woff"),url("../fonts/672853/1a7a2eda-596c-4998-ade8-fc84327b1df9.ttf") format("truetype");
}

* { margin: 0; padding: 0; }

body, h1, a {
	color:#000;
	font-family:"BasicCommercial";
	font-size:16px;
	font-weight:300;
}

body#tinymce { padding:15px; }

a {
	text-decoration:none;
}

.space{
	margin-bottom: 30px;
}


h1 { 
	height:50px;
	z-index: 10; 
	
}
	h1 a {
		display:block;
		line-height:50px;
		font-size:20px;
		text-transform:uppercase;
	}

h1.visible-xs { 

	position:fixed; 
	top:0; 
	left:15px; 
	height:50px;
	z-index: 10; 
	
}	

h1.start a { color:#fff;}
	
h2 { text-transform: uppercase; margin-bottom:1em; font-size:20px; font-weight:300; }
p { margin-bottom:1em; line-height:1.35em; }	

p.spacer { border-top:1px solid #000; padding-top:1em; display:inline-block; }

.txt { width: 450px; padding-top:150px; margin:auto; }


.hidden-xs { display: none !important; }

/*
h1.start {
	top:50%;
	left:50%;
	margin-top:-1em;
	margin-left:-125px;
	font-size:48px;
	width: 250px;
}
*/
#holder { 
	border:10px solid #fff;
	border-top:50px solid #fff;	
	position:fixed;
	top:0; 
	right:0;
	bottom:0; 
	left:0;
	overflow: auto;
}

.full, .owl-stage-outer .item, .owl-stage-outer .itemMobile {
	height:100%;
	width:100%;
}

.full, .half {
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}

.bgContain .full, .bgContain .half {
	background-size:contain;
}

.half {
	height:100%;
	width:calc(50% - 5px);
	float:left;
}
	.half:first-child { border-right:5px solid #fff; }
	.half:last-child { border-left:5px solid #fff; }


ul#nav {
	background:rgba(255,255,255,0.95);
	display:none;
	position:relative; 
	top:50px;
	left:20%;
	list-style:none;
	width:100%;
} 
	ul#nav > li {
		display:block;
		float:none;
		margin-right:0;
		margin-bottom:10px;
	}
	
	ul#nav li > a {
		display:block;
		height:40px;
		line-height:40px;
		font-size:20px;
		padding:0 20px;
		text-transform:uppercase;
	}
	
		ul#nav > li > ul {
			display:none;
			list-style:none;
			padding-top:10px;
			position:relative;
		}
		
			ul#nav > li > ul > li {
				margin-bottom:5px;
			}
				ul#nav > li > ul > li a {
					padding-left:30px;
				}


.visible-xs { display:inherit !important; }

#fs { display: none; }

div.start-img {
	display: inline-block;
	width: 60%;
	position:relative;
}
	div.start-img img {
		max-width:100%;
		max-height: 100%; 
		display: block; 
		margin: auto;
	}
	h2.start { 
		position:absolute; 
		bottom:10%;
		font-size:10vh;
		left:15%; 
		z-index: 10;
		line-height:1em;
		text-align:left;
		margin:0;
	}	

@media (orientation: portrait) { 
	h2.start { 

		font-size:8vw;

	}		
}
	
	
	
div.img {
	height:100%;
	background-position:center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align:center;
}

	div.img.start {
		background-size: contain;
	}


	
.toggle-navi {
    display: block;
    padding: 6px;
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 101;	
}

	.toggle-navi span {
		background: #000;
		display: block;
		height: 3px;
		margin-bottom: 5px;
		width: 25px;
	}


#play { 
	height:40px;
	line-height:40px;
	width:40px;
	cursor:pointer;
	position:fixed; 
	top:50%; 
	left:50%; 
	z-index: 10;
	opacity:0.5;
}		
	#play:hover { 
		opacity:1;
	}
	
#ds { 
	background:url('../img/ico-ds-contain.png') no-repeat 0 0;
	background-size:40px;
	height:40px;
	width:40px;
	cursor:pointer;
	position:fixed; 
	bottom:17px; 
	right:19px; 
	z-index: 10;
	opacity:0.5;
	display:none;
}	
	#ds:hover { 
		opacity:1;
	}

	#ds.aktiv { 	
		background-image:url('../img/ico-ds.png');
	}
	
	
.grid { margin:auto; }

.grid-item { width: 160px; margin-bottom:10px; min-height:130px; }

	.grid-item img { display:block; max-width: 100%; height: auto; margin: auto; }	
	

/* Breakpoint bilder */
@media (max-width: 500px) { 
	.txt { width: 95%; padding-top:30px; margin:auto; }
	
	
	.grid-item {
		min-height:110px;
	}
	
	.half {
		width:100%;
		float:none;
	}

	.half:first-child { border-right:none; }
	.half:last-child { border-left:none; }
}

/* Big */	
@media (min-width: 768px) { 
	.hidden-xs { display: inherit !important; }

	.full{
		background-size:cover;
	}	 
	
	.half {
		background-position:right top;
		background-size:contain;
	}	
	
	.half:last-child {
		background-position:left top;
	}
	
	/*
	#ds { display:block; }
	*/
	
	h1 a { font-size: 26px; line-height:60px; height:60px; }

	#holder { border-top:60px solid #fff; }
	
	ul#nav {
		display:block;
		top:0px;
		left:50%;
		margin-left:-425px;
		width:auto;
	}
		ul#nav > li h1 {
			margin-right:70px;
		}
		ul#nav > li {
			float:left;
			margin-right:15px;
			margin-bottom:0;
		}
		ul#nav li a {
			height:60px;
			line-height:60px;
		}	
		ul#nav li ul a {
			height:40px;
			 min-width: 60px;
			line-height:40px;
			font-size: 24px;
			text-align: center;
		}			
		
			ul#nav > li > ul {
				background:rgba(255,255,255,1);
				display:none;
				padding-top:10px;
				position:absolute;
			}
			
				ul#nav > li > ul > li a {
					padding-left:20px;
				}

	#fs { 
		background:url('../img/ico-fs.png') no-repeat 0 0;
		background-size:25px;
		height:25px;
		width:25px;
		cursor:pointer;
		position:fixed; 
		top:17px; 
		right:10px; 
		z-index: 10; 
	}
	
	#fs.aktiv {
		background-image:url('../img/ico-fs-close.png');
	}

	.toggle-navi { display:none; }
	.visible-xs { display:none !important; }
	
	.grid-item { width: 250px; min-height:130px; }
}

@media (min-width: 1024px) { 
	h1 a { font-size: 36px; line-height:60px; height:60px; }
}

.owl-stage-outer {
	background:url('../img/loader.gif') no-repeat center;
}

.owl-prev, .owl-next {
	background:transparent url('../img/arrows.png') no-repeat center left;
	background-size:80px;
	position:absolute;
	height:62px;
	top:calc(50% - 20px);
	width:40px;
	opacity:0.25;
}
.owl-prev { left:15px; }
.owl-next { right:15px; background-position:center right; }

.owl-prev:hover, .owl-next:hover {
	opacity:1;
}

.owl-prev.disabled, .owl-next.disabled,
.owl-prev.disabled:hover, .owl-next.disabled:hover {
	opacity:0.05;
	cursor:default !important;
}