/*	@group	Verbesserungen für alle Bildschirmgrößen 	*/
/*
#original_tabs ul		{
	display:	flex !important;
	display:	-webkit-flex !important;
	flex-wrap:	nowrap !important;
	flex-direction:	row;
	justify-content:	flex-start !important;
	align-items:	auto !important;
	align-content:	space-between !important;
	hyphens:	none !important; 
}

#original_tabs ul li		{
	display:	flex !important;
	flex:	1 0 auto !important;
	margin:	0	1px	0	0 !important;
}

#original_tabs ul li a		{
	width:	100%;
}
*/
/*	@end	*/

#original_tabs ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 2px;
}

#original_tabs li {
    width: 100%;
}

#original_tabs ul li a{
		width: -webkit-fill-available;
	}

@media screen and (max-width: 1200px) {
	#original_tabs ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 2px;
	}
	
	#original_tabs ul li a{
		width: -webkit-fill-available;
	}
}

@media screen and (max-width: 640px) {
	#original_tabs ul {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 2px;
	}
	
	#original_tabs ul li a{
		width: -webkit-fill-available;
	}
}

/* fix for the header ipad portrait mode */
@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait) { 
	
		.header {
			height: 220px;
			overflow: hidden;
		}

		.jobnews {
			font-size: 90px;
			margin-top: 60px;
		}

		#original_tabs ul li {
			font-size: 9pt;
		}

		#original_tabs ul li a {
			padding: 10px 20px 10px 15px;
		}

		.formanizr .fzr_button, .formanizr input[type="submit"], .formanizr input[type="reset"], .formanizr button {
			font-size: 10px;
			line-height: 14px;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 5px;
			padding-right: 5px;
		}

		.formanizr select {
			padding-top: 8px;
			padding-bottom: 8px;
			padding-left: 5px;
			padding-right: 5px;
			font-size: 10px;
			line-height: 14px;
		}

		.login input {
			width: calc(100% - 14px);
		}

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
		

		.header {
			height: 90px !important;
			overflow: hidden !important;
		}

		.jobnews {
			font-size: 30px !important;
			margin-top: 45px !important;
		}
		
		div.green_left {
		    width: auto;
		    display: none;
		    visibility: hidden;
		}
		
		.date p {
		    padding: 0px 10px;
		    font-size: 8px;
		}
		
		div.green_lang {
		    position: absolute;
		    top: -5px;
		}
		
		.content {
			padding-top:	20px;
	}
	
	#original_tabs ul {
	    flex-direction: column;
	}
}

@media only screen and (min-device-width : 768px) {
	table.datatable {
		display: table;
		overflow: hidden;
	}
}