/* ****************************************************************************************************************** */
/* --- Kling Messe -------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.fairform .assistant,
.fairform .assistantform {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}

.fairform .assistant .textblock {
	display: flex;
	flex-direction: column;
	align-items: center;

}


.fairform .assistant .textblock > div {
	border: 1px solid #021a32;
  padding: 7px 10px 7px 40px;
  margin: 12px 0;
  border-radius: 0px;
  background-position: 8px center;
  background-size: 24px;
  background-repeat: no-repeat;
  transition: all 250ms ease-out;
  color: #021a32;
  min-width: 250px;
}
.fairform .assistant .textblock > div.image {
	display: flex;
	border: 0px;
	max-width: 170px;
	justify-content: center;
}

.fairform .assistant .image img {
  width: 200px;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  transition: all 250ms ease-out;
}
.fairform .assistant .nameintern {
	background-image: url('/files/intern/vcard/PROFILE.svg');
}
.fairform .assistant .org {
  background-image: url('/files/intern/vcard/OFFICEBUILDING.svg');
}
.fairform .assistant .email {
	background-image: url('/files/intern/vcard/EMAIL.svg');
}
.fairform .assistant .tel {
	background-image: url('/files/intern/vcard/PHONECALL.svg');
}
.fairform .assistant .tel.cell {
	background-image: url('/files/intern/vcard/MOBILE.svg')
}


.fairform .assistant a.vcard {
	display: inline-block;
  margin: 10px 0 0 0;
  padding: 10px 20px 8px 20px;
  min-width: 180px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  line-height: 16px;
  background-color: var(--ka-bk-darkblue);
  font-weight: 600;
  text-transform: uppercase;
  border: medium none;
  cursor: pointer;
}

.fairform .ce_form fieldset {
	display: flex;
	flex-direction: column;
	margin: 10px 0 0 0;
}

.fairform .ce_form .widget.widget-text,
.fairform .ce_form .widget.widget-select {
	width: 100%;

}

.fairform .ce_form input,
.fairform .ce_form select {
	margin: 0;
}

.fairform .ce_form label.even,
.fairform .ce_form label.odd {
	width: 30%;
	margin-left: 0;
}

.fairform .ce_form fieldset.sendto .widget-checkbox {
	margin: 0px 0 0px 0;
}
.fairform .ce_form fieldset.sendto .widget-checkbox fieldset > span {
	margin: 0 0 10px calc(0px);
}

.fairform .ce_form .widget-radio > fieldset {
	display: flex;
	flex-direction: column;
	margin: 0 0 20px 0;

}

.fairform .ce_form .widget-radio > fieldset > span {
	display: flex;
	align-items: center;
	margin-left: 30%;
	cursor: pointer;
}

.fairform .ce_form input.radio {
	width: auto;
	-webkit-appearance: radio;
	margin: 0 10px 0 0;
	cursor: pointer;
}
.fairform .ce_form .widget-radio label {
	padding: 0;
	cursor: pointer;
}

.fairform .ce_form .widget-checkbox fieldset > span {
	margin-left: calc(30% + 8px);
	cursor: pointer;
}

.fairform .ce_form .widget-checkbox fieldset > span input,
.fairform .ce_form .widget-checkbox fieldset > span label {
	cursor: pointer;
}

.fairform .ce_form .submit {
	min-width: 200px;
}


/* ****************************************************************************************************************** */
/* --- max-width 1620 ----------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 1620px) {


}


/* ****************************************************************************************************************** */
/* --- max-width 1024 ----------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 1024px) {


}

/* ****************************************************************************************************************** */
/* --- max-width 850 ----------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 850px) {

	.fairform .grid.fr2 .assistant {
		order: 2;
	}

	.fairform .ce_form .widget-radio > fieldset > span {
	    margin-left: 0%;
	}

	.fairform .ce_form label.even,
	.fairform .ce_form label.odd {
		width: 100%;
		margin-left: 0;
	}


}

/* ****************************************************************************************************************** */
/* --- max-width 680 px  -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 680px) {



}