/* =========================================================
   site.css – Datenschutz-Update 2026
   Menü ohne jQuery, Zwei-Klick-Platzhalter, lokaler BMI-Rechner
   ========================================================= */

/* ---------- Menü: Dropdown per CSS (ersetzt ddsmoothmenu.js + jQuery) ---------- */
.ddsmoothmenu ul li.has-sub > a { padding-right: 23px; }
.ddsmoothmenu ul li.has-sub > a::after { content: " \25BE"; font-size: 11px; line-height: 0; opacity: .8; }

.ddsmoothmenu ul li ul {
  display: block;
  left: 0;
  top: 100%;
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s ease, visibility 0s linear .3s;
}
.ddsmoothmenu ul li:hover > ul,
.ddsmoothmenu ul li:focus-within > ul {
  visibility: visible;
  opacity: 1;
  transition: opacity .3s ease, visibility 0s;
}
.ddsmoothmenu ul li:hover > a { background: #7bad36; }

/* ---------- Zwei-Klick-Platzhalter für Google-Karte ---------- */
.consent-box {
  display: flex; flex-direction: column; justify-content: center; align-items: center;
  gap: 12px; text-align: center; padding: 24px; box-sizing: border-box;
  max-width: 100%; background: #f3f3ea; border: 1px solid #ddddc8; color: #4e2e19;
}
.consent-box p { margin: 0; max-width: 420px; font-size: 13px; line-height: 19px; }
.consent-box button {
  font: inherit; font-weight: bold; color: #fff; background: #7bad36;
  border: 0; padding: 10px 18px; cursor: pointer;
}
.consent-box button:hover, .consent-box button:focus { background: #4e2e19; }

/* ---------- BMI-Rechner (lokal) ---------- */
.bmi { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; margin: 10px 0; }
.bmi label { display: flex; flex-direction: column; gap: 4px; font-weight: bold; color: #4e2e19; }
.bmi input { font: inherit; width: 110px; padding: 7px 8px; border: 1px solid #bbb; }
.bmi button { font: inherit; font-weight: bold; color: #fff; background: #7bad36; border: 0; padding: 9px 16px; cursor: pointer; }
.bmi button:hover { background: #4e2e19; }
#bmi-result { min-height: 20px; font-weight: bold; color: #4e2e19; }