::selection {
	background: #e5007d;
	color: #fff
}

input[type="checkbox"], input[type="radio"], input[type="image"] {
	width: auto
}

input[type="checkbox"] {
	-webkit-appearance: checkbox
}

input[type="radio"] {
	-webkit-appearance: radio
}

.dpn {
	display: none !important
}

#include {
	position: relative;
	margin: 0 auto;
	max-width: 1340px;
	padding: 0 30px 10px 30px;
	background: #fff;
	border: 1px solid transparent
}

#top {
	position: absolute;
	top: -1.9rem
}

main {
	position: relative
}



main #inhalt a.button, main #inhalt a.next, main #inhalt a.skip {
	line-height: 1.3em;
	padding: 0.2em 0.6em;
	margin: 8px 10px 3px 0;
	background-color: #e5007d;
	color: #fff
}

main #inhalt a.button:hover, main #inhalt a.next:hover, main #inhalt a.skip:hover {
	color: #e5007d;
	background-color: #5d544d
}

#totop {
	display: none;
	position: fixed;
	bottom: 35px;
	right: 0;
	width: 26px;
	height: 26px;
	background: url("img/arrow-go.svg") no-repeat;
	background-size: 100%;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	cursor: pointer
}

footer {
	margin: 15px 0 0 0
}

footer #copyright {
	font-size: 1.2rem
}

.clearer {
	clear: both
}

.tx-hoertest-pi1 audio, .tx-hoertest-pi1 a.play_mobile {
	margin-bottom: 1.9rem;
	display: none
}

.tx-hoertest-pi1 .section {
	display: none
}

.tx-hoertest-pi1 .section.cur {
	display: block
}

.tx-hoertest-pi1 .pics .item {
	margin-bottom: 30px;
	float: left;
	width: 175px;
	height: 175px;
	background: url("pics/sprite.jpg") no-repeat;
	opacity: 0.6;
	cursor: pointer
}

.tx-hoertest-pi1 .pics .item:hover, .tx-hoertest-pi1 .pics .item.clicked {
	opacity: 1
}

.tx-hoertest-pi1 .pics .schloss {
	background-position: 20px 0
}

.tx-hoertest-pi1 .pics .stuhl {
	background-position: -200px 0
}

.tx-hoertest-pi1 .pics .eis {
	background-position: -400px 0
}

.tx-hoertest-pi1 .pics .rad {
	background-position: -600px 0
}

.tx-hoertest-pi1 .pics .pfeil {
	background-position: -800px 0
}

.tx-hoertest-pi1 .pics .schatz {
	background-position: 20px -200px
}

.tx-hoertest-pi1 .pics .helm {
	background-position: -200px -200px
}

.tx-hoertest-pi1 .pics .ring {
	background-position: -400px -200px
}

.tx-hoertest-pi1 .pics .reh {
	background-position: -600px -200px
}

.tx-hoertest-pi1 .pics .maus {
	background-position: -800px -200px
}

.tx-hoertest-pi1 .pics .item > span {
	display: block;
	margin-top: 175px;
	text-align: center
}

.tx-hoertest-pi1 .button, .tx-hoertest-pi1 .next, .tx-hoertest-pi1 .skip {
	cursor: pointer
}

.tx-hoertest-pi1 .next {
	display: none
}

.tx-hoertest-pi1 .skip {
	display: inline !important
}

.tx-hoertest-pi1 .result .resultbar {
	margin: 40px 0 60px 0
}

.tx-hoertest-pi1 .result .resultbar > div {
	margin-right: 10px;
	float: left;
	width: 100px;
	height: 15px
}

.tx-hoertest-pi1 .result .resultbar .result100 {
	margin-right: 0;
	background: #8ab31d
}

.tx-hoertest-pi1 .result .resultbar .result80 {
	background: #fc0
}

.tx-hoertest-pi1 .result .resultbar .result40 {
	background: #d51317
}

.tx-hoertest-pi1 .result .resultbar .arrow {
	margin-top: -25px;
	width: 20px;
	height: 20px;
	background: url("img/arrow-go.svg") no-repeat;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.tx-hoertest-pi1 .result > .box {
	display: none
}

.tx-hoertest-pi1 .result > .box .colored {
	font-family: "GothamNarrow-Bold", Arial, Helvetica, Verdana, sans-serif
}

.tx-hoertest-pi1 .result .box.result100 .colored {
	color: #8ab31d
}

.tx-hoertest-pi1 .result .box.result80 .colored {
	color: #fc0
}

.tx-hoertest-pi1 .result .box.result40 .colored {
	color: #d51317
}

@media (max-width: 1024px) {


	.tx-hoertest-pi1 a.play_mobile {
		display: block
	}
}

@media (max-width: 700px) {


	main {
		margin-top: 65px
	}
}

@media (max-width: 385px) {
	.tx-hoertest-pi1 .pics .item {
		width: 140px;
		height: 140px;
		background-size: 500%
	}

	.tx-hoertest-pi1 .pics .item > span {
		margin-top: 140px
	}

	.tx-hoertest-pi1 .pics .schloss {
		background-position: 20px 0
	}

	.tx-hoertest-pi1 .pics .stuhl {
		background-position: -140px 10px
	}

	.tx-hoertest-pi1 .pics .eis {
		background-position: -270px 10px
	}

	.tx-hoertest-pi1 .pics .rad {
		background-position: -420px 10px
	}

	.tx-hoertest-pi1 .pics .pfeil {
		background-position: -570px 10px
	}

	.tx-hoertest-pi1 .pics .schatz {
		background-position: 20px -130px
	}

	.tx-hoertest-pi1 .pics .helm {
		background-position: -140px -130px
	}

	.tx-hoertest-pi1 .pics .ring {
		background-position: -270px -130px
	}

	.tx-hoertest-pi1 .pics .reh {
		background-position: -420px -130px
	}

	.tx-hoertest-pi1 .pics .maus {
		background-position: -570px -130px
	}
}