/*OnApply*/
div.pagination-buttons {display:none;}
*{
    --main-farbe: #BFB3A6;
    --text-farbe: #000;
	--btn-farbe: #BFB3A6;
    --btn-text-farbe: #fff;
    --btn-hover: #fff;
    --btn-hover-text: #BFB3A6;
    --selector-background: #BFB3A6;
	--selector-text: #fff;
    --hover: #000;
	--border: 1px dotted #BFB3A6;
}

.onapply-job-ad-selector {
width:100%;
}

.onapply-job-ad-department {
margin-top: 36px;
color: rgba(0,0,0,0.3);
font-size: 32px;
width: 100%;
}

.onapply-career-page-container {
    width: 100%;
}

.onapply-career-page-container select{ 
border-radius:10px;
background-color: var(--selector-background);
color: var(--selector-text);
}

.onapply-career-page-container select:nth-of-type(1){margin-bottom:10px; margin-right: 10px}

.onapply-department-header {
    margin-top: 40px;
    font-size: 1.3em;
	font-weight: bold;
    color: #0F172A;
	border-top: var(--border);
	padding-top:20px;
}

.onapply-job-ad-list li {
    list-style: none;
}

.onapply-job-ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0px;
    border-bottom: unset;
	flex-wrap: wrap;
}

.onapply-job-ad__title {
    font-size: 1em;
    color: var(--text-farbe);
	font-weight: 600
}

.onapply-job-ad__title a {
    text-decoration: none;
    color: inherit;
}

.onapply-job-ad__location {
        width: 100%;
    font-size: 1em;
    margin-top: 10px;
    color: var(--text-farbe);
}

.onapply-job-ad__view-button {
    padding: 12px 24px;
    font-weight: 600;
    text-transform: normal;
	font-size:15px;
	border-radius:3px!important;
	line-height: 1em;
        border-radius: 0px;
        background-color: var(--btn-farbe);
    color: var(--btn-text-farbe);
    text-decoration: none!important;
}

.onapply-job-ad__view-button:hover {
    cursor: pointer;
    background-color: var(--btn-hover);
    color: var(--btn-hover-text);
}

.onapply-loader {
    border: 16px solid color: var(--main-farbe);
    border-top: 16px solid var(--main-farbe);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    animation: onapply-spin 2s linear infinite;
    margin: auto;
}

@keyframes onapply-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.pagination-buttons {
    display: flex;
    padding: 0px;
        color: #0F172A;
    border: unset;
        border-radius: unset;
    width: 200px;
    margin: auto;
    margin-top: 60px;
}

.pagination-buttons__button {
    padding: 8px;
    text-align: center;
    flex-grow: 1;
    cursor: pointer;

}

.pagination-buttons__button--disabled {
    cursor: not-allowed;
   color: var(--btn-farbe);
}

.pagination-buttons__page-indicator {
    padding: 8px;
}

.pagination-buttons__page-indicator span:first-child {
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid var(--text-farbe)
}

.onapply-career-page-container select {
	width: 100%;
	padding: 20px;
}

@media (max-width: 1324px) {
	div.onapply 
	{width: 98%;}
}

@media (max-width: 1324px) {
	div.onapply 
	{width: 98%;}
}

@media (max-width: 754px) {
.onapply-job-ad__view-button {
width: fit-content;
		margin-top: 30px;
	}
	.onapply-job-ad__info {width:100%}
}

@media (min-width: 754px) {
	
.onapply-job-ad__info {width:70%}
}
/*OnApply*/