* {
	margin:0px;
	outline:0px;
	padding:0px;
}

html, body {
	width:100%;
	min-width:320px;
	height:100%;
	background-color:#0e1b3b;/*#2e4844;*/
	font-family: 'Roboto Condensed', 'sans-serif';
	font-size:16px;
	font-weight:400;
	line-height:20px;
	color:#1b3040;
	background-image:url(../img/bg-body.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

#container {
	position:relative;
	width:100%;
	height:100%;
	min-width:320px;
	max-width:1000px;
	margin:0px auto;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
}

#head {
	position:relative;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
	text-align:center;
}

#logo {
	position:relative;
	width:50%;
	max-height:300px;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
}

.navibg {
	position:relative;
	width:100%;
	height:60px;
	background-color:#1b3040;
	z-index:9998;
}

.navitrigger {
	display:none;	
	width:60px;
	height:60px;
	background-image:url(../img/navitrigger.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#12212c;	
	cursor:pointer;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	z-index:9999;
}

.navitrigger:hover {
	background-color:#12212c;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	z-index:9999;
}

.naviright {
	direction: rtl;   
	float:right;
	margin-top:0px;
	text-align:left;
	list-style:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
	z-index:9999;
}

.navi {
	display:block;	
	margin-top:0px;
	text-align:left;
	list-style-position: inside;
	list-style:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
	z-index:9999;
}

.navi .right {
	direction: rtl;   
	float:right;
	z-index:9999;
}

.navibutton {
	background-color:#1b3040;
	padding:0px 25px;
	color:#ffffff;
	font-family: 'Roboto Condensed', 'sans-serif';
	font-size:18px;
	line-height:60px;
	display:inline-block;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	z-index:9999;
}

.navibutton:hover {
	background-color:#12212c;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	z-index:9999;
}

.navibutton-aktiv {
	background-color:#f5a125 !important;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	z-index:9999;
}

.navibutton a,
.navibutton a:hover {
	color:#ffffff;
}

.subnavi {
	position:absolute;
	margin-left:-25px;
	list-style-position: inside;
	list-style:none;
	background-color:#ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
	z-index:9999;
}

.navibutton .right {
	margin-left:0px;
	margin-right:-25px;
	z-index:9999;
}

.subnavibutton {
	background-color:#ffffff;
	border-top:1px solid #dce7ec;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
}

.subnavibutton:last-child {
	border-bottom:none;
}

.subnavibutton:hover {
	background-color:#dce7ec;
}

.subnavibutton a {
	color:#f5a125;
	padding:18px 25px;
}

.subnavibutton:hover a {
	color:#462328;
}

.headerimg {
	width:100%;
	height:auto;
	margin-top:-10px;
	margin-bottom:-4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
	z-index:6666;
}

.headlinebg {
	margin-top:-30px;
	z-index:9999;
	text-align:left;	
	background-color:#462328;
}

.headline {
	z-index:9999;	
	font-size:24px;
	font-weight:300;
	line-height:36px;
	color:#fff;
	padding-left:30px;
	padding-bottom:4px;
}

.content {
	position:relative;
	width:100%;
	background-color:#fff;
	padding:25px 50px 45px 160px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
	border-bottom:1px solid #dce7ec;
	z-index:6666;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.content .date {
	float:left;
	margin-left:-160px;
	margin-right:20px;
	font-size:22px;
	font-weight:300;
	width:140px;
	height:40px;
	line-height:40px;
	text-align:right;
	padding-right:10px;
	color:#fff;
	background-color:#1b3040;
	background-image:url(../img/color-orange.png);
	background-repeat:repeat-y;
	background-position:right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

h2 {
	font-size:36px;
	font-weight:300;
	line-height:40px;
	color:#1b3040;
	margin-bottom:20px;
}

h3 {
	font-size:26px;
	line-height:26px;
	font-weight:300;
	color:#446666;
	margin-bottom:20px;
}

h4 {
	color:#7a3e45;
	font-size:18px;
	font-weight:400;
	margin:20px 0px 10px 0px;
}

a {
	font-family: 'Roboto Condensed', 'sans-serif';
	font-weight:400;
	color:#f5a125;
	text-decoration:none;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

a:hover {
	color:#7a3e45;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.content p {
	margin:10px 0px;
}

.content ul, .content ol {
	margin-bottom:10px;
	margin-left:15px;
}

.content ol li {
	margin-left:10px;
}

.content hr {
	border:1px dotted #dce7ec;
}

.content img {
	width:100%;
	height:auto;
	margin:10px 0px;
}

.content .portrait {
	width:auto;
	max-width:277px;
	float:right;
	margin-top:0px;
	margin-left:20px;
	margin-bottom:20px;
	border:1px solid #f5a125;
}

.content blockquote {
	color:#3a454b;
	background-color:#dce7ec;
	padding:10px 15px;
}

.content .video-container {
    position: relative;
    padding-bottom: 56.23%;
    height: 0; 
	overflow: hidden;
	margin:20px 0px;
}

.content .imgthumb {
	float:left;
	width:30%;
	margin-right:3%;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	cursor:pointer;
}

.content .imgmax {
	float:left;
	width:100% !important;
	margin-right:0% !important;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.content .dvd {
	float:left;
	width:35%;
	max-width:395px;
}

.content .button {
	float:left;
	min-width:35%;
	margin:10px 10px 10px 30px;
	background-color:#f5a125;
	text-transform:uppercase;
	color:#fff;
	font-weight:600;
	background-image:url(../img/button.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.content .button:hover {
	background-color:#462328;
}

.content .buttonlink {
	position:relative;
	margin:10px 10px 10px 0px;
	padding:10px 20px 10px 40px;
	background-color:#f5a125;
	color:#fff;
	line-height:60px;
	font-weight:600;
	background-image:url(../img/button.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.content .buttonlink:hover {
	background-color:#462328;
}

#to1-steam,
#to1-amazon,
#to1-simuwelt,
#to2-steam,
#to2-amazon,
#to2-simuwelt,
#to2-humblestore {
	background-image:none;
	text-align:center;
}

#to1-steam img,
#to1-amazon img,
#to1-simuwelt img,
#to2-steam img,
#to2-amazon img,
#to2-simuwelt img,
#to2-humblestore img {
	width:auto;
	height:50px;
}

.content .video-container iframe,
.content .video-container object,
.content .video-container embed {
    position: absolute;
    top: -1;
    left: 0;
    width: 100%;
    height: 100%;
}

.tooltip {
	box-sizing:border-box;
	max-width:300px;
	padding:10px;
	display:inline-block;
}

.tooltip h5{
	line-height:24px;
	font-size:24px;
	font-weight:600;
	color:#f5a125;
	margin-bottom:5px;
}

.tooltip p{
	margin-bottom:20px;
}

.tooltip p:last-child{
	margin-bottom:0px;
}

#footer {
	position:relative;
	background-color:#12212c;
	padding:20px;
}

.footerimg {
	width:128px;
	cursor:pointer;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.footerimg:hover {
	width:128px;
	-moz-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.footertext {
	color:#fff;
	float:right;
}

.footerlink {
	color:#fff;
	text-decoration:none;
}

.footerlink:hover {
	color:#f5a125;
}

.copyright {
	padding:5px 20px;
	width:100%;
	font-size:14px;
	line-height:20px;
	color:#fff;
	text-align:center;
	background-color:#1b3040;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
	margin-bottom:100px;
}

.copyright a {
	color:#fff;
	text-decoration:none;
}

.copyright a:hover {
	color:#f5a125;
}

.topbt {
	position:absolute;
	width:150px;
	height:75px;
	left:50%;
	margin-left:-75px;
	background-image:url(../img/bt-top.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	cursor:pointer;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	transition: all 100ms linear;
}

.topbt:hover {
	margin-bottom:5px;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	transition: all 100ms linear;
}

@media screen and (max-width: 860px) {
	.navibutton {
		padding:0px 15px;
	}
		
	.subnavibutton a {
		padding:8px 15px;
	}
	
	.navibutton .right {
		margin-right:-15px;
	}
	
	.subnavi {
		margin-left:-15px;
	}
	
	.navi {
		display:block;
	}
	
	.content .portrait {
		width:auto;
		max-width:277px;
		float:none;
		margin-top:0px;
		margin-left:0px;
		margin-bottom:10px;
		border:1px solid #f5a125;
	}
	
	.content .imgthumb {
		float:left;
		width:45%;
		margin-right:5%;
	}
}

@media screen and (max-width: 715px) {
	.navitrigger {
		display:block;
	}
	
	.naviright {
		margin-top:-60px;
	}
	
	.navi {
		display:none;
		background-color:#1b3040;
	}
	
	.mob {
		border-top:1px solid #12212c;
		width:100%;
		line-height:40px;
		text-align:center;
		padding:0px;
	}	
	
	.mob .subnavi {
		position:relative;
		width:100%;
		margin-left:0px;
	}
	
	.mob .subnavi .subnavibutton {
		border-top:1px solid #1b3040;
		width:100%;
		line-height:40px;
		text-align:center;
	}
	
	.subnavibutton {	
		line-height:40px;	
	}
	
	.content {
		padding:25px 25px 45px 25px;
		-webkit-transition: all 300ms linear;
		-moz-transition: all 300ms linear;
		-ms-transition: all 300ms linear;
		-o-transition: all 300ms linear;
		transition: all 300ms linear;
	}
	
	.content .date {
		margin-left:-25px;
		-webkit-transition: all 300ms linear;
		-moz-transition: all 300ms linear;
		-ms-transition: all 300ms linear;
		-o-transition: all 300ms linear;
		transition: all 300ms linear;
	}
}

@media screen and (max-width: 600px) {	

	.content .dvd {
		float:left;
		width:50%;
		margin-left:25%;
		margin-right:25%;
		max-width:395px;
	}
	
	.content .button {
		margin-left:0px;
		width:100%;
	}
	
}

@media screen and (max-width: 560px) {	

	.content .imgthumb {
		float:left;
		width:100%;
		margin-right:0%;
	}	
}