/*--------------------------------------
  Global / Box Sizing
---------------------------------------*/
.bootstrap-scope *,
.bootstrap-scope *::before,
.bootstrap-scope *::after {
  box-sizing: border-box;
}

/*--------------------------------------
  Scroll Behaviour
---------------------------------------*/
@media (prefers-reduced-motion: no-preference) {
  .bootstrap-scope {
    scroll-behavior: smooth;
  }
}

/*--------------------------------------
  CSS Variables - Light Theme
---------------------------------------*/
/* .bootstrap-scope {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
} */

/*--------------------------------------
  CSS Variables - Dark Theme
---------------------------------------*/
/* .bootstrap-scope[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-bg: #212529;
  --bs-blue: #0d6efd; /* optional anpassen */
/* } */ 

/*--------------------------------------
  Layout / Grid
---------------------------------------*/
.bootstrap-scope .container { width: 100%; padding-right: var(--bs-gutter-x, 1.5rem); padding-left: var(--bs-gutter-x, 1.5rem); margin-right: auto; margin-left: auto; }
.bootstrap-scope .row { display: flex; flex-wrap: wrap; margin-right: calc(var(--bs-gutter-x, 1.5rem)/-2); margin-left: calc(var(--bs-gutter-x, 1.5rem)/-2); }
/* .bootstrap-scope .col-md-6 { flex: 0 0 auto; width: 50%; padding-right: calc(var(--bs-gutter-x, 1.5rem)/2); padding-left: calc(var(--bs-gutter-x, 1.5rem)/2); margin-bottom: 1rem;} */
/* ---- Responsive Columns ---- */

/* Standard: Mobil = 100 % Breite */
.bootstrap-scope .col-md-6 {
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 1rem;
}

/* Ab 768px = 2-Spalten-Layout */
@media (min-width: 768px) {
  .bootstrap-scope .col-md-6 {
    width: 50%;
    padding-right: calc(var(--bs-gutter-x, 1.5rem)/2);
    padding-left: calc(var(--bs-gutter-x, 1.5rem)/2); 
    margin-bottom: 1rem;
  }
}
/*--------------------------------------
  Spacing Utilities
---------------------------------------*/
.bootstrap-scope .mb-3 { margin-bottom: 1rem !important; }
.bootstrap-scope .mb-5 { margin-bottom: 3rem !important; }

/*--------------------------------------
  Typography
---------------------------------------*/
.bootstrap-scope h1, .bootstrap-scope h2, .bootstrap-scope h5 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }
.bootstrap-scope p { margin-top: 0; margin-bottom: 1rem; }
.bootstrap-scope .lead { font-size: 1.25rem; font-weight: 300; }

/*--------------------------------------
  Cards
---------------------------------------*/
.bootstrap-scope .card { position: relative; display: flex; flex-direction: column; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #5e8ffe; border-radius: 0.25rem; }
.bootstrap-scope .card-body { flex: 1 1 auto; padding: 1rem; }
.bootstrap-scope .card-title { margin-bottom: 0.75rem; font-size: 1.25rem; font-weight: 500; }
.bootstrap-scope .card-text { margin-bottom: 1rem; }

/*--------------------------------------
  List Groups
---------------------------------------*/
.bootstrap-scope .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; }
.bootstrap-scope .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff;  }

/*--------------------------------------
  Accordion
---------------------------------------*/
.bootstrap-scope .accordion { border: 0; }
.bootstrap-scope .accordion-item { border: 0.5px solid #5e8ffe; }
.bootstrap-scope .accordion-header { margin-bottom: 0; }
.bootstrap-scope .accordion-button { display: flex; align-items: center; width: 100%; padding: 1rem; font-size: 1rem; font-weight: 400; text-align: left; border: none; cursor: pointer; }
.bootstrap-scope .accordion-button:not(.collapsed) { background-color: #d7d7d7; }
.bootstrap-scope .accordion-collapse { display: none; }
.bootstrap-scope .accordion-collapse.show { display: block; }
.bootstrap-scope .accordion-body { padding: 1rem; }

/*--------------------------------------
  Shadow Utilities
---------------------------------------*/
.bootstrap-scope .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important; }

/*--------------------------------------
  Links
---------------------------------------*/
.bootstrap-scope a { color: #5e8ffe; text-decoration: underline; background-color: transparent; }

/*--------------------------------------
  Buttons (optional, falls benötigt)
---------------------------------------*/
.bootstrap-scope .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s, background-color 0.15s, border-color 0.15s; cursor: pointer; }
.bootstrap-scope .btn-primary { color: #fff; background-color: var(--bs-blue); border-color: #5e8ffe; }