/** CUSTOM OTYS STYLE **/

/* =========================
   Desktop (Default)
   ========================= */

   /** VACANCIES LIST **/
   .vacancies-list {
   	font-family: "Lato";
   }

   .vacancies-list .vacancy {
   	box-shadow: 4px 7px 7px 1px rgba(46, 46, 46, 0.2);
   	border-radius: 15px;
   }

   .vacancies-list .vacancy-title{
   	font-size: 20px;
   	font-weight: 400;
   	text-transform: uppercase;
   }

   .vacancy-description {
   	width: 100%;
   }

   .vacancies-list .vacancy-content:hover {
   	background: rgba(0, 0, 0, 0.1);
   }

   .vacancies-list .vacancy:hover .vacancy-title {
   	color: #e95b0c;
   }

   .pagination-item {
   	border-radius: 15px;
   	font-size: 15px;
   	padding: 5px;
   	text-transform: uppercase;
   	transition: 0.6s;
   	color: #000;
   	border: 1px solid #e95b0c;
   	font-weight: 400;
   }
   .pagination-item a {
   	color: #000;
   	font-weight: 300;
   	font-size: 15px;
   }

   .pagination-item.active{
   	background: #e95b0c;
   }
   .pagination-item.active a{
   	color: #fff;
   }

   .pagination-item:hover {
   	background: #e95b0c;
   }
   .pagination-item.active a:hover{
   	color: : #fff;
   }


   /** GEO SEARCH FILTER & SEARCH **/
   .vacancies-geo-search-section,
   .vacancies-search-section{
   	font-family: "Lato";
   	width: 100%;
   	box-shadow: 4px 7px 7px 1px rgba(46, 46, 46, 0.2);
   	border-radius: 15px;
   	padding: 15px;
   }

   .vacancies-search-section {
   	margin-bottom: 0;
   }

   .vacancies-geo-search-header{
   	color: #e95b0c;
   	font-size: 17px;
   	font-weight: 400;
   	text-transform: uppercase;
   	text-align: center;
   	margin-bottom: 10px;
   }

   .owp-geo-search-input,
   .owp-search-input {
   	border-radius: 5px;
   	border: 1px solid #000;
   	font-family: 'Lato';
   	font-size: 13px;
   	padding: 5px;
   	transition: 0.6s;
   }

   .owp-geo-search-input{
   	width: 100px;
   	float: left;
   	margin-right: 10px;
   }

   .owp-geo-search-input:hover,
   .owp-search-input:hover{
   	border-color: #e95b0c;
   }

   .vacancies-search-section .owp-search-input {
   	width: 100%;
   }

   .owp-geo-search-range.owp-range-slider-container {
   	width: auto;
   	margin: 0;
   }

   /* Grundstil für das Range-Input */
   .vacancies-geo-search-section .owp-range-slider {
   	-webkit-appearance: none;
   	appearance: none;
   	width: 100%;
   	background: transparent; /* wichtig */
   }

   /* Chrome, Edge, Safari */
   .vacancies-geo-search-section .owp-range-slider::-webkit-slider-thumb {
   	-webkit-appearance: none;
   	width: 30px;
   	height: 30px;
   	background: #e95b0c;
   	cursor: pointer;
   	border-radius: 20px;
   	border: none;
   	/*margin-top: -12px;  Ausrichtung zur Track-Höhe */
   }

   /* Firefox */
   .vacancies-geo-search-section .owp-range-slider::-moz-range-thumb {
   	width: 30px;
   	height: 30px;
   	background: #e95b0c;
   	cursor: pointer;
   	border-radius: 20px;
   	border: none;
   }

   /* Firefox: Track-Höhe fixen (wichtig!) */
   .vacancies-geo-search-section .owp-range-track {
   	height: 6px;
   	background: #ddd;
   	border-radius: 3px;
   }

   /* Firefox: Fokus-Rand entfernen */
   .vacancies-geo-search-section .owp-range-slider::-moz-focus-outer {
   	border: 0;
   }

   .vacancies-search-section .owp-search-form{
   	display: block;
   }

   .vacancies-geo-search-section .owp-range-slider {
   	-webkit-appearance: none;
   	appearance: none;
   	width: 100%;
   	height: 25px;
   	background: rgba(0, 0, 0, 0.2);
   	outline: none;
   	opacity: 1;
   	-webkit-transition: .2s;
   	transition: opacity .2s;
   	border-radius: 5px;
   }

   .geo-search-send-button .button,
   .vacancies-search-section .button {
   	background: #e95b0c;
   	font-size: 13px;
   	width: 50%;
   	border-radius: 5px;
   	transition: 0.6s;
   	padding: 0;
   	height: 30px;
   	margin-top: 20px;
   }

   .vacancies-search-section .button{
   	float: right;
   }

   .button.owp-search-button:hover {
   	background: #000;
   	cursor: pointer;
   }



   /** VACANCIES DETAIL **/
   #vacancy-article-detail {
   	font-family: "Lato";
   	padding-top: 50px;
   	padding-bottom: 50px;	
   	font-size: 17px;
   	font-weight: 400;
   	position: relative;
   }

   #vacancy-article-detail .vacancy-header::after{
   	background: none;
   }

   #vacancy-article-detail .vacancy-title {
   	font-size: 48px;
   	font-weight: 600;
   	text-transform: uppercase;
   	line-height: 1.3em;
   	overflow-wrap: break-word;
   	word-break: break-word;
   	text-align: center;
   	margin-bottom: 40px;
   }

   #vacancy-article-detail .vacancy-inpernell-header {
   	color: #e95b0c;
   	font-size: 20px;
   	font-weight: 400;
   	text-transform: uppercase;
   	text-align: center;
   }

   .vacancy-criteria-attribute{
   	margin-right: 15px;
   	padding: 2px 10px 0px;
   	background: #e95b0c;
   	color: #fff;
   	border-radius: 15px;
   	text-transform: uppercase;
   	margin-bottom: 5px;
   }

   .vacancy-criteria-attribute i{
   	margin-right: 5px;
   }

   .content-left{
   	width: 79%;
   }

   .vacancy-article-detail-content-container{
   	margin-bottom: 30px;
   }

   .vacancy-article-detail-content-container h3{
   	font-size: 20px;
   	font-weight: 400;
   	text-transform: uppercase;
   }

   .vacancy-article-detail-content-container ul{
   	padding-left: 15px;
   }

   .content-right {
   	width: 20%;
   	min-width: 250px;
   	position: sticky;
   	top: 20px;
   	float: right;
   	z-index: 1;
   }

   .consultant-info-container {
   	width: 100%;
   	box-shadow: 4px 7px 7px 1px rgba(46, 46, 46, 0.2);
   	border-radius: 15px;
   	background: #1659a7;
   	font-size: 15px;
   }

   .consultant-detail-image {
   	width: 60%;
   	border-radius: 100%;
   }

   .consultant-info-img-container{
   	text-align: center;
   	padding: 15px 0 0;
   }

   .consultant-info-detail-container {
   	color: #fff;
   	padding: 20px;
   	border-radius: 0 0 15px 15px;
   }

   .consultant-info-header{
   	font-size: 20px;
   	text-transform: uppercase;
   	font-weight: 600;
   	margin-bottom: 20px;
   }

   .consultant-info.consultant-info-name {
   	border-bottom: 1px solid;
   	padding: 0 0 5px 0;
   }

   .consultant-info.consultant-info-mail {
   	border-bottom: 1px solid;
   	padding: 5px 0 5px 0;
   }

   .consultant-info.consultant-info-phone {
   	padding: 5px 0 0 0;
   }

   .consultant-info i{
   	margin-right: 10px;
   }

   .consultant-info a{
   	color: #fff;
   }

   .consultant-info a:hover{
   	font-weight: bold;
   	color: #e95b0c;
   }

   #vacancy-header-actions{
   	margin: 10px 0;
   }

   #vacancy-article-detail .button{
   	width: 100%;
   	background:  #e95b0c;
   	border-radius: 15px;
   	text-align: center;
   	font-size: 15px;
   	box-shadow: 4px 7px 7px 1px rgba(46, 46, 46, 0.2);
   	transition: 0.6s;
   }

   #vacancy-article-detail .button:hover{
   	background: #000;
   }

   /** APPLY **/
   #vacancy-apply{
   	font-family: "Lato";
   	font-size: 17px;
   	padding: 50px 0;
   }
   .vacancy-head-apply-text{
   	color: #e95b0c;
   	font-size: 20px;
   	font-weight: 400;
   	text-transform: uppercase;
   	text-align: center;
   }

   #vacancy-apply .vacancy-header::after{
   	background: none;
   }

   #vacancy-apply .vacancy-title{
   	font-size: 48px;
   	font-weight: 600;
   	text-transform: uppercase;
   	line-height: 1.3em;
   	overflow-wrap: break-word;
   	word-break: break-word;
   	text-align: center;
   	margin-bottom: 40px;
   }

   .vacancy_apply_button{
   	width: 100%;
   	background:  #e95b0c;
   	border-radius: 15px;
   	text-align: center;
   	font-size: 15px;
   	box-shadow: 4px 7px 7px 1px rgba(46, 46, 46, 0.2);
   	transition: 0.6s;
   }

   .vacancy_apply_button:hover{
   	background: #000;
   }

   #vacancy-form {
   	margin-bottom: 100px;
   }

   #vacancy-form .input-field input{
   	border-radius: 5px;
   	border: 1px solid #000;
   	font-family: 'Lato';
   	font-size: 13px;
   	padding: 5px;
   	transition: 0.6s;
   	width: 100%;
   }

   #vacancy-form .input-field input:hover,
   #vacancy-form .input-field input:focus{
   	border-color: #e95b0c;
   }

   .form-intro {
   	font-size: 17px;
   	text-align: center;
   }

/* =========================
   Tablet
   ========================= */
   @media (max-width: 1024px) {
   	#vacancy-article-detail {
   		font-size: 15px;
   	}

   	.vacancy-header{
   		margin-bottom: 0px;
   	}

   	.content-left{
   		width: 100%;
   		font-size: 15px;
   	}
   	.content-right {
   		position: sticky;
   		top: 20px;
   		z-index: 1;
   		float: none;
   		width: 100%;
   		margin-bottom: 25px;
   	}

   	.consultant-detail-image {
   		width: 80%;
   	}

   	.consultant-info-container{
   		display: inline-flex;
   	}

   	.consultant-info-img-container{
   		width: 40%
   	}

   	.consultant-info-detail-container {
   		width: 60%
   	}
   }

/* =========================
   Phone
   ========================= */
   @media (max-width: 767px) {
   	#vacancy-article-detail {
   		font-size: 13px;
   	}

   	.vacancy-header{
   		margin-bottom: 0px;
   	}

   	#vacancy-article-detail .vacancy-title{
   		font-size: 20px;
   	}

   	#vacancy-article-detail .vacancy-inpernell-header{
   		font-size: 16px;
   	}

   	.vacancy-criteria-attribute{
   		font-size: 13px;
   	}

   	.content-left{
   		width: 100%;
   		font-size: 13px;
   	}

   	.consultant-info.consultant-info-header {
   		font-size: 15px;
   		margin-bottom: 5px;
   	}

   	.consultant-info-container{
   		font-size: 13px;
   	}

   	.consultant-info-img-container{
   		width: 47%
   	}

   	.consultant-info-detail-container {
   		width: 63%
   	}

   	#vacancy-header-actions{
   		margin: 0;
   	}
   	#vacancy-head-apply {
   		border-radius: 0px !important;
   		line-height: 30px;
   	}

   	/** APPLY **/
   	#vacancy-apply,
   	#vacancy-apply {
   		font-size: 13px;
   	}
   	.vacancy-head-apply-text{
   		font-size: 16px;
   	}

   	#vacancy-apply .vacancy-title{
   		font-size: 20px;
   	}

   }