/* styles.css */


.btn:hover, .btn:focus, .btn:active {
    background-color: rgb(168, 147, 102); /* Dunkleres Gold beim Hover */
    border-color: rgb(168, 147, 102); /* Dunkleres Gold beim Hover */
    color: #fff; /* Weißer Text */
}

.btn-primary {
    background-color: rgb(188, 167, 122); /* Gold */
    border-color: rgb(188, 167, 122); /* Gold */
    color: #fff; /* Weißer Text */
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: rgb(168, 147, 102); /* Dunkleres Gold beim Hover */
    border-color: rgb(168, 147, 102); /* Dunkleres Gold beim Hover */
    color: #fff; /* Weißer Text */
}

/* Wiederholen Sie dies für andere Button-Varianten, falls erforderlich */
.btn-secondary,
.btn-success,
.btn-warning,
.btn-info,
.btn-light,
.btn-dark {
    background-color: rgb(188, 167, 122); /* Gold */
    border-color: rgb(188, 167, 122); /* Gold */
    color: #fff; /* Weißer Text */
}

.btn-secondary:hover, .btn-success:hover, .btn-warning:hover, .btn-info:hover, .btn-light:hover, .btn-dark:hover,
.btn-secondary:focus, .btn-success:focus, .btn-warning:focus, .btn-info:focus, .btn-light:focus, .btn-dark:focus,
.btn-secondary:active, .btn-success:active, .btn-warning:active, .btn-info:active, .btn-light:active, .btn-dark:active {
    background-color: rgb(168, 147, 102); /* Dunkleres Gold beim Hover */
    border-color: rgb(168, 147, 102); /* Dunkleres Gold beim Hover */
    color: #fff; /* Weißer Text */
}