/* ====================================================================
   SVG-Saalplan: Rahmen und Zoom-Schalter
   --------------------------------------------------------------------
   Gehoert zu public/javascripts/svgplan.js und gilt fuer den Shop
   (Basket/eventSvg-fe.html) wie fuer den Verkauf im Backend
   (Basket/eventSvg.html). Die Farben der Plaetze bleiben in der
   jeweiligen Seite, die haengen an der Bestuhlung.
   ==================================================================== */

#svg { max-width: 100%; margin: 0 auto }

/* touch-action:none, damit das Schieben mit dem Finger nicht die Seite
   mitnimmt. Breite und Hoehe auf 100%: die festen Masse der Datei sind
   durch eine viewBox ersetzt. */
#svg > svg { display: block; width: 100%; height: 100%; touch-action: none }
#svg.dragging { cursor: grabbing }

/* Zoom-Schalter in der SVG. Bringt die Datei eigene mit, werden die
   benutzt, sonst legt das Skript welche an. Sie liegen ausserhalb von
   #viewport und bleiben darum beim Zoomen an ihrem Platz. */
#svg .zoom-btn { cursor: pointer }
#svg .zoom-btn rect { fill: #fff; stroke: #bbb }
#svg .zoom-btn:hover rect { fill: #f2f2f2 }
#svg .zoom-btn path { stroke: #444; fill: none; stroke-linecap: round }