@import 'formulare.css';
@import '../shariff/shariff.complete.css';

#innercontentwrp { display:flex; flex-wrap:wrap; }

#bewerbung-content,
#bewerbungsform, 
#shareblog { display:flex; width:100%;max-width:var(--layout-max-width); padding:2rem 10rem; margin:0 auto}


#content:has(.section) { max-width:unset; padding:0;}
#bewerbung-content:has(.section) { max-width:unset; padding:0; flex-wrap:wrap;}
#bewerbung-content .section {width:100%;}

#shareblog .shariff { width:100% !important;float:left; }

#shareblog .share-title { display:inline-block;width:60px;}

.section.staff { display:flex; background:#EEF3F7; padding:2rem 0 3rem 0; }

#introPic.background { float:left; width:50%;background-repeat:no-repeat !important; background-size:cover;}


#bewerbungsform {background:none;padding:2rem 10rem;}
#msg	{ /* width:100%; */max-width:var(--layout-max-width); margin:0 auto}



#bewerbungsform H3		{ margin-top:2rem;}



div.data-wrapper		{ float:left; width:100%; padding:10px 0%; margin:0 0 20px;}

.col.flleft				{  padding:0 2.5% 0 0;}
.col.flright				{  padding:0 0 0 2.5%;}
.row 					{ width:100%; padding:0; margin:0; position:relative;color:#000; display:inline-block} 


#licence-details .row { margin:6px 0 0 } 

/* Upload  */

#upl { float:left; width:100%;}
#upl div { float:left; padding:2%; width:100%; box-sizing:border-box; position:relative;}

#upl div span { position:absolute; top:0; right:0;  z-index:1; padding:5px 10px 5px 10px; cursor:pointer; border-radius:3px; background:#fff; border:1px solid #c0c0c0; }
#upl div span:before {  content: "\f014"; font-family: FontAwesome; }
#upl div span:hover { background:#A30000; color:#fff; }

button#newUpl:before {  content: "\f093"; font-family:FontAwesome; margin-right:3px; }
div#senden			{ float:left; width:100%; padding:0 0; text-align:left}

@media screen and (max-width:1023px ) {
	.col.flleft,
	.col.flright			{  padding:0;}
}
@media screen and (max-width:900px) {
		#bewerbungsform {padding:2rem;}
		#upl div { padding:1.5% 1% 1.5% 1%;}
}
@media screen and (max-width:650px) {
		#bewerbungsform {padding:1rem;}
		#upl div { padding:3% 1% 3% 1%;}
		#bewerbung-content { padding:2rem 0px 2rem 0px;}
	    #shareblog { padding:2rem 20px 2rem 20px; display:block;}
		#shareblog .shariff { width:100%; margin-left:-16px; }
		#shareblog .shariff li { margin:4%; }
		
}