.kgu-jobs {color:#50595d;--job-green:#124c3c}
.kgu-jobs [hidden] {display:none!important}
.kgu-jobs__filters {display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:1.5rem 0}
.kgu-jobs select {padding:.65rem 2rem .65rem .8rem;border:1px solid #c4d2ca;border-radius:4px;background:white;color:#124c3c;max-width:100%;font:inherit}
.kgu-jobs__list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem}
.kgu-jobs__card {display:flex;flex-direction:column;background:#fff;border:1px solid #dce5e0;border-radius:10px;overflow:hidden;box-shadow:0 6px 22px #124c3c0a}
.kgu-jobs__image {display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}
.kgu-jobs__body {display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:1.5rem;border-top:3px solid #124c3c}
.kgu-jobs .kgu-jobs__body h3 {font-size:1.4rem;line-height:1.25;color:#124c3c;margin:0 0 1rem}
.kgu-jobs__meta {color:#50595d;line-height:1.6;margin-bottom:1.5rem}
.kgu-jobs .kgu-jobs__button,.kgu-jobs-dialog .kgu-jobs__button {display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1.15rem;border:1px solid #124c3c;border-radius:4px;background:#124c3c;color:white;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;line-height:1.35;text-align:center}
.kgu-jobs__body .kgu-jobs__button {margin-top:auto}
.kgu-jobs .kgu-jobs__button:hover,.kgu-jobs-dialog .kgu-jobs__button:hover {background:#0b382c;color:#fff}
.kgu-jobs-dialog .kgu-jobs__button--secondary {background:white;color:#124c3c}
.kgu-jobs :is(button,a,select):focus-visible,.kgu-jobs-dialog :is(button,a):focus-visible {outline:3px solid #54836d;outline-offset:4px}
.kgu-jobs-dialog {box-sizing:border-box;width:min(900px,calc(100% - 2rem));max-height:90vh;max-height:90dvh;padding:0;border:0;border-radius:12px;color:#50595d;background:white;font-family:inherit;box-shadow:0 20px 80px #0005;overflow:auto}
.kgu-jobs-dialog::backdrop {background:rgba(7,31,24,.72)}
.kgu-jobs-dialog__head {display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.5rem 2rem;background:#eef3ef;border-bottom:1px solid #dce5e0}
.kgu-jobs-dialog .kgu-jobs-dialog__head h2 {font-size:1.7rem;line-height:1.25;color:#124c3c;margin:0}
.kgu-jobs-dialog__head button {flex-shrink:0}
.kgu-jobs-dialog__body {padding:2rem;overflow-wrap:anywhere}
.kgu-jobs-dialog__body section {margin:2rem 0}
.kgu-jobs-dialog__body h3 {color:#124c3c;font-size:1.3rem;margin:0 0 .8rem}
.kgu-jobs-dialog__body li {margin-bottom:.4rem}
@media(max-width:767px){.kgu-jobs__list{grid-template-columns:1fr}.kgu-jobs-dialog__head{flex-direction:column;padding:1.25rem}.kgu-jobs-dialog__body{padding:1.25rem}.kgu-jobs__body{padding:1.25rem}}

.kgu-jobs__placeholder {aspect-ratio:8/5;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#124c3c,#30755c);color:#fff;font-size:3.5rem}

/* Version 1.1: Bild-Text-Zeilen und kombinierbare Filter */
.kgu-jobs .kgu-jobs__filters {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;padding:1.5rem;background:#edf1f1;align-items:end}
.kgu-jobs__filter-field {min-width:0}
.kgu-jobs .kgu-jobs__filter-field label {display:block;font-weight:600;margin-bottom:.5rem;color:#124c3c}
.kgu-jobs .kgu-jobs__filter-field select {display:block;width:100%;min-height:48px;border-radius:0;box-sizing:border-box}
.kgu-jobs .kgu-jobs__reset {grid-column:1/-1;justify-self:start;background:transparent;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:.4rem 0;min-height:44px;color:#124c3c;font:inherit;cursor:pointer}
.kgu-jobs .kgu-jobs__reset:disabled {color:#687570;cursor:default;border-color:transparent}
.kgu-jobs .kgu-jobs__list {display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}
.kgu-jobs .kgu-jobs__card {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0;border-radius:0;box-shadow:none;background:#edf1f1;overflow:hidden}
.kgu-jobs .kgu-jobs__image {grid-column:1;grid-row:1;width:100%;height:100%;min-height:300px;aspect-ratio:4/3;object-fit:cover}
.kgu-jobs .kgu-jobs__placeholder {grid-column:1;grid-row:1;min-height:300px;aspect-ratio:4/3}
.kgu-jobs .kgu-jobs__body {grid-column:2;grid-row:1;justify-content:center;align-items:flex-start;border:0;padding:clamp(1.5rem,3vw,3rem);min-width:0}
.kgu-jobs .kgu-jobs__body h3 {font-size:clamp(1.35rem,2vw,1.8rem);overflow-wrap:anywhere}
.kgu-jobs .kgu-jobs__body .kgu-jobs__button {margin-top:.5rem}
.kgu-jobs .kgu-jobs__card:nth-child(even) > :is(.kgu-jobs__image,.kgu-jobs__placeholder) {grid-column:2}
.kgu-jobs .kgu-jobs__card:nth-child(even) > .kgu-jobs__body {grid-column:1}
.kgu-jobs .kgu-jobs__button,.kgu-jobs-dialog .kgu-jobs__button,.kgu-jobs-dialog {border-radius:0}
@media(max-width:767px){
  .kgu-jobs .kgu-jobs__filters {grid-template-columns:minmax(0,1fr);padding:1.25rem;gap:1rem}
  .kgu-jobs .kgu-jobs__card {grid-template-columns:minmax(0,1fr)}
  .kgu-jobs .kgu-jobs__card:nth-child(n) > :is(.kgu-jobs__image,.kgu-jobs__placeholder) {grid-column:1;grid-row:1;height:auto;min-height:0;aspect-ratio:16/9}
  .kgu-jobs .kgu-jobs__card:nth-child(n) > .kgu-jobs__body {grid-column:1;grid-row:2;padding:1.5rem}
}
