html, body {
	height: 100%;
}

#fullsize, .row, .col {
	min-height: 100%;
	height: 100%;	
}

.title {
	background: url('img/logo_dunkel.png') no-repeat top center;
	background-size: contain;
	width: 30%;
	height: 30%;
	margin: 50px auto 0;
}

#wertchips, #kws, #geilpreis {
	position: relative;
	overflow: hidden;
}

#wertchips {
	background-color: #ADEFDA;	
}

#kws {
	background-color: #5FD6B0;
}

#geilpreis {
	background-color: #73BF82;
}

.chip-1, .chip-2, .chip-3 {
	display: block;
	position: absolute;
}

.chip-1 {
	width: 178px;
	height: 178px;
	background-image: url('img/chip_1.png');
}

.chip-2 {
	width: 139px;
	height: 139px;
	background-image: url('img/chip_2.png');
}

.chip-3 {
	width: 224px;
	height: 224px;
	background-image: url('img/chip_3.png');
}


#schwein, #ente {
	position: absolute;
	height: auto;
}

#schwein {
	width: 40%;
	bottom: 25%;
	left: 5%;	
}

#ente {
	width: 60%;
	bottom: 5%;	
	right: 5%;	
}

#arm, #handschuh {
	position: absolute;
	left: 23%;
	max-width: 75%;
	max-height: 50%;
	width: auto;
	height: auto;
	position: absolute;
}

#arm {
	bottom: -100%;	
}

#handschuh {
	bottom: 150%
}

.overlay {
	display: block;
	position: absolute;
	z-index: 500;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.col h2, .col p {
	color: #4c4c4c;	
}

.col h2 {
	margin: 45% 0 25px;
}

.col p {
	width: 80%;
	margin: 0 auto 25px;
}

@media (min-width:1600px) {
	.col p {
		width: 60% !important;	
	}
}

.col .visible-xs {
	margin: 5% auto -40%;	
}


#info {
	position: absolute;
	top: 15px;
	right: 15px;	
	z-index: 500;
	background-color: transparent;
	border-color: #fff;
}

#info span {
	color: #fff;	
}