/* ------------------------------------------------------ */
/* VODAFONE-FONTS (Beispiel, falls du sie so benannt hast)*/
/* ------------------------------------------------------ */
@font-face {
  font-family: 'Vodafone';
  src: url('../fonts/Vodafone-Light.eot');
  src: url('../fonts/Vodafone-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Vodafone-Light.woff2') format('woff2'),
       url('../fonts/Vodafone-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Vodafone';
  src: url('../fonts/Vodafone.eot');
  src: url('../fonts/Vodafone.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Vodafone.woff2') format('woff2'),
       url('../fonts/Vodafone.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Vodafone';
  src: url('../fonts/Vodafone-Bold.eot');
  src: url('../fonts/Vodafone-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Vodafone-Bold.woff2') format('woff2'),
       url('../fonts/Vodafone-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Vodafone';
  src: url('../fonts/Vodafone-ExtraBold.eot');
  src: url('../fonts/Vodafone-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Vodafone-ExtraBold.woff2') format('woff2'),
       url('../fonts/Vodafone-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

/* ------------------------------------------------------ */
/* GRUNDEINSTELLUNGEN                                     */
/* ------------------------------------------------------ */
body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: #333;
  font-family: 'Vodafone', Arial, sans-serif; /* Nutzt die oben definierten Fonts */
}

/* Falls Bootstrap 5.3 .bg-black nicht enthält, definieren wir es hier */
.bg-black {
  background-color: #000 !important;
}

/* ------------------------------------------------------ */
/* OBERE NAVBAR                                           */
/* ------------------------------------------------------ */
/* Schriftgröße etc. */
.navbar-brand.fw-bold {
  font-size: 1.25rem;
}

/* ------------------------------------------------------ */
/* ZWEITE NAVBAR (WEISS) - .navbar-second                 */
/* ------------------------------------------------------ */
.navbar-second {
  background-color: #fff !important;
}

/* Logo ggf. größer machen */
.navbar-second .navbar-brand img {
  max-height: 50px; /* oder height: 50px; falls du es anpassen willst */
}

/* ------------------------------------------------------ */
/* NAV-LINKS IN DER ZWEITEN NAVBAR                        */
/* ------------------------------------------------------ */
.navbar-second .nav-link {
  font-size: 1.1rem;         /* etwas größer */
  font-weight: 400;
  color: #333 !important;
  position: relative;        /* für den roten Unterstrich */
  padding: 0.5rem 1rem;      /* mehr Platz um den Text */
  transition: color 0.2s ease;
}

/* Hover-Effekt: roter Text */
.navbar-second .nav-link:hover {
  color: #e60000 !important;
  text-decoration: none;
}

/* Roter Unterstrich bei Hover und Active */
.navbar-second .nav-link:hover::after,
.navbar-second .nav-link.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;                /* an die Unterkante des Links */
  width: 100%;
  height: 3px;              /* Dicke des Unterstrichs */
  background-color: #e60000;
}

/* ------------------------------------------------------ */
/* DROPDOWN-MENÜS                                         */
/* ------------------------------------------------------ */
.dropdown-menu {
  border: 1px solid #ccc;
  border-radius: 0;
  font-size: 1rem;          /* Dropdown-Textgröße */
  min-width: 180px;         /* Etwas breiter */
}

.dropdown-item {
  color: #333;
  transition: background-color 0.2s ease;
}
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #f0f0f0; /* leichtes Grau */
  color: #e60000;
}

/* ------------------------------------------------------ */
/* WEITERE STYLES NACH BEDARF                             */
/* ------------------------------------------------------ */
/* z.B. Buttons, Tabellen, Alerts etc. */


/* ------------------------------------------------------ */
/* ROTE GRADIENT-BANNER                                   */
/* ------------------------------------------------------ */
.gradient-banner {
    background: linear-gradient(45deg, #d32f2f, #981d0e);
    color: white;
    padding: 30px 20px;
    text-align: left;
    font-size: 2rem;
    font-weight: bold;
    border-radius: 10px;
    margin-bottom: 20px;

}

/* Links in den interaktiven Boxen verbessern */
.dashboard-card .card-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: #333 !important;
  transition: color 0.2s ease;
}

.dashboard-card .card-title:hover {
  color: #e60000 !important;
}

/* Entfernt blaue Unterstreichung NUR in den Karten */
.dashboard-card .card-title,
.dashboard-card .card-text {
  text-decoration: none !important;
  color: #333 !important; /* Dunkle Schrift */
}

.dashboard-card .card-title:hover,
.dashboard-card .card-text:hover {
  color: #e60000 !important; /* Vodafone-Rot für Hover */
}



/* Entfernt blaue Unterstreichung NUR in den Dashboard-Karten */
.dashboard-card .card-title,
.dashboard-card .card-text {
  text-decoration: none !important;
  color: #333 !important;
  border-bottom: none !important;  /* Falls Bootstrap Border setzt */
}

/* Falls der Titel als Link markiert ist */
.dashboard-card .card-title a {
  text-decoration: none !important;
  color: inherit !important;
}

/* Falls Bootstrap eigene Styles hinzufügt */
.dashboard-card h5 {
  border-bottom: none !important;
}

.dashboard-card,
.dashboard-card * {
  text-decoration: none !important;
}


/* Hintergrundfarbe für bg-primary (z.B. Karten, Banner) */
.bg-primary {
    background-color: #9c2aa0 !important;
    border-color: #9c2aa0 !important;
}

/* Button-Farben anpassen (btn-primary) */
.btn-primary {
    background-color: #9c2aa0 !important;
    border-color: #9c2aa0 !important;
    color: #ffffff !important;
}

/* Hover, Focus & Active für Buttons */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #881e86 !important; /* Dunkleres Lila für Hover */
    border-color: #881e86 !important;
    color: #ffffff !important;
}

/* Falls du auch Links in Primärfarbe ändern möchtest */
.text-primary {
    color: #9c2aa0 !important;
}

/* Falls Bootstrap andere Elemente beeinflusst */
:root {
    --bs-primary: #9c2aa0;
    --bs-primary-rgb: 156, 42, 160;
}

/* Falls du die Badge- und Label-Farben ändern möchtest */
.badge-primary {
    background-color: #9c2aa0 !important;
    color: #ffffff !important;
}


/* Falls du auch Tabellen-Header in Lila möchtest */
.table-primary {
    background-color: #9c2aa0 !important;
    color: #ffffff !important;
}

/* Falls du den Progress-Bar anpassen möchtest */
.progress-bar {
    background-color: #9c2aa0 !important;
}



.admin-gradient-banner {
    background: linear-gradient(45deg, #9c2aa0, #6a1b9a);
    color: white;
    padding: 30px 20px;
    text-align: left;
    font-size: 2rem;
    font-weight: bold;
    border-radius: 10px;
    margin-bottom: 20px;
}