/* Getränke & Bar · eigenständige Leistungsseite · Grün */
.bar-page { --bar-line: rgba(184, 175, 163, .3); }
.bar-page main :is(section, article, nav)[id] { scroll-margin-top: 112px; }
.bar-hero { padding-bottom: 0; }
.bar-hero .lp-hero-grid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.bar-hero h1 { font-size: clamp(68px, 7.6vw, 108px); line-height: .96; }
.bar-hero .lp-intro { font-size: clamp(18px, 1.5vw, 21px); max-width: 35ch; }
.bar-hero-copy { max-width: 44ch; color: var(--fc-service-stone); line-height: 1.65; font-size: 15px; margin-top: 18px; }
.bar-hero .bar-hero-photo img { aspect-ratio: 3 / 2; object-position: center; }
.bar-hero-notes { display: flex; flex-wrap: wrap; gap: 20px 40px; padding: 28px 0; margin-top: 48px; border-top: 1px solid var(--bar-line); }
.bar-hero-notes p { color: var(--fc-service-stone); font-size: 12px; }
.bar-hero-notes p::before { content: ''; display: inline-block; width: 5px; height: 5px; margin: 0 12px 2px 0; background: var(--fc-craft-gold); }
.bar-menu { padding: 18px 0; border-bottom: 1px solid var(--hairline-light); }
.bar-menu-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 40px; }
.bar-menu a { display: flex; gap: 13px; align-items: center; padding: 18px 0; font-size: 16px; }
.bar-menu a span { font-size: 11px; color: var(--fc-gold-ink); }
.bar-menu a b { margin-left: auto; color: var(--fc-gold-ink); font-weight: 400; }
.bar-menu a:hover { color: var(--fc-gold-ink); }
.bar-cocktails h2 { font-size: clamp(42px, 4.4vw, 66px); }
.bar-cocktails .lp-copy p { font-size: 16px; }
.bar-team-photo { width: 100%; max-width: 440px; justify-self: end; }
.bar-team-photo img { aspect-ratio: 2 / 3; object-fit: contain; }
.bar-concept-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; }
.bar-concept { border-top: 1px solid var(--hairline-light); padding-top: 26px; display: flex; align-items: flex-start; flex-direction: column; }
.bar-concept .lp-eyebrow { font-size: 10px; }
.bar-concept h3 { font-size: 30px; line-height: 1.15; text-wrap: balance; }
.bar-concept > p:not(.lp-eyebrow) { margin-top: 20px; font-size: 15px; line-height: 1.7; color: var(--fg-muted); }
.bar-concept .lp-link { margin-top: auto; padding-top: 25px; }
.bar-wine { background: var(--bg-drinks); }
.bar-wine .lp-copy > p:first-child { margin-top: 0; }
.bar-origin { border-top: 1px solid var(--bar-line); margin-top: 64px; padding-top: 36px; display: grid; grid-template-columns: 1fr 1fr; gap: var(--lp-gap); }
.bar-origin h3 { font-size: 28px; }
.bar-origin p { margin-top: 17px; max-width: 54ch; font-size: 16px; line-height: 1.7; color: #d7d0c4; }
.bar-origin .lp-link { margin-top: 24px; }
.bar-everyday-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(36px, 8vw, 112px); }
.bar-small-copy { min-width: 0; }
.bar-small-copy h3 { overflow-wrap: break-word; hyphens: auto; font-size: 30px; line-height: 1.2; text-wrap: balance; }
.bar-small-copy p { font-size: 16px; line-height: 1.75; color: var(--fg-muted); margin-top: 18px; max-width: 53ch; }
.bar-small-copy p + h3 { margin-top: 40px; }
.bar-small-copy .lp-link { margin-top: 26px; }
.bar-coffee-photo { margin-bottom: 28px; }
.bar-coffee-photo img { aspect-ratio: 3 / 2; }
.bar-service .bar-service-photo img { aspect-ratio: 3 / 2; }
.bar-service .bar-small-copy p { color: #d7d0c4; }
.bar-service-close { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--lp-gap); align-items: center; border-top: 1px solid var(--bar-line); margin-top: 54px; padding-top: 36px; }
.bar-service-close h3 { font-size: 30px; }
.bar-service-close p { color: #d7d0c4; margin-top: 18px; max-width: 56ch; font-size: 16px; line-height: 1.7; }
.bar-service-links { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.bar-service-links .btn { width: fit-content; }
.bar-billing .bar-concept h3 { font-size: 28px; }
.bar-page :is(.lp-hero, .lp-dark) :focus-visible { outline-color: var(--fc-gold-bright); }
@media (max-width: 1100px) {
  .bar-hero h1 { font-size: 78px; }
  .bar-menu-grid { column-gap: 26px; }
  .bar-concept-grid { gap: 26px; }
  .bar-service-close { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 800px) {
  .bar-hero .lp-hero-grid { grid-template-columns: 1fr; }
  .bar-hero h1 { font-size: clamp(66px, 12vw, 88px); }
  .bar-hero .lp-intro { max-width: 43ch; }
  .bar-hero-copy { max-width: 56ch; }
  .bar-hero-notes { margin-top: 30px; gap: 16px 28px; }
  .bar-menu-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bar-menu a { font-size: 14px; }
  .bar-team-photo { max-width: 420px; justify-self: start; }
  .bar-concept-grid { grid-template-columns: 1fr; gap: 34px; }
  .bar-concept > p:not(.lp-eyebrow) { max-width: 65ch; }
  .bar-origin, .bar-service-close { grid-template-columns: 1fr; }
  .bar-everyday-grid { grid-template-columns: minmax(0, 1fr); gap: 42px; }
  .bar-small-copy p { max-width: 65ch; }
  .bar-coffee-photo { max-width: 600px; }
  .bar-origin { margin-top: 42px; }
  .bar-service-close { margin-top: 38px; }
}
@media (max-width: 480px) {
  .bar-hero h1 { font-size: clamp(60px, 16vw, 76px); }
  .bar-hero .lp-intro { font-size: 18px; }
  .bar-hero .lp-actions { align-items: flex-start; flex-direction: column; gap: 24px; }
  .bar-hero-notes { flex-direction: column; gap: 12px; }
  .bar-menu-grid { column-gap: 19px; }
  .bar-menu a { font-size: 13px; gap: 8px; line-height: 1.35; }
  .bar-menu a b { display: none; }
  .bar-cocktails h2 { font-size: 41px; }
  .bar-concept h3, .bar-small-copy { min-width: 0; }
.bar-small-copy h3 { overflow-wrap: break-word; hyphens: auto; font-size: 28px; }
  .bar-page main .btn { padding: 18px 20px; max-width: 100%; gap: 12px; font-size: 14px; white-space: normal; }
  .bar-page main .btn .arr { flex-shrink: 0; }
  .bar-service-links { align-items: flex-start; flex-direction: column; gap: 22px; }
}