:root {
    --first: rgba(213, 12, 47, 0.2);
    --second: rgba(213, 12, 47, 0.6);
    --third: rgba(213, 12, 47, 1);
}

/* legend */
.one {
    --rank: var(--first);
}

.two {
    --rank: var(--second);
}

.three {
    --rank: var(--third);
}

/* Schleswig-Holstein*/
.bundesland1 {
    --rank: var(--first);
}

/* Mecklenburg-Vorpommern */
.bundesland2 {
    --rank: var(--first);
}

/* Hamburg */
.bundesland3 {
    --rank: var(--first);
}

/* Niedersachsen */
.bundesland4 {
    --rank: var(--first);
}

/* Bremen */
.bundesland5 {
    --rank: var(--second);
}

/* Brandenburg */
.bundesland6 {
    --rank: var(--third);
}

/*Sachsen-Anhalt*/
.bundesland7 {
    --rank: var(--first);
}

/* Berlin */
.bundesland8 {
    --rank: var(--second);
}

/* Nordrhein-Westfalen */
.bundesland9 {
    --rank: var(--first);
}

/* Hessen */
.bundesland10 {
    --rank: var(--first);
}

/* Thüringen */
.bundesland11 {
    --rank: var(--third);
}

/*Sachsen*/
.bundesland12 {
    --rank: var(--first);
}

/* Rheinland-Pfalz */
.bundesland13 {
    --rank: var(--first);
}

/*Saarland*/
.bundesland14 {
    --rank: var(--na);
}

/* Baden-Württemberg */
.bundesland15 {
    --rank: var(--second);
}

/* Bayern */
.bundesland16 {
    --rank: var(--third);
}