/* Ensure full-height for background */
html, body {
    height: 100%;
}

/* Page background color and SVG */
body {
    background-color: hsla(48, 100%, 95%, 1);
    background-image: url('../img/bg-login.svg');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #212529;
}

/* Password “eye” toggle button */
.toggle-password {
    border: none;
    background-color: transparent;
}
.toggle-password:focus,
.toggle-password:hover {
    border: none;
    background-color: transparent;
}

/* Language dropdown pill styling */
.language-changer {
    position: relative;
    color: #2d394f;
}
.language-changer > a {
    background-color: #fff;
    color: #2d394f;
    border: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    padding: 0.5rem 1rem;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}
.language-changer > a:hover,
.language-changer > a:focus {
    background-color: #2d394f;
    color: #fff;
}

/* Flag image sizing in dropdown */
.selected-language {
    width: 24px;
    margin-right: 8px;
}
.country-wrap .dropdown-item img {
    width: 20px;
    margin-right: 8px;
}

/* Ensure reCAPTCHA badge sits on top */
.grecaptcha-badge {
    z-index: 9999 !important;
}


/* ===========================
   Bootstrap Primärfarbe = #68256b
   =========================== */

:root {
    --bs-primary: #68256b;
    --bs-primary-rgb: 104, 37, 107;
}

/* Links */
a,
a.link-primary,
.link-primary {
    color: #68256b;
}

a:hover,
a:focus,
.link-primary:hover,
.link-primary:focus {
    color: #4d1f50;
}

/* Textfarbe primary */
.text-primary {
    color: #68256b !important;
}

/* Hintergrund primary */
.bg-primary {
    background-color: #68256b !important;
}

/* Rahmen primary */
.border-primary {
    border-color: #68256b !important;
}

/* Buttons primary */
.btn-primary {
    color: #fff;
    background-color: #68256b;
    border-color: #68256b;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle,
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary {
    color: #fff;
    background-color: #4d1f50;
    border-color: #4d1f50;
    box-shadow: 0 0 0 0.2rem rgba(104, 37, 107, 0.4);
}

/* Outline-Buttons primary */
.btn-outline-primary {
    color: #68256b;
    border-color: #68256b;
    background-color: transparent;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary {
    color: #fff;
    background-color: #68256b;
    border-color: #68256b;
}

/* Badges */
.badge.bg-primary,
.badge.text-bg-primary {
    background-color: #68256b !important;
}

/* Pagination */
.page-link {
    color: #68256b;
}

.page-link:hover {
    color: #4d1f50;
}

.page-item.active .page-link {
    color: #fff;
    background-color: #68256b;
    border-color: #68256b;
}

/* Form-Elemente (Checkbox, Radio, Range) */
.form-check-input:checked {
    background-color: #68256b;
    border-color: #68256b;
}

.form-range::-webkit-slider-thumb {
    background-color: #68256b;
}
.form-range::-moz-range-thumb {
    background-color: #68256b;
}
.form-range::-ms-thumb {
    background-color: #68256b;
}