.products-overview .container .wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1px;
  row-gap: 1px; }
  .products-overview .container .wrapper .element {
    background: var(--content-boxes-3); }
    .products-overview .container .wrapper .element .normal {
      padding: clamp(30.59375px, 3.81944vw, 61.11111px) clamp(25.03125px, 3.125vw, 50px); }
      .products-overview .container .wrapper .element .normal h3 {
        font-size: clamp(20.025px, 2.5vw, 40px);
        line-height: clamp(25.5875px, 3.19444vw, 51.11111px);
        font-weight: normal;
        position: relative;
        margin-bottom: clamp(45.6125px, 5.69444vw, 91.11111px); }
        @media only screen and (max-width: 800px) {
          .products-overview .container .wrapper .element .normal h3 {
            font-size: clamp(30.72px, 9.6vw, 76.8px);
            line-height: clamp(39.25333px, 12.26667vw, 98.13333px); } }
        .products-overview .container .wrapper .element .normal h3:after {
          position: absolute;
          content: "";
          display: block;
          width: clamp(45.6125px, 5.69444vw, 91.11111px);
          height: clamp(1.1125px, 0.13889vw, 2.22222px);
          left: 0;
          bottom: clamp(-52.22222px, -3.26389vw, -26.14375px);
          background: var(--primary-cta-button); }
      .products-overview .container .wrapper .element .normal p {
        font-size: clamp(11.125px, 1.38889vw, 22.22222px);
        line-height: clamp(15.575px, 1.94444vw, 31.11111px);
        font-weight: normal; }
        @media only screen and (max-width: 800px) {
          .products-overview .container .wrapper .element .normal p {
            font-size: clamp(17.06667px, 5.33333vw, 42.66667px);
            line-height: clamp(23.89333px, 7.46667vw, 59.73333px); } }
    .products-overview .container .wrapper .element .rollover {
      padding: clamp(30.59375px, 3.81944vw, 61.11111px) clamp(25.03125px, 3.125vw, 50px);
      display: none; }
      .products-overview .container .wrapper .element .rollover h2 {
        font-size: clamp(27.25625px, 3.40278vw, 54.44444px);
        line-height: clamp(34.4875px, 4.30556vw, 68.88889px);
        font-weight: normal;
        position: relative;
        margin-bottom: clamp(33.375px, 4.16667vw, 66.66667px);
        color: var(--headline-and-body); }
        @media only screen and (max-width: 800px) {
          .products-overview .container .wrapper .element .rollover h2 {
            font-size: clamp(29.01333px, 9.06667vw, 72.53333px);
            line-height: clamp(39.25333px, 12.26667vw, 98.13333px); } }
        .products-overview .container .wrapper .element .rollover h2:after {
          position: absolute;
          content: "";
          display: block;
          width: clamp(45.6125px, 5.69444vw, 91.11111px);
          height: clamp(1.1125px, 0.13889vw, 2.22222px);
          left: 0;
          bottom: clamp(-33.33333px, -2.08333vw, -16.6875px);
          background: var(--headline-and-body); }
      .products-overview .container .wrapper .element .rollover p {
        font-size: clamp(8.9px, 1.11111vw, 17.77778px);
        line-height: clamp(12.79375px, 1.59722vw, 25.55556px);
        font-weight: normal;
        margin: 0 0 2.22222vw 0; }
        @media only screen and (max-width: 800px) {
          .products-overview .container .wrapper .element .rollover p {
            font-size: clamp(13.65333px, 4.26667vw, 34.13333px);
            line-height: clamp(20.48px, 6.4vw, 51.2px); } }
      .products-overview .container .wrapper .element .rollover a {
        font-size: clamp(8.9px, 1.11111vw, 17.77778px);
        line-height: clamp(12.79375px, 1.59722vw, 25.55556px);
        font-weight: normal;
        font-weight: 500;
        color: var(--headline-and-body);
        position: relative; }
        @media only screen and (max-width: 800px) {
          .products-overview .container .wrapper .element .rollover a {
            font-size: clamp(13.65333px, 4.26667vw, 34.13333px);
            line-height: clamp(20.48px, 6.4vw, 51.2px); } }
        .products-overview .container .wrapper .element .rollover a:hover {
          text-decoration: underline;
          text-underline-offset: clamp(5.5625px, 0.69444vw, 11.11111px);
          text-decoration-thickness: clamp(1.66875px, 0.20833vw, 3.33333px); }
        .products-overview .container .wrapper .element .rollover a:after {
          position: absolute;
          width: clamp(3.89375px, 0.48611vw, 7.77778px);
          height: clamp(3.89375px, 0.48611vw, 7.77778px);
          content: "";
          display: block;
          border-width: 2px 2px 0 0;
          border-style: solid;
          border-color: var(--headline-and-body);
          top: clamp(3.3375px, 0.41667vw, 6.66667px);
          right: clamp(-30px, -1.875vw, -15.01875px);
          transform: rotate(45deg); }
    .products-overview .container .wrapper .element:hover {
      background: var(--rollover-state-colour); }
      .products-overview .container .wrapper .element:hover .normal {
        display: none; }
      .products-overview .container .wrapper .element:hover .rollover {
        display: block; }

@media only screen and (max-width: 800px) {
  .products-overview .container .wrapper {
    grid-template-columns: 1fr; }
    .products-overview .container .wrapper .element:hover {
      background: var(--content-boxes-3); }
      .products-overview .container .wrapper .element:hover .normal {
        display: block; }
      .products-overview .container .wrapper .element:hover .rollover {
        display: block; }
    .products-overview .container .wrapper .element .normal {
      padding-bottom: 0; }
      .products-overview .container .wrapper .element .normal h3 {
        font-size: clamp(11.125px, 1.38889vw, 22.22222px);
        line-height: clamp(15.575px, 1.94444vw, 31.11111px);
        font-weight: normal;
        margin-bottom: 0; } }
      @media only screen and (max-width: 800px) and (max-width: 800px) {
        .products-overview .container .wrapper .element .normal h3 {
          font-size: clamp(17.06667px, 5.33333vw, 42.66667px);
          line-height: clamp(23.89333px, 7.46667vw, 59.73333px); } }

@media only screen and (max-width: 800px) {
        .products-overview .container .wrapper .element .normal h3 br {
          display: none; }
        .products-overview .container .wrapper .element .normal h3 strong {
          margin-left: 5px; }
        .products-overview .container .wrapper .element .normal h3:after {
          display: none; }
      .products-overview .container .wrapper .element .normal p {
        display: none; }
    .products-overview .container .wrapper .element .rollover {
      padding-bottom: clamp(13.90625px, 1.73611vw, 27.77778px);
      display: block; }
      .products-overview .container .wrapper .element .rollover h2:after {
        background: var(--primary-cta-button);
        height: clamp(0.44444px, 0.53333vw, 8.53333px);
        width: clamp(17.77778px, 21.33333vw, 341.33333px); }
      .products-overview .container .wrapper .element .rollover a:after {
        top: clamp(1.33333px, 1.6vw, 25.6px);
        width: clamp(1.55556px, 1.86667vw, 29.86667px);
        height: clamp(1.55556px, 1.86667vw, 29.86667px); } }