/**
  Jobs - Stylesheet
	@updated 2024-04-17 by Thomas Jirasko
*/
.gr-jobs-uebersicht { background-color: #fff; }

div.gr-jobs-suche .uk-icon.hidden { display: none; }

.gr-jobs-filter .uk-button-default { background-color: #fff; width: 100%; text-align: left; border: 1px solid #e5e5e5; }
.gr-jobs-liste { cursor: pointer; }
.gr-jobs-liste .gr-jobs-element { background-color: #f1f1f1; margin-bottom: 10px; }

.gr-jobs-liste .gr-jobs-element > a { padding: 30px 25px; }

.gr-jobs-liste .gr-jobs-element span { font-weight: 300; font-size: 14px; }
.gr-jobs-liste .gr-jobs-element.hidden { display: none; }
.gr-jobs-liste .gr-jobs-element:hover { background-color: #fff; box-shadow: 0 8px 32px rgb(0,0,0,0.2); }
.gr-jobs-liste span.gr-jobs-titel { font-size: 18px; }

input.jobsearch { border: 1px solid #e5e5e5; padding-right: 60px; }

ul.gr-jobs-messages { padding: 0; margin: 0; }
ul.gr-jobs-messages li { list-style: none; margin: 0 0 10px 0; font-weight: 600; }

div.gr-jobs-suche .icon-jobsearch-close{right:25px;}

div.gr-job-filter button span.label.selected{ font-weight: 500; text-transform: none; }

div.gr-jobs-filter .uk-dropdown{ padding-left: 10px; padding-right: 15px; }
div.gr-jobs-filter .uk-dropdown-nav li{white-space:nowrap;}
div.gr-jobs-filter .uk-dropdown-nav li a{ padding-left: 35px; background: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjEgMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuNSAzLjVoMTBhMiAyIDAgMCAxIDIgMnYxMGEyIDIgMCAwIDEtMiAyaC0xMGEyIDIgMCAwIDEtMi0ydi0xMGEyIDIgMCAwIDEgMi0yeiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODc4Nzg3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJzdHJva2UtMDAwMDAwIj48L3BhdGg+PC9zdmc+') no-repeat left center transparent; background-size: contain;}
div.gr-jobs-filter .uk-dropdown-nav li a:hover,
div.gr-jobs-filter .uk-dropdown-nav li.selected a{ padding-left: 35px; background: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjEgMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMxOTMyNWYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9InN0cm9rZS0wMDAwMDAiPjxwYXRoIGQ9Ik01LjUgMy41aDEwYTIgMiAwIDAgMSAyIDJ2MTBhMiAyIDAgMCAxLTIgMmgtMTBhMiAyIDAgMCAxLTItMnYtMTBhMiAyIDAgMCAxIDItMnoiPjwvcGF0aD48cGF0aCBkPSJtNy41IDEwLjUgMiAyIDQtNCI+PC9wYXRoPjwvZz48L3N2Zz4=') no-repeat left center transparent; background-size: contain; cursor: pointer; }

div.gr-job-filter .uk-badge_wrap{ display: inline-block; flex-wrap: wrap; background: #f1f1f1; border-radius: 5px; padding: 3px 10px 5px 10px; margin: 10px 5px 0 0; }
div.gr-job-filter .uk-badge{ height:auto; padding: 0; border-radius: 0; background: inherit; color: #19325f !important; font-size: 0.9em; line-height: 1em; hyphens: auto; }
div.gr-job-filter .uk-badge_wrap .uk-icon-link{ float:right; margin: 3px 0 0 5px !important; }

div.gr-jobs-reset-wrap { visibility: hidden; opacity: 0; display: inline-block; position: absolute; z-index:1; width: auto; left: calc(50% - 61px); margin: -42px 0 0 0; text-align: center; font-weight: 300; font-size: 12px; transition: all .2s ease-in-out; cursor: pointer; }

ul.gr-jobs-pagination { padding: 0; display: flex; justify-content: center; margin-top: 50px; flex-wrap: wrap; }
ul.gr-jobs-pagination li.pagination-page { list-style-type: none; background: none; border: none; height: 32px; width: 32px; border-radius: 50%; margin-left: 4px; margin-right: 4px; transition: background-color .25s ease-in-out; cursor: pointer; font-weight: 500; text-align: center; }
ul.gr-jobs-pagination li.pagination-page.active,
ul.gr-jobs-pagination li.pagination-page:hover { background-color: #e9e9e9; color: #19325f; }

ul.gr-jobs-pagination li.pagination-prev,
ul.gr-jobs-pagination li.pagination-next { height: 32px; width: 32px; list-style-type: none; text-align: center; }
ul.gr-jobs-pagination li.pagination-prev { margin-right: 4px; background:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI1NnYyNTZIMHoiPjwvcGF0aD48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMxOTMyNWYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgZD0ibTE2MCAyMDgtODAtODAgODAtODAiIGNsYXNzPSJzdHJva2UtMDAwMDAwIj48L3BhdGg+PC9zdmc+') no-repeat center 41% transparent;background-size:19px 19px;text-indent:-9999px;}
ul.gr-jobs-pagination li.pagination-next { margin-left: 4px; background:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI1NnYyNTZIMHoiPjwvcGF0aD48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMxOTMyNWYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgZD0ibTk2IDQ4IDgwIDgwLTgwIDgwIiBjbGFzcz0ic3Ryb2tlLTAwMDAwMCI+PC9wYXRoPjwvc3ZnPg==') no-repeat center 41% transparent;background-size:19px 19px;text-indent:-9999px;}
ul.gr-jobs-pagination li.pagination-prev.hidden,
ul.gr-jobs-pagination li.pagination-next.hidden { display: none; }
ul.gr-jobs-pagination li.pagination-prev:hover,
ul.gr-jobs-pagination li.pagination-next:hover { cursor: pointer; }

ul.gr-jobs-pagination li.info-message{ margin-top: 40px; list-style-type: none; }

a.gr-job-detail-backlink { font-weight: 300; font-size: 14px; }

.gr-jobs-inhalt { margin: 0 90px; width: calc(100% - 180px); }

.gr-job-detail-header { background-color: #19325f; }
.gr-job-detail-header h2 { color: #fff; margin: 70px 0 0 0; text-align: right; }
h1.job-title { font-size: 40px; text-align: center; margin: 50px auto 20px auto; padding-left: 30px; padding-right: 30px; }
.gr-job-detail-bildband { position: relative; }
.gr-job-detail-bildband img { width: 100%; }
img.gr-job-detail-muster { position: absolute; right: -7vw; width: 28.5vw; }

.gr-job-icons { text-align: center; margin: 0 0 80px 0; color: #19325f; }
.gr-job-icons div { font-size: 14px; margin: 0 10px; display: inline-block; }
.gr-job-icons svg { max-width: 24px; margin: 0; width: 24px; height: 24px; }
.job-description { color: #19325f; font-size: 24px; font-weight: 500; }
.job-description p { font-size: 20px !important; font-weight: 300; }
.job-description p b{ font-size: 24px; font-weight: 900;}
.job-description ul { font-size: 20px !important; font-weight: 300; }
.job-description ul li { line-height: unset !important; }
.job-description ul li p { margin: 0 !important; }
.job-description span { font-size: 20px !important; font-weight: 300; }
.job-associated { color: #19325f; font-size: 24px; font-weight: 500; margin-top: 4rem; }
.job-associated b { font-size: 20px !important; font-weight: 500; margin: unset; }
.job-associated p { font-size: 20px !important; font-weight: 300; margin: .5rem; }

.gr-job-bewerben { background-color: #19325f; color: #fff; padding: 15px 30px; border-radius: 40px; }
.gr-job-bewerben:hover { background-color: #2d7de6; color: #fff; }

@media only screen and (max-width: 1199px) {
    h1.job-title { font-size: 28px; }
	.gr-jobs-filter.uk-margin-large-bottom{ margin-bottom: 50px !important; }
	div.gr-jobs-reset-wrap{ margin-top: -33px; }
}
@media only screen and (max-width: 959px) {
/*	
	.gr-jobs-liste .gr-jobs-element .audience { display: none; }
	.gr-jobs-liste .gr-jobs-element .category { display: none; }
	.gr-jobs-liste .gr-jobs-element .location { display: none; }
*/
	.gr-jobs-liste .gr-jobs-element .uk-width-2-5 { width: 100%; }
	h1.job-title { font-size: 22px; }
	.gr-job-icons { margin: 0 0 50px 0; }
	.gr-jobs-inhalt { margin: 0 50px; width: calc(100% - 100px); }
}
@media only screen and (min-width: 640px) and (max-width: 679px) {

	.gr-job-filter .uk-button{padding: 0 20px; }
}
@media only screen and (max-width: 639px) {
	.gr-jobs-inhalt { margin: 0; width: 100%; }
	ul.gr-jobs-pagination li.pagination-page { height: 28px; padding-top: 4px; }
	.job-description { font-size: 20px; }
	.job-description p { font-size: 16px !important; }
	.job-description ul { font-size: 16px !important; }
    .job-description span { font-size: 16px !important; }
}