/* ===========================================================
   foodie | bedda – clean green card layout
   Version: 1.0.1
   =========================================================== */

.foodie-bedda {
  --bedda-accent: #3f8d2b; /* Marken-Grün */
  --text: #222;
  --muted: #666;
  --card-bg: #fff;
  --shadow: 0 6px 22px rgba(0,0,0,.06);

  background: var(--card-bg);
  color: var(--text);
  border-radius: 14px;
  padding: 20px 22px;
  box-shadow: var(--shadow);
  line-height: 1.55;
}

/* Headings */
.foodie-bedda .fb-title {
  margin: 0 0 .35rem 0;
  font-size: clamp(1.4rem, 2.2vw, 1.8rem);
  letter-spacing: .2px;
}
.foodie-bedda h3 {
  margin: 1.2rem 0 .4rem;
  font-size: clamp(1.05rem, 1.6vw, 1.15rem);
  color: var(--bedda-accent);
}

/* Textabsätze */
.foodie-bedda p { margin: .4rem 0; }
.foodie-bedda section + section { margin-top: .6rem; }

/* Teaser */
.foodie-bedda .fb-teaser p {
  font-weight: 600;
}

/* Benefit-Box */
.foodie-bedda .fb-benefits {
  background: rgba(63,141,43,.06);
  border: 1px solid rgba(63,141,43,.18);
  border-radius: 12px;
  padding: 10px 14px;
}
.foodie-bedda .fb-benefits ul {
  list-style: none;
  padding: 0;
  margin: 6px 0 0;
}
.foodie-bedda .fb-benefits li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: .28rem 0;
}

/* Links im Akzentfarbton */
.foodie-bedda a {
  color: var(--bedda-accent);
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

/* Blocksatz optional */
.foodie-bedda .fb-intro p,
.foodie-bedda .fb-desc p,
.foodie-bedda .fb-tip p {
  text-align: justify;
}

/* Mobile */
@media (max-width: 480px) {
  .foodie-bedda { padding: 16px; border-radius: 12px; }
}