/* Getränke: offene Bild-/Textkomposition auf der Küchenseite. */
.drinks { --drinks-copy: var(--fg-on-stage-muted); background-color: var(--bg-drinks); }
.drinks-dot { color: var(--fc-craft-gold); }
.drinks .marker { color: var(--fc-gold-bright); }
.drinks-intro {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: end;
  gap: clamp(40px, 6vw, 88px);
  margin-bottom: 56px;
}
.drinks-intro h2 { max-width: 12ch; }
.drinks-intro > p {
  max-width: 40ch;
  padding-bottom: 4px;
  font-size: var(--fs-lead);
  line-height: 1.65;
  color: var(--drinks-copy);
}
.drinks-story {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: clamp(40px, 6vw, 88px);
  align-items: center;
}
.drinks-photo { min-width: 0; margin: 0; }
.drinks-photo img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.drinks-photo figcaption {
  margin-top: 14px;
  color: var(--fg-on-stage-muted);
  font-size: 13px;
  line-height: 1.5;
}
.drinks-copy { max-width: 45ch; }
.drinks-copy h3 { font-size: var(--fs-title); line-height: 1.2; text-wrap: balance; }
.drinks-copy p { margin-top: 16px; color: var(--drinks-copy); font-size: 17px; line-height: 1.75; }
.drinks-copy > div + div { margin-top: 32px; }
.drinks .textlink { color: var(--fc-gold-bright); }
.drinks .textlink:hover { color: var(--fc-warm-ivory); }
.drinks-copy > .textlink { display: inline-block; margin-top: 24px; }
.drinks-story--coffee {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  margin-top: 80px;
}
.drinks-story--coffee .drinks-copy { max-width: 39ch; }
.drinks-story--coffee h3 { max-width: 15ch; font-size: clamp(32px, 3vw, 44px); line-height: 1.12; }
.drinks-close {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(40px, 6vw, 88px);
  align-items: start;
  margin-top: 72px;
  padding-top: 40px;
  border-top: 1px solid rgba(184, 175, 163, .3);
}
.drinks-close h3 { font-size: var(--fs-title); line-height: 1.25; }
.drinks-close p { max-width: 54ch; font-size: 17px; line-height: 1.7; color: var(--drinks-copy); }
.drinks-close p + p { margin-top: 14px; }
.drinks-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 28px; }
.drinks :focus-visible { outline-color: var(--fc-gold-bright); }
@media (max-width: 1100px) {
  .drinks-intro, .drinks-story, .drinks-close { gap: 36px; }
  .drinks-story--bar { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); }
}
@media (max-width: 1000px) {
  .drinks-intro, .drinks-story, .drinks-close { grid-template-columns: 1fr; }
  .drinks-intro { align-items: start; gap: 24px; margin-bottom: 36px; }
  .drinks-intro > p { max-width: 54ch; }
  .drinks-copy, .drinks-story--coffee .drinks-copy { max-width: 60ch; }
  .drinks-story--coffee { margin-top: 56px; }
  .drinks-story--coffee h3 { max-width: none; }
  .drinks-close { margin-top: 48px; padding-top: 32px; gap: 24px; }
}
@media (max-width: 480px) {
  .drinks .marker { margin-bottom: 28px; }
  .drinks-story { gap: 28px; }
  .drinks-copy p, .drinks-close p { font-size: 16px; line-height: 1.7; }
  .drinks-copy > div + div { margin-top: 28px; }
  .drinks-actions { align-items: flex-start; flex-direction: column; gap: 22px; }
  .drinks-actions .btn { width: 100%; justify-content: space-between; gap: 8px; padding: 18px 20px; font-size: 14px; }
}

/* Eigenständige Konzepte bleiben auch im Küchen-Einstieg sichtbar. */
.drinks-concepts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 30px; margin-top: 52px; }
.drinks-concepts a { display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; border-top: 1px solid rgba(184, 175, 163, .3); padding: 24px 0; }
.drinks-concepts a span { color: var(--fg-on-stage); font-family: var(--font-display); font-size: 25px; line-height: 1.2; }
.drinks-concepts a small { grid-column: 1; color: var(--fc-service-stone); font-size: 12px; line-height: 1.6; }
.drinks-concepts a b { grid-column: 2; grid-row: 1 / 3; align-self: center; color: var(--fc-gold-bright); font-weight: 400; }
.drinks-concepts a:hover span { color: var(--fc-gold-bright); }
@media (max-width: 1000px) { .drinks-concepts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .drinks-concepts { grid-template-columns: 1fr; margin-top: 36px; } }