:root {
    --product-color--altgold: #e5bd27;
    --product-color--altgold-intensiv: #feed01;
    --product-color--apfelgrün: #508b3a;
    --product-color--aprikose: #f7c892;
    --product-color--billardgrün: #75a95f;
    --product-color--blau: #478ec6;
    --product-color--blau-intensiv: #87b7e5;
    --product-color--blau-pastell: #abc5de;
    --product-color--camel: #c6a477;
    --product-color--chamois: #fcf59d;
    --product-color--chamois-pastell: #fcf59d;
    --product-color--clementine: #e26522;
    --product-color--clementine-orange: #ee5b27;
    --product-color--clementine-pastell: #fd9f59;
    --product-color--creme: #fcfbdc;
    --product-color--creme-pastell: #f4e4c0;
    --product-color--dunkelblau: #4e9bba;
    --product-color--dunkelblau-intensiv: #30b6d9;
    --product-color--eisblau: #c6def8;
    --product-color--elfenbein: #eadfce;
    --product-color--elfenbein-pastell: #ddccbb;
    --product-color--eosin: #e97195;
    --product-color--feuerrot: #e97195;
}

.color-palette {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
}

.color-palette__color {
    height: 5rem;
    width: 5rem;
    font-size: 0.75rem;
}

.color-palette__color a {
    display: block;
    height: 100%;
    width: 100%;
    color: black;
    padding: 0.5rem;
    text-decoration: none;
}

.product-color--altgold {
    background-color: var(--product-color--altgold);
}

.product-color--altgold-intensiv {
    background-color: var(--product-color--altgold-intensiv);
}

.product-color--apfelgrün {
    background-color: var(--product-color--apfelgrün);
}

.product-color--aprikose {
    background-color: var(--product-color--aprikose);
}

.product-color--billardgrün {
    background-color: var(--product-color--billardgrün);
}

.product-color--blau {
    background-color: var(--product-color--blau);
}

.product-color--blau-intensiv {
    background-color: var(--product-color--blau-intensiv);
}

.product-color--blau-pastell {
    background-color: var(--product-color--blau-pastell);
}

.product-color--camel {
    background-color: var(--product-color--camel);
}

.product-color--chamois {
    background-color: var(--product-color--chamois);
}

.product-color--chamois-pastell {
    background-color: var(--product-color--chamois-pastell);
}

.product-color--clementine {
    background-color: var(--product-color--clementine);
}

.product-color--clementine-orange {
    background-color: var(--product-color--clementine-orange);
}

.product-color--clementine-pastell {
    background-color: var(--product-color--clementine-pastell);
}

.product-color--creme {
    background-color: var(--product-color--creme);
}

.product-color--creme-pastell {
    background-color: var(--product-color--creme-pastell);
}

.product-color--dunkelblau {
    background-color: var(--product-color--dunkelblau);
}

.product-color--dunkelblau-intensiv {
    background-color: var(--product-color--dunkelblau-intensiv);
}

.wrapper {
    margin: auto;
    max-width: 980px;
}