@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@700&display=swap');


.simple-rating {
	position: relative;
	display: inline-block;
	color: #e84b90;
	padding-top: 40px;
	margin-top: 10px;
	font-weight: 700 !important;
}

.simple-rating:before {
	position: absolute !important;
	top: 10px;
	display: inline-block;
	content: "Gar nicht";
	margin-bottom: 20px !important;
	margin-right: 10px;
	line-height: 30px;
}
.simple-rating:after {
	position: absolute;
	right: 0px;
	top: 10px;
	padding-right: 10px;
	display: inline-block;
	content: "Ganz sicher";
}

.simple-rating i {
	color: #e84b90;
	display: inline-block;
	padding: 1px 2px;
	cursor: pointer;
	font-size: 2.8rem;
	position: relative;
	margin-right: 8px;
}

.simple-rating i:nth-child(1):after {
	content: "1";
}
.simple-rating i:nth-child(2):after {
	content: "2";
}
.simple-rating i:nth-child(3):after {
	content: "3";
}
.simple-rating i:nth-child(4):after {
	content: "4";
}
.simple-rating i:nth-child(5):after {
	content: "5";
}
.simple-rating i:nth-child(6):after {
	content: "6";
}
.simple-rating i:nth-child(7):after {
	content: "7";
}
.simple-rating i:nth-child(8):after {
	content: "8";
}
.simple-rating i:nth-child(9):after {
	content: "9";
}
.simple-rating i:nth-child(10):after {
	content: "10";
	padding-right: 2px;
}

.simple-rating .fa-star-o:after, .fa-star:after {
	font-family: 'Titillium Web', sans-serif !important;
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 18px;
	width: 100%;
	font-size: 13px;
	z-index: 99999;
	text-align: center;
	font-weight: 700 !important;
}

.fa-star:after {
	color: white;
}

@media screen and (max-width: 414px) {
  .simple-rating i {
		font-size: 2rem;
		margin-right: 0px;
	}
	.simple-rating .fa-star-o:after, .fa-star:after {
		top: 12px;
		font-size: 11px;
	}
}
@media screen and (max-width: 393px) {
  .simple-rating i {
		font-size: 1.8rem;
	}
	.simple-rating .fa-star-o:after, .fa-star:after {
		top: 10px;
		font-size: 11px;
	}
}
@media screen and (max-width: 360px) {
  .simple-rating i {
		font-size: 1.55rem;
		margin-right: -2px;
	}
	.simple-rating .fa-star-o:after, .fa-star:after {
		top: 9px;
		font-size: 10px;
	}
}