/**
 * 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
 */
.section-magazine-usps {
  padding-bottom: 0; }
  .section-magazine-usps .container {
    background-color: var(--gray);
    border-radius: 15px;
    padding: 2em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2em;
    margin-bottom: -70px;
    z-index: 2;
    position: relative; }
    @media (min-width: 981px) {
      .section-magazine-usps .container {
        padding: 3em;
        gap: 10em; } }
    .section-magazine-usps .container h4 {
      margin-top: 0;
      color: var(--orange);
      font-weight: 600; }
      @media (min-width: 981px) {
        .section-magazine-usps .container h4 {
          font-size: 26px;
          line-height: 31px; } }
    @media (max-width: 980px) {
      .section-magazine-usps .container .usps {
        flex-basis: 100%; } }
    .section-magazine-usps .container .usps .usp {
      margin: 0;
      position: relative;
      display: flex;
      gap: .5em; }
      .section-magazine-usps .container .usps .usp:not(:last-of-type) {
        margin-bottom: .5em; }
      .section-magazine-usps .container .usps .usp:before {
        content: '\e91b';
        font-family: Icomoon;
        font-size: 16px;
        color: var(--night); }
    .section-magazine-usps .container .link {
      display: flex;
      justify-content: space-between;
      position: relative;
      max-width: 350px;
      width: 100%;
      gap: 1em; }
      @media (min-width: 1200px) {
        .section-magazine-usps .container .link {
          gap: 2em; } }
      .section-magazine-usps .container .link a {
        display: flex;
        background: none;
        gap: 1em;
        color: var(--night);
        flex: 1; }
        @media (min-width: 1200px) {
          .section-magazine-usps .container .link a {
            gap: 2em; } }
        .section-magazine-usps .container .link a .icon-puzzel_hzc {
          height: 50px;
          width: 50px;
          display: flex;
          align-items: center;
          justify-content: center;
          color: var(--white);
          background-color: var(--lightblue);
          border-radius: 15px;
          transition: background-color .14s ease-in-out; }
        .section-magazine-usps .container .link a .content {
          display: flex;
          flex-direction: column;
          flex: 1; }
          .section-magazine-usps .container .link a .content .title {
            font-size: 20px;
            font-weight: 600;
            line-height: 1; }
      .section-magazine-usps .container .link .icon-chevron-right {
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--night);
        border: 1px solid var(--night);
        background-color: transparent;
        border-radius: 15px;
        transition: color .14s ease-in-out, background-color .14s ease-in-out;
        font-size: 10px; }
      .section-magazine-usps .container .link:hover a {
        text-decoration: none; }
        .section-magazine-usps .container .link:hover a .icon {
          background-color: var(--blue-darken); }
      .section-magazine-usps .container .link:hover .icon-chevron-right {
        color: var(--white);
        background-color: var(--night); }

/*# sourceMappingURL=magazine-usps.css.map */