/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.vacancy-hero {
  margin-block: var(--wp--preset--spacing--64) var(--wp--preset--spacing--200); }
  .vacancy-hero__columns {
    display: flex;
    flex-direction: column-reverse;
    gap: 2rem 3rem; }
    @media (min-width: 981px) {
      .vacancy-hero__columns {
        flex-direction: row;
        align-items: center; } }
    @media (min-width: 1200px) {
      .vacancy-hero__columns {
        gap: 2rem 5rem; } }
  @media (max-width: 781px) {
    .vacancy-hero__content h1 {
      font-weight: 400; } }
  .vacancy-hero__image figure {
    width: 100%;
    height: 28.25rem;
    overflow: hidden;
    border-radius: 2rem; }
    @media (min-width: 782px) {
      .vacancy-hero__image figure {
        height: 50rem; } }
    @media (min-width: 981px) {
      .vacancy-hero__image figure {
        width: 32rem;
        margin-right: -5vw; } }
    @media (min-width: 1200px) {
      .vacancy-hero__image figure {
        width: 36.75rem; } }
    .vacancy-hero__image figure img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

/*# sourceMappingURL=hero.css.map */