#performance-show .performance-wrapper{display:grid;grid-template-areas:"plan controls" "plan info";grid-template-rows:2.5rem auto;grid-template-columns:calc(70% - 1rem) 30%;grid-gap:1rem;margin-bottom:2rem}#performance-show .performance-wrapper #theaterhallplanwrapper{grid-area:plan;height:15rem;border:1px solid #343233}#performance-show .performance-wrapper .info{grid-area:info}#performance-show .performance-wrapper .info #pricegroupoverview .priceGroup{display:flex;justify-content:space-between;margin-bottom:5px;border-radius:5px}#performance-show .performance-wrapper .info #pricegroupoverview .priceGroup span{padding:5px}#performance-show .performance-wrapper .info #pricegroupoverview .priceGroup .priceGroupName{border-right:1px solid #fff;word-break:break-all}#performance-show .performance-wrapper .info #pricegroupoverview .priceGroup .priceGroupPrice{white-space:nowrap}#performance-show .performance-wrapper .info #pricegroupoverview .priceGroup.last{margin-bottom:0}#performance-show .performance-wrapper .info #reservedticketsoverviewbox{margin:unset}#performance-show .performance-wrapper .info #reservedticketsoverviewbox #reservedticketsoverview .reservedTicket{padding:5px;cursor:pointer;display:flex;align-items:center;gap:0.5rem}#performance-show .performance-wrapper .info #reservedticketsoverviewbox #reservedticketsoverview .reservedTicket .pricegroupname{padding:0.2rem;border-radius:5px;white-space:nowrap}#performance-show .performance-wrapper .info #reservedticketsoverviewbox #reservedticketsoverview .reservedTicket a{display:flex;margin-left:auto}#performance-show .performance-wrapper .seat-viewer{display:none}@media screen and (hover: hover) and (min-width: 600px){#performance-show .performance-wrapper.seat-view{grid-template-areas:". controls" "seat-view plan" "priceGroups tickets";grid-template-rows:repeat(3, auto);grid-template-columns:repeat(2, 1fr)}#performance-show .performance-wrapper.seat-view .controls{justify-content:flex-end;gap:1rem}#performance-show .performance-wrapper.seat-view .controls button{width:5rem}#performance-show .performance-wrapper.seat-view .info{display:contents}#performance-show .performance-wrapper.seat-view .info #pricegroupoverviewbox{grid-area:priceGroups;max-width:18rem}#performance-show .performance-wrapper.seat-view .info #reservedticketsoverviewbox{grid-area:tickets;height:fit-content;justify-self:end;min-width:15rem;max-width:20rem}#performance-show .performance-wrapper.seat-view .seat-viewer{grid-area:seat-view;display:flex;border:1px solid #343233;background-color:black}#performance-show .performance-wrapper.seat-view .seat-viewer:not(.active){justify-content:center;align-items:center;padding:2rem;box-sizing:border-box}#performance-show .performance-wrapper.seat-view .seat-viewer:not(.active) .no-preview{display:block}#performance-show .performance-wrapper.seat-view .seat-viewer:not(.active) .seat-view{display:none}#performance-show .performance-wrapper.seat-view .seat-viewer.preview{position:relative;background-color:white;padding:0}#performance-show .performance-wrapper.seat-view .seat-viewer.preview .no-preview{position:absolute;z-index:1;padding:2rem;color:black}#performance-show .performance-wrapper.seat-view .seat-viewer.preview .seat-view{display:block;opacity:0.5}#performance-show .performance-wrapper.seat-view .seat-viewer .no-preview{display:none;font-size:1.2rem;line-height:1.25;color:white;margin:unset}#performance-show .performance-wrapper.seat-view .seat-viewer .seat-view{width:100%;object-fit:contain}}@media screen and (max-width: 599px){#performance-show .performance-wrapper{grid-template-areas:"priceGroups" "controls" "plan" "tickets";grid-template-rows:repeat(4, auto);grid-template-columns:1fr}#performance-show .performance-wrapper .info{display:contents}#performance-show .performance-wrapper .info #pricegroupoverviewbox{grid-area:priceGroups;margin:unset}#performance-show .performance-wrapper .info #reservedticketsoverviewbox{grid-area:tickets;justify-self:end}#performance-show .performance-wrapper .info #reservedticketsoverviewbox #reservedticketsoverview .reservedTicket{gap:1rem}}#theaterhallplanwrapper{height:15rem}#userFlashesHolder.subscription{position:fixed;top:0}.controls{grid-area:controls;align-self:start;display:flex;justify-content:space-between}.controls button{font-size:1.5rem;min-width:3rem;width:30%}.controls.subscription{padding-top:1rem}.controls.subscription button{font-size:1rem}#balloon-viewer{max-width:10rem;object-fit:contain;background-color:#fff;position:fixed;display:none;z-index:6;pointer-events:none;border-radius:5px;padding:0.2rem;border:2px solid #343233}#image-preloader{display:none}#ShowSelectionOfferHallplanPage{height:100%}#ShowSelectionOfferHallplanPage .selection-offer .ticketcount{display:flex;flex-direction:row;height:2rem;font-size:1.5rem;position:fixed;z-index:5;top:0;right:0;align-items:center;background-color:white;padding:0 10px;border-bottom-left-radius:10px}#ShowSelectionOfferHallplanPage .selection-offer .ticketcount span{display:inline-flex}#ShowSelectionOfferHallplanPage .selection-offer .controls{align-self:start;display:flex;flex-direction:column;width:3rem;justify-content:space-between;position:fixed;top:2.5rem;right:10px;z-index:5;gap:0.5rem}#ShowSelectionOfferHallplanPage .selection-offer .controls button{font-size:1.5rem;min-width:3rem;min-height:3rem}@media screen and (hover: hover) and (min-width: 535px){#ShowSeatSubscriptionHallplanPage.subscription .content-wrapper.seat-view{display:flex}#ShowSeatSubscriptionHallplanPage.subscription .content-wrapper.seat-view .seat-view-wrapper{width:50%}#ShowSeatSubscriptionHallplanPage.subscription .content-wrapper.seat-view #theaterhallplanwrapper{width:50%}}