/* JKK Custom Theme */

.btn,
button,
input[type="submit"],
.btn-primary,
.btn-info {
    background-color: #009D85 !important;
    border-color: #009D85 !important;
    color: #ffffff !important;
}

.btn:hover,
button:hover,
input[type="submit"]:hover,
.btn-primary:hover,
.btn-info:hover {
    background-color: #008774 !important;
    border-color: #008774 !important;
    color: #ffffff !important;
}

textarea:focus,
.form-control:focus,
input:focus,
select:focus,
.form-select:focus {
    border-color: #009D85 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 157, 133, 0.25) !important;
    outline: none !important;
}



/* JKK Header / Logo / Titel */
.navbar .container-fluid {
    position: relative !important;
    justify-content: center !important;
}

.jkk-brand {
    width: 100% !important;
    text-align: center !important;
    display: block !important;
}

.jkk-logo {
    width: 90px !important;
    max-width: 90px !important;
    height: auto !important;
    display: block !important;
    margin: 20px auto 8px auto !important;
}

.jkk-title {
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    font-size: 18px;
    font-weight: 600;
}

/* Titel im Darkmode */
html[data-bs-theme="dark"] .jkk-title {
    color: #ffffff !important;
}

/* Titel im Whitemode */
html[data-bs-theme="light"] .jkk-title,
html:not([data-bs-theme="dark"]) .jkk-title {
    color: #212529 !important;
}

/* Darkmode-Schalter rechts lassen */
.navbar-text {
    position: absolute !important;
    right: 20px !important;
    top: 20px !important;
}