.zaalplan{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Arial,sans-serif;margin:0 auto;width:100%}.zaalplan .podium{width:100%;font-size:20px;line-height:2em;font-weight:700;margin-left:auto;margin-right:auto;margin-top:1em;background-color:silver;clear:both;text-align:center;text-transform:uppercase;color:#555;padding:1em 0;border-radius:1em;box-shadow:inset 0 0 0 2px #555}.zaalplan .beneden,.zaalplan .balkon,.zaalplan .balkon-title{margin-top:2rem;margin-bottom:1em;clear:both;text-align:center;text-transform:uppercase;color:#555;font-weight:700}.zaalplan .zetel{min-height:15px;white-space:nowrap;text-align:center;width:4%;margin:.25% .33%;font-size:10px;line-height:16px;position:relative;border-radius:2px 2px 9px 9px;background-color:#cbd4da;border:1px solid gray;max-width:40px;color:#6f6a6a;cursor:pointer;display:flex;align-items:center;justify-content:center}.zaalplan .zetel:hover{background:#eee}.zaalplan .zetel:before{content:"";float:left;padding-top:60%}.zaalplan .zetel.bezet{background-color:#66747f;cursor:not-allowed}.zaalplan .zetel.selected{background-color:#43b61d;border-color:#3d8425;border-width:1px}.zaalplan .zetel.nvt{border-color:#ccc;background-color:#fff;cursor:not-allowed}.zaalplan .zetel.empty{border:transparent;background-color:transparent;cursor:not-allowed}.zaalplan .zetel.current{background-color:gold;border-color:orange;color:#333;font-weight:700}.zaalplan .zaal-row{flex-direction:row-reverse;display:flex;justify-content:center}.zaalplan .zaal-row.T{margin-top:30px}.zaalplan .row-letter{width:30px;text-align:center;font-weight:700;color:#666}.row .col-md-3{flex:0 0 auto;white-space:nowrap}.row .col-md-3 .zetel{min-width:30px}@media (max-width: 960px){.zaalplan{min-width:960px}.zaalplan .zetel{max-width:30px;margin-top:5px;margin-bottom:5px}}body.has\:dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grabbing}body.has\:dragging .interactive-inner{pointer-events:none}.interactive-outer-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;background:#d6ffec;box-shadow:inset 0 -1px #0003}.interactive-outer-wrapper.is\:initiated .interactive__inner{opacity:1}.interactive-outer-wrapper.has\:overlay .interactive__overlay{display:flex}.interactive-outer-wrapper.has\:overlay .interactive-controls__zoom-in{display:block}.interactive-outer-wrapper.has\:overlay .interactive-controls__zoom-out{display:none}.interactive-outer-wrapper.is\:zoomed-in{touch-action:none}.interactive-outer-wrapper.is\:zoomed-in .interactive-controls__zoom-out{display:block}.interactive{width:100%;flex:1 1 auto;position:relative;overflow:hidden;background:radial-gradient(circle,#b0e3f7,#d6ffec,#fffac9);height:min(var(--scaled-height, 30rem),90vh);min-height:30rem;box-shadow:0 1px #0003;cursor:zoom-in}.modal-body.floorplan-active .interactive{height:var(--modal-floorplan-height, 90vh)!important;min-height:100px!important}.interactive.can-drag{cursor:grab}.interactive.can-drag.has-overflow{overflow:auto}.interactive.can-drag.has-overflow::-webkit-scrollbar{width:12px;height:12px}.interactive.can-drag.has-overflow::-webkit-scrollbar-track{background:#ffffff1a;border-radius:6px}.interactive.can-drag.has-overflow::-webkit-scrollbar-thumb{background:#0000004d;border-radius:6px}.interactive.can-drag.has-overflow::-webkit-scrollbar-thumb:hover{background:#00000080}.interactive.can-drag.has-overflow::-webkit-scrollbar-corner{background:#ffffff1a}.interactive.is-dragging{cursor:grabbing}.interactive__container{flex:0 0 auto;transform-origin:0 0;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;will-change:transform;transition:transform .25s ease-in-out}.interactive__container.is-instant{transition:none!important}.interactive__inner{width:100%;height:auto;opacity:0;transition:opacity .2s ease-out}.interactive__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff80;display:none;justify-content:center;align-items:center;z-index:10;cursor:pointer;opacity:0;transition:opacity .3s}.interactive__overlay .overlay-content{text-align:center;padding:1rem}.interactive__overlay .overlay-text{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem}.interactive__overlay .overlay-hint{font-size:1rem;color:#666;font-style:italic}.interactive-controls{position:sticky;right:1rem;bottom:1rem;left:auto;z-index:2;display:inline-flex;background:#ffffff80;cursor:pointer;font-size:2rem;transition:opacity .3s;margin:1rem}.interactive-controls button{width:2.5rem;height:2.5rem;font-size:1.5rem;border:none;background:#fff;box-shadow:0 2px 5px #0003;cursor:pointer;border-radius:4px;display:none;transition:background-color .2s ease}.interactive-controls button:hover{background:#f0f0f0}.interactive-controls button:active{transform:scale(.95)}.interactive-controls .interactive-controls__fit-view{display:block!important;font-size:1.2rem}.chosen-tickets{position:absolute;bottom:1rem;left:1rem;right:1rem;z-index:2;justify-content:space-between;background:#fff;padding:.5rem;display:inline-flex;border-radius:4px;box-shadow:0 2px 5px #0003;margin:0;pointer-events:none}.chosen-tickets *{pointer-events:auto}.row{display:flex;gap:2rem}.theater-floorplan .zaalplan{min-width:1240px;padding:48px}.modal-body.floorplan-active .theater-floorplan .zaalplan{padding-bottom:var(--chosen-tickets-height, 48px)}