/* weik-quizbuilder.css */

.quiz,
.bewerbungsformular .quiz {
	text-align: center;
}
.quiz .ques_title,
.bewerbungsformular .quiz .ques_title {
	font-size: 25px;
	padding: 2rem;
	font-size: 2rem;
	background-color: #efefef;
}

.options_wrapper,
.bewerbungsformular .options_wrapper {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	width: 100%;
}

.option_wrap.images,
.bewerbungsformular .option_wrap.images {
	margin: 15px 15px 15px 15px;
	padding: 10px;
	width: 38%;
	border: 1px solid #ccc;
	overflow: hidden;
	text-align: center;
	background-color: #fff;
}
@media (min-width: 576px) {
.option_wrap.images,
.bewerbungsformular .option_wrap.images {
	width: 41%;
}
}
@media (min-width: 992px) {
.option_wrap.images,
.bewerbungsformular .option_wrap.images {
	width: 21%;
}
}


.option_wrap.text,
.option_wrap.text_div,
.option_wrap.contact_form,
.bewerbungsformular .option_wrap.text,
.bewerbungsformular .option_wrap.text_div,
.bewerbungsformular .option_wrap.contact_form{
	width: 100%;
	background-color: #f3f3f3;
	padding: 15px;
}

.option_wrap:hover,
.bewerbungsformular .option_wrap:hover {
	background-color: #fcfcfc !important;
}

.option_wrap.text input,
.option_wrap.text_div input,
.option_wrap.contact_form .form-group,
.bewerbungsformular .option_wrap.text input,
.bewerbungsformular .option_wrap.text_div input,
.bewerbungsformular .option_wrap.contact_form .form-group{	
	width: 100%;
	margin: 0 auto;  
	padding: 15px 0 0 0;	
}

.bewerbungsformular .form-group #contactSum {	
	width: 66% !important;	
}

.option_wrap.text .form-control,
.option_wrap.text_div .form-control,
.option_wrap.contact_form .form-control,
.bewerbungsformular .option_wrap.text .form-control,
.bewerbungsformular .option_wrap.text_div .form-control,
.bewerbungsformular .option_wrap.contact_form .form-control{	
	border: 2px solid;
	padding: 10px;
	font-size: 1.2rem;
}
@media (min-width: 768px) {
.option_wrap.text .form-control,
.option_wrap.text_div .form-control,
.option_wrap.contact_form .form-control,
.bewerbungsformular .option_wrap.text .form-control,
.bewerbungsformular .option_wrap.text_div .form-control,
.bewerbungsformular .option_wrap.contact_form .form-control{	
	font-size: 1.5rem;	
}
}

select.form-control {	/* Dropdown-Auswahl*/
	height: auto !important;
	padding: 5px 15px !important;
}


.option_wrap.contact_form .form input,
.bewerbungsformular .option_wrap.contact_form .form input {
	display: inline-block !important; 
}


.option_wrap.radio,
.bewerbungsformular .option_wrap.radio {
	margin: 0 15px;
}

.option_title,
.bewerbungsformular .option_title {
	margin: 0.8rem;
	font-size: 1rem;
}
@media (min-width: 576px) {
.option_title,
.bewerbungsformular .option_title {
	margin: 1rem;
	font-size: 1.2rem;
}
}
@media (min-width: 768px) {
.option_title,
.bewerbungsformular .option_title {
	margin: 1rem;
	font-size: 1.7rem;
}
}
@media (min-width: 992px) {
.option_title,
.bewerbungsformular .option_title {
	margin: 1rem;
	font-size: 1.3rem;
}
}
@media (min-width: 1200px) {
.option_title,
.bewerbungsformular .option_title {
	margin: 1rem;
	font-size: 1.6rem;
}
}

.option_click,
.bewerbungsformular .option_click {
	cursor: pointer;
}