.jobContBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
}

.jobContBox .text {
	flex:1 1 100%;
}
.jobContBox .bild {
	flex:0 0 400px;
}

.jobButtonsBox {
	margin-top:30px;
}

.jobButton {
	font-size:15pt;
	line-height:27px;
	padding:15px 20px 15px 80px;
	display:block;
	background-color:#82add7;
	color:#fff !important;
	margin-bottom:20px;
	border-radius:28px 5px 5px 28px;
	background-image:url('/page/_webpics/buttons/arrow-right-white-blue.svg');
	background-repeat:no-repeat;
	background-position:left -5px center;
	background-size:auto 68px;
	transition:.2s;
	text-transform:uppercase;
}

.jobButton:hover {
	background-color:#0173ba;
}


.bewerbenbutton a {
	display:inline-block;
	background-color:#82add7;
	color:#fff !important;
	line-height:23px;
	padding:9px 20px;
	margin:5px 0;
	transition:.2s;
}
.bewerbenbutton a:hover {
	background-color:#fff;
	color:#82add7 !important;
}


.jobUebersichtbutton {
	display:block;
	border:1px solid #0173ba;
	background-color:#0173ba;
	color:#fff !important;
	line-height:23px;
	padding:9px 20px;
	margin:5px 0;
	text-align:center;
	transition:.2s;
	border-radius:5px;
	text-transform:uppercase;
}
.jobUebersichtLink:hover .jobUebersichtbutton {
	background-color:#fff;
	color:#0173ba !important;
}

.jobsuebersicht {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
.uebersichtBox {
	flex: 0 1 33.33333%;
}
.uebersichtBox .inBox {
	padding:0px 25px;
}
.uebersichtBox .inBox img {
	width:100%;
	height:auto;
	display:block;
}


.flagsList {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}

.flagsList .flag {
	flex:1 1 20%;
}

.flagsList .flag .inflag {
	padding:5px;
}

.flagsList .flag .inflag img {
	border:1px solid #333;
	border-radius:5px;
}

.flagsList .flag.unselected {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	opacity:0.3;
}


.alterBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	margin-top:50px;
	margin-bottom:50px;
}

.alterBox:nth-child(even) {
	flex-direction: row-reverse;
}

.alterBox .textBox {
	flex:1 1 50%;
}
.alterBox .textBox .inbox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#f5f5f5;
	height:100%;
	padding:40px;

}

.alterBox .textBox .inbox .titel {
	font-size:24pt;
	line-height:36px;
	font-family: 'Roboto Condensed', sans-serif;
}

.alterBox .bildBox {
	flex:1 1 50%;
}
.alterBox .bildBox img {
	width:100%;
	height:auto;
	display:block;
}
.alterBox .textBox .linie {
	height:2px;
	width:150px;
	display:block;
	background-color:#0072b9;
	margin:20px 0 20px;
}

.jobBox {
	display:block;
	background-color:#f5f5f5;
	padding:30px;
	margin-bottom:50px;
}
.jobBox.selection {
	background-color:#ecf0f9;
}

.jobBox .jobBoxHeader {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
}
.jobBox .jobBoxHeader .textBox {
	flex:1 1 100%;
}
.jobBox .jobBoxHeader .kantonicon {
	flex:1 1 57px;
}
.jobBox .jobBoxHeader .kantonicon img {
	border:1px solid #333;
	border-radius:5px;
}
.jobBox .jobBoxHeader .textBox .titel  {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:24pt;
	line-height:36px;
	font-weight:300;
	padding-right:20px;
}
.jobBox .jobBoxHeader .textBox .adresse  {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:16pt;
	line-height:28px;
	font-weight:300;
	padding-top:10px;
}
.jobBox .mehrButton {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:7px 60px 7px 20px;
	background-color:#c0c0c0;
	color:#fff;
	cursor:pointer;
	margin:30px 0 10px;
	max-width:200px;
	background-image:url('/page/_webpics/buttons/plus-gruppe.svg');
	background-repeat:no-repeat;
	background-position:right 10px center;
	background-size:16px 16px;
	transition:.2s;
}
.jobBox .mehrButton:hover {
	background-color:#0072b9;
}
.jobBox .mehrButton.akt {
	background-image:url('/page/_webpics/buttons/minus-gruppe.svg');
}
.jobBox .jobMehrText {
	display:none;
	padding:10px 0;
}


/* RESPONSIVE */


@media  only screen and (max-width: 840px) {
	.jobContBox {
		flex-flow: column;
	}

	.jobContBox .text {
		flex:1 1 100%;
	}
	.jobContBox .bild {
		max-width:400px;
	}
}


@media  only screen and (max-width: 600px) {
	.uebersichtBox {
		flex: 0 1 100%;
	}
	.alterBox {
		flex-flow: column;
		margin-top:50px;
		margin-bottom:50px;
	}
	.alterBox:nth-child(even) {
		flex-direction: column;
	}
	.alterBox .textBox {
		flex:1 1 100%;
	}

	.jobButton {
	font-size:12pt;
	line-height:24px;
	padding:10px 15px 10px 64px;
	display:block;
	background-color:#82add7;
	color:#fff !important;
	margin-bottom:20px;
	border-radius:28px 5px 5px 28px;
	background-image:url('/page/_webpics/buttons/arrow-right-white-blue.svg');
	background-repeat:no-repeat;
	background-position:left -5px center;
	background-size:auto 52px;
	transition:.2s;
	text-transform:uppercase;
}
	
	
}