.outer-ticketshop{padding:100px 0 110px;background:var(--beige);color:var(--black)}
.ticketshop-heading{max-width:830px;margin:0 auto 58px;text-align:center}
.ticketshop-eyebrow{margin:0 0 16px;color:var(--farbemittel);font-size:16px;font-weight:600}
.ticketshop-heading h2{margin:0 0 22px;font:400 clamp(38px,4.7vw,62px)/1.1 var(--font-display);overflow-wrap:anywhere}
.ticketshop-lead{max-width:650px;margin:auto;font-size:21px;line-height:1.5}
.ticketshop-empty{position:relative;display:grid;grid-template-columns:154px minmax(0,1fr);align-items:center;gap:42px;max-width:1000px;margin:auto;padding:42px 56px;background:var(--farbehell);border:1px solid var(--farbemittel);overflow:hidden}
.ticketshop-empty:before,.ticketshop-empty:after{content:"";position:absolute;top:50%;width:30px;height:30px;transform:translateY(-50%);border:1px solid var(--farbemittel);border-radius:50%;background:var(--beige)}
.ticketshop-empty:before{left:-16px}.ticketshop-empty:after{right:-16px}
.ticketshop-empty-icon{display:grid;align-self:stretch;align-items:center;border-right:1px dashed var(--farbemittel);padding-right:36px}
.ticketshop-empty-icon svg{width:100%;max-width:100px;stroke:var(--farbemittel);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ticketshop-status-label{margin:0 0 12px;color:var(--farbemittel);font-size:13px;line-height:1.3;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ticketshop-empty h3{margin:0 0 16px;font:400 clamp(28px,3vw,38px)/1.15 var(--font-display);overflow-wrap:anywhere}
.ticketshop-empty p:last-child{margin:0;font-size:18px;line-height:1.5}
.ticketshop-events{display:grid;gap:22px;max-width:1080px;margin:auto}
.ticketshop-event{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:30px;align-items:center;padding:28px;background:var(--farbehell);border:1px solid var(--farbemittel)}
.ticketshop-date{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;align-self:stretch;border-right:1px dashed var(--farbemittel);padding-right:24px;color:var(--farbedunkel);font-size:17px;line-height:1.3}
.ticketshop-date span{font:400 46px/1 var(--font-display)}
.ticketshop-event-copy{min-width:0;overflow-wrap:anywhere}
.ticketshop-event h3{margin:0;font:400 30px/1.2 var(--font-display)}
.ticketshop-subtitle,.ticketshop-location{margin:7px 0 0;font-size:17px;line-height:1.4}
.ticketshop-location{color:var(--farbedunkel)}
.ticketshop-time{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:12px 0 0;font-size:17px;line-height:1.4}
.ticketshop-time span{margin-left:8px}
.ticketshop-event-status{margin:10px 0 0;color:var(--farbedunkel);font-weight:600;font-size:17px}
.ticketshop-booking{min-width:0}.outer-ticketshop .ticketshop-booking a{gap:10px;min-height:44px;font-size:16px}
.ticketshop-external{font:400 20px/1 var(--font-family)}
.ticketshop-provider{max-width:780px;margin:30px auto 0;text-align:center;color:var(--farbedunkel);font-size:17px;line-height:1.5}
.ticketshop-notice{max-width:1080px;margin:0 auto 24px;padding:16px 20px;border-left:3px solid var(--farbemittel);background:var(--farbehell);font-size:17px;line-height:1.5}
.outer-ticketshop.ticketshop-compact{padding-top:0}.ticketshop-compact .ticketshop-heading{margin-bottom:34px}.ticketshop-compact .ticketshop-heading h2{font-size:40px}
@media(max-width:1000px){.outer-ticketshop{padding:75px 0 85px}.ticketshop-empty{gap:28px;padding:34px;grid-template-columns:110px minmax(0,1fr)}.ticketshop-empty-icon{padding-right:24px}.ticketshop-event{grid-template-columns:95px minmax(0,1fr);gap:20px}.ticketshop-booking{grid-column:2}.ticketshop-date{grid-row:1/3}.ticketshop-event h3{font-size:28px}}
@media(max-width:540px){.outer-ticketshop{padding:58px 0 64px}.ticketshop-heading{margin-bottom:36px}.ticketshop-heading h2{font-size:clamp(33px,9vw,42px)}.ticketshop-lead{font-size:18px}.ticketshop-empty{grid-template-columns:1fr;gap:22px;padding:28px}.ticketshop-empty-icon{border-right:0;border-bottom:1px dashed var(--farbemittel);padding:0 0 20px}.ticketshop-empty-icon svg{width:74px;height:56px}.ticketshop-empty h3{font-size:30px}.ticketshop-empty p:last-child{font-size:17px}.ticketshop-event{grid-template-columns:64px minmax(0,1fr);gap:18px;padding:22px 18px}.ticketshop-date{font-size:14px;padding-right:14px;gap:8px}.ticketshop-date span{font-size:38px}.ticketshop-event h3{font-size:25px}.ticketshop-time{display:block}.ticketshop-time span{display:block;margin:4px 0 0}.ticketshop-booking{grid-column:1/-1}.outer-ticketshop .ticketshop-booking a{min-width:100%}.ticketshop-date{grid-row:auto}.ticketshop-compact .ticketshop-heading h2{font-size:32px}}
