/* Boxenfunk: Eventserver-Karten (#/eventboards oben) — js/views/_eventserver_karte.js / _eventserver_top.js.
   Vorbild .ebkat in seiten.css: Vollflaeche mit angeschnittener Ecke, Bereichsstreifen links, Schraeg-Knoepfe.
   Bereichsfarbe = Eventserver-Gelb (--bx-b-sonst). Greift nur unter html[data-design="boxenfunk"]. */
html[data-design="boxenfunk"] .es-k {
  --es-gelb: var(--bx-b-sonst);
  border: 0; border-radius: 0; box-shadow: none; background: var(--bf-panel);
  clip-path: polygon(0 0, calc(100% - var(--bx-ecke)) 0, 100% var(--bx-ecke), 100% 100%, 0 100%);
}
html[data-design="boxenfunk"] .es-k::before {
  content: ""; position: absolute; inset: 0 auto 0 0; width: 6px; background: var(--es-gelb); z-index: 2; pointer-events: none;
}
html[data-design="boxenfunk"] .es-k__name {
  padding: 12px 16px 10px 22px; font-family: var(--bf-display); font-weight: 800; font-style: italic;
  font-size: 24px; letter-spacing: .01em; color: #fff; text-shadow: none;
}
html[data-design="boxenfunk"] .es-banner { background: var(--bf-panel-2); }
html[data-design="boxenfunk"] .es-banner__platz { background: linear-gradient(135deg, var(--bf-panel-2), var(--bf-panel)); }
html[data-design="boxenfunk"] .es-banner__platz b {
  font-family: var(--bf-display); font-weight: 800; font-style: italic; color: #fff; text-shadow: none;
}
html[data-design="boxenfunk"] .es-banner__platz span {
  font-family: var(--bf-display); font-weight: 700; letter-spacing: .1em; color: var(--bf-ink-dim);
}
html[data-design="boxenfunk"] .es-banner--link img { transition: filter .15s; }
html[data-design="boxenfunk"] .es-banner--link:hover img,
html[data-design="boxenfunk"] .es-banner--link:focus-visible img { filter: brightness(1.15); }
html[data-design="boxenfunk"] .es-banner--link:focus-visible { outline: 2px solid var(--es-gelb); outline-offset: -2px; }
html[data-design="boxenfunk"] .es-k__body { padding-left: 22px; }
html[data-design="boxenfunk"] .es-k__event {
  font-family: var(--bf-display); font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  font-size: 15px; color: var(--bf-ink-dim);
}
html[data-design="boxenfunk"] .es-k--aus .es-k__event { color: var(--bf-ink-dim); opacity: .8; }
html[data-design="boxenfunk"] .es-k__autos,
html[data-design="boxenfunk"] .es-k__zahlen,
html[data-design="boxenfunk"] .es-k__leer { font-family: var(--bf-text); color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] .es-k__auto,
html[data-design="boxenfunk"] .es-k__autos b,
html[data-design="boxenfunk"] .es-k__zahlen b { color: #fff; }
html[data-design="boxenfunk"] .es-k__zahlen b { font-family: var(--bf-display); font-weight: 800; font-style: italic; }
html[data-design="boxenfunk"] .es-k__on b { color: var(--bf-gut); }
/* Knoepfe: Schraeg-Tabs (Vorbild .ebkat__oeffnen seiten.css:146, Join-Knopf schale.css:77). */
html[data-design="boxenfunk"] .es-top__link,
html[data-design="boxenfunk"] .es-k__join,
html[data-design="boxenfunk"] .es-top__knopf {
  border: 0; border-radius: 0; box-shadow: none; transform: none; filter: none; clip-path: var(--bx-schraeg);
  font-family: var(--bf-display); font-weight: 800; font-style: italic; text-transform: uppercase; letter-spacing: .04em;
}
html[data-design="boxenfunk"] .es-top__link { color: var(--bf-dunkel); background: var(--es-gelb); font-size: 15px; }
html[data-design="boxenfunk"] .es-top__link:hover,
html[data-design="boxenfunk"] .es-top__link:focus-visible { background: #fff; text-decoration: none; outline: none; }
html[data-design="boxenfunk"] .es-top__knopf { color: var(--bf-ink); background: var(--bf-knopf); }
html[data-design="boxenfunk"] .es-top__knopf:hover,
html[data-design="boxenfunk"] .es-top__knopf:focus-visible { background: var(--bf-knopf-hell); outline: none; }
html[data-design="boxenfunk"] .es-k__join {
  color: var(--bf-ink); font-size: 15px; padding: 8px 22px 8px 24px;
  background: linear-gradient(var(--bx-b-lizenz), var(--bx-b-lizenz)) left / 14px 100% no-repeat, var(--bf-knopf);
}
html[data-design="boxenfunk"] .es-k__join:hover,
html[data-design="boxenfunk"] .es-k__join:focus-visible { color: var(--bf-dunkel); background: var(--bx-b-lizenz); outline: none; }
/* Top-Tabelle: Zeiten in Zeitenschrift (.ebkat__best), Platz 1 gelb wie Bestzeit, Medaillen. */
html[data-design="boxenfunk"] .es-top__tab th {
  font-family: var(--bf-display); font-weight: 700; letter-spacing: .1em; color: var(--bf-ink-dim);
}
html[data-design="boxenfunk"] .es-top__tab td { border-top: 1px solid var(--line); font-family: var(--bf-text); color: var(--bf-ink); }
html[data-design="boxenfunk"] .es-top__tab tbody tr:hover td { background: rgba(255, 255, 255, .09); }
html[data-design="boxenfunk"] .es-top__f { font-family: var(--bf-display); font-weight: 700; text-transform: uppercase; letter-spacing: .02em; }
html[data-design="boxenfunk"] .es-top__z,
html[data-design="boxenfunk"] .es-top__tab td.num {
  font-family: var(--bf-display); font-weight: 800; font-style: italic; font-variant-numeric: tabular-nums; color: #fff;
}
html[data-design="boxenfunk"] .es-top__tab tbody tr:first-child .es-top__z { color: var(--es-gelb); }
html[data-design="boxenfunk"] .es-top__a { color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] .es-top__med { font-style: normal; font-size: 15px; }