/* ==========================================================
   Farbkonzept
   ========================================================== */

:root {

    /* Markenfarben */
    --site-primary:        #6B7F4A;
    --site-primary-hover:  #556339;
    --site-accent:         #D4A24A;

    /* Flächen */
    --site-background:     #FFFFFF;
    --site-section:        #F4F2EB;
    --site-surface:        #FCFBF9;
    --site-table-header:   #F0EEE6;

    /* Rahmen */
    --site-border:         #E2E0D6;

    /* Text */
    --site-text:           #333333;
    --site-text-light:     #757575;

    /* Bootstrap */
    --bs-primary:          var(--site-primary);
    --bs-primary-rgb:      107,127,74;

    --bs-body-bg:          var(--site-background);
    --bs-body-color:       var(--site-text);

    --bs-border-color:     var(--site-border);

    --bs-link-color:       var(--site-primary);
    --bs-link-hover-color: var(--site-primary-hover);

      /* Rahmen */
    --border-width: 1px;

    /* Schatten */
    --shadow-sm: 0 .1rem .2rem rgba(0,0,0,.03);

    /* Innenabstände */
    --spacing-sm: .5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;

  /* Rundungen */
    --radius-sm: .25rem;
    --radius-md: .5rem;
}

body,
.container-footer,
.container-header {
    background: var(--site-background);
    color: var(--site-text);
}

/* ==========================================================
   Überschriften
   ========================================================== */

h1 {
    color: var(--site-text);
    font-size: 2.3rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
}

h2 {
    color: var(--site-primary);
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

h3 {
    color: var(--site-primary);
    font-size: 1.5rem;
    font-weight: 600;
}

h4 {
    color: var(--site-primary);
    font-size: 1.25rem;
    font-weight: 600;
}


/* Links */
a {
    color: var(--site-primary);
    text-decoration: none;
}

a:hover {
    color: var(--site-primary-hover);
    text-decoration: underline;
}

/* ==========================================================
   Bereiche
   ========================================================== */

/* Hintergrund */
.container-header .grid-child,
.container-footer .grid-child,
.mod-breadcrumbs {
    background: var(--site-section);
}

/* Heller Hintergrund (surface) */
.container-sidebar-right .card,
.container-sidebar-left .card,
.main-top,
.container-component > main > .com-content-article {
    background: var(--site-surface);
    border: 1px solid var(--site-border);
    border-radius: .5rem;
}

/* Module anpassen */
.container-sidebar-right .card-header {
    background: var(--site-section);
    border-bottom: 1px solid var(--site-border);
    padding: .6rem 1rem;
}

.container-sidebar-right .card-title,
.container-sidebar-right h3,
.container-sidebar-right h4 {
    margin: 0;
    color: var(--site-primary);
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.2;
}

.container-header .grid-child {
    margin-top: 1rem;
}

.container-footer .grid-child {
    margin-bottom: 1rem;
}

.container-sidebar-right .card-body {
    padding: 1rem;
}

/* Article */
.com-content-article {
    padding: 1rem;
}

/* Runde Ecken */
.mod-breadcrumbs,
.container-header .grid-child,
.container-sidebar-right .card,
.container-footer .grid-child {
    border-radius: var(--radius-md);
}

/* Buttons */
.btn-primary {
    padding: .55rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    border-radius: .4rem;

    background: var(--site-primary);
    border-color: var(--site-primary);
}

.btn-primary:hover {
    background: var(--site-primary-hover);
    border-color: var(--site-primary-hover);
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background: var(--site-table-header) !important;
}

/* Alle Untermenüs dauerhaft sichtbar machen (Standard-Menü / Default-Layout) */
.mod-menu .mod-menu__sub,
.mod-menu ul.mod-menu__sub {
  display: block !important;
  position: static !important;   /* wichtig: kein absolute/dropdown-Verhalten */
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Toggle-Button (Pfeil/Caret) ausblenden, da nicht mehr nötig */
.mod-menu .mod-menu__toggle,
.mod-menu button[aria-expanded] {
  display: none !important;
}

/* Optional: etwas Einrückung für bessere Lesbarkeit */
.mod-menu .mod-menu__sub {
  padding-left: 1.2em;
  margin-top: 0.25em;
}