main {
    padding: 0 var(--px) min(20vmin, 200px);
}
main h1 {
    font-size: var(--main-h1-fs);
    color: var(--sec-col);
    margin-top: var(--gl-mt);
}
#unit-wrapper-cands-parties {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: var(--u-wr-cols);
    grid-template-columns: var(--u-wr-cols);
    margin-bottom: 50vmin;
}
#unit-wrapper-cands-parties .cell {
    width: calc(100% - min(3vmin, 30px));
    aspect-ratio: 1 !important;
    margin-top: var(--gl-mt);
}
#unit-wrapper-cands-parties .unit-card {
    aspect-ratio: 1;
    border-radius: min(2vmin, 15px);
}
#unit-wrapper-cands-parties .unit-card.BSW {
    border: 1px solid rgba(200,200,200,1);
}
#unit-wrapper-cands-parties .unit-card img {
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: min(2vmin, 15px);
    pointer-events: none;
}
#unit-wrapper-cands-parties .unit-card .actual-card > * {
    pointer-events: none;
}
#unit-wrapper-cands-parties .unit-card .actual-card {
    width: 100%;
    height: 100%;
    border: 1px solid black;
    border-radius: min(2vmin, 15px);
}
#unit-wrapper-cands-parties .unit-card .actual-card .pic-holder {
    width: 100%;
    height: 40%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
#unit-wrapper-cands-parties .unit-card .actual-card .pic-holder img {
    width: 50%;
}
#unit-wrapper-cands-parties .unit-card.Linke .actual-card .pic-holder img {
    width: 90%;
}
#unit-wrapper-cands-parties .unit-card.party .actual-card .pic-holder img {
    width: 70%;
}
#unit-wrapper-cands-parties .unit-card.party.SPD .actual-card .pic-holder img {
    width: 50%;
}
#unit-wrapper-cands-parties .unit-card .actual-card .name-party-holder {
    width: 100%;
    margin: var(--name-p-hold-my) 0;
    height: 40%;
}
#unit-wrapper-cands-parties .unit-card .actual-card .name-party-holder .c-name,
#unit-wrapper-cands-parties .unit-card .actual-card .name-party-holder .c-party {
    font-size: var(--card-fs);
    color: var(--sec-col);
}
#unit-wrapper-cands-parties .unit-card .actual-card:not(.party) .name-party-holder .c-name,
#unit-wrapper-cands-parties .unit-card .actual-card:not(.party) .name-party-holder .c-party {
    font-size: calc(.8 * var(--card-fs));
}
#unit-wrapper-cands-parties .unit-card.party .actual-card .name-party-holder .c-name,
#unit-wrapper-cands-parties .unit-card.party .actual-card .name-party-holder .c-party {
    font-size: var(--card-party-fs);
    color: var(--sec-col);
}
#unit-wrapper-cands-parties .unit-card.Linke .actual-card .name-party-holder .c-name,
#unit-wrapper-cands-parties .unit-card.Linke .actual-card .name-party-holder .c-party {
    font-size: calc( .7 * var(--card-fs));
    color: var(--sec-col);
}
#unit-wrapper-cands-parties .unit-card .actual-card .copyright {
    font-size: var(--copy-fs);
    color: var(--gray-col);
}
#unit-wrapper-cands-parties .unit-card.Linke .actual-card .copyright {
    width: 100%;
    font-size: calc(.7 * var(--copy-fs));
    color: var(--gray-col);
}



@media screen and (min-width: 0px) {
    main {
        /* main */
        --main-mt: min(10vmin, 100px);
        /* cards */
        --card-w: min(45%, 200px);
        --card-mx: 0;
        --card-ar: .8;
        --card-mt: min(2vmin, 20px);
        --card-mb: min(5vmin, 50px);
        --name-p-hold-my: min(2vmin, 20px);
        --card-fs: calc(1.5 * var(--p-fs));
        --copy-fs: calc(.6 * var(--p-fs));
        /* parties */
        --card-party-fs: calc(1.1 * var(--p-fs));
        /* unit-wrapper-cands-parties */
        --cell-w: 50%;
        --u-wr-cols: repeat(2, var(--cell-w));
    }
    @media screen and (min-aspect-ratio: 1) {
        main {
            /* main */
            /* cards */
            --card-w: min(30%, 150px);
            --card-fs: calc(2.2 * var(--p-fs));
            --copy-fs: calc(.8 * var(--p-fs));
            /* parties */
            --card-party-fs: calc(1.8 * var(--p-fs));
            /* unit-wrapper-cands-parties */
            --cell-w: calc(30% - 100px);
            --u-wr-cols: repeat(3, var(--cell-w));
        }
    }
}
@media screen and (min-width: 576px) {
    main {
        /* cards */
        --card-fs: calc(1.5 * var(--p-fs));
        --copy-fs: calc(.6 * var(--p-fs));
    }
    @media screen and (min-aspect-ratio: 1) {
        main {
            /* main */
            --main-mt: min(10vmin, 60px);
            /* cards */
            --card-fs: calc(1 * var(--p-fs));
            --copy-fs: calc(.6 * var(--p-fs));
            /* parties */
            --card-party-fs: calc(.8 * var(--p-fs));
        }
    }
}
@media screen and (min-width: 768px) {
    main {
        --card-mx: min(5vmin, 50px);
        /* unit-wrapper-cands-parties */
        --cell-w: 30%;
        --u-wr-cols: repeat(3, var(--cell-w));
    }
    @media screen and (min-aspect-ratio: 1) {
        main {
            /* main */
            --main-mt: min(10vmin, 70px);
            /* parties */
            --card-party-fs: calc(.6 * var(--p-fs));
        }
    }
}
@media screen and (min-width: 992px) {
  main {
        /* cards */
        --card-ar: .7;
        --card-fs: calc(1.3 * var(--p-fs));
        /* parties */
        --card-party-fs: calc(.85 * var(--p-fs));
        /* unit-wrapper-cands-parties */
        --cell-w: min(30%, 400px);
        --u-wr-cols: repeat(3, var(--cell-w));
  }
  @media screen and (min-aspect-ratio: 1) {
      main {
        /* main */
        --main-mt: min(10vmin, 100px);
        /* cards */
        --card-w: min(23%, 350px);
        --card-ar: .7;
        --card-fs: calc(1.5 * var(--p-fs));
        --copy-fs: calc(.8 * var(--p-fs));
      }
  }
}
@media screen and (min-width: 1200px) {
  main {
    /* main */
    --main-mt: min(7vmin, 70px);
    /* cards */
    --card-w: min(20%, 250px);
    --card-mx: min(5vmin, 100px);
    --card-fs: calc(1.5 * var(--p-fs));
    /* parties */
    --card-party-fs: calc(1.05 * var(--p-fs));
  }
  @media screen and (min-aspect-ratio: 1) {
      main {
            /* cards */
            --card-fs: calc(1.5 * var(--p-fs));
            --copy-fs: calc(.7 * var(--p-fs));
      }
  }
}
@media screen and (min-width: 1400px) {
  @media screen and (min-aspect-ratio: 1) {
      main {
        /* main */
        --main-mt: min(10vmin, 100px);
            /* cards */
        --card-mx: min(10vmin, 200px);
      }
  }
}