.job-listing{display:flex;min-height:330px;width:100%;flex-direction:row;justify-content:space-between;align-items:stretch;gap:32px;background:var(--color-surface-content-alt);.job-listing--info{margin:24px 0 24px 24px;display:flex;width:266px;padding:24px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:24px;align-self:stretch;background:#093d59}.job-listing--avatar{flex:1 1;object-fit:contain;object-position:center;width:auto;max-width:150px;max-height:80px;img{border:none}}.job-listing--partner{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px}.job-listing--partner-item{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--color-solid-white);font-size:var(--font-size-base);font-weight:400;line-height:var(--line-height-lg);letter-spacing:var(--default-letter-spacing);text-align:left}.job-listing--main{display:flex;flex-direction:row;align-items:flex-start;width:100%}.job-listing--description{margin:24px 24px 24px 0;display:flex;flex-direction:column;justify-content:space-between;gap:12px;align-items:flex-start;align-self:stretch;flex:1 1}.job-listing--header{flex-direction:column;gap:12px}.job-listing--header,.job-listing--top-line{display:flex;align-items:flex-start;justify-content:flex-start;width:100%}.job-listing--top-line{gap:16px}.job-listing--title{color:var(--color-solid-white);font-size:var(--font-size-xl);font-weight:700;line-height:var(--line-height-lg);letter-spacing:var(--default-letter-spacing)}.job-listing--preview{color:var(--color-text-placeholder)}.job-listing--company{font-size:var(--font-size-md);font-weight:400}.job-listing--company,.job-listing--time{color:var(--color-solid-white);line-height:var(--line-height-lg);letter-spacing:var(--default-letter-spacing)}.job-listing--time{font-size:var(--font-size-sm);font-weight:700}.job-listing--details{display:grid;grid-template-columns:repeat(3,260px);justify-content:flex-start;align-items:flex-start;grid-column-gap:48px;column-gap:48px;grid-row-gap:12px;row-gap:12px;margin:24px 0;.jobportal--job-attribute-item--category{grid-column:3;grid-row:1/span 2}}.job-listing--partner-actions{align-self:flex-end;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:16px;.job-listing--action-button{text-transform:uppercase}}.job-listing--apply-button,.job-listing--view-button{grid-column:2;background:var(--background-gradient)}.job-listing--bookmark-button{color:var(--color-solid-white);margin-left:auto}.job-listing--enduser-actions{display:grid;width:100%;grid-template-columns:1fr 1fr;justify-content:space-between;align-items:center;grid-gap:16px;gap:16px}.job-listing--tags{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}.job-listing--tag,.job-listing--tags svg{color:var(--color-solid-white)}.job-listing--tag{display:inline-flex;white-space:nowrap;padding:4px 8px;background:hsla(0,0%,100%,.1)}.job-listing--match{background:#093d59;display:flex;width:185px;padding:39px 32px;flex-direction:column;align-items:center;gap:11px;flex-shrink:0;align-self:stretch;.job-listing--match-progress-container{position:relative;.job-listing--match-progress{width:109px!important;height:109px!important}.job-listing--match-progress-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-family:Siemens Sans;font-size:var(--font-size-3xl);font-weight:700;line-height:var(--line-height-lg);letter-spacing:var(--default-letter-spacing);background:var(--background-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;.job-listing--match-progress-percent{font-size:var(--font-size-md)}}}}.job-listing--actions{grid-column:1/-1;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;gap:8px}.job-listing--match-title{text-align:center;font-family:Siemens Sans;font-size:var(--font-size-md);font-weight:700;line-height:var(--line-height-lg);letter-spacing:var(--default-letter-spacing)}.job-listing--skills{display:flex;flex-direction:column;justify-content:flex-start}.job-listing--skill{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;text-align:left;font-feature-settings:"liga" off,"clig" off;font-family:Siemens Sans;font-size:var(--font-size-xs);font-weight:400;line-height:var(--line-height-lg);letter-spacing:var(--default-letter-spacing)}.job-listing--match-title,.job-listing--skill{background:var(--background-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}@media (max-width:768px){.job-listing{flex-direction:column;gap:0;min-height:auto;.job-listing--info{width:100%;margin:0;padding:16px;flex-direction:row;align-items:center;gap:16px}.job-listing--avatar{max-width:96px;max-height:48px;flex:0 0 auto}.job-listing--partner{gap:8px}.job-listing--main{flex-direction:column;width:100%}.job-listing--description{margin:16px;gap:16px}.job-listing--title{font-size:var(--font-size-md);line-height:var(--line-height-base)}.job-listing--company{font-size:var(--font-size-sm);line-height:22px}.job-listing--details{grid-template-columns:1fr;column-gap:0;row-gap:8px;.jobportal--job-attribute-item--category{grid-column:1;grid-row:unset}}.job-listing--detail-item,.job-listing--partner-item{font-size:var(--font-size-sm);line-height:22px}.job-listing--partner-actions{flex-direction:column;width:100%}.job-listing--enduser-actions{grid-template-columns:1fr;gap:12px}.job-listing--bookmark-button{align-self:flex-start}.job-listing--tags{flex-wrap:wrap;gap:6px}.job-listing--match{width:100%;padding:24px;flex-direction:row;justify-content:space-between;align-items:center;.job-listing--match-progress-container{transform:scale(.85)}}.job-listing--skills{align-items:flex-start}}}