/* ===== PAGINA ACHTERGROND ===== */
body {
    background: #dcdcdc;
}

/* ===== HEADER ===== */
header {
    background: linear-gradient(#7bbd2b, #4e8f1c);
}

/* ===== CONTENT BLOK ===== */
.container-component {
    background: #ffffff;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.25);
}

/* ===== SIDEBAR ===== */
.sidebar-left {
    background: transparent;
}

/* ===== MENU BLOK ===== */
.sidebar-left .card {
    border-radius: 12px;
    overflow: hidden;
    background: #e5e5e5;
}

/* ===== MENU KNOPPEN ===== */
.mod-menu a {
    display: block;
    background: #5da91f;
    color: white !important;
    padding: 12px;
    margin-bottom: 8px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: bold;
}

/* ===== HOVER ===== */
.mod-menu a:hover {
    background: #4a8c18;
}

/* ===== ACTIEVE ===== */
.mod-menu .active > a {
    background: #e5c84f;
    color: black !important;
}

/* ===== MENU BLOK ===== */
.sidebar-left .card {
    border-radius: 12px;
    overflow: hidden;
    background: #e5e5e5;
}

/* ===== MENU KNOPPEN ===== */
.mod-menu a {
    display: block;
    background: #5da91f;
    color: white !important;
    padding: 12px;
    margin-bottom: 8px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: bold;
}


body #maximenuck121 ul.maximenuck li a {
  color: #5a3e2b !important;
}

#maximenuck121 {
  background: #f5e9dc !important;
}

}
.maximenuck121 ul.maximenuck > li:hover > a {
  background: #d65a3a;
  color: #ffffff;
}

.maximenuck121 ul.maximenuck li ul {
  background: #fff7f0;
}

.maximenuck121 ul.maximenuck li ul li a {
  color: #5a3e2b;
}

.maximenuck121 li.active > a {
  color: #d65a3a;
  font-weight: bold;
}
.maximenuck121 {
  background: #f5e9dc; /* warme beige tint */
}

.banner-links {
  text-align: center;
  margin-top: -20px;
  margin-bottom: 20px;
}

.banner-links a {
  margin: 0 10px;
  padding: 10px 18px;
  background: #f5e9dc;
  border-radius: 20px;
  color: #5a3e2b;
  text-decoration: none;
}

.banner-links a:hover {
  background: #d65a3a;
  color: white;
}