/* Startseite – nur seitenspezifische Ergänzungen. Nutzt ausschließlich Variablen aus tokens.css. */

/* ---- Standards: Piktogramme unter dem Text --------------------------- */
.home-standards .home-features { margin-top: var(--space-4); }

/* ---- Menü ------------------------------------------------------------ */
.home-menu__intro {
  max-width: 680px; margin: 0 auto var(--space-4); text-align: center; color: var(--c-text-dim);
}
.home-menu__intro p { margin: 0 0 var(--space-1); }
.home-menu__intro .text-small { margin-top: var(--space-2); }
.home-menu__sub {
  font-family: var(--f-display); font-style: italic; font-weight: 400;
  font-size: var(--fs-h3); line-height: var(--lh-h3); color: var(--c-gold);
  text-align: center; margin: var(--space-4) 0 var(--space-3);
}
.home-menu__intro + .home-menu__sub { margin-top: 0; }
.home-menu__more { margin-top: var(--space-2); }

/* Getränkekarte im Popup (Softdrinks, Warme Getränke, Bier, Wein) */
@media (min-width: 768px) {
  .home-karte .dialog__box { max-height: min(86vh, 720px); }
  .home-karte .product-dialog__body { overflow-y: auto; }
}
.home-karte__sub {
  font-family: var(--f-display); font-style: italic; font-weight: 400; font-size: 20px;
  color: var(--c-gold); margin: var(--space-2) 0 var(--space-1);
}
.home-karte__list { list-style: none; margin: 0 0 var(--space-1); padding: 0; font-size: var(--fs-small); line-height: 1.5; }
.home-karte__list li {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 16px;
  padding: 6px 0; border-bottom: 1px solid var(--c-gold-20);
}
.home-karte__name { flex: 1 1 auto; }
.home-karte__menge { color: var(--c-gold); white-space: nowrap; }
.home-karte__info { flex-basis: 100%; font-size: var(--fs-xs); color: var(--c-text-dim); }

/* ---- News ------------------------------------------------------------ */
.home-news__grid.grid-2 { max-width: 960px; margin-inline: auto; }
.home-news .btn-row { margin-top: var(--space-4); }

/* ---- Kontakt-Leiste -------------------------------------------------- */
.home-contact { border-top: 1px solid var(--c-gold-20); }
.home-contact .heading__sub { max-width: 620px; margin-inline: auto; }
.home-contact__list {
  list-style: none; margin: var(--space-4) 0 0; padding: 0;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3);
}
.home-contact__item {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  padding: var(--space-3) var(--space-2); border: var(--frame-thin);
}
.home-contact__item p { margin: 0; }
.home-contact__place {
  font-family: var(--f-display); font-style: italic; font-size: 30px; line-height: 1.2; color: var(--c-gold);
}
.home-contact__firma { font-size: var(--fs-small); color: var(--c-text-dim); margin-top: 4px !important; }
.home-contact__tel {
  display: inline-flex; align-items: center; gap: 10px; margin-top: var(--space-2);
  font-size: 22px; font-weight: 600; color: var(--c-text); text-decoration: none; transition: color var(--t);
}
.home-contact__tel svg { color: var(--c-gold); flex: none; }
.home-contact__tel:hover, .home-contact__tel:focus-visible { color: var(--c-gold); }
.home-contact__hours {
  display: flex; align-items: flex-start; justify-content: center; gap: 8px; margin-top: var(--space-1) !important;
  font-size: var(--fs-xs); line-height: 1.6; color: var(--c-text-dim);
}
.home-contact__hours svg { color: var(--c-gold); flex: none; margin-top: 3px; }
.home-contact .btn-row { margin-top: var(--space-4); }

@media (max-width: 1024px) {
  .home-contact__list { grid-template-columns: 1fr; max-width: 520px; margin-inline: auto; }
}
@media (max-width: 767px) {
  .home-menu__intro { margin-bottom: var(--space-3); }
  .home-contact__place { font-size: 26px; }
  .home-contact__tel { font-size: 20px; }
}

/* ---- B2B / Partner: Überschriften oben bündig, Buttons unten bündig ---- */
@media (min-width: 1025px) {
  .home-duo .duo__grid { align-items: stretch; }
  .home-duo .duo__col { display: flex; flex-direction: column; }
  .home-duo .duo__col .btn-row { margin-top: auto; padding-top: var(--space-3); }
  .home-duo .duo__media { align-self: center; }
}
.home-contact__zeit { display: block; }

/* ---- Menü: Tabs auf dem Handy in einer Reihe --------------------------- */
@media (max-width: 767px) {
  .home-tabs .tabs__list { flex-wrap: nowrap; }
  .home-tabs .tabs__tab { flex: 1 1 0; min-width: 0; padding: 4px 8px; font-size: 16px; white-space: nowrap; }
}

/* ---- Menü: Links unter dem Raster, weniger Abstand bis „News“ ---------- */
.home-menu { padding-bottom: var(--space-4); }
.home-menu__more { margin-top: 24px; }

/* ---- Unsere Geschichte: Zeichnung Picerno statt Foto, ohne Rahmen ----- */
.home-story__bild img { width: 100%; height: auto; }