
main {
    padding: var(--main-pt) 0;
}
main.methods-main,
main.polsystem-main,
main.about-main,
main.amba-main,
main.vision-main {
    padding: 0;
}
main.about-main {
    padding-bottom: var(--gl-mt);
}
main.methods-main {
    background-image: var(--meth-main-img);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: var(--meth-main-bg-pos);
    padding-bottom: min(25vmin, 250px);
}
main:not(.vision-main) p,
main li {
    /* font-size: var(--main-p-fs); */
}
.methods-header h1,
.polsystem-header h1,
.vision-header h1 {
    /* border: 1px solid red; */
    font-size: var(--static-header-h1-fs);
    text-align: left;
    font-family: "Kaisei", serif;
}
main > h1 {
    width: var(--h1-w);
    font-size: var(--main-h1-fs);
    color: var(--sec-col);
}
main h2 {
    font-size: var(--main-h2-fs);
    width: 100%;
    color: var(--sec-col);
}
main h3 {
    font-size: var(--main-h3-fs);
    width: 100%;
    color: var(--sec-col);
}
main .text-segment-holder.ambassadors {
    margin-top: var(--gl-mt);
}
main .text-segment-holder:not(.sources):not(.vision-kacheln) {
    /* margin: var(--seg-hold-my) 0; */
    /* border: 1px solid red; */
    padding: 0 var(--px);
}
main .text-segment-holder.vision {
    margin-top: var(--gl-mt);
}
main .text-segment-holder.vision:not(.vision-kacheln) p {
    margin: 0 !important;
}
main .text-segment-holder.vision-kacheln {
    width: var(--vis-kach-w);
    /* margin: 0; */
}
main .text-segment-holder.smaller-my:not(.sources) {
    margin: calc(.3 * var(--seg-hold-my)) 0;
}
main .text-segment-holder.sources .abs-holder {
    padding: var(--gl-mt) var(--px);
    padding-bottom: min(25vmin, 250px);
}
main .text-segment-holder.sources .abs-holder ul li a::before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: var(--p-fs);
    height: var(--p-fs);
    background-color: currentColor; /* Inherits text color */
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M352%200c-12.9%200-24.6%207.8-29.6%2019.8s-2.2%2025.7%206.9%2034.9L370.7%2096%20201.4%20265.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L416%20141.3l41.4%2041.4c9.2%209.2%2022.9%2011.9%2034.9%206.9s19.8-16.6%2019.8-29.6l0-128c0-17.7-14.3-32-32-32L352%200zM80%2032C35.8%2032%200%2067.8%200%20112L0%20432c0%2044.2%2035.8%2080%2080%2080l320%200c44.2%200%2080-35.8%2080-80l0-112c0-17.7-14.3-32-32-32s-32%2014.3-32%2032l0%20112c0%208.8-7.2%2016-16%2016L80%20448c-8.8%200-16-7.2-16-16l0-320c0-8.8%207.2-16%2016-16l112%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32L80%2032z%22%2F%3E%3C%2Fsvg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
}
/* METHODS */
main .text-segment-holder.methods {
    margin-top: var(--gl-mt);
}
main .text-segment-holder p:not(.sources-p),
main .text-segment-holder .table {
    margin-top: var(--p-mt);
    color: var(--sec-col);
}
main .text-segment-holder.methods p {
    /* margin-top: calc(.5 * var(--p-mt)); */
    color: var(--sec-col);
    width: 100%;
}
.no-mt-methods {
    margin-top: 0 !important;
}
main .text-segment-holder.methods p a {
    color: var(--sec-col);
}
main .text-segment-holder.methods p a,
main .text-segment-holder.methods p a:visited {
    color: var(--tert-col-d-10) !important;
}
main .text-segment-holder.methods .hidable-text {
    display: none;
}
main .text-segment-holder.methods .hidable-text.active {
    display: block;
}
main .text-segment-holder.methods .hidable-text.table.active {
    display: flex;
}
main .text-segment-holder.methods .hidable-text.em {
    font-style: italic;
}
main .text-segment-holder.methods .table .cell p {
    width: 100%;
}
main .text-segment-holder.methods .table .cell.main-cat {
    width: 25%;
    padding: 0 min(1vmin, 10px);
}
main .text-segment-holder.methods .table .row.header .cell {
    padding: min(3vmin, 20px);
}
main .text-segment-holder.methods .table .cell.main-cat p {
    text-align: center;
}
main .text-segment-holder.methods .table .row:not(.header) .cell.main-cat p {
    font-size: var(--topic-cell-fs);
}
main .text-segment-holder.methods .table .cell.sub-cat {
    width: 25%;
    padding: 0 min(1vmin, 10px);
}
main .text-segment-holder.methods .table .cell.sub-cat p {
    text-align: center;
}
main .text-segment-holder.methods .table .cell.details-cat {
    width: 50%;
}
main .text-segment-holder.methods .table .cell.details-cat p {
}
main .text-segment-holder p a {
    text-decoration: underline;
    font-weight: 600;
    color: var(--white-col);
}
main .text-segment-holder p a:visited {
    color: var(--tert-col-d-10) !important;
}
main .text-segment-holder p,
main .text-segment-holder h2 {
    position: relative;
    color: var(--sec-col);
}
main .text-segment-holder img {
    width: var(--img-w);
}
.source-info-small {
    padding: 0 var(--px);
}
.table {
    border: 2px solid #777;
}
.table .row {
    border-bottom: 1px solid #777;
}
.table .row:last-child {
    border-bottom: none;
}
.table .row .cell {
    border-right: 1px solid #777;
}
.table .row .cell:last-child {
    border-right: none;
}
.table .row .cell p {
    font-size: var(--cell-fs);
    margin: 0;
    color: var(--sec-col);
}
.table .row.head-row .cell p {
    font-weight: 600;
    text-align: center;
    color: var(--sec-col);
}
.table .row .cell-left {
    width: var(--cell-w);
}
.table .row .cell-left p {
    text-align: center;
    color: var(--sec-col);
}
.table .row .cell-mid {
    width: var(--cell-w);
}
.table .row .cell-mid p {
    text-align: center;
    color: var(--sec-col);
}
.table .row .cell-right {
    flex: 1;
}
.table .row .cell-right p {
    flex: 1;
    width: 100%;
    height: 100%;
    color: var(--sec-col);
}
header.statics-headers {
    height: 85vh;
    padding: 0 var(--px);
}
/* header.statics-headers h5,
header.statics-headers h1 {
    transform: translate(0, var(--static-header-trans-y));
} */
/* VISION */
.vision-header p {
    text-align: center;
    color: var(--sec-col);
}
.vision-kachel-holder {
    padding: 0 var(--px);
}
.vision-kachel {
    width: var(--vis-kach-w);
    background-size: cover;
    background-repeat: no-repeat;
    padding: var(--vis-kach-py) 0;
}
.vision-kachel.wahlbuddy {
    background-image: var(--vis-kach-wb-img);
}
.vision-kachel.newsletter {
    background-image: var(--vis-kach-news-img);
}
.vision-kachel.events {
    background-image: var(--vis-kach-ev-img);
}
.vision-kachel.podcast {
    background-image: var(--vis-kach-pod-img);
}
.vision-kachel p,
.vision-kachel a {
    color: var(--white-col) !important;
    /* font-size: var(--vis-kach-fs); */
}
main .text-segment-holder p a.vis-kach-link:visited {
    color: var(--white-col) !important;
}
.vision-kachel p:nth-child(2) {
    margin: var(--gl-mt) 0 !important;
}
.vision-kachel p {
    /* margin-top: min(5vmin, 50px); */
}
main .text-segment-holder.vision ol {
    padding-left: var(--vis-ol-ps);
}
main .text-segment-holder.vision ul p {
    font-weight: 700;
}
main .text-segment-holder.vision ol li::marker {
    font-weight: 1000;
}
#more-studopolis {
    margin-top: var(--gl-mt);
    padding-top: var(--gl-mt);
    padding-bottom: calc(3 * var(--gl-mt));
    padding-left: var(--px);
    padding-right: var(--px);
    background-image: var(--mehr-studo-img);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    aspect-ratio: 1.3;
    /* border: 1px solid red; */
}
#more-studopolis a {
    color: var(--sec-col);
}
#more-studopolis a,
#more-studopolis a:visited {
    color: var(--tert-col-d-10) !important;
    text-decoration: underline;
}
#more-studopolis a img {
    width: 100%;
}
.static-kacheln {
    border-radius: min(4vmin, 15px);
}
.static-kacheln a:visited {
    color: var(--tert-col-d-10) !important;
}
main .text-segment-holder ul {
    padding-left: var(--meth-ul-ps);
}
/* AMBASSADORS: */
main.amba-main {
    min-height: 100vh;
}
main.amba-main .endbild {
    width: 100%;
}
.amba-holder {
    /* border: 1px solid red; */
    padding: 0 var(--px);
}
.amba-intro-text {
    /* border: 1px solid red; */
    margin-top: var(--gl-mt);
    padding: 0 var(--px);
}
.amba-card {
    /* border: 1px solid blue; */
    flex-direction: row;
    width: var(--amba-card-w);
    margin-top: var(--gl-mt);
}
.amba-card:nth-of-type(even) {
    flex-direction: row-reverse;
}
.amba-card .img-holder {
    width: var(--img-hold-w);
    aspect-ratio: 1;
}
.amba-card .img-holder img {
    inset: 0;
    width: 100%;
    border-radius: min(2vmin, 15px);
}
.amba-card .img-holder .amba-lastname {
}
.amba-card .text-holder {
    flex: 1;
    padding-left: min(3vmin, 30px);
}
.amba-name {
    font-size: var(--amba-name-fs);
    font-weight: 700;
    margin-top: var(--amba-text-mt);
}
.amba-function {
    font-size: var(--amba-name-fs);
    font-style: italic;
}
.amba-quote {
    /* border: 1px solid blue; */
    width: 100%;
    margin: var(--amba-text-mt) 0;
}
.amba-quote::before {
    content: ",,";
}
.amba-quote::after {
    content: "”";
}
/* POLSYSTEM */
.text-segment-holder .kachel-holder {
    margin-top: var(--gl-mt);
}
.text-segment-holder.polsystem {
    margin-top: var(--gl-mt);
}
.text-segment-holder.polsystem p:not(.default-mt) {
    margin-top: 0 !important;
}
.text-segment-holder.polsystem .kachel-holder .kachel {
    aspect-ratio: 1;
    background-color: var(--sec-col);
    width: var(--pols-kach-w);
    border-radius: min(3vmin, 15px);
}
.text-segment-holder.polsystem .kachel-holder .kachel p {
    font-size: var(--polsys-stimmen-kacheln-fs);
    margin: auto 0 !important;
}
.text-segment-holder.polsystem .kachel-holder .kachel .polsys-kach-h3 {
    font-size: var(--polsys-stimmen-kacheln-h3-fs);
}
.text-segment-holder.polsystem.sources ul li a {
    color: var(--sec-col);
}
.text-segment-holder.polsystem.sources ul li a:visited {
    color: var(--tert-col);
}
.polsys-kachel {
    padding: 0 var(--px);
}
.polsys-kachel .actual-kachel {
    border-radius: min(3vmin, 15px);
    margin-top: var(--gl-mt);
}
.polsys-kachel .toggle-box {
    display: none;
}
.polsys-kachel.active .toggle-box {
    display: flex;
}
.polsys-kachel .actual-kachel p.box-toggler {
    cursor: pointer;
}
.polsys-kachel .actual-kachel p.box-toggler,
.polsys-kachel.gamerules .actual-kachel ol li,
.polsys-kachel .toggle-box ul li,
.polsys-kachel .toggle-box .organs-p,
.polsys-kachel .actual-kachel > h3 + p {
    margin-top: var(--gl-mt);
}
.polsys-kachel .toggle-box .arrow-bg {
    width: min(10%, 50px);
}
.polsys-kachel .toggle-box .arrow-bg img {
    width: 80%;
    display: none;
}
.polsys-kachel .toggle-box .text-holder {
    flex: 1;
}
.polsys-kachel .toggle-box ul,
.polsys-kachel .toggle-box ol {
    padding-left: min(3.5vmin, 35px);
}
.polsys-kachel .toggle-box ul {
    list-style-type: disc;
}
.text-segment-holder ul.show-disc li {
    list-style-type: disc !important;
}
.polsys-kachel .toggle-box ul li::marker,
.polsys-kachel .toggle-box ol li::marker {
    color: var(--tert-col);
    font-size: calc(.8 * var(--h5-fs));
    font-weight: 700;
}
.polsys-kachel .toggle-box ul li > p:first-child,
.polsys-kachel .toggle-box ol li > p:first-child {
    font-weight: 700;
}
main.polsystem-main .text-segment-holder.sources .abs-holder {
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100%;
}
main.polsystem-main .text-segment-holder.sources img {
    width: 100%;
}
main.polsystem-main .text-segment-holder.sources a {
    font-size: calc(.8 * var(--h5-fs));
}
/* ABOUT */
main .text-segment-holder.about {
    margin-top: var(--gl-mt);
}
main .text-segment-holder.about p a {
    color: var(--sec-col);
    text-decoration: underline;
}
main .text-segment-holder.about p a:visited {
  color: var(--tert-col-d-10) !important;
}
main .text-segment-holder.about .social-holder,
main #more-studopolis .social-holder {
    margin: min(5vmin, 50px) 0;
    gap: min(3vmin, 30px);
}
main .text-segment-holder.about .social-holder a {
    width: var(--soc-w);
    aspect-ratio: 1;
    border-radius: min(2vmin, 15px);
}
main #more-studopolis .social-holder a {
    width: var(--polsys-soc-w);
    aspect-ratio: 1;
    border-radius: min(1vmin, 15px);
    overflow: hidden;
}
main .text-segment-holder.about .social-holder a img,
main #more-studopolis .social-holder a img {
    width: 100%;
    height: 100%;
    border-radius: min(1vmin, 15px);
}

/* CUSTOMIZER */
#deleteForm {
    gap: 20px;
    border: 3px dashed red;
}
#deleteForm button[type="submit"] {
    right: 20px;
    top: 20px;
}
.cstm-amba-card {
    width: min(30%, 300px);
    border: 2px solid var(--sec-col);
    border-radius: 10px;
    min-height: min(60vh, 500px);
}
.cstm-amba-card .amba-img {
    width: 70%;
    aspect-ratio: 1;
}
.cstm-amba-card input[type="text"] {
    width: 100%;
}

@media screen and (min-width: 0px) {
    main {
        --main-pt: min(10vmin, 100px);
        /* --main-h1-fs: calc(.7 * var(--h1-fs)); */
        --main-h2-fs: calc(.7 * var(--h2-fs));
        --main-h3-fs: calc(.7 * var(--h3-fs));
        --main-p-fs: 1rem;
        --h1-w: 100%;
        /* segment-holder */
        --seg-hold-my: min(5vmin, 50px);
        --p-mt: min(3vmin, 30px);
        --vis-kach-p-mt: var(--p-mt);
        --or-w: 70%;
        --or-ar: 6;
        --or-top: 20px;
        /* tabellen */
        --cell-w: 15%;
        --cell-fs: calc(.5 * var(--main-p-fs));
        --topic-cell-fs: calc(.4 * var(--main-p-fs));
        /* vision */
        --vis-kach-w: 100%;
        --vis-kach-py: min(2.75vmin, 16px);
        --vis-ol-ps: min(3vmin, 30px);
        --vis-kach-h2-fs: calc(.7 * var(--h2-fs));
        --vis-kach-fs: calc(.6 * var(--h5-fs));
        /* for dev use http://0.0.0.0 instead of https://wahlbuddy.org */
        /* TODO change url to https://wahlbuddy.org */
        --vis-kach-wb-img: url("https://wahlbuddy.org/images/vision/kacheln/vis_kach_wb.png");
        /* --vis-kach-wb-img: url("https://wahlbuddy.org:8000/images/vision/kacheln/vis_kach_wb.png"); */
        --vis-kach-news-img: url("https://wahlbuddy.org/images/vision/kacheln/vis_kach_newsletter.png");
        --vis-kach-ev-img: url("https://wahlbuddy.org/images/vision/kacheln/vis_kach_events.png");
        --vis-kach-pod-img: url("https://wahlbuddy.org/images/vision/kacheln/vis_kach_podcast.png");
        /* TODO change url to https://wahlbuddy.org */
        --mehr-studo-img: url("https://wahlbuddy.org/images/vision/vision_img_mehr_studo_1000x600_op.jpg");
        /* methods */
        --img-w: min(100%, 500px);
        --meth-ul-ps: min(3vmin, 30px);
        /* ambassadors: */
        --amba-hold-mt: min(5vmin, 50px);
        --amba-card-w: 50%;
        --amba-card-mt: calc(3 * var(--amba-text-mt));
        --amba-text-mt: min(2vmin, 20px);
        --amba-img-w: min(60%, 150px);
        --amba-name-fs: calc(.8 * var(--main-p-fs));
        --amba-quote-px: min(2vmin, 20px);
        --img-hold-w: min(30%, 400px);
        --static-header-trans-y: calc( -1 * min(18vmin, 180px));
        /* for dev use http://0.0.0.0 instead of https://wahlbuddy.org */
        /* TODO change url to https://wahlbuddy.org */
        /* --meth-main-img: url("https://wahlbuddy.org/images/methods/methods_img_bottomside_1000x600_op.jpg"); */
        --meth-main-img: url("https://wahlbuddy.org/images/methods/methods_img_bottomside_1000x600_op.jpg");
        --meth-main-bg-pos: center bottom;
        /* polsystem */
        --pols-kach-w: 48%;
        --polsys-stimmen-kacheln-fs: calc(1 * var(--main-p-fs));
        --polsys-stimmen-kacheln-h3-fs: calc(1.25 * var(--main-p-fs));
        /* about */
        --soc-w: min(20%, 50px);
        --polsys-soc-w: min(6%, 35px);
        /* customizer */
        --cstm-create-top: 0;
    }
    @media screen and (min-aspect-ratio: 1) {
        main {
            --main-p-fs: 2rem;
            /* segment-holder */
            --or-ar: 10;
            --or-top: 6px;
            /* tabellen */
            --cell-fs: calc(.8 * var(--main-p-fs));
            /* vision */
            --vis-kach-w: 100%;
            /* --vis-h1-fs: calc(1.3 * var(--main-h1-fs)); */
            --vis-ol-ps: min(3.5vmin, 35px);
            --vis-kach-h2-fs: calc(1.3 * var(--h2-fs));
            --vis-kach-fs: calc(1.7 * var(--p-fs));
            /* methods */
            --img-w: min(50%, 200px);
            /* ambassadors: */
            --amba-card-w: 30%;
            /* polsystem */
            --pols-kach-w: 45%;
            --polsys-stimmen-kacheln-fs: calc(1 * var(--main-p-fs));
            --polsys-stimmen-kacheln-h3-fs: calc(1.4 * var(--main-p-fs));
            --static-header-trans-y: calc( -1 * min(13vmin, 130px));
        }
    }
}
@media screen and (min-width: 576px) {
    main {
        /* vision */
        --vis-kach-w: min(100%, 500px);
        --vis-kach-h2-fs: calc(.6 * var(--h2-fs));
        --vis-kach-fs: calc(.6 * var(--h5-fs));
        /* tabellen */
        --cell-w: 23%;
        --cell-fs: calc(.8 * var(--main-p-fs));
        --topic-cell-fs: calc(.6 * var(--main-p-fs));
        /* ambassadors: */
        --amba-card-w: 40%;
        /* polsystem */
        --pols-kach-w: 48%;
        --polsys-soc-w: min(10%, 35px);
        --polsys-stimmen-kacheln-fs: calc(1.2 * var(--main-p-fs));
        --polsys-stimmen-kacheln-h3-fs: calc(1.4 * var(--main-p-fs));
    }
  @media screen and (min-aspect-ratio: 1) {
    main {
        --main-pt: min(10vmin, 60px);
        /* --main-h1-fs: calc(.4 * var(--h1-fs)); */
        --main-h2-fs: calc(.4 * var(--h2-fs));
        --main-h3-fs: calc(.4 * var(--h3-fs));
        --main-p-fs: 1rem;
        /* tabellen */
        --cell-fs: calc(.5 * var(--main-p-fs));
        /* methods */
        --img-w: min(70%, 350px);
        --meth-ul-ps: min(3.5vmin, 40px);
        /* vision */
        --vis-ol-ps: min(7vmin, 40px);
        /* ambassadors: */
        --amba-card-w: 30%;
        /* polsystem */
        --pols-kach-w: min(40%, 300px);
        /* vision */
        --vis-kach-h2-fs: calc(.6 * var(--h2-fs));
        --vis-kach-fs: calc(.6 * var(--h5-fs));
        /* polsystem */
        --pols-kach-w: 48%;
        --polsys-stimmen-kacheln-fs: calc(1.2 * var(--main-p-fs));
    }
  }
}
@media screen and (min-width: 768px) {
    main {
        /* --main-h1-fs: calc(.7 * var(--h1-fs)); */
        --main-h2-fs: calc(.7 * var(--h2-fs));
        --main-h3-fs: calc(.7 * var(--h3-fs));
        --main-p-fs: 1rem;
        /* segment-holder */
        --seg-hold-my: min(5vmin, 50px);
        --p-mt: min(3vmin, 30px);
        --vis-kach-p-mt: var(--p-mt);
        --or-w: 70%;
        --or-ar: 9;
        --or-top: 15px;
        /* tabellen */
        --cell-w: 20%;
        --cell-fs: calc(.8 * var(--h5-fs));
        --topic-cell-fs: calc(.65 * var(--main-p-fs));
        /* vision */
        --vis-kach-w: min(100%, 500px);
        --vis-ol-ps: min(2.5vmin, 30px);
        --vis-kach-h2-fs: calc(.6 * var(--h2-fs));
        --vis-kach-fs: calc(.8 * var(--h5-fs));
        /* methods */
        --meth-ul-ps: min(1.5vmin, 20px);
        /* polsystem */
        --polsys-stimmen-kacheln-fs: calc(1.45 * var(--main-p-fs));
        --polsys-stimmen-kacheln-h3-fs: calc(1.85 * var(--main-p-fs));
    }
    @media screen and (min-aspect-ratio: 1) {
        main {
            --main-pt: min(10vmin, 70px);
            /* --main-h1-fs: calc(.4 * var(--h1-fs)); */
            --main-h2-fs: calc(.4 * var(--h2-fs));
            --main-h3-fs: calc(.4 * var(--h3-fs));
            /* segment-holder */
            --or-ar: 10;
            --or-top: 6px;
            /* tabellen */
            --cell-w: 23%;
            --cell-fs: calc(.6 * var(--main-p-fs));
            /* vision */
            --vis-ol-ps: min(7vmin, 40px);
            --vis-kach-h2-fs: calc(.6 * var(--h2-fs));
            --vis-kach-fs: calc(.8 * var(--h5-fs));
            /* methods */
            --meth-ul-ps: min(3vmin, 30px);
            --cell-fs: calc(.8 * var(--h5-fs));
            --topic-cell-fs: calc(.65 * var(--main-p-fs));
            /* polsystem */
            --polsys-stimmen-kacheln-fs: calc(1.5 * var(--main-p-fs));
            --polsys-stimmen-kacheln-h3-fs: calc(2 * var(--main-p-fs));
        }
    }
}
@media screen and (min-width: 992px) {
    main {
        /* --main-h1-fs: calc(.7 * var(--h1-fs)); */
        --main-h2-fs: calc(.7 * var(--h2-fs));
        --main-h3-fs: calc(.7 * var(--h3-fs));
        --main-p-fs: 1.3rem;
        /* segment-holder */
        --seg-hold-my: min(5vmin, 50px);
        --p-mt: min(3vmin, 30px);
        --vis-kach-p-mt: 0;
        --or-w: 70%;
        --or-ar: 9;
        --or-top: 15px;
        /* tabellen */
        --cell-w: 20%;
        /* for dev use http://0.0.0.0 instead of https://wahlbuddy.org */
        /* TODO change url to https://wahlbuddy.org */
        --mehr-studo-img: url("https://wahlbuddy.org/images/vision/vision_img_mehr_studo_2500x1700_op.jpg");
        --meth-main-img: url("https://wahlbuddy.org/images/methods/methods_img_bottomside_2500x1700_op.jpg");
        --meth-main-bg-pos: center 125%;
        /* vision */
        --vis-kach-w: min(45%, 400px);
        --vis-kach-h2-fs: calc(.4 * var(--h2-fs));
        --vis-kach-fs: calc(.8 * var(--h5-fs));
        /* TODO change url to https://wahlbuddy.org */
        --mehr-studo-img: url("https://wahlbuddy.org/images/vision/vision_img_mehr_studo_2500x1700_op.jpg");
        /* polsystem */
        --polsys-stimmen-kacheln-fs: calc(1.2 * var(--main-p-fs));
        --polsys-stimmen-kacheln-h3-fs: calc(1.6 * var(--main-p-fs));
        /* about */
        --soc-w: min(20%, 70px);
    }
    @media screen and (min-aspect-ratio: 1) {
        main {
            --main-pt: min(10vmin, 100px);
            /* --main-h1-fs: calc(.4 * var(--h1-fs)); */
            --main-h2-fs: calc(.4 * var(--h2-fs));
            --main-h3-fs: calc(.4 * var(--h3-fs));
            --main-p-fs: .8rem;
            /* segment-holder */
            --or-w: 40%;
            --or-ar: 15;
            --or-top: 6px;
            /* vision */
            --vis-ol-ps: min(3vmin, 30px);
            --vis-kach-h2-fs: calc(.4 * var(--h2-fs));
            --vis-kach-fs: calc(.8 * var(--h5-fs));
            /* polsystem */
            --polsys-stimmen-kacheln-fs: calc(2 * var(--main-p-fs));
            --polsys-stimmen-kacheln-h3-fs: calc(3 * var(--main-p-fs));
        }
    }
}
@media screen and (min-width: 1200px) {
    main {
        --main-pt: min(7vmin, 70px);
        /* --main-h1-fs: calc(.7 * var(--h1-fs)); */
        --main-h2-fs: calc(.7 * var(--h2-fs));
        --main-h3-fs: calc(.7 * var(--h3-fs));
        --main-p-fs: 1.3rem;
        /* segment-holder */
        --seg-hold-my: min(5vmin, 50px);
        --p-mt: min(3vmin, 30px);
        --or-w: 70%;
        --or-ar: 9;
        --or-top: 15px;
        /* tabellen */
        --cell-w: 20%;
        /* ambassadors: */
        --amba-card-w: 30%;
        /* vision */
        --vis-kach-w: 48%;
        --vis-kach-h2-fs: calc(.4 * var(--h2-fs));
        --vis-kach-fs: calc(.8 * var(--h5-fs));
        --vis-kach-py: min(3.5vmin, 50px);
        --cstm-create-top: 150px;
    }
    @media screen and (min-aspect-ratio: 1) {
        main {
            /* --main-h1-fs: calc(.4 * var(--h1-fs)); */
            --main-h2-fs: calc(.4 * var(--h2-fs));
            --main-h3-fs: calc(.4 * var(--h3-fs));
            --main-p-fs: 1rem;
            --h1-w: 70%;
            /* segment-holder */
            --or-w: 40%;
            --or-ar: 15;
            --or-top: 6px;
            /* vision */
            --vis-kach-w: min(45%, 400px);
            --vis-kach-h2-fs: calc(.4 * var(--h2-fs));
            --vis-kach-fs: calc(.8 * var(--h5-fs));
            /* polsystem */
            --polsys-stimmen-kacheln-fs: calc(1.5 * var(--main-p-fs));
            --polsys-stimmen-kacheln-h3-fs: calc(2.6 * var(--main-p-fs));
        }
    }
}
@media screen and (min-width: 1400px) {
    main {
        --main-p-fs: 1.4rem;
        /* vision */
        --vis-kach-w: min(45%, 600px);
        --vis-kach-h2-fs: calc(.5 * var(--h2-fs));
        --vis-kach-fs: calc(.8 * var(--h5-fs));
        /* polsystem */
        --pols-kach-w: 48%;
    }
  @media screen and (min-aspect-ratio: 1) {
    main {
      --main-pt: min(10vmin, 100px);
      --vis-kach-h2-fs: calc(.5 * var(--h2-fs));
      --vis-kach-fs: calc(.8 * var(--h5-fs));
      --polsys-stimmen-kacheln-fs: calc(1.2 * var(--main-p-fs));
      --polsys-stimmen-kacheln-h3-fs: calc(1.6 * var(--main-p-fs));
    }
  }
}
@media screen and (min-width: 1600px) {
    main {
        /* vision */
        /* --vis-kach-fs: calc(1.8 * var(--p-fs)); */
        --vis-kach-w: min(45%, 700px);
        --vis-kach-h2-fs: calc(.5 * var(--h2-fs));
        --vis-kach-fs: calc(.8 * var(--h5-fs));
        --polsys-stimmen-kacheln-fs: calc(1.5 * var(--main-p-fs));
        --polsys-stimmen-kacheln-h3-fs: calc(1.9 * var(--main-p-fs));
    }
  @media screen and (min-aspect-ratio: 1) {
  }
}
@media screen and (min-width: 1800px) {
    main {
        --polsys-stimmen-kacheln-fs: calc(1.8 * var(--main-p-fs));
        --polsys-stimmen-kacheln-h3-fs: calc(2.3 * var(--main-p-fs));
    }
  @media screen and (min-aspect-ratio: 1) {
  }
}