.job-list {
  margin: 0 auto;
  max-width: 1024px;
  width: 100%;
  
  .job-teaser {
    margin-bottom: 1rem;
    
    a {
      background-color: rgb(from var(--color-blue0-100) r g b / 0.1);
      border-radius: calc(var(--card-border-corners) * 1px);
      border-top-right-radius: 0;
      border-bottom-left-radius: 0;
      padding: 1rem;
      width: 100%;
      
      &:hover {
        background-color: rgba(var(--color-blue0-100), 0.2);
        background-color: rgb(from var(--color-blue0-100) r g b / 0.2);
        box-shadow: 0 1px 35px 0 rgba(0, 0, 0, .3);
        scale: 1.05;
        animation: pulse 2s infinite;
      }
      &::before,
      &::after {
        content: none !important;
      }
      
      h2 {
        font-size: var(--h3-font-size);
        margin: 0 0 1rem 0;
      }
      .job-teaser-head,
      .job-teaser-meta {
        color: oklch(from var(--color-white-100) l c h / var(--subheadline-opacity));
      }
      .job-teaser-meta {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin: 0;
        
        ul {
          align-items: center;
          column-gap: 2rem;
          display: flex;
          flex-wrap: wrap;
          list-style: none;
          margin: 0;
          padding: 0;
          
          li {
            align-items: center;
            column-gap: .5em;
            display: flex;
            font-family: var(--font-familiy-heading);
            font-weight: var(--heading-light-font-weight);
            margin: 0;
            padding: 0;
            
            &::before {
              content: '';*
            }
          }
        }
      }
    }
  }
}

.module-wrapper--dark {
  .job-teaser {

    a {
      background-color: rgb(from var(--color-white-100) r g b / 0.1);

      &:hover {
        background-color: rgb(from var(--color-white-100) r g b / 0.2);
      }
    }
  }
}