#nageltyp-test {width:685px;min-width:320px;height:596px;position:relative;overflow:hidden;font-family: 'Open Sans', sans-serif;border: 2px solid #c6c6c6;}
#nageltyp-test .show-mobile {display:none;}

#nageltyp-test p {margin:0;padding:10px 0 0 0;font-size:14px;line-height:200%;}
#nageltyp-test h3 {margin:0;padding:0;color:#ff8d95;text-transform:uppercase;font-size:31px;line-height:36px;}
#nageltyp-test h4 {margin:0;padding:0;color:#ff8d95;text-transform:uppercase;font-size:22px;}
#nageltyp-test input[type=radio]:not(old){width:100px;margin:0;padding:0;opacity:0;}
#nageltyp-test input[type=radio]:not(old) + label{display:inline-block;margin-left:-28px;padding-left:42px;padding-top:4px;background:url('../images/checkbox.png') no-repeat 0 0;line-height:30px;}
#nageltyp-test input[type=radio]:not(old):checked + label{background-position : 0 -32px;}
#nageltyp-test input[type=radio].error:not(old) + label{background-position : 0 -64px;}

#nageltyp-test section.slide {position:absolute;width:685px;height:596px;background-size:contain;background-repeat:no-repeat;background-position:center bottom;}
#nageltyp-test section.slide a.button {display:inline-block;background-color:#e6e6e6;color:#000;padding: 2% 20px;position:absolute;left:15px;bottom:25%;text-transform:uppercase;}
#nageltyp-test section.slide a.button:hover {background-color:#000;color:#FFF;text-decoration:none;}
#nageltyp-test section.slide a.button.button-start,
#nageltyp-test section.slide a.button.button-end,
#nageltyp-test section.slide a.button.button-next {left:auto;right:15px;background-color:#000;color:#FFF;}
#nageltyp-test section.slide a.button.button-start:hover,
#nageltyp-test section.slide a.button.button-end:hover,
#nageltyp-test section.slide a.button.button-next:hover {background-color:#e6e6e6;color:#000;text-decoration:none;}
#nageltyp-test section.slide a.button.button-start {left:15px;right:auto;}
#nageltyp-test section.slide a.button.button-end {left:auto;right:auto;}
#nageltyp-test section.slide .content {position:absolute;width:80%;top:10%;left:5%;}
#nageltyp-test section.slide .footer {position:absolute;width:100%;bottom:0px;left:0px;right:0px;background-color: #FFF;height:95px;border-top: 1px solid #c6c6c6;}
#nageltyp-test section.slide .footer.clean {background-color:transparent;border:0;}

#nageltyp-test section.slide.start {background-image:url('../images/bg-start.jpg');background-size:cover;}
#nageltyp-test section.slide.start .content {width:50%;top:25%;}
#nageltyp-test section.slide.questions-0 {background-image:url('../images/bg-questions-0.jpg');}
#nageltyp-test section.slide.questions-1 {background-image:url('../images/bg-questions-1.jpg');}
#nageltyp-test section.slide.questions-2 {background-image:url('../images/bg-questions-2.jpg');}
#nageltyp-test section.slide.questions-3 {background-image:url('../images/bg-questions-3.jpg');}
#nageltyp-test section.slide.questions .content {}
#nageltyp-test section.slide.questions .content .question-container {padding-bottom:20px;}
#nageltyp-test section.slide.questions .content .question-container h4{padding-bottom:10px;}
#nageltyp-test section.slide.questions .content .answer.checked label {color:#ff8d95;}
#nageltyp-test section.slide.questions-0 .content {width:55%;}
#nageltyp-test section.slide.questions-1 .content {width:65%;}
#nageltyp-test section.slide.questions-2 .content {width:55%;}
#nageltyp-test section.slide.questions-3 .content {width:55%;}
#nageltyp-test section.slide.result .content {top:5%;}
#nageltyp-test section.slide.result .headline {position:absolute;top:220px;left:0;right:0;text-align:center;text-transform:uppercase;font-weight:700;font-size:16px;}
#nageltyp-test section.slide.result p {color:#ff8d95;line-height:20px;}
#nageltyp-test section.slide.result p.result-label{color:#ff8d95;font-size:28px;font-weight:200;padding-bottom:10px;}
#nageltyp-test section.slide.result-0 {background-image:url('../images/bg-result-0.jpg');}
#nageltyp-test section.slide.result-1 {background-image:url('../images/bg-result-1.jpg');}
#nageltyp-test section.slide.result-2 {background-image:url('../images/bg-result-2.jpg');}
#nageltyp-test section.slide .products {position:absolute;left:0;top:0;right:0;bottom:0;}
#nageltyp-test section.slide.result-0 .products {background:transparent url('../images/b0.png') no-repeat center -70px;;}
#nageltyp-test section.slide.result-1 .products {background:transparent url('../images/b1.png') no-repeat center -70px;}
#nageltyp-test section.slide.result-2 .products {background:transparent url('../images/b2.png') no-repeat center -70px;;}

#nageltyp-test .button .arrow-r-w {display:inline-block;background-image:url(../images/arrow-r-w.png);width:6px;height:12px;margin-left:20px;}
#nageltyp-test .button:hover .arrow-r-w {background-image:url(../images/arrow-r-s.png);}
#nageltyp-test .button .arrow-r-s {display:inline-block;background-image:url(../images/arrow-r-s.png);width:6px;height:12px;margin-left:20px;}
#nageltyp-test .button:hover .arrow-r-s {background-image:url(../images/arrow-r-w.png);}
#nageltyp-test .button .arrow-l-w {display:inline-block;background-image:url(../images/arrow-l-w.png);width:6px;height:12px;margin-right:20px;}
#nageltyp-test .button:hover .arrow-l-w {background-image:url(../images/arrow-l-s.png);}
#nageltyp-test .button .arrow-l-s {display:inline-block;background-image:url(../images/arrow-l-s.png);width:6px;height:12px;margin-right:20px;}
#nageltyp-test .button:hover .arrow-l-s {background-image:url(../images/arrow-l-w.png);}


@media only screen and (max-width: 685px) {
	#nageltyp-test {width:100%;}
	#nageltyp-test .show-mobile {display:block;}
	#nageltyp-test section.slide {width:100%;}
	
	#nageltyp-test h3 {font-size:22px;line-height:26px;}
	
	#nageltyp-test section.slide.start .content {top:10%;width:46%;}
	#nageltyp-test section.slide.result .content {width:90%;left:5%;}
	
	#nageltyp-test h4 {margin:0;padding:0;color:#ff8d95;text-transform:uppercase;font-size:22px;}
	
	#nageltyp-test section.slide.result-0 {background-image:url('../images/bg-result-0-mob.jpg');}
	#nageltyp-test section.slide.result-1 {background-image:url('../images/bg-result-1-mob.jpg');}
	#nageltyp-test section.slide.result-0 .headline {top: 190px;}
	#nageltyp-test section.slide.result-2 {background-image:url('../images/bg-result-2-mob.jpg');}
}

@media only screen and (max-width: 460px) {
	#nageltyp-test section.slide.result .content {top: 0;}
	#nageltyp-test section.slide.result .headline {top: 200px;}
	#nageltyp-test section.slide.result-0 .headline {top: 230px;}
	#nageltyp-test section.slide.result p.result-label{color:#ff8d95;font-size:28px;line-height:36px;font-weight:200;}
	#nageltyp-test h3 {font-size:18px;line-height:24px;}
	#nageltyp-test h4 {font-size:18px;line-height:20px;}
	
	#nageltyp-test section.slide a.button {padding: 2% 10px;}
}

@media only screen and (max-width: 380px) {
	
	#nageltyp-test section.slide.start .content {top:5%;}
}