:root {
    --primary-50: #fdf4df;
    --primary-100: #fef0cd;
    --primary-200: #fde4a5;
    --primary-300: #fdd87d;
    --primary-400: #fccc55;
    --primary-500: #fbc02d;
    --primary-600: #d5a326;
    --primary-700: #b08620;
    --primary-800: #8a6a19;
    --primary-900: #644d12;
    --blue-50: #f4fafe;
    --blue-100: #cae6fc;
    --blue-200: #a0d2fa;
    --blue-300: #75bef8;
    --blue-400: #4baaf5;
    --blue-500: #2196f3;
    --blue-600: #1c80cf;
    --blue-700: #1769aa;
    --blue-800: #125386;
    --blue-900: #0d3c61;
}

/** Custom CSS **/

.bg-primary-600 {
    background-color: var(--primary-500);
}

.hover\:bg-primary-700:hover {
    background-color: var(--primary-600);
}

.stadt-button {
    transition: background-color .2s linear;
}

.align-items-center {
    align-items: center;
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

a {
    color: rgb(0, 0, 238);
}

a:hover {
    color: var(--blue-800);
}