/*============================
		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*/
    --secondary-color2: rgb(128,128,128); /* 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);
}

/*grundsätzliche Linkfarbe*/
a.rot-icon {
    color: var(--primary-color1);
    text-decoration: none;
}
a.rot-icon::before {
    content: "";
    display: inline-block;
    width: 16px; /* Breite des Icons */
    height: 16px; /* Höhe des Icons */
    margin-right: 3px; /* Abstand zum Text */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23E3000F" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}