/* Hintergrundfarbe Primär */
.bg-primary{
    background-color: rgb(11,133,181);
}
.hover\:bg-primary:hover {
    background-color: rgb(11,133,181);
}
.checked\:bg-primary:checked {
    background-color: rgb(11,133,181);
}

/* Hintergrundfarbe Primär dunkel */
.bg-primary-dark {
    background-color: rgb(12, 78, 105);
}
.hover\:bg-primary-dark:hover {
    background-color: rgb(12, 78, 105);
}
.checked\:bg-primary-dark:checked {
    background-color: rgb(12, 78, 105);
}

/* Hintergrundfarbe Sekundär */
.bg-secondary{
    background-color: rgb(162,167,168);
}
.hover\:bg-secondary:hover {
    background-color: rgb(162,167,168);
}
.checked\:bg-secondary:checked {
    background-color: rgb(162,167,168);
}

/* Hintergrundfarbe Sekundär dunkel */
.bg-secondary-dark{
    background-color: rgb(74,84,86);
}
.hover\:bg-secondary-dark:hover {
    background-color: rgb(74,84,86);
}
.checked\:bg-secondary-dark:checked {
    background-color: rgb(74,84,86);
}

/* Textfarbe Primär */
.text-primary{
    color: rgb(11,133,181);
}
.hover\:text-primary:hover {
    color: rgb(11,133,181);
}

/* Textfarbe Primär dunkel */
.text-primary-dark{
    color: rgb(12, 78, 105);
}
.hover\:text-primary-dark:hover {
    color: rgb(12, 78, 105);
}

/* Textfarbe Sekundär */
.text-secondary{
    color: rgb(162,167,168);
}
.hover\:text-secondary:hover {
    color: rgb(162,167,168);
}

/* Textfarbe Sekundär dunkel */
.text-secondary-dark{
    color: rgb(74,84,86);
}
.hover\:text-secondary-dark:hover {
    color: rgb(74,84,86);
}

/* Outlining für Inputs */
.focus\:outline-primary:focus{
    outline-color: rgb(11,133,181);
}
.focus\:outline-primary-dark:focus{
    outline-color: rgb(12, 78, 105);
}
.focus\:outline-secondary:focus{
    outline-color: rgb(162,167,168);
}
.focus\:outline-secondary-dark:focus{
    outline-color: rgb(74,84,86);
}
/*-------------------------------------------------------------*/