/* =========================
   JOBLISTE – im Listenstyle
   ========================= */

/* Haupttitel / Untertitel */
.jobliste__title{
  /* wie .listen-title, aber etwas kleiner */
  font-family: var(--akzenttext);
  font-size: var(--txtxl);
  text-transform: uppercase;
  color: var(--akzent-hell);
  letter-spacing: .12em;
  margin: 16px 0 8px;
  text-align: center;
}

.res_tab {
 border: none; !important
      background-color: none; !important
}

.job__mainsubtitle{
  /* wie .listen-subtitle, kompakt */
  font-family: var(--akzenttext);
  font-size: var(--txtm);
  text-transform: uppercase;
  color: var(--design);
  letter-spacing: .08em;
  margin: 6px 0 14px;
  text-align: center;
}

/* Tab-Navigation */
.jobliste__tabnav.res_tab{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 12px 0;
  padding: 0;
}
.jobliste__tabnav.res_tab a,
.jobliste__tabnav.res_tab button{
  /* wie .listen-link */
  padding: 6px 12px;
  border: 1px solid var(--hairline);
  background: var(--tbl-main-tr2);
  color: var(--akzent-hell);
  font-size: var(--txtsmall);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .12em;
  transition: all .25s ease;
  cursor: pointer;
}
.jobliste__tabnav.res_tab a:hover,
.jobliste__tabnav.res_tab a.active,
.jobliste__tabnav.res_tab button:hover,
.jobliste__tabnav.res_tab button.active{
  background: var(--tbl-main-tr);
  color: var(--design);
}

/* Form-Bereich */
.jobliste__forms{
  margin: 10px 0 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.joblist__formitem{
  background: var(--tbl-main-tr2);
  border: 1px solid var(--hairline);
  padding: 8px 10px;
}
.joblist__formitem label{
  display: block;
  font-weight: 600;
  text-transform: uppercase;
  font-size: var(--txtxxsmall);
  letter-spacing: .06em;
  color: var(--akzent-hell);
  margin-bottom: 4px;
}

/* Ausgabe: Container & Beschreibung */
.job_ausgabe{
  background: var(--tbl-main-tr);
  margin: 14px 0 20px;
}
.job_ausgabe .joblist_descr{
  padding: 10px 12px;      /* zuvor 5/20 → kompakter */
  color: var(--txtcol);
  line-height: 1.5;
}
.job_ausgabe .job__title{
  /* Abschnittsüberschrift im Block */
  font-weight: 600;
  text-transform: uppercase;
  font-size: var(--txtxl);
  letter-spacing: .08em;
  color: var(--design);
  padding: 8px 12px;
  text-align: left;        /* weg von „fett & centered“ */
  margin: 0;
}

/* Einzelelement / Gruppe */
.job_ausgabe .job_bit__item{
  padding: 10px 12px;      /* statt 10px 20px */
}
.job_bit__heading{
  margin: 0 0 8px;
  padding-bottom: 6px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: var(--txtl);
  letter-spacing: .06em;
  color: var(--akzent-hell);
}

/* Userliste innerhalb eines Jobs */
.jobuser-entry__item{
  padding-left: 12px;      /* statt 20px */
  font-size: var(--txtsmall);
  color: var(--txtcol);
}
.jobuser__item.abteilung{
  font-weight: 600;
  padding: 8px 0 0;        /* etwas kompakter */
  text-transform: uppercase;
  font-size: var(--txtxxsmall);
  letter-spacing: .04em;
}

/* Add-User-Zeile */
.jobliste-user.adduser{
  padding-top: 6px;
  border-top: 1px solid var(--hairline);
  margin-top: 8px;
  font-size: var(--txtxxsmall);
  color: var(--akzent-hell);
}

/* Filter-/Listen-Header an „thead“ angelehnt */
.jobliste .thead{
  font-weight: 600;
  text-transform: uppercase;
  font-size: var(--txtxsmall);
  letter-spacing: .1em;
  padding: 8px 12px;
  background: var(--tbl-main-tr2);
  color: var(--design);
  border-bottom: 1px solid var(--hairline);
}

/* Responsive Angleichung an Listenstyle */
@media (max-width: 900px){
  .jobliste__tabnav.res_tab{ justify-content: flex-start; }
}
@media (max-width: 600px){
  .job_ausgabe .joblist_descr{ padding: 8px; }
  .job_ausgabe .job_bit__item{ padding: 8px; }
}