DIV.job_offer:nth-child(even) { background-color: #f5f5f5; }

.df 				{ display: flex; }
.db 				{ display: block; }
.dib 				{ display: inline-block; }
.w100 				{ width: 100%; } 
.w50 				{ width: 50%; } 
.w46 				{ width: 46%; } 
.w48 				{ width: 48%; } 
.w84 				{ width: 84%; } 

.fl_l				{ float: left; } 
.fl_r				{ float: right; } 

.mb24				{ margin-bottom: 24px; }
.mb30				{ margin-bottom: 30px; }

.ml_1pro			{ margin-left: 1%; } 
.mb_2pro			{ margin-bottom: 2%; } 

.p8					{ padding: 8px; }

.fs20 				{ font-size: 20px; } 

.fw400				{ font-weight: 400; } 

.bg_lightblue 		{ background-color: #C5E9EB; } 

.cb { clear: both; } 

.copytext 			{ font-size: 1.0rem; font-weight: 300; line-height: 1.5; }
.copytext LI 		{ margin-left: 14px; } 
.tbl_kontakt_head	{ font-size: 16px; font-weight: bold; padding-top: 1px; padding-bottom: 6px; }
.tbl_kontakt_l		{ font-size: 16px; font-weight: 300; padding-top: 2px; padding-bottom: 2px; text-align: left; }
.tbl_kontakt_r		{ font-size: 16px; font-weight: 300; padding-top: 2px; padding-bottom: 2px; }
.textarea_feld		{ border: 1px solid #c5c5c5; font-size: 15px; color: #555555; }
.input_feld			{ border: 1px solid #c5c5c5; padding-top: 4px; padding-bottom: 4px; color: #555555;  font-size: 15px; }
.select_feld		{ border: 1px solid #c5c5c5; padding-top: 4px; padding-bottom: 4px; color: #555555; } 
.border_red			{ border: 1px solid #aa0000; } 
.tc_red				{ color: #aa0000 !important; } 


/* ------ Zvoove Jobs Listing + View ------ */ 

.zv_list_box 	{ display: block; width: 100%; padding: 18px 24px 18px 24px; margin-bottom: 25px; background-color: #dadada; color: #555; text-align: left; transition: 0.4s; } 
.zv_list_box:hover { background-color: #C5E9EB; cursor: pointer; transition: 0.4s; } 
.zv_list_z1 	{ display: inline-block; width: 100%; margin-bottom: 4px; font-size: 20px; font-weight: 500; } 
.zv_list_z2 	{ display: inline-block; width: 100%; font-size: 16px; font-weight: 500; } 
.zv_list_z2 .zv_list_marker 	{ display: inline-block; margin-right: 20px; } 
.zv_list_z2 .zv_list_marker I	{ margin-right: 4px; } 


/* Classes for adjustment of Zvoove Application Form */ 

DIV.rnFormContainer H2 { text-align: left; } 
DIV.rnFieldList FIELDSET LEGEND { text-align: left; } 
LABEL.rnLabel 	{ width: 100%; text-align: left; font-size: 0.8rem; margin-bottom: 4px; margin-top: 8px; } 
DIV.rnFieldWrap	{ width: 100%; text-align: left; } 
DIV.rnFormGroup { display: flex; flex-direction: column; }
SPAN.rnSelectValue { display: none; } 
SELECT#phoneSelector_mobilePhoneNumber 	{ width: 120px; } 
SPAN.rnFilename { display: block; width: 100%; } 
SPAN.rnCheckbox:after { content:" Ja, ich stimme zu."; } 
DIV.rnButtons { text-align: left; } 
INPUT#firstName, INPUT#lastName, INPUT#emailAddress, TEXTAREA#motivation-text { width: 299px; }


/* Classes for adjustment of Zvoove Open Enrollment Form */ 

DIV.oe_step 		{ display: flex; width: 100%; justify-content: space-around; } 
DIV.oe_stepContainer 		{ display: flex; width: 100%; justify-content: space-around; } 

DIV.oe_block_name 		{ display: flex; width: 100%; justify-content: space-around; width: 40%; } 
DIV.oe_block_contact 	{ display: flex; width: 100%; justify-content: space-around; width: 60%; } 
DIV.oe_block_address 	{ display: flex; width: 100%; justify-content: space-around; } 
LEGEND.oe_label 		{ font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } 

DIV.oe_block_contact DIV:nth-child(odd)  { width: 33%; display: flex; align-content: flex-start; } 
DIV.oe_block_contact DIV:nth-child(odd) LABEL  { margin: auto; margin-top: 0px; } 
DIV.oe_block_contact DIV:nth-child(even) { width: 67%; display: flex; padding-left: 5.5%; } 
DIV.oe_block_contact DIV:nth-child(even) LABEL  { margin: auto; } 
DIV.oe_block_contact DIV:nth-child(even) LABEL.oe_phoneNumber  { width: 150px; } 
DIV.oe_block_contact DIV:nth-child(even) LABEL.oe_phoneNumberInput  { padding-left: 12px; position: relative; top: -13px; } 
DIV.oe_googleMaps { width: 600px; } 
DIV.oe_checkboxElement { display: flex; flex-direction: column; } 
DIV.oe_checkboxList { display: flex; } 
DIV.oe_checkboxList LABEL.oe_checkboxListElement { margin: auto; } 




/* ------ Responsive adjustments ------ */ 

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

	DIV.filterbox	{ min-height: 148px; }
	DIV.filtermittig	{ width: 95%; margin-left: 5%; text-align: left; }
	DIV.job_offer_row { float: left; margin: 0px auto; width:105%; }
	DIV.job_offer_box { width: 95%; float: left; margin-bottom: 30px; }
	DIV.sp_joboffer_photo { float: left !important; margin-left: 0px !important; margin-bottom: 25px; } 

}


@media only screen and (min-width: 576px) {

	DIV.filterbox	{ min-height: 148px; }
	DIV.filtermittig	{ width: 50%; margin-left: 23%; text-align: center; }
	DIV.job_offer_row { float: left; margin: 0px auto; width:105%; }
	DIV.job_offer_box { width: 95%; float: left; margin-bottom: 30px; }
	DIV.job_offer_text_cell	{ width: 100%; }

}


@media only screen and (min-width: 768px) {

	DIV.filterbox	{ min-height: 100px; }
	DIV.filtermittig	{ width: 80%; margin-left: 23%; text-align: center; }
	DIV.job_offer_row { float: left; margin: 0px auto; width:105%; }
	DIV.job_offer_box { width: 95%; float: left; margin-bottom: 30px; }
	DIV.job_offer_text_cell	{ width: 100%; }

}


@media only screen and (min-width: 992px) {

	DIV.filterbox	{ min-height: 100px; }
	DIV.filtermittig	{ width: 60%; margin-left: 25%; text-align: center; }
	DIV.job_offer_row { float: left; margin: 0px auto; margin-bottom: 30px; width:105%; }
	DIV.job_offer_box { width: 30%; float: left; margin-right: 25px; }
	DIV.job_offer_text_cell	{ width: 100%; }

}


@media only screen and (min-width: 1200px) {

	DIV.filterbox	{ min-height: 100px; }
	DIV.filtermittig	{ width: 75%; margin-left: 12.5%; text-align: center; }
	DIV.job_offer_row { float: left; margin: 0px auto; margin-bottom: 30px; width:105%; }
	DIV.job_offer_box { width: 30%; float: left; margin-right: 25px; }
	DIV.job_offer_text_cell	{ width: 100%; }

}