@media (min-width: 768px) {
	.zinsdeel_dropdown.voorzien {
		color: transparent;
		text-indent: -9999px;
	}
}

@media (max-width: 767px) {
	.sleepwoord {
		background-color: rgba(241, 250, 255, 1);
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
		position: relative;
		font-size: 14px;
		line-height: 17px;
		font-weight: 400;
		padding: 15px 9px !important;
		margin-right: 6px;
		border-radius: 4px;
		margin-bottom: 15px;
	}

	.volgordeslepen {
		padding-left: 15px;
		position: relative;
	}

	.volgordeslepen li {
		padding-left: 11px;
		margin-bottom: 25px;
		padding-bottom: 60px;
	}

	.volgordeslepen li:last-child {
		margin-bottom: 0;
	}

	.zinsdelen_dropdown {
		border: 1px dashed rgba(130, 130, 130, 1);
		padding: 1px;
		border-radius: 4px;
		background-color: rgba(142, 142, 142, 0.15);
		height: 52px;
		position: absolute;
		left: 0;
		width: 341px;
		max-width: 100%;
		display: flex;
		background-image: url(../images/arrow-turn.svg);
		background-repeat: no-repeat;
		background-position: 20px 50%;
		max-width: calc(100% - 20px);
	}

	.zinsdelen_dropdown:after {
		content: 'Sleep de worden in dit vlak';
		color: rgba(130, 130, 130, 1);
		font-size: 14px;
		line-height: 17px;
		font-family: 'Lato-Regular';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.zinsdeel_dropdown {
		opacity: 0;
		position: absolute;
		left: 0;
		width: 100%;
		top: 0;
		height: 100%;
		display: none;
	}

	.zinsdeel_dropdown:first-child {
		display: block;
	}

	.sleepwoord_in_vakje {
		opacity: 0;
	}

	.zinsdeel_dropdown.voorzien + .zinsdeel_dropdown:not(.voorzien) {
		display: block;
		z-index: 1;
	}

	.zinsdeel_dropdown.voorzien {
		position: static;
		opacity: 1;
		width: auto;
		display: inline-block;
		border: 1px solid rgba(0, 0, 0, 1);
		background-color: white;
		position: relative;
		z-index: 1;
		font-size: 11px;
		font-family: 'Lato-Regular';
		color: black;
		border-radius: 4px;
		height: 48px;
		padding: 5px 5px;
		display: flex;
		display: inline-flex;
		align-items: center;
		margin-right: 0 !important;
	}


	.zinsdelen_dropdown.correct_sentence {
		border: 2px solid rgba(70, 193, 66, 1);
		background-color: rgba(70, 193, 66, 0.15);
		background-image: none;
	}

	.zinsdelen_dropdown.correct_sentence .zinsdeel_dropdown.voorzien {
		border: none;
		background: none;
		padding-right: 0;
	}

	.zinsdelen_dropdown.correct_sentence:after {
		display: none;
	}

	.zinsdelen_dropdown.correct_sentence .correct_checkmark {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: -28px;
		width: 16px;
		height: 16px;
		color: transparent;
		text-indent: -9999px;
		background-image: url(../images/check.svg);
	}

	.zinsdelen_dropdown.incorrect_sentence:after {
		content: '';
		width: 16px;
		height: 16px;
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: -28px;
		left: unset;
		background-image: url(../images/cross-square.svg);
	}

	.zinsdelen_dropdown.incorrect_sentence {
		border-color: rgba(226, 74, 64, 1);
		border-width: 2px;
		padding: 0;
	}

	.drag_in_order .try_again {
		position: absolute;
		left: 0;
		bottom: -5px;
		margin-left: 0;
		text-align: center;
		font-size: 14px;
		font-family: 'Lato-Regular';
		font-weight: bold;
		text-decoration: underline;
		cursor: pointer;
		left: 50%;
		transform: translate(-50%, 100%);
	}

	.volgordeslepen li > strong {
		visibility: hidden;
	}

	.volgordeslepen li {
		min-height: 121px;
	}

	.final_answer .sleepwoord {
		background-color: transparent;
		border: none;
	}

	.final_answer .zinsdelen_dropdown {
		border: none;
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
	}

	.final_answer .zinsdeel_dropdown.voorzien {
		flex: 1;
		text-align: center;
		justify-content: center;
		border: none;
		background-color: #f1faff;
		font-weight: bold;
	}

	.eindtoets:not(.eindtoets_gecontroleerd) .zinsdelen_dropdown.incorrect_sentence {
		border: 1px dashed rgba(130, 130, 130, 1);
		padding: 1px;
	}

	.eindtoets:not(.eindtoets_gecontroleerd) .zinsdelen_dropdown.incorrect_sentence:after {
		display: none;
	}

	.eindtoets:not(.eindtoets_gecontroleerd) .zinsdelen_dropdown.correct_sentence {
		border: 1px dashed rgba(130, 130, 130, 1);
		background-color: rgba(142, 142, 142, 0.15);
	}

	.eindtoets:not(.eindtoets_gecontroleerd) .zinsdelen_dropdown.correct_sentence .zinsdeel_dropdown.voorzien {
		border: 1px solid rgba(0, 0, 0, 1);
		background-color: white;
		padding: 5px 5px;
	}

	.eindtoets .try_again.zinsdelenoef {
		display: none !important;
	}

	.eindtoets .volgordeslepen .correct_answer {
		top: 50px;
		position: relative;
	}
}