@media screen and (min-width: 0px) {
    html {
      --rem: min(3vmin, 16px);
      --h1-fs: 3.5rem;
      --h2-fs: 3rem;
      --h3-fs: 2.5rem;
      --h4-fs: 2rem;
      --h5-fs: 1.5rem;
      --h6-fs: 1rem;
      --p-fs: 1rem;
      --px: min(4vmin, 20px);
      --ban-py: min(2vmin, 10px);
      --logo-h: var(--mnav-w);
      --mnav-w: min(11vmin, 80px);
      --nav-w: 100%;
      --nav-p-fs: 1.3rem;
      --nav-i-fs: calc(var(--nav-p-fs) * 1.5);
      --ddm-a-fs: 1rem;
      --main-h1-fs: 2rem;
      /* footer */
      --ft-py: min(2vmin, 20px);
      --lhold-w: 100%;
      --log-w: min(40%, 100px);
      /* header */
      --head-a-w: min(15%, 100px);
      --head-a-me: min(5vmin, 50px);
      /* Unterseiten h1 */
      /* newsletteer popup */
      --qr-img-w: min(50vmin, 200px);

      --gl-mt: min(5vmin, 50px);
      /* blue headers */
      --static-header-h1-fs: calc(.9 * var(--h1-fs));
      --nav-fat-mt: min(3vmax, 20px);
      --or-ban-fs: calc(.65 * var(--h5-fs));
    }
    @media screen and (min-aspect-ratio: 1) {
      html {
        --rem: min(1.5vmin, 8px);
        --nav-w: min(40%, 500px);
        /* Unterseiten h1 */
        --main-h1-fs: 3rem;
        /* footer */
        --lhold-w: 40%;
        /* header */
        --head-a-w: min(10%, 70px);
        --nav-fat-mt: min(5vmax, 30px);
        --nav-fat-mt: unset;
      }
    }
  }
@media screen and (min-width: 576px) {
  html {
    --rem: min(3vmin, 18px);
    --px: min(4vmin, 50px);
    --ban-py: min(2vmin, 10px);
    --logo-h: calc(1.3 * var(--mnav-w));
    --mnav-w: min(11vmin, 60px);
    --nav-p-fs: calc(1.2 * var(--p-fs));
    /* blue headers */
    --static-header-h1-fs: calc(1.1 * var(--h1-fs));
    --nav-fat-mt: min(4vmax, 40px);
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1) {
  html {
    --ban-py: min(2vmin, 10px);
    --mnav-w: min(11vmin, 60px);
    --nav-p-fs: calc(.8 * var(--p-fs));
    /* Unterseiten h1 */
    --main-h1-fs: 2rem;
    /* footer */
    --lhold-w: 55%;
    --nav-fat-mt: min(2vmin, 20px);
  }
}
@media screen and (min-width: 768px) {
  html {
    --px: min(8vmin, 80px);
    --ban-py: min(2vmin, 10px);
    --logo-h: calc(1.5 * var(--mnav-w));
    --mnav-w: min(11vmin, 60px);
    --nav-p-fs: 1rem;
    /* header */
    --head-a-w: min(15%, 80px);
    /* blue headers */
    --static-header-h1-fs: calc(1.3 * var(--h1-fs));
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  html {
    --ban-py: min(2vmin, 10px);
    --mnav-w: min(11vmin, 60px);
    --nav-p-fs: 1rem;
    /* blue headers */
    --static-header-h1-fs: calc(1.1 * var(--h1-fs));
  }
}
@media screen and (min-width: 992px) {
  html {
    --rem: min(3vmin, 20px);
    --px: min(11vmin, 110px);
    --ban-py: min(2vmin, 10px);
    --logo-h: calc(1.8 * var(--mnav-w));
    --mnav-w: min(11vmin, 60px);
    /* footer */
    --lhold-w: 55%;
    --log-w: min(20%, 200px);
    /* blue headers */
    --static-header-h1-fs: calc(1.5 * var(--h1-fs));
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  html {
    --ban-py: min(2vmin, 10px);
    --mnav-w: min(11vmin, 60px);
    /* Unterseiten h1 */
    --main-h1-fs: 2rem;
    /* blue headers */
    --static-header-h1-fs: calc(1.1 * var(--h1-fs));
  }
}
@media screen and (min-width: 1200px) {
  html {
    --rem: min(3vmin, 22px);
    --px: min(15vmin, 150px);
    --ban-py: min(2vmin, 10px);
    --head-h1-fs: calc(1 * var(--h1-fs));
    --head-h2-fs: calc(.8 * var(--h1-fs));
    --mnav-w: min(11vmin, 60px);
    
      --gl-mt: min(7vmin, 70px);
      /* blue headers */
      --static-header-h1-fs: calc(1.6 * var(--h1-fs));
      --or-ban-fs: calc(.8 * var(--h5-fs));
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1) {
  html {
    --ban-py: min(2vmin, 10px);
    --head-h1-fs: calc(.7 * var(--h1-fs));
    --head-h2-fs: calc(.5 * var(--h1-fs));
    --mnav-w: min(11vmin, 60px);
    /* Unterseiten h1 */
    --main-h1-fs: 2rem;
    /* blue headers */
    --static-header-h1-fs: calc(1.2 * var(--h1-fs));
  }
}
@media screen and (min-width: 1400px) {
  html {
    --px: min(20vmin, 200px);
  }
  @media screen and (min-aspect-ratio: 1) {
  }
}