/* Startseite Platztafel: Sportarten und Preise */
.platz-karten{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.platz-karten li{padding:18px 20px;border-top:3px solid var(--green,var(--marine));background:rgba(255,255,255,.55)}
.platz-karten h3{margin:0 0 6px;font-size:24px}
.platz-karten p{margin:0 0 4px}
.platz-dauer{opacity:.75;font-size:15px}
.platz-tabelle{width:100%;border-collapse:collapse;margin-top:16px;font-size:17px}
.platz-tabelle th,.platz-tabelle td{text-align:left;padding:12px 14px 12px 0;border-top:1px solid rgba(15,31,61,.18);vertical-align:top}
.platz-tabelle th{font-weight:700;width:28%}
.platz-preis{text-align:right!important;white-space:nowrap;font-weight:700;font-variant-numeric:tabular-nums}
.platz-preis small{font-weight:400;opacity:.7}
@media(max-width:640px){.platz-tabelle th{width:auto}.platz-tabelle tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 0;border-top:1px solid rgba(15,31,61,.18)}.platz-tabelle th,.platz-tabelle td{border:0;padding:0}.platz-tabelle td:nth-child(2){grid-column:1}.platz-tabelle .platz-preis{grid-column:2;grid-row:1/3}}

/* Sportliche Farbgebung: Rot, Blau, Weiß */
.button.primary,.reservation-button{background:var(--rot);color:#fff;border-color:var(--rot)}
.button.primary:hover,.reservation-button:hover{background:#b81f1f;border-color:#b81f1f;color:#fff}
.button.ghost{color:#fff;border-color:rgba(255,255,255,.7);background:transparent}
.button.ghost:hover{background:rgba(255,255,255,.14)}
.hero{border-bottom:6px solid var(--rot)}
.eyebrow{letter-spacing:.14em}
.platz-karten li{border-top-color:var(--rot)}
.reservation-entry{border-left:6px solid var(--rot)}
.reservation-slot{border-color:#1b4fc4;color:var(--marine)}
.reservation-slot:hover{background:#1b4fc4;color:#fff}

/* Kantige Karten mit Schrägschnitt und Sportsymbol */
.platz-karten li{position:relative;background:#fff;border-top:0;border-left:8px solid var(--rot);padding:20px 22px 18px;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.platz-karten h3{font-size:22px;margin-bottom:8px}
.platz-icon{display:block;width:44px;height:44px;margin-bottom:10px;color:var(--marine)}
.reservation-entry{background:var(--marine);color:#fff;border-left:10px solid var(--rot);padding:28px 32px;clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%)}
.reservation-entry h2,.reservation-entry p{color:#fff}
.reservation-entry .eyebrow{color:#ff8a8a}
@media(min-width:641px){.platz-tabelle th,.platz-tabelle td{border-top:2px solid var(--marine)}}@media(max-width:640px){.platz-tabelle th,.platz-tabelle td{border:0!important}.platz-tabelle tr{border-top:2px solid var(--marine)!important}}
.platz-preis{color:var(--rot)}
.section>h2{border-left:8px solid var(--rot);padding-left:14px}
.reservation-entry a:not(.button){color:#fff;text-decoration:underline}
