@charset "UTF-8";

@media  only screen and (min-device-width: 769px)
{
	.btn:hover {
		cursor: pointer;
		text-decoration: none;
		background-color: var(--freenet-gruen-hover);
	}
	.btn:active {
		position:relative;
		top:1px;
	}
	#navigation a:hover {
		color: var(--freenet-gruen-hover);
	}
	#navigation .error a:hover:after { color: #C40000; }
	.questionText.error:hover span:after { content: "Bitte Auswahl treffen!"; }

	.welcome_container, .thankyou_redesign_container {
		background-image: url('../../img/background/mobilcom.png');
	}
}


@media only screen and (max-width: 640px) {
	.ratingtable,
	.ratingtable2 {
		width: 40px !important;
	}
	.welcome_container, .thankyou_redesign_container {
		background-image: url('../../img/background/mobilcom_mobile.png');
	}
}

.bar-slider {
	position: absolute;
	left: 0%;
	height: 100%;
	background-color: var(--freenet-gruen);
}

.welcome_logo {
	width: 108px;
	height: 40px;
	padding-top: 0px;
	flex-grow: 0;
}
.welcome_head, .thankyou_redesign_head {
	/* height: 53px; */
}

.welcome, .thankyou_redesign {
	width: 400px;
	height: 365px;
	bottom: 10%;
}
.thankyou_redesign {
	height: 600px;
}

.btn_round {
	border: 1px var(--freenet-gruen);
	color: white;
	font-family: SFProDisplay;
	background-color: var(--freenet-gruen-hover);
	/* pointer-events: none; */
}

.btn_round:hover {
	cursor: pointer;
	background-color: var(--freenet-gruen-hover);
}

.btn_round_hover {
	cursor: pointer;
	background-color: var(--freenet-gruen-hover);
}

.btn {
  height: 40px;
	padding: 0px;
  display:inline-block;
  vertical-align: center;
  border:1px;
  position:relative;
}

.thankyou_redesign {
	bottom: 9%;
	margin-top: 50px;
	height: 635px;
}

#btn_next {
	pointer-events: none;
}

#btn_start::after {	content: "Jetzt teilnehmen"; }
#btn_close::after {	content: "Schließen"; }