html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-y: scroll;
	height: 100%;
}
body {
	margin: 0;
	/*font-family: 'Lato', Helvetica, Arial, sans-serif;*/
	font-family: 'Montserrat', 'Lato', 'Helvetica Neue', Helvetica, Arial,sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #333;
	height: 100%;
}

.clear {
	clear: both;
}

svg {
  max-height:100%;
}

strong {
	font-weight: 600;
}

a {
	color: #D30000;
	text-decoration: none;
	outline: none;
}

a img {
    border: 0;
}

a:hover {
	color: #AD0000;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -128px;
}

.footer, .push {
	height: 128px;
}

/****/

.container {
	width: 1130px;
	margin-left: auto;
	margin-right: auto;
}

.headerContainer {
	width: 1130px;
	margin-left: auto;
	margin-right: auto;
	height: 120px;
	overflow: hidden;
}

.headerContainer.smallWidth {
	width: 985px;
}

@media all and (min-width: 600px) and (max-width: 1100px) {
	.headerContainer {
		width: 985px;
	}
}

.headerLogo  {
	float: left;
	margin-left: 65px;
	margin-top: 30px;
}

.headerLogoImg {
	width: 211px; 
	height: 54px;
}

.headerMenu {
	float: right;
	margin-top: 27px;
	margin-right: 65px;
    font-family: 'Montserrat','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 19px;
}

.headerMenuEntry {
	cursor: pointer;
	float: left;
	width: 105px;
	height: 65px;
	line-height: 60px;
	text-align: center;
	margin-left: 5px;
	text-decoration: none;
	color: #333;
}

.headerMenuEntry.selected {
	border-bottom: 2px solid #c10f00;
}

.headerMenuEntry:hover {
	color: #333;
	border-bottom: 2px solid #404040;
}

.heroContainer {
	overflow: hidden;
	background-color: #637956;
	min-height: 115px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.heroContainer.home {
	background-color: inherit;
	height: 510px;
}

.heroContainer.games {
	background-color: #565D79;
}

.heroContainer.partners {
	background-color: #795656;
}

.heroContainer.careers {
	background-color: #567979;
}

.heroContainer.contact {
	background-color: #56795A;
}

.heroContainer.privacy {
	background-color: #6E5679;
}

.heroContainer.imprint {
	background-color: #787956;
}

.heroContainer.home.smallWidth {
	height: 485px;
}

@media all and (min-width: 600px) and (max-width: 1100px) {
	.heroContainer.home {
		height: 485px;
	}
}

.heroContent {
	position: relative;
	width: 1037px;
	margin: 25px auto;
}

.heroContent.smallWidth {
	width: 985px;
}

@media all and (min-width: 600px) and (max-width: 1100px) {
	.heroContent {
		width: 985px;
	}

	.heroContent.home {
		width: 100%;
	}
}

.heroContent.home, 
.heroContent.home.smallWidth {
	width: 100%;
}

.heroTitle {
	font-family: 'Montserrat', 'Roboto', 'Helvetica Neue', Helvetica, Arial,sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #FFF;
	font-size: 40px;
	line-height: 1.2;
}

.heroTitle.long {
	font-size: 32px;
}

.heroTitle.smallWidth {
	margin-left: 62px;
}

@media all and (min-width: 800px) and (max-width: 1100px) {
	.heroTitle {
		margin-left: 62px;
	}
}

.heroBannerTextBackground {
	background-color: #301220;
	width: 680px;
	height: 95px;
	position: absolute;
	bottom: 75px;
}

.heroBannerTextContainer {
	width: 680px;
	height: 95px;
	position: absolute;
	bottom: 75px;
}

.heroBannerTextMain {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 32px;
	color: white;
	line-height: 32px;
	margin-left: 40px;
	margin-top: 15px;
}

.heroBannerTextSub {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	color: white;
	line-height: 15px;
	margin-left: 40px;
	margin-top: 14px;
}

.heroBanner {
	position: relative;
    background-repeat: no-repeat;
    background-position: center 0;
	height: 510px;
	width: 100%;
	background-size: cover;
	background-image: url(../img/herobg2_mixed.jpg);
}

.heroBannerContent {
	position: relative;
	max-width: 1349px;
	height: 510px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.heroLogoTentlan {
    position: absolute;
    top: 31px;
    right: 25px;
	background-image: url(../img/herologo2_tentlan.png);
	background-size: 424px 66px;
	width: 424px;
	height: 66px;
}

.heroLogoAnocris {
	position: absolute;
    top: 10px;
	right: 665px;
	background-image: url(../img/herologo2_anocris.png);
	background-size: 349px 106px;
	width: 349px;
	height: 106px;
}

.heroCharTentlan {
    position: absolute;
	bottom: 0px;
    left: 604px;
	background-image: url(../img/herochar2_tentlan.png);
	background-size: 375px 450px;
	width: 375px;
	height: 450px;
}

.heroCharAnocris {
    position: absolute;
	bottom: 0px;
    left: 25px;
	background-image: url(../img/herochar2_anocris.png);
	background-size: 205px 442px;
	width: 205px;
	height: 442px;
}

.heroButtonsAnocris {
    position: absolute;
    bottom: 30px;
    left: 29px;
}

.heroButtonsTentlan {
    position: absolute;
    bottom: 30px;
    right: 29px;
}

.heroButton.primary {
    background-color: rgb(171, 13, 0);
    border-bottom: 4px solid #ff1b08;
}

.heroButton {
	font-family: 'Lato', Helvetica, Arial, sans-serif;
    color: white;
    background-color: rgba(0, 0, 0, 0.68);
    font-size: 25px;
    padding: 15px 20px;
    height: 21px;
    border-bottom: 4px solid #c10f00;
    margin-right: 5px;
    min-width: 70px;
    text-align: center;
    display: inline-block;
}

.heroButton:hover, .heroButton:active {
	color: white;
	background-color: rgba(0, 0, 0, 0.80);
	border-bottom: 4px solid #0432dc;
}

.heroButton.primary:hover, .heroButton.primary:active {
	color: white;
    background-color: rgb(125, 9, 0);
    border-bottom: 4px solid #bf0f00;
}


.bodyContainer {
	width: 1349px;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	line-height: 25px;
}

.bodyContainer.careers {
	/*font-family: Arial, Helvetica, sans-serif;*/
}

.bodyStatementContainer {
	margin-top: 50px;
	margin-bottom: 50px;
}

.bodyStatementBox {
	position: relative;
	float: left;
	width: 173px;
	height: 183px;
	background: rgb(236,20,0);
	background: -moz-linear-gradient(144deg, rgba(236,20,0,1) 0%, rgba(113,10,0,1) 100%);
	background: -webkit-linear-gradient(144deg, rgba(236,20,0,1) 0%, rgba(113,10,0,1) 100%);
	background: linear-gradient(144deg, rgba(236,20,0,1) 0%, rgba(113,10,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ec1400",endColorstr="#710a00",GradientType=1);
}

.bodyStatementTitle {
	position: relative;
	float: left;
	font-family: 'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: bold;
	font-size: 66px;
	color: #404040;
	width: 385px;
	margin-left: 40px;
    line-height: 83px;
	margin-top: 35px;
	margin-bottom: 50px;
}

.bodyStatementTitlePrimary {
	color: rgb(193, 16, 0);
}

.bodyStatementText {
	position: relative;
	float: left;
	font-family: 'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif;
	width: 700px;
	font-size: 25px;
	line-height: 36px;
	margin-left: 15px;
	margin-bottom: 50px;
}

.bodyStatementText > .bold,
.bodyStatementText > a {
	color: #D30000;
	font-weight: bold;
	font-weight: 600;
}

.bodyStatementText > a {
	text-decoration: underline;
}

.bodyContainer.smallWidth {
	width: 985px;
}

@media all and (min-width: 600px) and (max-width: 1100px) {
	.bodyContainer {
		width: 985px;
	}
}

.bodyContent {
	position: relative;
	width: 1037px;
	margin: 0 auto;
	margin-top: 30px;
	min-height: 185px;
	margin-bottom: 50px;
	font-size: 17px;
}



.bodyContent.smallWidth {
	width: 860px;
}

@media all and (min-width: 600px) and (max-width: 1100px) {
	.bodyContent {
		width: 860px;
	}
}

.bodyContentTitle {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 20px;
}


.bodyHeadlineContainer {
	text-align: center;
	margin-top: 50px;
	/*background-color: cyan;*/
	margin-bottom: 50px;
	margin-bottom: 65px;
}

.bodyHeadlineMain {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 32px;
	line-height: 32px;
	margin-bottom: 20px;
}

.bodyHeadlineSub {
	max-width: 600px;
	margin: 0 auto;
	line-height: 25px;
}

.bodyParagraphsContainer {
	height: 185px;
	/*background-color: cyan;*/
	margin-left: 65px;
	margin-bottom: 50px;
}

.bodyParagraphsContainer.smallWidth {
	margin-left: 25px;
}

@media all and (min-width: 600px) and (max-width: 1100px) {
	.bodyParagraphsContainer {
		margin-left: 25px;
	}
}

.bodyParagraph {
	float: left;
	width: 300px;
	height: 185px;
	/*background-color: #FFFA7B;*/
	margin-right: 50px;
}

.bodyParagraph.smallWidth {
	margin-right: 20px;
}

@media all and (min-width: 600px) and (max-width: 1100px) {
	.bodyParagraph {
		margin-right: 20px;
	}
}

.bodyParagraphTitle {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 15px;
}

.bodyParagraphContent {
	font-size: 13px;
	line-height: 25px;
}

.footerContainer {
	background-color: #404040;
	overflow: hidden;
	height: 128px;
}

.footerAbsoluteBottom {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.footerContent {
	width: 1130px;
	height: 128px;
	margin-left: auto;
	margin-right: auto;
	/*background-color: #379292;*/
	overflow: auto;
	color: white;
}

.footerContent.smallWidth {
	width: 985px;
}

@media all and (min-width: 600px) and (max-width: 1100px) {
	.footerContent {
		width: 985px;
	}
}

.footerLeft {
	float: left;
	margin-top: 25px;
	margin-left: 40px;
}

.footerLeft > div {
	float: left;
}

.footerRight {
	float: right;
	margin-top: 25px;
	margin-right: 40px;
	width: 245px;
}

.footerRight > div {
	float: right;
	margin-bottom: 15px;
}

.footerLeftMain {
	margin-left: 40px;
	margin-top: 10px;
}

.footerLeftLink {
	float: left;
	margin-right: 25px;
	text-decoration: none;
	color: white;
}

.footerLeftLink:hover {
	color: white;
}

.footerLeftCopyright {
	margin-top: 15px;
}

.footerRightLink {
	float: left;
	margin-left: 25px;
	text-decoration: none;
	color: white;
}

.footerRightLink:hover {
	color: white;
}

.gameBlocks {
    margin-top: 50px;
    margin-bottom: 10px;
}

.gameBlock {
	/* height: 310px; */
	font-family: 'Montserrat','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.gameBlockArt {
	float: left;
	height: 100%;
	line-height: 0px;
	margin-right: 32px;
}

.gameArtworkImg {
	width: 395px;
	height: 135px;
	margin-top: 2px;
	margin-bottom: 15px;
}

.gameBlockDesc {
	float: left;
	width: 530px;
	height: 100%;
	/*background: cyan;*/
	margin-bottom: 54px;
	/* margin-top: 10px; */
}

.gameLogoImg {
	margin-bottom: 15px;
}

.gameLogoImg.Tentlan {
	width: 298px;
	height: 48px;
}

.gameBlockTitle {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 39px;
    margin-bottom: 17px;
}

.gameLogoBanner {
	margin-bottom: 15px;
	background-size: 470px 305px;
	width: 470px;
	height: 305px;
}

.gameLogoBanner.tentlan {
	background-image: url(../img/tentlanbanner3.png);
}

.gameLogoBanner.anocris {
	background-image: url(../img/anocrisbanner3.png);
}

.gameBlockDescDetails {
	font-size: 17px;
	line-height: 28px;
	margin-bottom: 15px;
}

.gameBlockDescText {
	font-size: 17px;
	line-height: 28px;
	margin-bottom: 15px;
}

.gameBlockDescLink {
	float: left;
	font-size: 19px;
	color: #818181;
	margin-right: 40px;
}

h2, h3, h4 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-style: normal;
	font-weight: 300;
	margin-bottom: 20px;
}

p {
	margin-bottom: 20px;
}

.contactSupportHeadline {
	font-size: 20px;
}

.contactSupportButton {
	margin-bottom:20px;
}

.headerMenuButton {
	float: right;
	display: none;
}

.headerMenuButton > div {
	display: block;
	width: 22px;
	height: 2px;
	margin-bottom: 5px;
	position: relative;
	background: #c10f00;
	border-radius: 3px;
}

.headerMenuButton:hover > div {
	background: black;
}

.footerLogoImg {
	width: 74px;
    height: 74px;
}

.footerRightCopyright {
	display: none;
}

@media all and (min-width: 801px) and (max-width: 1100px) {
	.heroButton.presskit {
		display: none;
	}
	
	.heroLogoAnocris {
		right: 465px;
	}

	.bodyStatementText {
		float: none;
		clear: both;
		margin: 0 auto;
		width: 800px;
	}

	.bodyStatementBox {
		margin-left: 145px;
	}

	.heroButtonsAnocris {
		bottom: 43px;
		left: 14px;
	}

	.heroButtonsTentlan {
		bottom: 43px;
		right: 16px;
	}

	.heroBannerContent .heroButton {
		font-size: 23px;
		padding: 15px 17px;
		height: 18px;
	}

	.gameLogoBanner {
		margin-bottom: 15px;
		width: 316px; height: 132px; background-size: 316px 132px;
	}
	
	.gameLogoBanner.tentlan {
		background-image: url(../img/tentlanbanner_small2.png);
	}
	
	.gameLogoBanner.anocris {
		background-image: url(../img/anocrisbanner_small2.png);
	}

	.gameBlockDesc {
		width: 422px;
	}

	.gameBlockTitle {
		font-size: 28px;
	}

	.gameBlockDescDetails {
		font-size: 14px;
		line-height: 23px;
		margin-bottom: 15px;
	}

	.gameBlockDescText {
		font-size: 15px;
	}

	.gameBlockDescLink {
		font-size: 15px;
		margin-right: 11px;
	}
}

/* Mobile queries */
@media all and (max-width: 800px) {
	.wrapper {
		margin: 0 auto -100px;
	}

	.headerContainer {
		width: 100%;
		height: 55px;
	}

	.headerMenu {
		display: none;
		float: none;
		clear: both;
		position: fixed;
		top: 50px;
		right: 0px;
		margin: 0;
		z-index: 10;
	}

	.headerMenuEntry {
		display: block;
		float: none;
		clear: both;
		width: 200px;
		background-color: white;
	}

	.headerMenuEntry.selected, .headerMenuEntry:hover {
		border-bottom: none;
	}
	
	.headerLogoImg {
		width: 105px;
	}

	.headerLogo {
		margin-left: 18px;
		margin-top: 1px;
	}

	.headerMenuButton {
		display: block;
		margin-right: 28px;
		margin-top: 21px;
	}

	.heroContainer.home {
		height: 720px;
	}

	.heroBanner {
		height: 720px;
		background-image: url(../img/mobile2/herobg_mixedtall.jpg);
	}

	.heroBannerContent {
		position: relative;
		/*min-width: 411px;*/
		height: 720px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}

	.heroLogoTentlan {
		position: absolute;
		top: 365px;
		right: 15px;
		background-image: url(../img/mobile2/herologo_tentlan3.png);
		width: 190px; height: 90px; background-size: 190px 90px;
	}
	
	.heroLogoAnocris {
		position: absolute;
		top: 9px;
		right: 7px;
		left: auto;
		background-image: url(../img/mobile2/herologo_anocris2.png);
		width: 230px; height: 70px; background-size: 230px 70px;
	}
	
	.heroCharTentlan {
		position: absolute;
		top: auto;
		left: -20px;
		bottom: 0px;
		right: auto;
		background-image: url(../img/mobile2/herochar_tentlan2.png);
		width: 340px; height: 340px; background-size: 340px 340px;
	}
	
	.heroCharAnocris {
		position: absolute;
		bottom: auto;
		top: 20px;
		left: -20px;
		background-image: url(../img/mobile2/herochar_anocris2.png);
		width: 180px; height: 340px; background-size: 180px 340px;
	}

	.heroButton {
		display: block;
		margin-bottom: 10px;
		font-size: 21px;
		padding: 14px 19px;
		height: 16px;
		min-width: 70px;
		line-height: 17px;
	}
	
	.heroButton.presskit {
		display: none;
	}

	.heroButtonsAnocris {
		position: absolute;
		bottom: auto;
		left: auto;
		right: 15px;
		top: 170px;
	}

	.heroButtonsTentlan {
		position: absolute;
		bottom: 10px;
		right: 15px;
		left: auto;
		top: auto;
	}

	.bodyContainer {
		width: 100%
	}

	.bodyStatementContainer {
		margin-top: 24px;
	}

	.bodyStatementBox {
		width: 94px;
		height: 115px;
	}

	.bodyStatementTitle {
		font-size: 44px;
		width: 219px;
		margin-left: 21px;
		line-height: 60px;
		margin-top: 11px;
		margin-bottom: 30px;
	}

	.bodyStatementText {
		float: none;    
		clear: both;
		margin-left: auto;
		margin-right: auto;
		width: 85%;
		font-size: 20px;
		line-height: 32px;
	}

	.footer, .push {
		height: 100px;
	}

	.footerContainer {
		height: 100px;
	}

	.footerContent {
		height: 100px;
		width: 85%;
	}

	.footerLogoImg {
		width: 56px;
		height: 56px;
	}

	.footerLeft {
		float: left;
		margin-top: 18px;
		margin-left: 0px;
	}

	.footerLeftMenu {
		display: none;
	}

	.footerLeftMain {
		display: none;
	}

	.footerRightCopyright {
		display: block;
	}

	.footerRight {
		margin-right: 0px;
	}

	.footerRightLink {
		margin-left: 10px;
	}

	.footerRight > div {
		margin-bottom: 8px;
	}

	.bodyContent {
		width: 85%;
	}
	
	.heroContainer {
		height: auto;
		min-height: 70px;
	}

	.heroContent {
		width: 85%;
		margin: 0 auto;
	}

	.heroTitle {
		font-size: 29px;
		line-height: 32px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.heroTitle.long {
		font-size: 25px;
	}

	.gameBlocks {
		margin-top: 0px;
	}
	
	.gameBlockArt {
		margin-right: 0px;
	}
	
	.gameLogoBanner {
		margin-bottom: 15px;
		width: 316px; height: 132px; background-size: 316px 132px;
	}
	
	.gameLogoBanner.tentlan {
		background-image: url(../img/tentlanbanner_small2.png);
	}
	
	.gameLogoBanner.anocris {
		background-image: url(../img/anocrisbanner_small2.png);
	}

	.gameBlockDesc {
		width: inherit;
	}

	.gameBlockTitle {
		font-size: 28px;
	}

	.gameBlockDescDetails {
		font-size: 14px;
		line-height: 23px;
		margin-bottom: 15px;
	}

	.gameBlockDescText {
		font-size: 15px;
	}

	.gameBlockDescLink {
		font-size: 15px;
		margin-right: 11px;
	}

	.heroButton.contactSupportButton {
		margin-bottom: 35px;
	}
}