/* ALL PAGES CSS */ /*Wizardry*/
          body {
            font-size: 1.1111111111111112vw;
          } /* Max Font Size */
          @media screen and (min-width: 1720px) {
            body {
              font-size: 19.11111111111111px;
            }
          } /* Container Max Width */
          .container {
            max-width: 1720px;
          }
          .navigation {
            max-width: 1720px;
          }
          .back-to-top {
            max-width: 1720px;
          } /* Minimal Typography Sizes */
          @media screen and (max-width: 1440px) {
            .button {
              font-size: 20px;
            }
            .custom-input {
              font-size: 20px;
            }
            .floating-label {
              font-size: 20px;
            }
            .custom-text-area {
              font-size: 20px;
            }
            .floating-label-text-area {
              font-size: 20px;
            }
            .menu__link-name {
              font-size: 18px;
            }
            .menu__link-mobile {
              font-size: 20px;
            }
            .menu__link-mobil-close {
              font-size: 20px;
            }
            .menu__link {
              font-size: 20px;
            }
            .menu__link-darkmode {
              font-size: 20px;
            }
            .back-to-top__button {
              font-size: 20px;
            }
            .footer__text {
              font-size: 20px;
            }
            .testimonial__sender__text {
              font-size: 18px;
            }
            .is--testimonial {
              font-size: 18px;
            }
            .testimonial__list {
              font-size: 18px;
            }
            .tag.is--recommended {
              font-size: 18px;
            }
            .display.is--bento {
              font-size: 56px;
            }
            .contact__label.is--bento {
              font-size: 18px;
            }
          }
          @media screen and (max-width: 1296px) {
            p.is--extra-small {
              font-size: 18px;
            }
            .h7 {
              font-size: 18px;
            }
            .great-for__list-item-text {
              font-size: 18px;
            }
            .tag {
              font-size: 18px;
            }
            .nda-disclaimer__text {
              font-size: 18px;
            }
          }
          @media screen and (max-width: 1440px) {
            .great-for__list {
              font-size: 9.6px;
            }
          }
          @media screen and (max-width: 1200px) {
            p.is--big {
              font-size: 30px;
            }
            p.is--small {
              font-size: 20px;
            }
            .contact__label {
              font-size: 20px;
            }
            .h6 {
              font-size: 20px;
            }
          }
          @media screen and (max-width: 960px) {
            .h4 {
              font-size: 24px;
            }
          }
          @media screen and (max-width: 1149px) {
            p {
              font-size: 24px;
            }
          }
          @media screen and (max-width: 582px) {
            .display.is--bento {
              font-size: 8.7em;
            }
          }
          @media screen and (max-width: 479px) {
            .display.is--bento {
              font-size: 8.01em;
            }
          } /* */
          .menu-icon__line-1 {
            background-color: CurrentColor;
          }
          .menu-icon__line-2 {
            background-color: CurrentColor;
          } /* Stories Navigation
          SW */
          .w-slider-dot {
            width: 100%;
            height: 4px;
            position: relative;
            background-color: white;
            border-radius: 4px;
          }
          .w-slider-dot:focus {
            outline: none;
            box-shadow: none;
          }
          .w-slider-dot.w-active {
            background-color: rgba(255, 255, 255, 0.3);
          }
          .w-slider-dot.w-active ~ .w-slider-dot {
            background-color: rgba(255, 255, 255, 0.3);
          }
          .w-slider-dot::before {
            content: "";
            background-color: white;
            width: 0%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 4px;
          }
          @keyframes slider-dot {
            from {
              width: 0%;
            }
            to {
              width: 100%;
            }
          } /* The element to apply the animation to */
          .w-slider-dot.w-active::before {
            animation-name: slider-dot;
            animation-duration: 5.5s;
            animation-fill-mode: forwards;
            animation-timing-function: linear;
          } /* Link color inherits from
          parent font color */
          a {
            color: inherit;
          }