@charset "utf-8";
@import url('fonts.css');
/*
	font-family: 'Droid Sans', sans-serif;
*/

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
}


img {
	border: none;
	max-width: 100%;
	height: auto;
}

.ce-gallery img:not([src$=".svg"]) {
	width: 100%;
}


html,
body {
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400;
	height: 100%;
}

html {
	overflow-y: scroll;
}


:focus {
	outline: none;
}

a[href^=tel] {
	color: inherit;
	text-decoration: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: 400;
}

fieldset {
	border: none;
}

iframe {
	max-width: 100%;
}


select {
	border-radius: 0;
}

textarea,
input[type="text"],
input[type="submit"],
input[type="password"],
select {
	font-family: 'Droid Sans', sans-serif;
	-webkit-appearance: none;
	border-radius: 0;
}

::-webkit-input-placeholder {
	color: #D7D7D7;
}

.error::-webkit-input-placeholder {
	color: red;
}

:-moz-placeholder {
	color: #D7D7D7;
	opacity: 1;
}

.error:-moz-placeholder {
	color: red;
	opacity: 1;
}

::-moz-placeholder {
	color: #D7D7D7;
	opacity: 1;
}

.error::-moz-placeholder {
	color: red;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #D7D7D7;
}

.error:-ms-input-placeholder {
	color: red;
}


b,
strong {
	font-weight: 700;
}


hr {
	height: 1px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #000000;
}


a {
	color: inherit;
	text-decoration: none;
}

.text-left,
.ce-headline-left {
	text-align: left;
}

.text-right,
.ce-headline-right {
	text-align: right;
}

.text-center,
.ce-headline-center {
	text-align: center;
}

.text-justify {
	text-align: justify;
}

/* buttons */
.button {
	float: right;
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 10px;
	padding: 8px 15px;
	border: 1px solid #D8D8D8;
	cursor: pointer;
	background-color: transparent;
	border-radius: 25px;
}

.button:hover {}

.button:after {
	content: '';
	font-family: Verdana, Arial, sans-serif;
}

/* safari line-height hack */

/* displays */
main,
header,
footer,
nav,
section,
article {
	display: block;
}

/* limiters */
.inner,
.inner-1145 {
	max-width: 1145px;
	margin: 0 auto;
}

.inner-870 {
	max-width: 870px;
	margin: 0 auto;
}

.inner-770 {
	max-width: 770px;
	margin: 0 auto;
}

.inner-600 {
	max-width: 600px;
	margin: 0 auto;
}

/* clearer */
.clear {
	line-height: 0;
	font-size: 0;
	height: 0;
	text-indent: -999px;
	clear: both;
}

#footer:after,
#header:after,
.jobsSearchHead:after,
.jobBox:after,
.jobLoginBox:after,
.jobDetail:after,
.jobContactContent:after,
.jobContact:after,
.jobTop:after,
.jobFooter:after,
.jobMiddle:after,
.jobHead:after,
.jobCenter:after,
.row:after {
	clear: both;
	content: '';
	display: table;
}

#naviMain ul,
#content ul {
	list-style: none;
}

/* effects */
#naviMain a,
.jobsSearchHead .filter-toggle:after,
.effect {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

/* font-sizes */
.size-10,
.field.checkbox input[type="checkbox"]+label {
	font-size: 10px;
}

.size-12,
.entryYear,
#myJobs span#number {
	font-size: 12px;
}

.size-14,
html,
body,
h6 {
	font-size: 14px;
}

.size-16,
h4,
h5,
#jobsSearchForm input[type="submit"],
.jobsSearchBox input[type="checkbox"]+label,
.field select,
.field textarea,
.field input[type="date"],
.field input[type="text"],
.field input[type="password"],
.jobCreate input[type="submit"] {
	font-size: 16px;
}

.size-24,
h3,
.jobsSearchHead .filter-toggle {
	font-size: 24px;
}

.size-40,
h1,
h2 {
	font-size: 40px;
}


/* line-heights */
/*.line-height-18 { line-height: 18px; }*/
/*.line-height-24, #content p { line-height: 24px; }*/


/* colors */
.color.white,
.jobBox .jobCompany,
.entryDate,
h3,
#jobsSearchForm input[type="submit"],
.jobSalary,
#myJobs span#number,
.jobsSearchHead .filter-toggle,
.jobCreate input[type="submit"] {
	color: #FFF;
}

.color.blue,
h1,
h2,
h4,
.jobMore,
.jobHeadRight,
.jobBack,
.jobShare span,
.jobPDF,
.jobPDF2,
.cWeb,
.cMail,
#naviMain>ul>li.active>a,
#naviMain>ul>li:hover>a {
	color: #069AD5;
}

.color.black,
html,
body,
h5 {
	color: #333;
}


/* background-colors */
.background.white,
#header,
.jobLoginBox,
.jobCreate,
.jobsOverview,
.jobsSearchBox,
.jobsSearchBox input[type="checkbox"]+label>span,
.jobDetail,
.jobContact {
	background-color: #FFF;
}

.background.blue,
.jobBox .jobCompany,
#myJobs span#number,
.entryDate,
.jobsSearchHead,
#jobsSearchForm input[type="submit"],
.jobSalary,
.prevButton,
.nextButton,
.jobCreate input[type="submit"] {
	background-color: #069AD5;
}

.background.grey,
body {
	background-color: #EDF1F2;
}


/* margins */
/*.margin-16, #content p, #content ul, #content ol, #content hr { margin-bottom: 16px; }*/


/* header */
#header {}

#header #logo {
	float: left;
	padding-top: 18px;
	margin-bottom: 19px;
}

#header .logo_link {
	display: block;
	line-height: 0;
	font-size: 0;
}

#myJobs {
	float: right;
	padding-top: 36px;
	margin-bottom: 29px;
}

#myJobs a {
	position: relative;
	display: block;
	width: 24px;
	height: 22px;
	background-image: url(../img/heart.svg);
	background-repeat: no-repeat;
}

#myJobs span#number {
	position: absolute;
	top: -6px;
	right: -8px;
	z-index: 5;
	line-height: 15px;
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	text-align: center;
}

#naviMain {
	position: relative;
	float: right;
	padding-top: 36px;
	margin-right: 20px;
}

#naviMain>ul>li {
	float: left;
	position: relative;
}

#naviMain>ul>li>a {
	display: block;
	padding-left: 20px;
	padding-right: 20px;
}


/* banner */
#banner {
	position: relative;
	margin-bottom: 30px;
}

#banner .swiper-wrapper>.csc-default {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

#banner .ce-gallery img {
	width: 100%;
}

/* typo3 banner resets */
#banner .ce-gallery,
#banner .ce-row,
#banner .ce-column {
	margin: 0;
	float: none;
}

#banner .ce-outer,
#banner .ce-inner {
	float: none;
	position: static;
	right: 0;
}

#banner .ce-gallery figure {
	display: block;
}

#banner .ce-textpic,
#banner .ce-image {
	overflow: visible;
}

#banner .swiper-wrapper {
	height: auto;
}

/* content */
#content {}

#content h1,
#content h2 {
	margin-bottom: 40px;
}

#content h3 {}

#content h6 {
	margin-bottom: 5px;
}

#content p {
	line-height: 22px;
	margin-bottom: 22px;
}

#content ul,
#content ol {}


.jobsWrap {
	overflow: hidden;
}

.jobsRow {
	margin-left: -15px;
	margin-right: -15px;
}

.jobsSearch {
	float: left;
	width: 32%;
	padding-left: 15px;
	padding-right: 15px;
}

.jobsSearchHead {
	position: relative;
	padding: 9px 40px 9px 20px;
}

.jobsSearchHead .filter-toggle {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translate(0, -56%);
	display: none;
	font-size: 0;
}

.jobsSearchHead .filter-toggle:after {
	content: '';
	display: none;
	width: 12px;
	height: 12px;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	transform: rotate(45deg);
}

.jobsSearchHead .filter-toggle.open:after {
	transform: rotate(-135deg);
}

.jobsSearchHead h3 {}

.jobsSearchHead h3:first-child {
	float: left;
}

.jobsSearchHead h3:last-child {
	float: right;
}

.jobsSearchBox {
	padding: 15px 15px 1px 100px;
	margin-bottom: 30px;
}

.jobsSearchBox h5 {
	margin-bottom: 15px;
	font-weight: 700;
}

input[type="checkbox"] {
	display: none;
}

input[type="checkbox"]+label {
	position: relative;
	display: block;
	margin-bottom: 20px;
	cursor: pointer;
	padding-left: 55px;
	line-height: 25px;
	font-weight: 400;
}

input[type="checkbox"]+label>span {
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	border: 1px solid #D8D8D8;
	cursor: pointer;
}

input[type="checkbox"]:checked+label>span {
	background-image: url(../img/check.svg);
	border: 1px solid #069AD5;
	background-size: 15px;
	background-position: center;
	background-repeat: no-repeat;
}

#jobsSearchForm input[type="submit"] {
	float: right;
	margin-bottom: 50px;
	font-weight: 700;
	padding: 13px 45px;
	border: none;
	cursor: pointer;
}

.jobsOverviewOut {
	float: left;
	width: 68%;
	padding-left: 15px;
	padding-right: 15px;
}

.jobsManageOut {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

.jobsOverview {
	padding: 28px;
}

.jobBox {
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 50px;
	border: 1px solid #D8D8D8;
}

.jobBox .entryBox {
	float: left;
	width: 13.76%;
	padding-right: 10px;
}

.entryDate {
	padding: 3px 0;
	text-align: center;
	font-weight: 700;
}

.entryYear {
	padding: 3px 0;
	text-align: center;
	border-right: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
}

.jobBox .jobContent {
	float: left;
	width: 86.24%;
	padding-right: 50px;
	padding-top: 30px;
}

.jobBox .jobCompany {
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px 20px;
	text-align: center;
	font-weight: 700;
	margin-left: 100px;
}

.jobContent h4 {
	margin-bottom: 25px;
	font-weight: 700;
	margin-top: 25px;
}

.jobLinks {}

.jobLinks a {
	display: inline-block;
}

.jobMore {
	padding-left: 10px;
	background-image: url(../img/arrow-blue-right.svg);
	background-size: 5px 9px;
	background-position: left;
	background-repeat: no-repeat;
}

.jobMail,
.jobWhatsapp,
.jobHeart {
	display: block;
	background-repeat: no-repeat;
}

.jobMail {
	float: right;
	margin-left: 15px;
	width: 25px;
	height: 18px;
	margin-top: 3px;
	background-image: url(../img/mail.svg);
}

/*.jobWhatsapp { display: none; }*/
.jobWhatsapp {
	float: right;
	margin-left: 15px;
	width: 24px;
	height: 24px;
	background-image: url(../img/whatsapp.svg);
}

.bookmarkButton {
	float: right;
	margin-left: 15px;
}

.jobHeart {
	width: 24px;
	height: 22px;
	background-image: url(../img/heart.svg);
}

.jobHeart.added {
	background-image: url(../img/heart-active.svg);
}

.jobDetail,
.jobContact {
	position: relative;
	margin-top: 70px;
	padding-top: 30px;
	padding-bottom: 45px;
}

.prevButton,
.nextButton {
	position: absolute;
	top: 50%;
	margin-top: -22px;
	z-index: 5;
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 13px 23px;
}

.prevButton {
	left: 0;
	background-image: url(../img/arrow-white-left.svg);
}

.nextButton {
	right: 0;
	background-image: url(../img/arrow-white-right.svg);
}

.jobHeadLeft {
	float: left;
}

#content .jobHeadLeft h2 {
	float: left;
	margin-bottom: 15px;
}

.jobHeadLeft .bookmarkButton {
	float: left;
	display: block;
	margin-top: 6px;
	margin-left: 20px;
}

.jobHeadRight {
	float: right;
	padding-top: 28px;
}

.jobBack {
	display: inline-block;
	margin-bottom: 5px;
	padding-left: 15px;
	background-image: url(../img/arrow-blue-left.svg);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 5px 9px;
}

.jobLeft {
	float: left;
	width: 60.93%;
	margin-right: 1.72%;
	border: 1px solid #D8D8D8;
}

.jobMiddle {
	padding: 30px 25px 0 35px;
}

.jobDetail .jobContent {
	padding-right: 20px;
	border-right: 3px solid #D8D8D8;
}

#content .jobDetail .jobContent p {
	margin-bottom: 0;
}

.jobFooter {
	margin: 0 35px;
	padding: 15px 0;
	border-top: 1px solid #D8D8D8;
}

.jobPDF,
.jobPDF2 {
	float: left;
	display: block;
	line-height: 26px;
	padding-left: 30px;
	background-image: url(../img/pdf.svg);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 19px 26px;
}

.jobPDF2 {
	clear: left;
	margin-top: 15px;
}

.jobShare {
	float: right;
}

.jobShare span {
	line-height: 24px;
}

.jobShare a {}

.jobDetail .entryBox,
.jobContact .entryBox {
	float: left;
	width: 80px;
}

.jobSalary {
	float: right;
	padding: 3px 20px;
	font-weight: 700;
}

.jobRight {
	float: left;
	width: 37.35%;
	padding: 20px;
	border: 1px solid #D8D8D8;
}

.jobRight>div {
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #D8D8D8;
}

.jobRight>div:last-child {
	border-bottom: 0;
}

#content .jobDetail .jobCompany p,
#content .jobContact .jobCompany p {
	margin-bottom: 0;
}

.jobDetail .jobCompany a,
.jobContact .jobCompany a {
	display: block;
}

.cWeb,
.cMail {
	display: inline-block;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left;
}

.cWeb {
	background-image: url(../img/link.svg);
	background-size: 11px;
}

.cMail {
	background-image: url(../img/mail.svg);
	background-size: 14px 10px;
}

.jobOthers li {
	line-height: 26px;
}

.jobContact .jobMiddle {
	padding: 30px 35px 0 35px;
}

.jobContact .jobMiddle .button {
	margin-right: 0;
}

.jobContactContent {
	margin-left: -7px;
	margin-right: -7px;
}

.jobContactContent form {
	overflow: hidden;
}

/* form styles */
.field {
	float: left;
	width: 50%;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 10px;
}

.field.error select {
	color: #cc0000;
}

.field select,
.field textarea,
.field input[type="date"],
.field input[type="text"],
.field input[type="password"] {
	width: 100%;
	padding: 6px 15px;
	border: 1px solid #D7D7D7;
	line-height: 22px;
}

.field input[type="date"] {
	padding: 5px 15px;
}

.field.error select,
.field.error .cke_chrome,
.field.error input[type="date"],
.field.error input[type="text"],
.field.error input[type="password"] {
	border: 1px solid #cc0000;
	color: rgba(204, 0, 0, .5);
}

.field.error input[type="submit"] {
	width: auto;
	padding: 8px 45px;
	margin-bottom: 0;
}

.field textarea {
	line-height: 18px;
}

.field.field_100 {
	width: 100%;
}

.field.checkbox {
	margin-top: 20px;
}

.field.checkbox input[type="checkbox"]+label {
	font-weight: 400;
	line-height: normal;
	padding-left: 35px;
	margin-bottom: 0;
}

.field.checkbox.error input[type="checkbox"]+label {
	color: #cc0000;
}

.field.error input[type="checkbox"]+label>span {
	border: 1px solid #cc0000;
}

.field a {
	line-height: 36px;
}

input[type="submit"].button {
	border-radius: 25px;
}

.field.error ::-webkit-input-placeholder {
	color: rgba(204, 0, 0, .5);
}

.field.error ::-moz-placeholder {
	color: rgba(204, 0, 0, .5);
}

.field.error :-ms-input-placeholder {
	color: rgba(204, 0, 0, .5);
}

.field.error :-moz-placeholder {
	color: rgba(204, 0, 0, .5);
}

.jobBookmarks .jobsOverviewOut {
	float: none;
	width: auto;
	padding: 0;
}

.jobLogin {
	margin-bottom: 50px;
}

.jobLoginBox {
	padding: 20px 30px;
	overflow: hidden;
}

.jobLoginBox>form {
	margin-left: -7px;
	margin-right: -7px;
}

.jobLoginBox label {
	display: inline-block;
	margin-bottom: 5px;
}

.jobLogin .button {
	margin-right: 0;
}

.jobLogin .register-button {
	line-height: 1.5;
	color: white;
	text-decoration: none;
	background-color: #069AD5;
}

.jobCreate {
	padding: 20px 30px;
	overflow: hidden;
}

.jobCreate>form {
	margin-left: -7px;
	margin-right: -7px;
}

.jobCreate input[type="submit"] {
	font-weight: 700;
	padding: 13px 45px;
	border: none;
	cursor: pointer;
}

.field-block {
	float: left;
	width: 50%;
	padding-left: 7px;
	padding-right: 7px;
}

.field {
	width: 100%;
	margin-bottom: 15px;
}

.field label {
	display: block;
	margin-bottom: 5px;
}

.field.field_50 {
	float: left;
	width: 50%;
}

.fWrap {
	float: left;
	width: 60%;
	padding: 0;
	min-height: 41px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

#userRegister .field .fWrap input[type=file] {
	border: none;
	float: none;
	width: auto;
	cursor: pointer;
	min-width: 100%;
	min-height: 100%;
	opacity: 0;
	position: absolute;
	display: block;
	padding: 0;
}

.fWrap span {
	padding-left: 10px;
	padding-top: 10px;
	display: block;
	padding-bottom: 10px;
}

.fWrap .filetitle {
	cursor: pointer;
}

.progress {
	width: 0;
	height: 100%;
	top: 0;
	position: absolute;
	display: block;
	background-color: rgba(0, 83, 158, .5);
}

.tx_dmpr_Loader {
	position: fixed;
	left: 50%;
	top: 50%;
	height: 40px;
	width: 40px;
	transform: translate(-50%, -50%);
	z-index: 200;
	background-image: url(../img/loader.gif);
	background-repeat: no-repeat;
	background-size: 100%;
}

/*table { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; }*/
table {
	border-collapse: collapse;
	width: 100%;
}

table td,
table th {
	border: 1px solid #ddd;
	padding: 8px;
}

table td.center {
	text-align: center;
}

table tr:nth-child(even) {
	background-color: #f2f2f2;
}

table tr:hover {
	background-color: #ddd;
}

table th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #069AD5 !important;
	color: white;
}

.table-managejobs {
	font-size: 90%;
}

.boxes-managejobs {
	display: none;
}

/* buttons */
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	order-radius: 4px;
}

/* button group / thx bootstrap */
.btn-group,
.btn-group-vertical {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.btn-group>.btn:first-child {
	margin-left: 0;
}

.btn-group-vertical>.btn,
.btn-group>.btn {
	position: relative;
	float: left;
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}

/* alert */
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.alert p {
	margin-bottom: 0 !important;
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

/* icon links */
.icon-link {
	display: inline-block;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	margin-left: 5px;
}

.icon-link:first-child {
	margin-left: 0;
}

.action-job-edit {
	background: url('../img/icon-edit.png') no-repeat;
	background-size: 24px 24px;
}

.action-job-hide {
	background: url('../img/icon-hide.png') no-repeat;
	background-size: 24px 24px;
}

.action-job-delete {
	background: url('../img/icon-delete.png') no-repeat;
	background-size: 24px 24px;
}

/* grids */
/*.grid { overflow: hidden; }*/
/*.grid > .row { margin-left: -15px; margin-right: -15px; }*/
/*.grid > .row > .col { float: left; padding-left: 15px; padding-right: 15px;}*/
/*.grid_30_30_30 > .row > .col { width: 33.33%; }*/
/*.grid_25_25_25_25 > .row > .col { width: 25%; }*/
/*.grid_20_20_20_20_20 > .row > .col { width: 20%; }*/
/*.grid_50_50 > .row > .col {  width: 50%; }*/
/*.grid_70_30 > .row > .col_70 { width: 70%; }*/
/*.grid_70_30 > .row > .col_30 { width: 30%; }*/
/*.grid_30_70 > .row > .col_30 { width: 30%; }*/
/*.grid_30_70 > .row > .col_70 { width: 70%; }*/
/*.grid_40_60 > .row > .col_40 { width: 40%; }*/
/*.grid_40_60 > .row > .col_60 { width: 60%; }*/
/*.grid_60_40 > .row > .col_40 { width: 40%; }*/
/*.grid_60_40 > .row > .col_60 { width: 60%; }*/

/* footer */
footer {}


/*Register*/
.tx_evoweb_sfregister input[type="checkbox"] {
	display: inline;
}

.tx_evoweb_sfregister input[type="checkbox"]+label {
	display: inline;
	margin-left: 5px;
	padding-left: 0px;
}


.tx_evoweb_sfregister .register-preview {
	font-size: 1.25rem;
}

.tx_evoweb_sfregister .register-preview label {
	font-size: 0.85rem;
}

.tx_evoweb_sfregister .form-control-plaintext {
	margin-bottom: 0px !important;
	line-height: 1 !important;
}

/* f:debug fix */
.extbase-debugger-floating input[type="checkbox"] {
	display: inline;
}