/* =========================================================
   Bioresonanz Stockach – Custom-Design (Nachbau des alten "jMint")
   grün/weiß/grau · Akzent #6aba0b · Century Gothic
   (nur Farben/Schrift/Menü – keine Layout-Eingriffe, damit Cassiopeias
    Grid Header/Menü/Inhalt sauber ausrichtet)
   ========================================================= */

:root { --gruen:#6aba0b; --gruen-hell:#c4e9cb; --grau:#5d5d5d; --text:#555555; }

/* Grund: zartgrüner Verlauf oben -> weiß, Century Gothic */
body.site {
  font-family: "Century Gothic", "Apple SD Gothic Neo", "URW Gothic L", Arial, sans-serif;
  color: var(--text);
  background:
    linear-gradient(#e2edde, #ffffff 340px) no-repeat,
    #ffffff;
}
body.site a { color: var(--gruen); }
body.site a:hover { color: #55990a; }

/* Header hell + Praxisname */
.container-header { background: #ffffff; box-shadow: 0 1px 5px rgba(0,0,0,.08); }
.header .brand-logo, .header .site-title {
  color: var(--grau) !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  text-decoration: none;
}
.header .site-title { color: var(--gruen) !important; }
.header .site-description { color:#9a9a9a; font-size:13px; font-style:italic; }

/* Menü: dunkelgrauer Balken, weiße Großbuchstaben, grüner Hover/Aktiv */
.container-nav { background: var(--grau); border-radius: 3px; }
.container-nav .mod-menu .nav-item > a {
  color:#ffffff !important;
  background: transparent !important;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing:.3px;
  padding: 10px 15px;
}
.container-nav .mod-menu .nav-item > a:hover,
.container-nav .mod-menu .nav-item.active > a,
.container-nav .mod-menu .nav-item.current > a {
  background: var(--gruen) !important;
  color:#ffffff !important;
  border-radius: 2px;
}
.navbar-toggler { color:#fff; border-color: rgba(255,255,255,.4); }

/* Inhalt: weiße Karte auf dem grünlichen Hintergrund */
.container-component {
  background:#ffffff;
  border:1px solid #e6e6e6;
  border-radius:4px;
  padding: 20px 24px;
}
.site main h1, .site main h2, .page-header h1, .com-content-article__title {
  color: var(--grau); font-weight:700;
}
.site main h1, .page-header h1 { border-bottom:3px solid var(--gruen); padding-bottom:.25em; }
.site main h2, .site main h3 { color: var(--gruen); }
.site main img { max-width:100%; height:auto; }

/* Breadcrumbs dezent */
.container-breadcrumb, .mod-breadcrumbs { font-size:12px; }

/* Footer schlicht, grau */
.container-footer {
  background: var(--grau);
  color:#e0e0e0;
  text-align:center;
  font-size:13px;
  padding: 16px 8px;
}
.container-footer a { color:#fff; }