/*============================
		COLOR Red
		#dc3545
==============================*/

/* Globale Variablen */

:root {
    --primary-color1: rgb(227,0,15); /* rot */
    --primary-color2: rgb(0,0,0); /* schwarz */
    --primary-color3: rgb(255,255,255); /* weiss */
    --secondary-color1: rgb(240,244,248); /* zartes grau*/
}
/* Farbe bei Markierungen */
::selection {
    background: var(--primary-color1);
}

/* Farbeinstellungen */

.bg-primary-color {
    background-color: var(--primary-color1);
    color: var(--primary-color3);
}

/*Button*/
.btn-dark, .btn-primary, .btn-secondary {
    font-weight: bold;
    text-transform: uppercase !important;
    padding: 1em 1em;
}

/* BG:schwarz/transparent, Color:weiss,*/
.btn-dark:hover {
    background-color: transparent;
    border: 3px solid var(--primary-color3);
}
.btn-primary {
    background-color: var(--primary-color2);
    color:white;
}

.btn-secondary {
    background-color: var(--primary-color1);
    color:white;
}

.btn-primary:hover {
    background-color: var(--primary-color1);
}

.btn-secondary:hover {
    background-color: var(--primary-color2);
}
.btn-news {
    text-transform: uppercase !important;
    padding: 0.5em 0.5em;
    background-color: transparent;
    border: 1px solid var(--primary-color1);
    color:black;
}

.btn-news:hover {
    background-color: var(--primary-color1);
    color:white;
}

.btn-getstarted,
.btn-getstarted:focus {
    color: var(--primary-color3);
    background-color: var(--primary-color1);
    border: 1px solid var(--primary-color3);
    font-size: 14px;
    padding: 8px 25px;
    margin: 0 0 0 30px;
    border-radius: 50px;
    transition: 0.3s;
}

.btn-getstarted:hover,
.btn-getstarted:focus:hover {
    color: var(--primary-color1);
    background-color: var(--primary-color3);
    font-weight: bold;
}

.icon-large-black {
    font-size: 1.5rem;
    color: var(--primary-color2);
}

/*Pagination color überschreiben*/
.pagination {
    --bs-pagination-color: var(--primary-color1);
    --bs-pagination-active-bg: var(--primary-color1);
    --bs-pagination-active-border-color: var(--primary-color1);
    --bs-pagination-hover-color: var(--primary-color3);
    --bs-pagination-hover-bg: var(--primary-color1);
    --bs-pagination-border-color: var(--primary-color1);
    --bs-pagination-disabled-border-color: var(--primary-color1);
}