.etliste{display:grid;gap:1.4rem;grid-template-columns:1fr;max-width:46rem}.et-lade{color:var(--color-muted)}.et-hinweis{max-width:40rem;color:var(--color-muted)}.etliste-info{background:var(--color-aqua-mist);border:1px solid color-mix(in srgb,var(--color-aqua) 22%,transparent);border-radius:1.2rem;padding:clamp(1.4rem,3vw,2rem);color:var(--color-muted)}.etliste-info p+p{margin-top:.6rem}.etliste-info strong{color:var(--color-brand)}.et-card{background:var(--color-shell);border:1px solid color-mix(in srgb,var(--color-aqua) 20%,transparent);border-radius:1.2rem;padding:clamp(1.3rem,3vw,1.8rem);box-shadow:0 14px 34px -26px color-mix(in srgb,var(--color-aqua) 60%,transparent)}.et-name{font-family:var(--font-display);font-weight:600;font-size:clamp(1.4rem,2.4vw,1.8rem);color:var(--color-brand)}.et-sub{color:var(--color-muted);margin-top:.2rem}.et-loc{color:var(--color-muted);font-size:.92rem}.et-sessions{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;gap:.5rem}.et-row{border:1px solid color-mix(in srgb,var(--color-aqua) 16%,transparent);border-radius:.8rem;background:color-mix(in srgb,var(--color-aqua-mist) 40%,#fff)}.et-book{padding:0}.et-summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:.7rem .9rem}.et-summary::-webkit-details-marker{display:none}.et-book[aria-disabled=true] .et-summary{cursor:default}.et-when{font-variant-numeric:tabular-nums;color:var(--color-ink);font-weight:500}.et-seat{font-size:.78rem;font-weight:700;padding:.2rem .6rem;border-radius:999px}.et-seat.is-free{color:#0a5f3c;background:color-mix(in srgb,#12a86a 18%,#fff)}.et-seat.is-full{color:var(--color-muted);background:color-mix(in srgb,var(--color-muted) 14%,#fff)}.et-open{margin-left:auto;font-weight:700;color:var(--color-orange-deep)}.et-book[open] .et-open{display:none}.et-form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1rem;padding:0 .9rem 1rem;text-align:left}@media(max-width:480px){.et-form{grid-template-columns:1fr}}.et-field{display:flex;flex-direction:column;gap:.35rem}.et-field label{font-size:.88rem;font-weight:600;color:var(--color-brand)}.et-opt{font-weight:400;color:var(--color-muted)}.et-field input{font:inherit;width:100%;padding:.7rem .9rem;color:var(--color-ink);background:var(--color-shell);border:1.5px solid color-mix(in srgb,var(--color-aqua) 30%,transparent);border-radius:.8rem}.et-field input:focus{outline:none;border-color:var(--color-teal);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-aqua) 20%,transparent)}.et-pay{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}.et-pay-opt{display:flex;align-items:center;gap:.45rem;font-weight:500;color:var(--color-ink);cursor:pointer}.et-pay-opt input{width:auto;accent-color:var(--color-teal)}.et-agb{grid-column:1 / -1;display:flex;align-items:flex-start;gap:.55rem;font-size:.92rem;color:var(--color-ink)}.et-agb input{width:auto;margin-top:.15rem;accent-color:var(--color-teal)}.et-price{grid-column:1 / -1;margin:0;color:var(--color-ink)}.et-price strong{color:var(--color-brand)}.et-submit{grid-column:1 / -1;justify-content:center;width:100%;display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-sans);font-weight:700;color:var(--color-ink-strong);background:var(--color-orange);border:0;border-radius:999px;padding:.72rem 1.4rem;cursor:pointer;transition:background .18s,transform .18s}.et-submit:hover{background:var(--color-amber);transform:translateY(-2px)}.et-status{grid-column:1 / -1;min-height:1.2em;margin:0;color:var(--color-teal-deep);font-size:.92rem}.et-ok{text-align:center;padding:1.2rem .9rem}.et-ok-mark{width:3rem;height:3rem;margin:0 auto .5rem;display:grid;place-items:center;border-radius:999px;font-size:1.4rem;font-weight:700;color:#0a5f3c;background:color-mix(in srgb,#12a86a 18%,#fff)}.et-ok h3{font-family:var(--font-display);color:var(--color-brand)}.et-ok p{color:var(--color-ink);margin-top:.3rem}.et-manage{display:inline-flex;margin-top:.9rem;font-weight:700;text-decoration:none;color:var(--color-ink-strong);background:var(--color-orange);border-radius:999px;padding:.6rem 1.3rem}.et-manage:hover{background:var(--color-amber)}
