@charset "UTF-8";
/* SPSS-Datei für vstyle_bootstrap_cusstomisations.css ####### */
/* Diese CSS-Datei ist ein Standard für die meisten Seiten.    */
/* 2026-01-13  -  Dirk John (Virtus Group GmbH, Hamm, Germany) */
/* ########################################################### */
/* =================================================
   Virtus Bootstrap Customisations
   Reines SCSS – OHNE Bootstrap-Mixins
   Sass 3 kompatibel
   Erstellt mit ChatGPT
================================================= */
/* -------------------------------------------------
   0. Farbdefinitionen
------------------------------------------------- */
/* -OLD --------------------------------------------
$white: #ffffff;
$black: #000000;
------------------------------------------------- */
/* -------------------------------------------------
   0.1. Weitere Farbdefinitionen
------------------------------------------------- */
/* Farben den IndexIcon-Kategorien */
/* Harmonisieren Farben zum Virtus Blau für die Webseite */
/* French Pass */
/* Malibu */
/* Allports */
/* Regal Blue */
/* Negroni */
/* Macaroni and Cheese */
/* Flush Orange */
/* Rose of Sharon */
/* -------------------------------------------------
   1. ROOT-Änderungen
------------------------------------------------- */
:root,
[data-bs-theme=light] {
  --bs-body-color: #011c48; /* virtusblau */
}

[data-bs-theme=dark] {
  --bs-body-color: #e6e6e6;
}

/* -------------------------------------------------
   2. Helper-Funktionen
------------------------------------------------- */
/* -------------------------------------------------
   3. Textfarben
------------------------------------------------- */
.text-virtusblau {
  color: #011c48 !important;
}

.text-virtusgrau {
  color: #e7e7e7 !important;
}

.text-virtusgold {
  color: #d6b88d !important;
}

.text-virtusorange {
  color: #ff7e00 !important;
}

.text-mastroblau {
  color: #002b71 !important;
}

/* -------------------------------------------------
   4. Hintergrundfarben
------------------------------------------------- */
/*
.bg-virtusblau   { background-color: $virtusblau !important; color: $white; }
.bg-virtusgrau   { background-color: $virtusgrau !important; color: $black; }
.bg-virtusgold   { background-color: $virtusgold !important; color: $black; }
.bg-virtusorange { background-color: $virtusorange !important; color: $black; }
.bg-mastroblau   { background-color: $mastroblau !important; color: $white; }
*/
.bg-virtusblau {
  --bs-bg-opacity: 1;
  background-color: rgba(1, 28, 72, var(--bs-bg-opacity)) !important;
}

.bg-virtusgrau {
  --bs-bg-opacity: 1;
  background-color: rgba(231, 231, 231, var(--bs-bg-opacity)) !important;
}

.bg-virtusgold {
  --bs-bg-opacity: 1;
  background-color: rgba(214, 184, 141, var(--bs-bg-opacity)) !important;
}

.bg-virtusorange {
  --bs-bg-opacity: 1;
  background-color: rgba(255, 126, 0, var(--bs-bg-opacity)) !important;
}

.bg-mastroblau {
  --bs-bg-opacity: 1;
  background-color: rgba(0, 43, 113, var(--bs-bg-opacity)) !important;
}

/* Card-Rahmen mit mehr Gewicht */
.card-virtusblau {
  border: 1px solid #011c48 !important;
}

/* -------------------------------------------------
   5. Buttons – Filled
------------------------------------------------- */
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  border-radius: 0.375rem;
  transition: all 0.2s ease-in-out;
}

.btn-virtusblau {
  background-color: #011c48;
  border-color: #011c48;
  color: #f8f9fa;
}
.btn-virtusblau:hover {
  background-color: rgb(255, 145.35, 38.25);
  border-color: rgb(255, 145.35, 38.25);
  color: #011c48;
}

.btn-mastroblau {
  background-color: #002b71;
  border-color: #002b71;
  color: #f8f9fa;
}
.btn-mastroblau:hover {
  background-color: rgb(255, 145.35, 38.25);
  border-color: rgb(255, 145.35, 38.25);
  color: #002b71;
}

.btn-virtusgrau {
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: #212529;
}
.btn-virtusgrau:hover {
  background-color: rgb(196.35, 196.35, 196.35);
  border-color: rgb(196.35, 196.35, 196.35);
  color: #212529;
}

.btn-virtusgold {
  background-color: #d6b88d;
  border-color: #d6b88d;
  color: #212529;
}
.btn-virtusgold:hover {
  background-color: rgb(199.914516129, 159.6080645161, 101.835483871);
  border-color: rgb(199.914516129, 159.6080645161, 101.835483871);
  color: #212529;
}

.btn-virtusorange {
  background-color: #ff7e00;
  border-color: #ff7e00;
  color: #212529;
}
.btn-virtusorange:hover {
  background-color: rgb(216.75, 107.1, 0);
  border-color: rgb(216.75, 107.1, 0);
  color: #212529;
}

/* -------------------------------------------------
   6. Buttons – Outline
------------------------------------------------- */
.btn-outline-virtusblau {
  background-color: transparent;
  border-color: #011c48;
  color: #011c48;
}
.btn-outline-virtusblau:hover {
  background-color: #011c48;
  color: #f8f9fa;
}

.btn-outline-mastroblau {
  background-color: transparent;
  border-color: #002b71;
  color: #002b71;
}
.btn-outline-mastroblau:hover {
  background-color: #002b71;
  color: #f8f9fa;
}

.btn-outline-virtusgrau {
  background-color: transparent;
  border-color: #e7e7e7;
  color: #212529;
}
.btn-outline-virtusgrau:hover {
  background-color: rgb(196.35, 196.35, 196.35);
  color: #212529;
}

.btn-outline-virtusgold {
  background-color: transparent;
  border-color: #d6b88d;
  color: #d6b88d;
}
.btn-outline-virtusgold:hover {
  background-color: #d6b88d;
  color: #212529;
}

.btn-outline-virtusorange {
  background-color: transparent;
  border-color: #ff7e00;
  color: #ff7e00;
}
.btn-outline-virtusorange:hover {
  background-color: #ff7e00;
  color: #212529;
}

/* -------------------------------------------------
   7. Links
------------------------------------------------- */
a {
  color: #011c48;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
a:hover {
  color: #ff7e00;
}

/* =================================================
   8. DARK MODE (Bootstrap 5.3 kompatibel)
================================================= */
[data-bs-theme=dark] body {
  background-color: #0d1117;
  color: #e6e6e6;
}
[data-bs-theme=dark] .bg-virtusgrau {
  background-color: #1f2329 !important;
  color: #e6e6e6;
}
[data-bs-theme=dark] {
  /* Card-Rand wird grau */
}
[data-bs-theme=dark] .card-virtusblau {
  border: 1px solid #e7e7e7 !important; /* Passend zu deinen Dark-Styles */
}
[data-bs-theme=dark] .btn-virtusblau {
  background-color: #e7e7e7 !important; /* Dein definierter Dark-Button-Grauton */
  border-color: #e7e7e7 !important;
  color: #011c48 !important;
}
[data-bs-theme=dark] .btn-virtusblau:hover {
  background-color: #ff7e00 !important; /* Bleibt orange für den Akzent */
  border-color: #ff7e00 !important;
  color: #011c48 !important;
}
[data-bs-theme=dark] .btn-outline-virtusgrau {
  border-color: #4a4f57;
  color: #cfcfcf;
}
[data-bs-theme=dark] .btn-outline-virtusgrau:hover {
  background-color: #4a4f57;
  color: #f8f9fa;
}
[data-bs-theme=dark] a {
  color: rgb(1.8979452055, 53.1424657534, 136.6520547945);
}
[data-bs-theme=dark] a:hover {
  color: rgb(255, 145.35, 38.25);
}

/* =====================================================
   LINKS – KEINE EIGENE FARBE (LIGHT + DARK MODE)
   ===================================================== */
/* Grundsätzlich */
a {
  color: inherit;
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  color: inherit;
  text-decoration: none;
}

/* Bootstrap Dark Mode ÜBERSCHREIBEN */
[data-bs-theme=dark] a,
[data-bs-theme=dark] a:hover,
[data-bs-theme=dark] a:focus,
[data-bs-theme=dark] a:active {
  color: inherit !important;
  text-decoration: none;
}

.content a {
  color: inherit;
}

[data-bs-theme=dark] .content a {
  color: inherit !important;
}

/* =====================================================
   LINKS & MENÜS – HOVER IN VIRTUSORANGE
   ===================================================== */
/* Grundzustand: Link = Text */
a {
  color: inherit;
  text-decoration: none;
}

/* Hover / Fokus / Aktiv */
a:hover,
a:focus {
  color: #ff7e00;
  text-decoration: none;
}

/* -----------------------------------------------------
   Bootstrap Dark Mode überschreiben
   ----------------------------------------------------- */
[data-bs-theme=dark] a {
  color: inherit;
}

[data-bs-theme=dark] a:hover,
[data-bs-theme=dark] a:focus {
  color: #ff7e00 !important;
}/*# sourceMappingURL=vstyle_bootstrap_customisations.css.map */