.db-joblist { background: var(--sand); }
.db-joblist .db-joblist__inner {
display: flex;
flex-direction: column;
gap: 32px;
padding-block: 40px;
}
.db-joblist__title { font-size: clamp(1.5rem, 8vw, 5rem); line-height: 1.1; }
.db-joblist .db-joblist__items { display: flex; flex-direction: column; }
.db-joblist__row { padding-block: 12px; }
.db-joblist__row + .db-joblist__row { border-top: 1px solid var(--line); }
.db-joblist .db-joblist__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
}
.db-joblist .db-joblist__body {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
}
.db-joblist__name { font-size: 1rem; line-height: 1.5; overflow-wrap: break-word; margin: 0; }
.db-joblist__name a { color: var(--ink); transition: color .2s ease; }
.db-joblist__row:hover .db-joblist__name a { color: var(--gold); }
.db-joblist__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
font-weight: 300;
font-size: 14px;
line-height: 24px;
color: var(--muted);
margin: 0;
}
.db-joblist__meta a { color: inherit; }
.db-joblist__meta .wp-block-post-terms { margin: 0; } .db-joblist__meta > .wp-block-post-terms:not(:empty) ~ .wp-block-post-terms:not(:empty)::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
margin-right: 8px;
vertical-align: middle;
background: var(--ink);
clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
} .db-joblist .db-joblist__head::after {
content: "";
flex: 0 0 auto;
width: 46px;
height: 46px;
border-radius: 50%;
background: var(--gold) url(//tender-thompson.87-230-86-123.plesk.page/mittagessen/wp-content/themes/dabaffo/assets/images/arrow-white.svg) center / 46px 46px no-repeat;
transform: scaleX(-1); transition: filter .2s ease;
}
.db-joblist__row:hover .db-joblist__head::after { filter: brightness(1.08); }
@media (min-width: 861px) {
.db-joblist .db-joblist__inner {
flex-direction: row;
justify-content: center;
align-items: flex-start;
gap: 120px;
padding-block: 120px;
}
.db-joblist__title { flex: 1 1 0; min-width: 0; overflow-wrap: break-word; font-size: 5rem; }
.db-joblist .db-joblist__list  { flex: 1 1 0; max-width: 600px; min-width: 0; }
.db-joblist .db-joblist__items { gap: 0; }
.db-joblist__row { padding-block: 0; }
.db-joblist__row + .db-joblist__row { border-top: none; }
.db-joblist .db-joblist__head { padding-block: 12px; border-bottom: 1px solid var(--line); }
.db-joblist__row:last-child .db-joblist__head { border-bottom: none; } .db-joblist__name { font-size: 1.5rem; line-height: 32px; }
}
.db-joblist__name { font-family: var(--font-display); text-transform: uppercase; } @media (min-width: 861px) and (max-width: 1099.98px) {
.db-joblist .db-joblist__inner { flex-direction: column; gap: 48px; }
.db-joblist .db-joblist__list  { max-width: none; }
}