.page-content {
    margin-top: 0px !important;
    padding-bottom: 0px !important;


}

.footer {
    background-color: #282828;
    height: 25px;
}

.img-65 {
    width: 65%;
    height: auto; /* damit das Seitenverhältnis erhalten bleibt */
}

@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1140px;
    }
}

.navbar-container {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-left: 1rem; 
    padding-right: 1rem; 
}

.footer-container {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

.footer-tight {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

/* Grundlayout: Content füllt Viewport minus Header & Footer */
.page-content > .container {
    min-height: calc(100vh - 110px);
    display: flex;
    flex-direction: column;
}

/* Row soll den verfügbaren Platz einnehmen */
.page-content > .container > .row {
    flex: 1;
}

/* Column erlaubt Streckung der Card */
.page-content .stretch-col {
    display: flex;
    flex-direction: column;
}

/* Card füllt Column vollständig */
.page-content .stretch-card {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* Optional: Card-Body flexibel */
.page-content .stretch-card .card-body {
    flex: 1;
}


.custom-list {
    list-style-position: outside; /* Standard: Bullet außerhalb */
    padding-left: 0;              /* Entfernt Standard-Padding */
}

.custom-list li {
    position: relative;
    padding-left: 1.2em;         /* Platz für den Bullet */
    text-align: left;
}

.custom-list li::marker {
    font-weight: bold;
}

.card {
    --bs-card-spacer-x: 5.125rem;
    --bs-card-spacer-y: 2.95rem;
    margin-bottom: 6px;    
}

/* Smartphones (Portrait) */
@media (max-width: 575.98px) {
  .card {
    --bs-card-spacer-x: 2.125rem;
  }
}

.form-lg .form-label {
  font-size: 1.1rem;
  font-weight: 500;
}

.form-lg .form-control {
  font-size: 1.1rem;
  padding: 0.75rem 1rem;
}

.page-title {
  font-weight: 700;          /* fett */
  color: #282828;           /* Grau  */
}

ol, ul {
    padding-left: 1rem;
}

.form-check-input[type="radio"] {
    width: 1.4em;
    height: 1.4em;
    border: 2px solid #9aa0a6;   /* dicker Kreis */
}

.form-check-input[type="radio"]:checked {
    background-color: #0d6efd;   /* Bootstrap primary */
    border-color: #0d6efd;
}

.subnavi a,
.subnavi a:visited,
.subnavi a:hover,
.subnavi a:active,
.subnavi a:focus {
    color: #ffffff !important;
}



:root {
    --bs-header-dark-bg: #282828;
    --bs-body-bg: #282828;
}

.subnavi {
    background-color: #3C3C3C;
}

.row{
    --bs-gutter-x: 0px;
}

/*
:root {
    --bs-header-dark-bg: #808487;
}

.subnavi {
    background-color: #B2B7BB;
}
    */



.btn-footer-gray {
    background-color: #5A5A5A;
    border-color: #5A5A5A;
    color: #ffffff;
}

.btn-footer-gray:hover {
    background-color: #6B6B6B;
    border-color: #6B6B6B;
    color: #ffffff;
}

.btn-footer-gray:active {
    background-color: #4A4A4A;
    border-color: #4A4A4A;
    color: #ffffff;
} 


.btn-blue {
    background-color: #3E7CB3;
    border-color: #3E7CB3;
    color: #ffffff;
}

.btn-blue:hover {
    background-color: #2D5980; /* Hover etwas dunkler */
    border-color: #2D5980;
    color: #ffffff;
}

.btn-blue:active,
.btn-blue:focus {
    background-color: #2D5980; /* Active/Fokus gleich wie Hover */
    border-color: #2D5980;
    color: #ffffff;
    box-shadow: none; /* optional: entfernt den Standard-Fokus-Schatten */
}


.btn-green {
    background-color: #7AC141;
    border-color: #7AC141;
    color: #ffffff;
}

.btn-green:hover {
    background-color: #639934; /* dunkleres Grün für Hover */
    border-color: #639934;
    color: #ffffff;
}

.btn-green:active,
.btn-green:focus {
    background-color: #639934; /* Active/Fokus gleich wie Hover */
    border-color: #639934;
    color: #ffffff;
    box-shadow: none; /* optional: entfernt den Standard-Fokus-Schatten */
}


.footertext a,
.footertext a:visited,
.footertext a:hover,
.footertext a:active,
.footertext a:focus {
    color: #828282 !important;
}

.footertext {
    background-color: #282828;
}

.swal2-icon {
    transform: scale(1.5);
}