.outer-showzeiten{position:relative;background:var(--beige);color:var(--black);padding:116px 0 100px}
.showzeiten-overview{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:92px;align-items:center}
.showzeiten-overview.no-image{grid-template-columns:1fr;max-width:780px;margin:auto;text-align:center}
.showzeiten-copy{min-width:0}
.showzeiten-eyebrow{margin:0 0 16px;color:var(--farbemittel);font-size:16px;line-height:1.4;font-weight:600}
.showzeiten-heading h2{margin:0 0 24px;color:var(--black);font:400 clamp(42px,4.6vw,62px)/1.07 var(--font-display);overflow-wrap:anywhere}
.showzeiten-lead{max-width:520px;margin:0;font-size:20px;line-height:1.5}
.showzeiten-more{display:table;margin-top:30px}
.showzeiten-overview.no-image .showzeiten-lead{margin:auto;max-width:700px}
.showzeiten-overview.no-image .showzeiten-more{margin-inline:auto}
.showzeiten-visual{position:relative;min-width:0;margin:0;padding-top:8px}
.showzeiten-photo{position:relative;aspect-ratio:3/2;overflow:hidden;border:3px solid var(--black);transform:rotate(2deg);box-shadow:11px 12px 0 var(--farbehell)}
.showzeiten-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.showzeiten-visual:after{content:"";position:absolute;left:-28px;top:-26px;width:74px;height:72px;background:url('../../../images/gestaltung/programm/844a6.svg') center/contain no-repeat;transform:rotate(-12deg);pointer-events:none}
.showzeiten-visual figcaption{margin:28px 20px 0;color:var(--farbedunkel);font-size:17px;line-height:1.4;text-align:center}
.showzeiten-status{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:40px;margin-top:88px;padding:36px 48px;background:var(--farbehell);border:1px solid var(--farbemittel);overflow:hidden}
.showzeiten-status:before,.showzeiten-status:after{content:"";position:absolute;top:50%;width:28px;height:28px;border:1px solid var(--farbemittel);border-radius:50%;background:var(--beige);transform:translateY(-50%);pointer-events:none}
.showzeiten-status:before{left:-15px}.showzeiten-status:after{right:-15px}
.showzeiten-status-icon{align-self:stretch;display:grid;align-items:center;border-right:1px dashed var(--farbemittel);padding-right:34px}
.showzeiten-status-icon svg{width:80px;height:80px;stroke:var(--farbemittel);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.showzeiten-status-label{margin:0 0 10px;color:var(--farbemittel);font-size:13px;font-weight:700;line-height:1.3;letter-spacing:.12em;text-transform:uppercase}
.showzeiten-status h3{margin:0 0 12px;color:var(--black);font:400 38px/1.12 var(--font-display);overflow-wrap:anywhere}
.showzeiten-status-text{max-width:760px;margin:0;font-size:18px;line-height:1.5}
.showzeiten-list{display:grid;margin-top:88px;border-top:1px solid var(--farbemittel)}
.showzeiten-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:24px;align-items:center;padding:26px 30px;border-bottom:1px solid var(--farbemittel)}
.showzeiten-row:nth-child(odd){background:var(--farbehell)}
.showzeiten-calendar{width:36px;height:36px;stroke:var(--farbemittel);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.showzeiten-date h3{margin:0 0 5px;color:var(--black);font:400 30px/1.15 var(--font-display);overflow-wrap:anywhere}
.showzeiten-date p{margin:0;font-size:17px;line-height:1.35}
.showzeiten-time{margin:0;color:var(--farbedunkel);font-size:25px;font-weight:600;line-height:1.3}
.showzeiten-ticket{white-space:nowrap}
@media(max-width:1100px){.showzeiten-overview{gap:60px}.showzeiten-heading h2{font-size:50px}.showzeiten-lead{font-size:19px}.showzeiten-status h3{font-size:34px}.showzeiten-row{gap:18px;padding:24px}.showzeiten-date h3{font-size:27px}.showzeiten-time{font-size:22px}}
@media(max-width:1000px){.outer-showzeiten{padding:80px 0}.showzeiten-overview{grid-template-columns:1fr;gap:48px;max-width:660px;margin:auto}.showzeiten-heading h2{max-width:580px;font-size:50px}.showzeiten-lead{max-width:none}.showzeiten-visual{margin-inline:4px}.showzeiten-status,.showzeiten-list{margin-top:68px}.showzeiten-status{grid-template-columns:90px minmax(0,1fr);gap:28px;padding:30px}.showzeiten-status-icon{padding-right:22px}.showzeiten-status-icon svg{width:62px;height:62px}.showzeiten-status h3{font-size:32px}.showzeiten-row{grid-template-columns:36px minmax(0,1fr) auto;gap:18px}.showzeiten-ticket{grid-column:2/-1}}
@media(max-width:520px){.outer-showzeiten{padding:64px 0 60px}.showzeiten-eyebrow{margin-bottom:12px}.showzeiten-heading h2{font-size:clamp(34px,10vw,42px)}.showzeiten-lead{font-size:18px}.showzeiten-more{margin-top:26px}.showzeiten-visual:after{left:-10px;top:-19px;width:58px;height:56px}.showzeiten-photo{box-shadow:7px 8px 0 var(--farbehell)}.showzeiten-visual figcaption{margin-top:23px;font-size:16px}.showzeiten-status,.showzeiten-list{margin-top:54px}.showzeiten-status{grid-template-columns:1fr;gap:20px;padding:28px}.showzeiten-status-icon{border-right:0;border-bottom:1px dashed var(--farbemittel);padding:0 0 18px;justify-items:start}.showzeiten-status-icon svg{width:48px;height:48px}.showzeiten-status h3{font-size:31px}.showzeiten-status-text{font-size:17px}.showzeiten-row{grid-template-columns:32px minmax(0,1fr);padding:22px 18px;gap:10px 15px}.showzeiten-calendar{width:30px;height:30px}.showzeiten-date h3{font-size:26px}.showzeiten-time,.showzeiten-ticket{grid-column:2}.showzeiten-time{font-size:22px}}
