.skin-blue .main-header .logo {background-color: #FDE70E; }
.skin-blue .main-header .logo:hover {background-color: #FDE70E;}
.skin-blue .main-header .navbar {background-color: #FDE70E;}        
.skin-blue .main-sidebar {background-color: #FDE70E;}
.skin-blue .main-sidebar .sidebar .sidebar-menu .active a{background-color: #FDE70E;}
.content-wrapper, .right-side {background-color: #FFFFFF;}

/* Sidebar text color */
.skin-blue .main-sidebar .sidebar-menu a {
  color: #000000 !important;
}

/* Sidebar text color when menu item is active/hovered */
.skin-blue .main-sidebar .sidebar-menu .active a,
.skin-blue .main-sidebar .sidebar-menu a:hover {
  background-color: #FFDD00;
  color: #000000 !important;
}

/* Header text color */
.skin-blue .main-header a {
  color: #000000 !important;
}

/* Header text color when active/hovered */
.skin-blue .main-header .active a,
.skin-blue .main-header a:hover {
  background-color: #FFDD00;
  color: #000000 !important;
}

/* Logo text color (Schriftfarbe) */
.skin-blue .main-header .logo {
  color: #000000 !important;
  text-align: left !important;
  font-weight: bold;
}

/* Force the logo to align left */
.skin-blue .main-header .logo {
  float: left !important;
}

label {
  color: #000000 !important;
}

b {
  color: #000000 !important;
  margin-left: 15px; 
}

.small-box {
      background-color: #FDE70E !important; /* Custom Tomato Color */
      margin-left: -15px !important; 
      width: 300px !important;
      color: #000000 !important;
}

.left-align {
      display: inline-block;
      width: 100px !important;
      margin-left: 0 !important;
}


li.topic.current {
  background-color: #FDE70E !important;
}


body {
    font-family: 'Inter', sans-serif !important;
}

:root {
    --primary: #fde70e !important;
    --secondary: #4c4c4c !important;
}

 

body, p, a {
    color: #4c4c4c; /* FHNW dark gray */
}

a:hover {
    color: #262626; /* Slightly darker on hover */
}
 
h1, h2, h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: #000000; /* Bold, black headings */
}



 
.navbar {
    background-color: #fde70e; /* FHNW yellow */
    color: #4c4c4c;
}
  
.btn:hover {
    background-color: #e3ce02; /* Darker yellow */
    color: #212529; /* Slightly darker text */
}



.box-tools.pull-right .btn {
  background-color: #4c4c4c;
  color: #ffffff;
  border-color: #4c4c4c;
}

/* Verhindert Farbänderungen bei Hover und Fokus */
.box-tools.pull-right .btn:hover,
.box-tools.pull-right .btn:focus {
  background-color: #4c4c4c;
  color: #ffffff;
  border-color: #4c4c4c;
}


.widget-user-header.bg-light-blue {
    background-color: #fde70e !important;
    color: #4c4c4c !important;
}

.widget-user-header.bg-light-blue.href{
    background-color: #fde70e !important;
    color: #4c4c4c !important;
}

.widget-user-header.bg-light-blue.a:hover,
.widget-user-header.bg-light-blue.a:focus {
  color: #4c4c4c; /* Stellt sicher, dass die Farbe beim Hover und Fokus ebenfalls schwarz bleibt */
}


.box-header.with-border {
    background-color: #fde70e !important;
    color: #4c4c4c !important;
}

 .box.box-danger,
.box.box-solid.box-danger {
    border-color: #4c4c4c !important;
    height: auto !important;
    margin-left: -15px; 
}


 

.box.box-solid.box-danger {
    border-color: #4c4c4c !important;
    height: auto !important;
    margin-left: -15px; 
}



/* Passt den Header der 'box-danger' Boxen an */
.box.box-danger > .box-header {
    background-color: #fde70e !important;
    color: #4c4c4c !important;
}