#performance-show .content-box{border:unset;padding:0 0.75rem}#performance-show .content-box .header{background-color:unset;margin-bottom:0.75rem;padding:0.75rem 0;color:#000;font-size:1rem}#performance-show .content-box:not(.with-icon) .content{padding:unset}#performance-show .performance-wrapper{grid-template-areas:"priceGroups priceGroups" "plan tickets" "plan btnInf" !important;grid-template-rows:repeat(3, auto) !important}#performance-show .performance-wrapper #pricegroupoverviewbox{grid-area:priceGroups}#performance-show .performance-wrapper #pricegroupoverviewbox .header{text-transform:uppercase}#performance-show .performance-wrapper #pricegroupoverviewbox #pricegroupoverview{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem}#performance-show .performance-wrapper #pricegroupoverviewbox #pricegroupoverview .priceGroup{display:flex;align-items:center;margin:unset;border-radius:2px}#performance-show .performance-wrapper #pricegroupoverviewbox #pricegroupoverview .priceGroup span{padding:5px}#performance-show .performance-wrapper #pricegroupoverviewbox #pricegroupoverview .priceGroup .priceGroupName{word-break:break-all;padding:0.5rem;font-size:1rem}#performance-show .performance-wrapper #pricegroupoverviewbox #pricegroupoverview .priceGroup .priceGroupPrice{white-space:nowrap;background-color:white !important;color:#000 !important;font-weight:bold;padding:0 0 0 0.25rem;height:100%;display:flex;align-items:center;font-size:1rem}#performance-show .performance-wrapper #pricegroupoverviewbox #pricegroupoverview .priceGroup.last{margin-bottom:0}#performance-show .performance-wrapper #reservedticketsoverviewbox{grid-area:tickets;margin:unset}#performance-show .performance-wrapper #reservedticketsoverviewbox .header{text-transform:uppercase}#performance-show .performance-wrapper #reservedticketsoverviewbox #reservedticketsoverview{display:flex;flex-direction:column;gap:5px}#performance-show .performance-wrapper #reservedticketsoverviewbox #reservedticketsoverview .reservedTicket{padding:5px;cursor:pointer;display:flex;align-items:start;gap:0.5rem;position:relative}#performance-show .performance-wrapper #reservedticketsoverviewbox #reservedticketsoverview .reservedTicket .pricegroupname{padding:0.25rem;border-radius:2px;white-space:nowrap;border:1px solid #000}#performance-show .performance-wrapper #reservedticketsoverviewbox #reservedticketsoverview .reservedTicket .label-wrapper{display:flex;flex-direction:column}#performance-show .performance-wrapper #reservedticketsoverviewbox #reservedticketsoverview .reservedTicket span{word-break:break-word;padding:0.25rem}#performance-show .performance-wrapper #reservedticketsoverviewbox #reservedticketsoverview .reservedTicket a{display:flex;margin-left:auto}#performance-show .performance-wrapper #reservedticketsoverviewbox #reservedticketsoverview .reservedTicket a i{font-size:1rem}#performance-show .performance-wrapper #reservedticketsoverviewbox #reservedticketsoverview .reservedTicket:not(:last-child):after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:92%;height:1px;background-color:rgba(0,0,0,0.25)}#performance-show .performance-wrapper #theaterhallplanwrapper{position:relative}#performance-show .performance-wrapper #theaterhallplanwrapper .controls{position:absolute;z-index:1;top:1rem;right:1rem;flex-direction:column;gap:0.5rem}#performance-show .performance-wrapper #theaterhallplanwrapper .controls button{align-items:center !important;height:2.5rem !important;width:2.5rem !important;min-width:2.5rem !important;display:flex !important;justify-content:center !important;margin:unset !important;padding:unset !important}#performance-show .performance-wrapper .button-info{grid-area:btnInf;display:grid;align-self:end}#performance-show .performance-wrapper .button-info p{margin:unset}@media screen and (hover: hover) and (min-width: 600px){#performance-show .performance-wrapper.seat-view{grid-template-areas:"priceGroups priceGroups" "seat-view plan" "tickets btnInf" !important;grid-template-rows:repeat(3, auto) !important;grid-template-columns:repeat(2, 1fr)}#performance-show .performance-wrapper.seat-view #reservedticketsoverviewbox{height:fit-content;justify-self:start;min-width:15rem;max-width:20rem}#performance-show .performance-wrapper.seat-view .button-info{align-self:start}}@media screen and (max-width: 599px){#performance-show .performance-wrapper{grid-template-areas:"priceGroups" "plan" "tickets" "btnInf" !important;grid-template-rows:repeat(4, auto) !important;grid-template-columns:1fr !important}#performance-show .performance-wrapper #pricegroupoverviewbox{grid-area:priceGroups;margin:unset}#performance-show .performance-wrapper #reservedticketsoverviewbox{grid-area:tickets;justify-self:start}#performance-show .performance-wrapper #reservedticketsoverviewbox #reservedticketsoverview .reservedTicket{gap:1rem}#performance-show .performance-wrapper #theaterhallplanwrapper{display:flex;flex-direction:column;border:unset !important}#performance-show .performance-wrapper #theaterhallplanwrapper #tsHallplan{border:1px solid #000}#performance-show .performance-wrapper #theaterhallplanwrapper .controls{position:relative;flex-direction:row;gap:0.5rem;justify-content:center;align-items:center;top:unset;right:unset;width:100%;padding:0.5rem 0}}