/* Eisstock-Buchung · Grundlage für alle Seiten. Nur die drei Markenfarben, keine Schatten, Verläufe oder Filter.
   Altrosa nur als Linie oder Rahmen, nie als Fläche. */
:root {
  --gruen: #18291D;
  --leinen: #E8DDD4;
  --rose: #B8907A;
  --serif: "aquavit", Georgia, serif;
  --sans: "futura-pt", "Futura", "Century Gothic", sans-serif;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--leinen); color: var(--gruen); font: 400 18px/1.55 var(--sans); }
a { color: inherit; }
b, strong { font-weight: 600; }

.eis-kopf { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 18px 16px; border-bottom: 1px solid var(--rose); }
.eis-logo { font: 800 22px/1 var(--serif); text-transform: uppercase; letter-spacing: .02em; text-decoration: none; }
.eis-kopf span { font-size: 13px; letter-spacing: .18em; text-transform: uppercase; }
.eis-main { max-width: 760px; margin: 0 auto; padding: clamp(32px, 6vw, 72px) 16px; }
.eis-main h1 { font: 300 clamp(34px, 6vw, 56px)/1.05 var(--serif); margin: 0 0 24px; }
.eis-main h1 b { font-weight: 700; }
.eis-eyebrow { font-size: 13px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; margin: 0 0 18px; display: flex; align-items: center; gap: 12px; }
.eis-eyebrow::before { content: ""; width: 26px; height: 2px; background: var(--rose); }

.eis-slots { list-style: none; margin: 0 0 24px; padding: 0; border-top: 1px solid var(--rose); }
.eis-slots li { display: grid; grid-template-columns: 1.2fr 1fr auto; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--rose); }

/* Knöpfe als Pill wie auf der Website (v6 .pill) */
.eis-knopf { display: inline-block; font: 700 12.5px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; padding: .95em 1.45em; border-radius: 999px; margin: 4px 8px 4px 0; border: 1.5px solid var(--gruen); background: var(--gruen); color: var(--leinen); text-decoration: none; cursor: pointer; transition: background .3s, color .3s; }
.eis-knopf:hover, .eis-knopf:focus-visible { background: var(--leinen); color: var(--gruen); }
.eis-knopf.hell { background: transparent; color: var(--gruen); }
.eis-knopf.hell:hover, .eis-knopf.hell:focus-visible { background: var(--gruen); color: var(--leinen); }
.eis-knopf:disabled { opacity: .45; cursor: not-allowed; }
:focus-visible { outline: 2px solid var(--gruen); outline-offset: 3px; }

.eis-fuss { padding: 24px 16px 40px; border-top: 1px solid var(--rose); font-size: 13px; text-align: center; }

@media (max-width: 520px) {
  .eis-slots li { grid-template-columns: 1fr auto; }
  .eis-slots li span:nth-child(2) { grid-column: 1; grid-row: 2; }
  .eis-slots li span:nth-child(3) { grid-row: 1 / span 2; align-self: center; }
}