/* Hindergrund Quiz Bereich*/
body {
	background-color: #333333;
}

div.table {
	display: table;
	width: 100%;
}
div.spalte { 
	display: table-cell;
	width: AUTO;
	vertical-align:top;
}
	
div.spalte.a { }
div.spalte.b { }
div.spalte.c { }	

@media only screen and (max-width : 1099px) {
	div.spalte .a { display:none; }
	div.spalte .b { display:none; }
	div.spalte .c { display:none; }
}

@media only screen and (min-width : 1100px) {
	div.spalte .a { display:block; }
	div.spalte .b { display:block; line-height: 0px; }
	div.spalte .c { display:block; }
}

.innerpadding {padding: 5px;}
#mobilebannerplatzhalter { 
	display:block;
	width: 100%;
	height: 20px;
	min-height: 20px;
	max-height: 20px;
}

#gutscheinbox {
	margin: 0 AUTO;
	display: table;
	width: 80%;
	height: 120px;
	border: 2px #bebebc;
	border-style:dashed;
	background-color:#000;
}

#gutscheinbox > p {
	display: table-cell;
    vertical-align: middle;
	padding: 5px;
	text-align:center;
	color: #bebebc;
	font-size: 150%;
	
}

p.gutscheintext {
	display: table-cell;
    vertical-align: middle;
	padding: 0px;
	text-align:center;
	color: #000000;
	font-size: 110%;
	
}


#quiz-bg-80hr1327 {}
#bannerview-r {
	float:none !important;;
	display:inline-block !important;;
	text-align:center !important;;
}

.quiz-bg-a {
	width: 100%;
	background-color: #fff;
	padding-bottom: 100px;
}

.quiz-bg-b {
	width: 100%;
	background-color: #fff;
	padding-bottom: 100px;
}

.quiz-bg-c {
	width: 100%;
	background-color: #fff;
	padding-bottom: 100px;
}

.question h5 {
	color: #333;
}

.question-count {
	background: none no-repeat, url('/html/sponsored/normalesquiz/aboutyou791/images/background-question-count.svg') no-repeat;
	color: #333333;
}
.question-count .label {
	color: #333333;
}

.question-count .current {
	color: #333333;
}

.question-count .total {
	color: #333333;
}

.answers > ul > li > a { 
	color: #000;
	background-color: #bebebc;
	background-image: none, url("/html/sponsored/normalesquiz/aboutyou791/images/arrow.svg");
}

.answers > ul > li > a:hover { 
	color: #333;
}

.answers li:first-child {
	border-top: none;
}

.answers li {
	border-bottom: none;
	color: #000;
	line-height: 3em;
	margin-bottom: 2px;
	
}

.answers li:hover {
	color: #333;
}

.answers label {
	display:block;
}



/*Ergebnisseite*/
#content div.text {
	text-align: left;
	background: #fff;
}

#content div.text h3 {
	color: #000;
	text-align: center;
}

.ergebnis-content {
	width: 100%;
	display:block;
}

.ergebnis-content .text {
	color: #000;
	width: 100%;
	display:block;
	text-align: center;
}

.ergebnis-content .text p {
	color: #000;
	text-align: center;
}

.ergebnis-content .teaser {
	color: #000;
	font-size: 17px;
	text-align: center;
}

.ergebnis-content .text a {
	color: #000;
	background-color: #cbdde9;
	text-decoration: underline;
}

.ergebnis-content .text a:hover {
	color: #000;
	background-color: #bebebc;
	text-decoration: none;
}

.ergebnis-content .l img {
	width: AUTO;
	max-width: 400px;
}

.ergebnis-content .r {
	text-align: left;
}
.ergebnis-content .r p {
	color: #000;
}

.ergebnis-content .r .button > a {
	background-color: #ff004d;
}

.ergebnis-content .r .button > a:hover {
	background-color: #00ff0c;
}

#one { width: AUTO; max-width: 100%; overflow: none; display: block; text-align:center;}

/* ------------------ Viewport ------------------ */

@media(max-width: 480px) { 
	.ergebnis-content .l img {
		width: AUTO;
		max-width: 100%;
	}
	
	.quiz-bg-a {
		width: 100%;
	}
	.quiz-bg-b {
		width: 100%;
		padding-bottom: 25px;
	}
	
	.quiz-bg-c {
		width: 100%;
	}
	
	
	#one img { 
		width: AUTO;
		max-width: 33% !important;
	}
	
	#bannerview-r {
		float:none !important;;
		display:inline-block !important;;
		width: 100% !important;;
		height: 360px;
		text-align:center;
	}
}


@media(max-width: 960px) {
	.ergebnis-content .l img {
		width: AUTO;
		max-width: 100%;
	}
	
	.quiz-bg-a {
		width: 100%;
		
	}
	.quiz-bg-b {
		width: 100%;
		
		padding-bottom: 25px;
	}
	
	.quiz-bg-c {
		width: 100%;
		
	}
	
	#one img { 
		width: AUTO;
		max-width: 33% !important;
	}
	
	#bannerview-r {
		float:none !important;;
		display:inline-block !important;;
		width: 100% !important;;
		height: 360px;
		text-align:center;
	}
	
	#bannerview-r img {  width: AUTO; max-width: 100%; overflow: none; display: block; text-align:center; }
}

@media only screen and (max-width : 1099px) {
	#bannerview-r {
		float:none !important;;
		display:inline-block !important;;
		width: 100% !important;;
		height: 360px;
		text-align:center;
	}
	
	#bannerview-r img {  width: AUTO; max-width: 100%; overflow: none; display: block; text-align:center; }
}

@media only screen and (min-device-width : 768px)  and (max-device-width : 1024px)  {
	.ergebnis-content .l img {
		width: AUTO;
		max-width: 100%;
	}

	.quiz-bg-a {
		width: 100%;
	}
	.quiz-bg-b {
		width: 100%;
		padding-bottom: 25px;
	}
	
	.quiz-bg-c {
		width: 100%;
	}
	
	
	#one img { 
		width: AUTO;
		max-width: 33% !important;
	}
	
	#bannerview-r {
		float:none !important;;
		display:inline-block !important;;
		width: 100% !important;;
		height: 360px;
		text-align:center;
	}
}

img {
  width: 100%;
  height: auto;
}