/*
 * Jobs Layout: Grid
 */
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry{margin: 0 0 2rem 0; width: 100%;}
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry:hover{text-decoration: none}
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry figure{margin: 0; aspect-ratio: 16/9;}
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry figure img{margin: 0; display: block; width: 100%; height: 100%; object-fit: cover;}
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry .__content{padding: 2.5rem; background: var(--or-grey); border: 1px solid var(--or-gold); border-radius: 15px;}
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry .__content h4{color: #000; font-weight: 600 !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: gleicher Hover-Effekt wie .avia-button */
#top .__jobs--wrap .jobs-entry{
    transition: var(--or-transition);
}

@media (hover: hover) and (prefers-reduced-motion: no-preference){
    #top .__jobs--wrap .jobs-entry:hover,
    #top .__jobs--wrap .jobs-entry:focus-visible{
        translate: 0 -2px;
    }
}


/*
 * Jobs Layout: List
 */
#top .__jobs--wrap[data-layout="list"] > .jobs-entry{display: flex; flex-wrap: wrap; margin: 0 0 2rem 0;}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry:hover{text-decoration: none}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry figure{margin: 0; aspect-ratio: 1/1; max-width: 6rem; flex: 1 1 0;}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry figure img{margin: 0; display: block; width: 100%; height: 100%; object-fit: cover;}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry .__content{padding: 1rem; background: #fff; border: 1px solid #000; flex: 1 1 0;}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry .__content h4{color: #000}


/*
 * Jobs Layout: Single
 */

/* Hero */
#top.single-or_job .__job-hero{background: var(--or-gold); color: var(--or-white); border: 0;}
#top.single-or_job .__job-hero .container{padding-block: 8rem 4rem;}
#top.single-or_job .__job-hero h1{color: inherit; font-size: var(--step-5); max-width: 22ch; margin: 0 !important;}

/* Layout 60/40 */
#top.single-or_job .__job-layout{display: grid; grid-template-columns: 3fr 2fr; gap: 12rem; align-items: start; padding: 5rem 0;}
#top.single-or_job .__job-layout h2{padding-bottom: 0;} /* globalen h2-Abstand neutralisieren */

/* Texte links */
#top.single-or_job .__job-section{margin-bottom: 3em;}
#top.single-or_job .__job-texts h2{font-size: var(--step-2);}

/* Sidebar rechts */
#top.single-or_job .__job-sidebar{position: sticky; top: 140px; display: flex; flex-direction: column; gap: 2.5em;}
#top.single-or_job .__job-sidebar h2{font-size: var(--step-1); font-weight: 500 !important; margin-bottom: 1em !important;}

/* Fakten-Kasten */
#top.single-or_job .__job-facts{background: var(--or-grey); border: .7px solid var(--or-gold); border-radius: 15px; padding: 2.5em;}
#top.single-or_job .__job-facts dl{margin: 0;}
#top.single-or_job .__job-facts dl > div{padding: .8em 0; border-top: 1px solid rgb(139 122 84 / 30%);}
#top.single-or_job .__job-facts dt{font-size: var(--step-0); font-weight: 500; margin: 0;}
#top.single-or_job .__job-facts dd{font-size: var(--step-0); margin: .2em 0 0;}

/* CTA – Optik kommt aus den globalen .avia-button-Stilen */
#top.single-or_job .__job-cta .__buttons{display: flex; flex-direction: column; gap: .8em; margin-top: 1.5em;}

/* Tablet/Mobil: einspaltig */
@media only screen and (max-width: 989px){
    #top.single-or_job .__job-hero .container{padding-block: 4rem 3rem;}
    #top.single-or_job .__job-layout{grid-template-columns: 1fr; gap: 3rem; padding: 3rem 0;}
    #top.single-or_job .__job-sidebar{position: static;}
}