/*
 * Jobs Filter
 */
#top .__jobs--filter{margin: 0 0 2em 0; padding: .5rem 0; overflow: auto;}
#top .__jobs--filter .button-group{display: -webkit-box;display: -ms-flexbox;display: flex;}
#top .__jobs--filter .button-group > a{margin: 0; padding: .5em 1em; border-bottom: 4px solid #f2f2f2; line-height: 1.2; display: block; color: #000; font-size: .85rem; white-space: nowrap;}
#top .__jobs--filter .button-group > a.active{border-color: #000}
#top .__jobs--filter .button-group > a:hover{text-decoration: none}


/*
 * Jobs Layout: Grid
 */
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry{margin: 0 0 3rem 0; width: 100%}
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry:hover{text-decoration: none}
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry .__content{border: 1px solid var(--orthoplace-fresh-blue); border-radius: 1rem; padding: 2rem}
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry .__content .__job--title{font-size: var(--step-1); line-height: 1.2; font-weight: 700;}
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry .__content .__job--category{margin: 0; color: var(--orthoplace-fresh-blue)}
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry .__content .avia-button{position: absolute; right: 8%; bottom: -.9em; margin: 0;}

#top .avia_textblock .__jobs a{text-decoration: none}
#top .avia_textblock .__jobs a{opacity: 1}

html.no-touch-device #top .__jobs--wrap[data-layout="grid"] > .jobs-entry:hover .__content p.__optical-button{border: 1px solid var(--orthoplace-playfull-green) !important}


@media only screen and (min-width: 600px){
	#top .__jobs--wrap[data-layout="grid"] > .gutter-sizer{width: 2%}
	#top .__jobs--wrap[data-layout="grid"] > .grid-sizer,
	#top .__jobs--wrap[data-layout="grid"] > .jobs-entry{width: 49%;}
}

@media only screen and (min-width: 1280px){
	#top .__jobs--wrap[data-layout="grid"] > .grid-sizer,
	#top .__jobs--wrap[data-layout="grid"] > .jobs-entry{width: 32%;}
}


/*
 * Jobs Layout: List
 */
#top .__jobs--wrap[data-layout="list"] > .jobs-entry{
    display: flex; 
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    border-bottom: 2px solid;
    margin: 0;
    padding: 2rem 0;
    transition: .2s;
}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry:last-child{border: 0}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry::after{
    content: '\e808';
    font-family: 'orthoplace-fontello';
    font-size: 2em;
    line-height: 1;
    display: inline-block;
}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry .__content *{display: none;}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry .__content .__job--title{display: block; margin: 0 !important; font-size: var(--step-1); line-height: 1.2; font-weight: 700;}
html.no-touch-device #top .__jobs--wrap[data-layout="list"] > .jobs-entry:hover{translate: 0 -.25rem;}


/*
 * Single Jobs
 */
#top.single-op_job .__single--job--header--title{padding-top: 10rem;}
#top.single-op_job .__single--job--header--title h1{font-size: var(--step-3); margin-bottom: 1rem !important}
#top.single-op_job .__single--job--header--title .__standorte p{color: var(--orthoplace-dark-blue); font-weight: 600; background: rgb(255 255 255 / 80%); line-height: 1.2; padding: .2em var(--step--1); border-radius: .2em; display: inline-block; margin-right: .5rem;}
#top.single-op_job .__single--job--header--title .__infos p{color: var(--orthoplace-fresh-blue); font-size: var(--step-0);  margin-bottom: 3rem !important}

@media only screen and (min-width: 990px){
    #top.single-op_job main.content article{padding-top: 60px;}
    #top.single-op_job main.content{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5rem}
    #top.single-op_job main.content > *{-ms-flex-preferred-size: 0;flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; width: 100%; margin: 0}
}

#top.single-op_job main.content article h2{font-size: var(--step-1); font-weight: 600 !important;}
#top.single-op_job main.content article ul, #top.single-op_job main.content article p{margin-bottom: 2em;}

#top.single-op_job aside.__form--wrap .__form-box h2{font-size: var(--step-1); color: var(--orthoplace-dark-blue); background: rgb(255 255 255 / 80%); line-height: 1.2; padding: .2em var(--step--1); border-radius: .2em; display: inline-block; margin-bottom: 2rem !important;}
#top.single-op_job aside.__form--wrap .__form-box{padding: 2.5em 2.5em 0 2.5em; border: 1px solid var(--orthoplace-fresh-blue); border-radius: 1.5rem;}